Saya memperkenalkan papan skor untuk turnamen jiu-jitsu yang dibuat dengan Flutter, framework pengembangan lintas platform :)
-
Tersedia versi web yang dapat dijalankan di GitHub Pages.
-
Karena dibuat dengan Flutter, aplikasi ini dapat dibangun menjadi versi yang berjalan di berbagai lingkungan (PC, Android, iOS).
Daftar fitur yang berfungsi adalah sebagai berikut.
-
Timer: mulai/jeda/ubah waktu/kembali ke 6 menit
-
Suara: mengeluarkan bunyi bip~! saat timer dimulai, saat berakhir, dan saat dimulai lagi setelah reset
-
Input nama atlet
-
Menambah/mengurangi skor dalam satuan 4 poin/3 poin/2 poin untuk masing-masing atlet
-
Memberikan Advantage/Penalty untuk masing-masing atlet
-
Menghitung total skor
-
Reset papan skor
Alasan saya membuat ini adalah sebagai berikut.
-
Karena berbagai alasan...! Saya tertarik pada Flutter dan sempat belajar sambil membuat aplikasi yang saangat sederhana.
-
Saya sudah sekitar 1 tahun belajar jiu-jitsu, dan dojo tempat saya berlatih akan mengadakan turnamen.
-
Ada aplikasi mobile untuk papan skor yang digunakan di turnamen, tetapi sempat muncul pembicaraan bahwa tidak ada aplikasi desktop yang cukup berguna untuk dipakai (= atlet atau pihak terkait tidak bisa melihat skor, dan wasit juga terbebani untuk memberi arahan)
-
Orang-orang yang tahu bahwa saya bekerja sebagai developer setengah bercanda berkata, "Eh, ini bisa Anda buat, kan!?"
-
Tetapi setelah mendengar itu, saya tiba-tiba merasa Flutter benar-benar cocok untuk item seperti ini...!
-
Saya membuatnya pada akhir pekan, lalu digunakan di turnamen, dan sampai sekarang masih dipakai.
Perbedaannya dengan papan skor yang sudah ada adalah
-
Dari sisi fungsi, hampir sama.
-
Namun, papan skor ini bisa dilihat di browser, dan ukurannya berubah secara vertikal maupun horizontal sesuai ukuran browser.
-
Dengan kata lain, ini adalah papan skor yang bisa digunakan di mana saja, termasuk di perangkat mobile.
-
Ukuran huruf berubah secara dinamis mengikuti tinggi layar.
Saya menggunakan library bernama GetX yang dipakai di Flutter untuk mengelola state,
dan karena kompleksitas susunan pengembangannya tidak terlalu tinggi, saya memisahkan UI/Logic/Data dalam pola MVC berbasis komponen untuk menyusun kodenya.
Aplikasi ini dibuat dengan Dart, bahasa dasar Flutter. Silakan lihat, dan saya akan sangat berterima kasih atas berbagai opini, feedback, maupun ketertarikan apa pun!!
7 komentar
Saya baru pertama kali melihat pengembangan web dengan Flutter, sebelumnya hanya pernah mendengarnya.
Setelah melihat lewat developer tools,
rasanya ini bukan sekadar mengembangkan web,
melainkan seperti membuat aplikasi yang berjalan di browser.
Luar biasa.~~ Hebat sekali!!
@misolab Betul, karena ini seperti digambar di atas canvas, jadi pada dasarnya benar-benar hanya menaruh aplikasi begitu saja...
Sebenarnya saya juga, setelah hanya mendengar tentang pengembangan Flutter Web, sempat berpikir, "Saya harus coba membuat blog dengan Flutter!" tetapi saya simpan baik-baik saja ide itu...
Pada dasarnya, sepertinya tidak akan terindeks oleh mesin pencari....;
Mungkin mesin pencari Google akan melakukannya, bukan? Setidaknya bot pencarian aneh-aneh jadi tidak bisa mengambil isinya, jadi malah bisa menjadi area yang lebih bersih... ^^;
Bisa jadi begitu...!? hahaha Saya juga terus mengikuti dengan penuh minat, dan karena perkembangannya cepat, sepertinya cukup layak untuk dinantikan hahaha
Karena Googlebot berbasis Chrome, katanya sampai batas tertentu memang memungkinkan.
Namun, tampaknya kebanyakan pendapat mengatakan bahwa kalau ingin SEO yang benar-benar optimal, sebaiknya buat versi HTML terpisah khusus untuk bot.
Sayangnya saya sama sekali tidak paham jiu-jitsu..
Tapi karena Anda bilang ini akan dipakai di turnamen, saya jadi terpikir mungkin akan bagus kalau ada fitur untuk menyimpan catatan skor yang sudah ada dalam bentuk leaderboard.
Mungkin juga bisa dibuat riwayat per atlet, misalnya dengan login untuk masing-masing atlet.
Lalu, ada salah satu aplikasi yang sering saya pakai, yaitu aplikasi pencatat permainan board game bernama BG Stats,
Saya ingat aplikasi itu menampilkan statistik tingkat kemenangan per lawan, misalnya berapa kali/selisih poin berapa kita menang saat melawan lawan tertentu.
https://www.bgstatsapp.com/
@xguru
Wah, ini sepertinya bisa berkembang menjadi platform yang bahkan mampu mengelola riwayat atlet...! Terima kasih atas pendapat yang penuh wawasan!!
BG Stats, aplikasi pencatat riwayat bermain board game...! Saya juga lumayan suka board game tertentu, jadi ini benar-benar aplikasi yang luar biasa...!
Karena jiu-jitsu juga punya sistem penilaian, rasanya memang ada banyak sekali konten yang bisa dijadikan referensi.
Terima kasih banyak juga atas sumber referensinya!!