Mahmudin Ashar contact
Chief author, Open Source enthusiast, Web Programmer, and UI/UX Designer.
Tuesday, February 7, 2017 at 10:48:00 PM

Sejak Pemilu legislatif 2014 dan Pemilu Presiden 2014 Komisi Pemilihan Umum RI telah berkomitmen menjadikan lembaga tersebut lebih transparan dan akuntable dalam arti semua proses dan hasil pemilu mulai dari pencalonan sampai rekapitulasi dapat mudah diakses, dimanfaatkan dan dikritisi oleh masyarakat, salah satu organisasi yang memanfaatkan data dari kpu antara lain adalah #KawalPemilu yang kontroversial di tahun 2014, saat ini KPU lebih open minded akan open data.

Salah satu wujud komitmen KPU dalam Open Data adalah mendokumentasikan secara elektronik hasil perolehan suara mulai dari TPS sampai rekapitulasi tingkat Pusat dan mempublikasikannya kepada masyarakat. Seperti ditahun sebelumnya di #Pilkada Serentak 2017 kali ini semua informasi pemilu ditampilkan KPU dalam website publikasi pilkada2017.kpu.go.id, yang akan kita bahas dalam article kali ini adalah, bagaimana cara memindah display yang ada di portal publikasi KPU kemudian ditampilkan dalam Website kita, atau membuat sebuah tampilan yang ditampilkan dalam LCD Proyektor sebagai bahan 'nonton bareng hasil pemilu' di Kabupaten/Kecamatan/Desa, berikut caranya :)

Langkah-langkah Menampilkan Hasil Hitung Cepat KPU Pilkada 2017 di Website

Sedikit catatan, kami akan mengulas salah satu cara yang paling sederhana yang dapat dilakukan yaitu dengan memanfaatkan <iframe> pada HTML, cara yang lain dapat dilakukan dengan melakukan crawl halaman, diperlukan sidikit pengetahuan tentang HTML (don't worry, apabila ada pertanyaan yang sifatnya teknis, silahkan tinggalkan komentar dibawah).
  • masuk portal KPU di pilkada2017.kpu.go.id kemudian pilih wilayah mana yang ingin anda tampilkan, serta copy url address nya, sebagai contoh saya menggunakan Hasil Hitung Cepat Pilkada Gubernur DKI Jakarta
alamat url perolehan suara Pilkada DKI Jakarta 2017
  • Buka website / blog anda kemudian buat sebuah postingan (compose) article kemudian beralih dalam mode HTML, berikut kami tampilkan screenshot dalam blogger dan wordpress, untuk CMS lain, atau website yang tidak memanfaatkan CMS diatas silahkan menyesuaikan.

compose mode HTML pada blogger

compose mode HTML pada wordpress
  • Masukan script berikut, gantilah yang ditandai merah berikut dengan alamat yang kamu kehendaki, kemudian test :
<div class="iframecontainer" style="height: 330px; overflow: hidden; position: relative; width: 750px;">
<iframe scrolling="no" src="https://pilkada2017.kpu.go.id/hasil/t1/dki_jakarta" style="border: 1px solid rgb(255 , 255 , 255); height: 1500px; position: absolute; top: -1065px;" width="100%"> </iframe>
</div>
 Atur tampilan agar fit, dengan mengganti parameter yang diwarnai hijau.

  • Apabila SUKSES, maka akan tampil seperti berikut :
  • Silahkan modifikasi secukupnya untuk ditampilkan dalam format Widget atau Article dengan mengatur besar dan kecilnya.

Membuat tampilan Hasil Hitung Cepat KPU Pilkada 2017 untuk LCD Proyektor 

Apabila anda dapat mengikuti langkah diatas dan berhasil, anda dapat mencoba cara berikutnya yaitu membuat tampilan hitung cepat yang ditampilkan dalam LCD Proyektor yang auto refresh sehingga tidak perlu melakukan refresh beberapa kali, namun kali ini kami telah membuatkannya silahkan modifikasi seperlunya. *edit menggunkan text editor
Download script disini.

Bagaimana cara kita berpartisipasi mengawasi dan mengawal Hasil Pemilu ?

cara yang paling sederhana yang dapat dilakukan adalah tentusaja memantau hasil pemilu dan menyebarkannya di media social, apabila kita menemukan kesalaha dalam penulisan atau penjumlahan anda dapat melaporkannya kepada PPS/PPK setempat apabila anda mengenalnya, atau melalui KPU Kabupaten/Kota yang saat ini sudah memiliki kotak dan website. Perlu diingat bahwa kesalahan dalam C1 dapat diperbaiki dengna berita acara (BA) di rekapitulasi tingkat diatasnya.

Saran pertanyaan, silahkan tinggalkan komentar.