Sedang mendapatkan sebuah project tentang pembuatan sebuah sistem perhitungan suara dengan menampilkan hasil pemilihan dengan menggunakan tabel. Pada awalnya ingin membuat sebuah sistem menyerupai sistem pemilihan yang dimiliki oleh KPU pada pemilihan presiden kemarin. Tapi karena keterbatasan kemampuan, jadi hanya dapat membuat tiruannya, walaupun mungkin sangat jauh. Tapi gak menutup kemungkinan nantinya akan dapat membuat sistem yang sama dengan teknologi yang lebih canggih untuk KPU,amin!!! Sudah cukup “ngarep” nya, kembali ke pokok permasalahan. Untuk sistem ini saya menggunakan grafik outputnya dengan menggunakan sebuah grafik berbasis flash dengan nama open flash chart. Mungkin grafik ini sudah tidak asing bagi temen-temen semua.
Masalah awal yang timbul adalah ketika menggunakan grafik ini adalah bagaimana membuat sebuah grafik dengan memanfaatkan teknologi live data, sehingga harapannya nanti grafik akan otomatis terupdate tanpa harus melakukan proses refresh berkali-kali. Tapi kemudian melalui situs resminya, saya dapatkan jawabannya walaupun harus mengalamai beberapa jam trial and error, tapi akhirnya dapat menemukan juga jawabannya. Masalah pertama selesai.
Masuk kelangkah selanjutnya yaitu membuat sebuah inputan untuk calon pimpinan. Awalnya calon pimpinan yang diinginkan sebanyak 13 orang, kemudian menyempit menjadi 11 orang. Daripada bingung, maka saya berinisiatif untuk memberikan form untuk menyetting berapa jumlah pimpinan yang diinginkan. Kemudian masalah kedua muncul karena salah satu peserta workshop program menuntut agar ketika form inputan ketika diinputkan, maka disebelah form input tersebut akan keluar nama calon sesuai dengan nomor urut yang dimasukkan. Disinilah awal dari masalah tersebut. Ketika inputan hanya berupa inputan statis, hal ini tidak akan menjadi masalah, tetapi jiak inputan berupa array, maka akan menjadi masalah. Rencananya saya akan menggunakan fungsi KeyUp() milik Jquery, tapi setelah saya cari tutorialnya, saya tidak dapatkan cara untuk menggunakan fungsi tersebut untuk form input array. Berbekal kemampuan pas-pas an saya mencoba untuk mengakalinya, akhirnya setelah beberapa jam dengan metode trial and error kesukaan saya, teknik pengakalan tersebut saya dapatkan.
Masih menggunakan metode yang sama, yaitu menggunakan metode keyup tapi metode ini disisipkan ke dalam komponen input
<input type='text' name='input[]' id='input".$r."' onkeyup='langsung(".$r.")'>
Karena inputan dinamis, maka menggunakan perulangan dengan variabel $r. Method keyup pada komponen tersebut akan diproses oleh fungsi ajax. Dan nilai balik yang diinginkan dapat disesuaikan dengan kebutuhan. Semoga bermanfaat.
