Platform Event & Game Voting Real-Time WGG 2026
Anggota Divisi IT · developer pengalaman peserta dan integrasi real-time
Delivery teknologi event WGG 2026 yang telah selesai: pengalaman web orientasi resmi serta game keputusan tiga tahap yang dikendalikan operator untuk audiens sekitar 1.300 mahasiswa baru, dengan timer tersinkron, update state melalui Ably, voting, dan visualisasi hasil live.
Anggota Divisi IT · developer pengalaman peserta dan integrasi real-time
WGG 2026 selesai pada Agustus 2026. Platform resmi, flow game peserta, interface hasil live, dan sistem pendukung event telah terkirim sebagai bagian dari kerja tim IT. Sekitar 1.300 tetap merupakan target audiens orientasi, bukan pengukuran user concurrent yang diverifikasi terpisah.
01 / 05 Delivery teknologi event WGG 2026 yang telah selesai: pengalaman web orientasi resmi serta game keputusan tiga tahap yang dikendalikan operator untuk audiens sekitar 1.300 mahasiswa baru, dengan timer tersinkron, update state melalui Ably, voting, dan visualisasi hasil live.
Masalah yang dikerjakan.
WGG 2026 adalah program orientasi mahasiswa baru Petra Christian University yang selesai pada Agustus 2026. Dalam tim IT, saya mengembangkan komponen loader dan landing page untuk platform Laravel resmi yang melayani audiens orientasi sekitar 1.300 mahasiswa baru, serta membangun pengalaman Wawasan Kebangsaan: tiga skenario keputusan etika dan karier yang diubah menjadi game audiens tersinkron. Operator mengatur perpindahan tahap dan jendela voting 30 detik; browser peserta mengikuti state yang sama, mengirim satu vote per tahap, lalu merender hasil agregat A/B. Delivery tim yang lebih luas juga mencakup website rekrutmen untuk 100+ calon panitia dan website manajemen administratif.
Masalah
Audiens orientasi berskala besar perlu mengikuti alur cerita yang sama, voting dalam waktu singkat, dan melihat hasil agregat tanpa refresh manual atau perpindahan tahap yang tidak terkendali.
Pengguna
Sekitar 1.300 mahasiswa baru Informatika dan operator sesi WGG 2026
Keputusan utama.
Repo frontend dan admin adalah sistem privat milik tim, sehingga source link atau URL live publik tidak ditampilkan. Aset visual event disediakan oleh tim Creative WGG. Event selesai pada Agustus 2026; klaim portfolio membedakan perilaku yang terkirim dari peak concurrent user yang belum dicatat dan diverifikasi terpisah.
- Menjaga semua browser peserta sinkron terhadap transisi operator sambil mempertahankan fallback polling
- Melindungi kredensial server Ably dan membatasi client browser hanya pada capability subscribe
- Mencegah vote duplikat atau di luar waktu tanpa mempercayai identifier peserta yang dikirim browser
- Menyiapkan target sekitar 1.300 audiens tanpa menganggap kapasitas koneksi provider realtime sebagai bukti bahwa seluruh jalur Laravel dan database mampu menahan load yang sama
Yang saya bangun.
Membangun game tiga tahap untuk peserta, menghubungkan service frontend dan admin Laravel, mengintegrasikan Ably Pro dengan token browser subscribe-only, serta mengimplementasikan voting berbasis session dan pemetaan hasil. Saya juga mengembangkan komponen loader dan landing page untuk platform resmi WGG, sambil mendukung sistem rekrutmen dan administratif tim.
- Membangun UI mobile peserta untuk landing, tiga tahap keputusan, hasil voting, dan ending berdasarkan narasi serta aset visual yang diberikan tim event.
- Menghubungkan state game yang dikendalikan operator ke browser peserta melalui channel Ably dan memetakan state backend ke engine UI Blade/JavaScript yang sudah ada.
- Mengimplementasikan endpoint token server-side agar browser menerima akses realtime subscribe-only tanpa mengekspos API key penuh Ably.
- Menghubungkan vote ke API admin Laravel menggunakan identitas peserta yang sudah login, validasi tahap, pengecekan waktu voting, serta satu jawaban tersimpan per peserta, run, dan tahap.
Arsitektur sistem +
Kontrol operator memperbarui state admin Laravel → Ably membroadcast perubahan state game → browser peserta merender tahap aktif dan timer. Vote peserta memakai jalur HTTP terpisah yang terautentikasi melalui proxy frontend Laravel → API admin → database → state hasil agregat.
Hasil, dengan konteks.
Delivery WGG 2026 selesai pada Agustus 2026 dengan pengalaman orientasi resmi, flow game peserta, dan integrasi realtime yang berjalan. Portfolio ini sengaja tidak mengubah rencana audiens sekitar 1.300 orang menjadi klaim user concurrent atau performa yang terukur tanpa telemetri event.
Tahap keputusan
Ditetapkan dalam konsep event dan diimplementasikan dalam flow peserta.
Jendela voting
Timer setiap tahap yang dipicu operator.
Audiens orientasi
Target audiens program orientasi yang telah selesai, bukan pengukuran user concurrent yang diverifikasi terpisah.
Pelajaran & langkah berikutnya +
- Kapasitas realtime adalah properti end-to-end: limit provider, polling, rate limit HTTP, write database, fan-out, aset, dan hosting sama-sama berpengaruh.
- Event operator dan vote peserta sebaiknya memakai jalur terpisah karena frekuensi, otorisasi, dan failure mode-nya berbeda.
- Capability token yang diterbitkan server lebih aman daripada mengekspos API key realtime penuh di kode browser.
Lebih dalam.
Teknologi & fitur +
Laravel / PHP / JavaScript / Blade / Ably Pro / MySQL
- Transisi landing, tahap, hasil, dan ending yang dikendalikan operator
- Tiga skenario keputusan dengan dua pilihan voting per tahap
- Jendela voting 30 detik yang tersinkron
- Update state game real-time melalui Ably
- Autentikasi token browser subscribe-only
- Voting berbasis session dan perlindungan vote duplikat
- Persentase A/B agregat dan tampilan pilihan mayoritas
- Fallback polling ketika koneksi realtime tidak tersedia
Status fitur & batasan +
Flow game peserta
BerfungsiLanding, tiga tahap, hasil, timer, dan ending sudah diimplementasikan serta diuji pada level source.
Sinkronisasi realtime Ably
BerfungsiClient peserta subscribe menggunakan token terbatas dari server dan menerima event state operator/game.
Kapasitas sekitar 1.300 audiens concurrent
Belum tervalidasiEvent telah terkirim, tetapi load test end-to-end khusus atau catatan peak concurrency terukur sekitar 1.300 user tidak didokumentasikan di sini.
