7 puan yazan studroid 2021-08-26 | 7 yorum | WhatsApp'ta paylaş

Çapraz platform geliştirme çatısı Flutter ile yapılmış bir jiu-jitsu turnuvası skor tabelasını paylaşıyorum :)

  • GitHub Pages üzerinde çalıştırılabilir bir web sürümü var.

  • Flutter ile yapıldığı için çeşitli ortamlarda (PC, Android, iOS) çalışabilen sürümler olarak derlenebilir.

Çalışan özelliklerin listesi şöyle.

  • Zamanlayıcı: başlat/duraklat/süreyi değiştir/6 dakikaya geri döndür

  • Ses: zamanlayıcı başladığında, bittiğinde ve sıfırlamadan sonra yeniden başladığında bip~! sesi çalar

  • Sporcu adı girişi

  • Her sporcu için 4/3/2 puan birimlerinde puan artırma/azaltma

  • Her sporcu için Advantage/Penalty verme

  • Toplam puan hesaplama

  • Skor tabelasını sıfırlama

Bunu yapma nedenlerim şunlardı.

  • Çeşitli nedenlerle...! Flutter'a ilgi duymaya başlamış, öğreniyordum ve çok ama çok basit bir uygulama yapmayı denemiştim.

  • Yaklaşık 1 yıldır jiu-jitsu öğreniyordum ve gittiğim salonda bir turnuva düzenlenmeye başlandı.

  • Turnuvada kullanılacak skor tabelasının mobil uygulama olarak olduğu, ancak işe yarar bir masaüstü uygulamasının olmadığı konuşuldu (= sporcular veya görevliler skoru kontrol edemiyor, hakemlerin de yönlendirme yükü artıyor)

  • Yazılım geliştirdiğimi bilenler yarı şaka yollu, 'Aa, siz bunu yapabilirsiniz değil mi!?' dediler.

  • Ama bunu duyunca birden bunun Flutter'ın gerçekten fayda gösterebileceği bir fikir olduğunu düşündüm...!

  • Hafta sonunda yapıldı, turnuvada kullanılmaya başlandı ve hâlâ kullanılmaya devam ediyor.

Mevcut skor tabelasından farkları ise şunlar.

  • İşlev olarak neredeyse aynı.

  • Ancak tarayıcıda görüntülenebiliyor ve tarayıcı boyutuna göre yukarı-aşağı ve sağ-sol ölçüleri değişiyor.

  • Yani mobil dahil her yerde kullanılabilen bir skor tabelası.

  • Ekran yüksekliği değerine göre yazı boyutu dinamik olarak değişiyor.

Flutter'da kullanılan GetX adlı kütüphane ile durum yönetimi yaptım.

Geliştirme yapısının karmaşıklığı çok yüksek olmadığı için, component tabanlı bir MVC deseni kullanarak UI/Logic/Data ayrımını yapıp kodu oluşturdum.

Flutter'ın temel dili olan Dart ile yazıldı; bir göz atar, çeşitli görüş ve geri bildirimlerinizi ya da herhangi bir ilginizi paylaşırsanız çok memnun olurum!!

7 yorum

 
misolab 2021-08-26

Flutter ile Web geliştirmeyi hep laf arasında duymuştum, ilk kez görüyorum.

Geliştirici araçlarına bakınca,

sanki Web geliştirmekten ziyade

tarayıcıda çalışan bir uygulama yapılmış gibi görünüyor.

Gerçekten harikasınız.~~ Çok yeteneklisiniz!!

 
studroid 2021-08-27

@misolab doğru, canvas üzerine çizim yaptığı için tamamen sadece uygulamayı üstüne koymuş oluyorsunuz...

Açıkçası ben de Flutter Web geliştirmeyi sadece kulaktan dolma duyduktan sonra, Flutter ile bir blog yapmalıyım! diye düşünmüştüm ama bu fikri usulca rafa kaldırdım...

Temelde arama motorlarında indekslenmeyecek gibi görünüyordu....;

 
galadbran 2021-08-29

Sanırım Google arama motoru bunu yapar, değil mi? Böylece garip arama botları içeriği alamaz ve belki de aksine daha temiz bir bölge hâline gelir... ^^;

 
studroid 2021-08-30

Olabilir tabii...!? haha Ben de ilgiyle takip etmeye devam ediyorum; hızlı geliştiği için umutlanmaya değer gibi görünüyor haha

 
xguru 2021-08-30

Googlebot Chrome tabanlı olduğu için bir ölçüde mümkün olduğu söyleniyor.

Ama SEO’yu düzgün yapmak istiyorsanız, çoğu kişi botlar için ayrı bir HTML sürümü hazırlamanız gerektiğini söylüyor.

 
xguru 2021-08-26

Ne yazık ki jiu-jitsu hakkında hiç bilgim yok..

Ama yarışmada kullanıldığını söylediğiniz için, leaderboard benzeri bir yapıda mevcut puan kayıtlarını saklayabilse iyi olmaz mı diye düşündüm.

Sporcuların ayrı ayrı giriş yapması gibi bir yöntemle, sporcu bazında geçmiş kayıtları tutmak da mümkün olabilir diye düşünüyorum.

Ayrıca sık kullandığım uygulamalardan biri, masa oyunu oyun kayıt uygulaması olan BG Stats adlı bir uygulama.

Belirli bir rakibe karşı mücadele ettiğinizde kaç kez / kaç puan farkla kazandığınız gibi, rakip bazında galibiyet oranı istatistiklerini gösterdiğini hatırlıyorum.

https://www.bgstatsapp.com/

 
studroid 2021-08-27

@xguru

Vay, sporcu geçmişi yönetimine kadar uzanabilen bir platforma evrilebilir gibi görünüyor...! İçgörü dolu görüşünüz için çok teşekkürler!!

BG Stats, masa oyunu oynama kayıt uygulamasıymış...! Ben de birkaç türle sınırlı olsa da masa oyunlarını epey seven biriyim, gerçekten inanılmaz bir uygulama...!

Jiu-jitsu tarafında da puanlama olduğu için, gerçekten örnek alınabilecek çok fazla içerik var gibi görünüyor.

Referans kaynaklar için de gerçekten çok teşekkürler!!