Tabulasi KPU Mengecewakan, Buat Sendiri Tabulasi Anda

Sejak diluncurkan sampai hari ini, H+5, situs tabulasi nasional KPU belum juga lepas dari penderitaannya, sehingga sering tidak dapat memenuhi keingin tahuan banyak orang yang mengikuti perkembangan penghitungan suara.

Untuk sedikit mengurangi beban server KPU, kita bisa membuat halaman tabulasi sendiri yang tidak terlalu banyak tergantung dari mati hidupnya site tabulasi KPU.

Sumber data yang up to date bisa ditarik dari:

http://geeks.netindonesia.net/blogs/tahir/tabulasiservice.asmx 

Dengan sumber data yang ditawarkan berupa webservice ini, maka sangat banyak model tabulasi yang bisa kita buat.

Kita coba membuat halaman tabulasi sederhana dengan asp.net dalam bahasa c#.

Buka VisualStudio dan pilih menu File|New|Website:

tnp1

Lalu pilih ASP.NET Web Site dan beri nama serta tunjukkan project folder yang sesuai.

tnp2

Tambahkan reference ke webservice sebagai sumber data, caranya di visual studio, sebelah kanan, klik kanan di webfolder pada solution explorer, dan pilih Add Web Reference...

tnp3

Lalu masukkan informasi webservice URL di atas dan klik add reference.

tnp4

Ok, sekarang kita sudah mempunyai sumber data, tinggal menyiapkan tampilannya. Untuk menampilkan data kita akan menggunakan tabel.

Double click pada file default.aspx dan aktifkan design view. Lalu dari toolbox, drag and drop GridView control ke design view dari halaman web yang akan kita buat, seperti gambar di bawah ini.

tnp5 tnp6

Supaya kita bisa mengurutkan berdasarkan kolom perolehan suara dan lainnya, jangan lupa menset property AllowSortting = true dari GridView, dan double click pada events Sorting.

tnp7 tnp8

Setelah itu tekan F7 untuk menampilkan code editor untuk mulai menulis code behind dari halaman tabulasi kita. Berikut adalah source code awalnya:

using System;
using System.Collections.Generic;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
}

Berikut source code lengkapnya:

using System;
using System.Collections.Generic;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!Page.IsPostBack)
        {
            net.netindonesia.geeks.TabulasiService ts = new net.netindonesia.geeks.TabulasiService();
            //ts.Proxy = new WebProxy("1.2.3.4:8080", false); //kalau anda butuh proxy
            DataSet ds = new DataSet();
            ds = ts.GetTabulasiNasional();
            DataTable dt = ds.Tables[0];
            Session["dataTable"] = dt;
            ViewState["sortOrder"] = "";
            bindGridView("", "");
        }
    }

    public void bindGridView(string sortExp, string sortDir)
    {

        DataView dv = new DataView();
        dv = ((DataTable)Session["dataTable"]).DefaultView;
        if (sortExp != string.Empty)
        {
            dv.Sort = string.Format("{0} {1}", sortExp, sortDir);
        }
        this.GridView1.DataSource = dv;
        this.GridView1.DataBind();
    }

    protected void GridView1_Sorting(object sender, GridViewSortEventArgs e)
    {
        bindGridView(e.SortExpression, sortOrder);
    }

    public string sortOrder
    {
        get
        {
            if (ViewState["sortOrder"].ToString() == "desc")
            {
                ViewState["sortOrder"] = "asc";
            }
            else
            {
                ViewState["sortOrder"] = "desc";
            }

            return ViewState["sortOrder"].ToString();
        }
        set
        {
            ViewState["sortOrder"] = value;
        }
    }
}

Setelah itu tekan F5 untuk menjalankan halaman tabulasi tersebut dan coba sorting pada kolom PersenSuara:

tnp9 

Untuk mencobanya sendiri, silahkan klik link berikut:

http://prismatek.co.id/tabulasi/tabulasi.aspx 

