Wissio

bootstrap html templates

Wissio bir bilgi yarışması uygulaması. Topluluğumla düzenlediğimiz 'Quiz Night' etkinlikleri için kendimize ait bir uygulama kullanmak istemiştik bundan dolayı bu uygulamayı geliştirdim.

Mobirise

    Aksaray Üniversitesi Sanayi ve Teknoloji Topluluğu (https://www.linkedin.com/company/sanayiveteknolojitoplulugu) olarak 'Quiz Night' etkinlikleri düzenliyoruz. Bu etkinliklerde katılımcı oylamalarıyla bir film veya dizi seçilir, yönetim tarafından hazırlanan sorularla katılımcılara eğlenceli bir aktivite sunmak amaçlanır. Biz de topluluk olarak kendi düzenlediğimiz etkinlikte kendi uygulamamızı kullanmak istedik. Bu görevi üstlenerek tüm algoritmaları ve UI bileşenleri özgün olan 'Wissio' ortaya çıkmış oldu.

    'Wiss' kelimesi Almanca 'bilmek' anlamına geliyor. Bende sonuna 'io' ekleyerek 'Wissio' ismini bulmuş oldum.

    Nihai amacı, bilgi yarışmaları için tamamen soru göstermek olan Wissio Delphi ve UniGUI ile yazıldı. Kullanıcılar kendi sorularını Wissio'ya yükleyebilirler. Bunu ise JSON formatındaki sorular sayesinde başarabiliyoruz. JSON formatı (Javascript Object Notation) günümüzde; sunucu ve istemci arasında bilgi alış-verişi, API'ler, konfigrasyon dosyaları, yerel veritabanları gibi oldukça geniş ve esnek bir çalışma yelpazesine sahiptir.

    Benim de kullanım amacım aslında 'yerel veritabanı' kategorisine giriyor desek yalnış olmaz. Kullanıcılar soru ve cevaplarını belirli bir formatta bir JSON dosyasına kaydeder ve Wissio'ya yükler. Wissio ise bu JSON dosyasını parse (ayrıştırarak) ederek soruları gizli bir listeye kaydeder. Listeye kaydetmenin nedeni ise, JSON dosyasınıı sunucuda sürekli tutmaktan kurtarmak ve tüm yükü sunucudan istemciye yüklemektir. Yani ne kadar uzun sorularınız da olsa, milyonlarca karakter kullansanız bile, sadece dosya yükleme aşamasında bekleme yaşayacaksınız. Yarışma sırasında soruların tamamı çoktan listelere kaydedildiğinden dolayı yarışma esnasında asla bekleme yaşamayacaksınız demektir. Çok güzel bir optimizasyon örneği desek yanlış olmaz.

    Bu şekilde kullanıcılar istedikleri yarışmayı yine Wissio içerisinde bulunan JSON editörü (buradan ulaşabilirsiniz.) ile oluşturabilir ve Wissio ile kullanabilir.

    Bu proje benim için şu yönden önemli oldu: Yeni teknikler deneyip başarılı oldum. Yani kendimi geliştirdim. Benim için çok büyük bir gelişme bu çünkü UniGUI ile dinamik web siteleri tasarlarken sadece Delphi'nin bize sunduğu UI elementlerini (butonlar, textarea'lar, label'lar gibi) kullanıyorken bu uygulama özelinde tamamen HTML ve CSS ile ürettiğim elementleri kullandım. Uygulama üzerinde gördüğünüz tüm bu UI elementleri Delphi'nin sunduğu değil, benim özel olarak ürettiğim elementlerdir.

    Bu yöntemin daha önceden zaten mümkün olduğunu biliyordum ama denemeye biraz korkuyordum. Bu uygulamayla konfor alanımdan çıkıp yeni şeyler denemek istedim ve aldığım sonuçtan çooook memnunum. - Özellikle de 'Soruları Göster' butonundan :) -

Mobirise

     Uygulamayı kullanmak ise çook basit. İlk önce daha önceden JSON editörü ile oluşturduğunuz ve içerisinde sorularını içeren JSON dosyanızı Wissio'ya 'JSON Yükle' butonu ile seçip yüklüyorsunuz. (Yükleme sırasında iptal ederseniz yükleniyor ekranında kalacaktır. Bu sorunu çözemedim sayfayı yenileyebilirsiniz.). Sonrasında sorularını kontrol edebilmeniz için soruları size gösterir. Bu esnada soruları gizleyebilirsiniz. Soru gizleme özelliği ekledim çünkü kalabalık ortamlarda bazen projeksiyonla yansıtıldığında ilk birkaç soru yarışmacılara gösterilmiş olabiliyor. Bu yüzden soruları gizleyip yükleme yaparsanız hiç bir yarışmacı sorularınızı göremez. Sonrasında tercih ettiğiniz soru süresini giriyorsunuz. Varsayılan olarak 1 dakika yani 60 saniyeye ayarlı. Bunu istediğiniz gibi ayarlayabilirsiniz. En sonunda artık yarışmaya başlamaya hazırsınız. 

    'Yarışmaya Başlat' butonuna tıkladığınız andan itibaren artık Yarışma ekranındasınız demektir. Bu ekranda en üstte yeşil bir bar bulunur. Bu bar süre barıdır ve rengi yavaşça kırmızıya dönüşür. Tamamen bittiğinde ise cevap otomatik olarak ekrana yazılır. Kontrollerinizi sağlamanız için bu ekranda istediğiniz kadar bekleyebilirsiniz. (Aslında istediğiniz kadar bekleyemezsiniz çünkü uygulamanın timeout süresi 100 dakika :P) Kontrollerinizi sağladıktan sonra 'Sıradaki Soru' butonuyla sonraki soruya geçebilir ve döngüye yeniden başlayabilirsiniz.


Aşağıdaki linklerle sizler de Wissio'yu kullanabilir arkadaşlarınızla, ailenizle, sevdiklerinizde kaliteli ve eğlenceli zamanlar yaşayabilirsiniz.

Linkler:

Wissio - Uygulamayı buradan kullanabilirsiniz.

Editör - JSON Editörünü de buradan Kaynak kodları için lütfen özel olarak ulaşın.

Kaynak kodları için lütfen özel olarak ulaşın.

© Copyright 2025 Yuşa Göverdik - hasup.net - Tüm hakları saklıdır.