Siapa tahu ada yang pingin tahu, jualan apa aja di site tersebut  he he he...

Jika anda puas tinggal deploy ke site anda. Selamat mencoba.

Ada yang mau buat versi SilverLight, WPF, mobile, iphone, wii, console, etc?

Jangan lupa posting link hasil kreasi anda pada comment di bawah ini.

Share this post: | | | |
Published Tuesday, April 14, 2009 1:12 PM by tahir
Filed under:

Comments

# re: Tabulasi KPU Mengecewakan, Buat Sendiri Tabulasi Anda

Wednesday, April 15, 2009 5:56 AM by rudysetyo

selepas subuh mau ikut nyumbang juga...

dev.erudeye.co.id/tabulasipemilu

# re: Tabulasi KPU Mengecewakan, Buat Sendiri Tabulasi Anda

Wednesday, April 15, 2009 8:42 AM by cahnom

Semalam sudah selesai versi chart dengan javascript di http://tnp.masykur.web.id/

# re: Tabulasi KPU Mengecewakan, Buat Sendiri Tabulasi Anda

Wednesday, April 15, 2009 8:46 AM by fahmi

Kereen....

Servicenya ambil data darimana mas?

pemilu yang lalu saya masih kerja di salah satu tv swasta

kebeneran bikin viewer tabulasi, dan untuk ngambil datanya saya mesti scrape data dari websitenya KPU..:D

# re: Tabulasi KPU Mengecewakan, Buat Sendiri Tabulasi Anda

Wednesday, April 15, 2009 10:39 AM by tomysmile

ah fahmi.. jadi inget.. :P

keren nih mas tahir..

# re: Tabulasi KPU Mengecewakan, Buat Sendiri Tabulasi Anda

Wednesday, April 15, 2009 9:43 PM by Narenda Wicaksono

ikutan ah...

# Tabulasi Pemilu Gaya Donat

Wednesday, April 15, 2009 9:55 PM by Narenda Wicaksono

Sungguh judul yang aneh yah, jadi lapar kita orang, karena terinspirasi dengan solusi berikut , jadi

# re: Tabulasi KPU Mengecewakan, Buat Sendiri Tabulasi Anda

Thursday, April 16, 2009 12:55 AM by Ferry Meidianto

Ikutan, pakai Win Mobile solution

geeks.netindonesia.net/.../tabulasi-kpu-pakai-windows-mobile-6-1-pro.aspx

# Membuat Javascript Chart Tabulasi Pemilu 2009

Thursday, April 16, 2009 5:47 AM by Ahmad Masykur

Kemaren malam saya buat chart tabulasi pemilu 2009 dengan javascript murni. Datasource diambil dari service

# re: Tabulasi KPU Mengecewakan, Buat Sendiri Tabulasi Anda

Friday, April 17, 2009 3:31 AM by Ferry Meidianto

Sedikit modif:

geeks.netindonesia.net/.../tabulasi-kpu-menggunakan-windows-mobile-6-professional-part-2.aspx

# re: Tabulasi KPU Mengecewakan, Buat Sendiri Tabulasi Anda

Tuesday, April 28, 2009 3:49 PM by ADE

Dear Mas Tahir,

saya ade bekerja sebagai pustakawan di salah satu media. saya telah membuat portal pemilu untuk intranet dengan wordpress. berhubung saya bukan programmer, saya merasa kesulitan untuk mengambil tabulasi KPU dan menempelkannya di portal kami. setelah saya baca2 tulisan ini, saya merasa tertarik untuk mennggunakannya. saya mohon izin, apakah saya bisa menggunakan link diatas? terutama yang prismatek karena saya rasa data tabel tersebut sudah cukup memenuhi kebutuhan kami saat ini karena bisa sorting juga.

Terimakasih

ade

cyberariani@gmail.com

Powered by Community Server (Commercial Edition), by Telligent Systems