PERANCANGAN DAN IMPLEMENTASI SISTEM E-PEMILU UNTUK PEMILIHAN KETUA BEM MENGGUNAKAN PHP DAN MYSQL TUGAS AKHIR

Transkripsi

1 PERANCANGAN DAN IMPLEMENTASI SISTEM E-PEMILU UNTUK PEMILIHAN KETUA BEM MENGGUNAKAN PHP DAN MYSQL TUGAS AKHIR Diajukan Sebagai Syarat Untuk Memperoleh Gelar Sarjana Strata 1 Fakultas Teknik Universitas Muhammadiyah Malang Oleh : Ahmad Misbahul Khoir JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH MALANG 2013

2 LEMBAR PERSETUJUAN PERANCANGAN DAN IMPLEMENTASI SISTEM E-PEMILU UNTUK PEMILIHAN KETUA BEM MENGGUNAKAN PHP DAN MYSQL TUGAS AKHIR Disusun Oleh : AHMAD MISBAHUL KHOIR NIM : Sebagai Persyaratan Guna Meraih Gelar Sarjana Strata 1 Teknik Informatika Universitas Muhammadiyah Malang Pembimbing I Menyetujui, Pembimbing II Eko Budi C., S.Kom, MT Agus Eko Minarno, S.Kom NIP : NIDN :

3 LEMBAR PENGESAHAN PERANCANGAN DAN IMPLEMENTASI SISTEM E-PEMILU UNTUK PEMILIHAN KETUA BEM MENGGUNAKAN PHP DAN MYSQL TUGAS AKHIR Sebagai Persyaratan Guna Meraih Gelar Sarjana Strata 1 Teknik Informatika Universitas Muhammadiyah Malang Disusun Oleh : Ahmad Misbahul Khoir Tugas Akhir ini telah diuji dan dinyatakan lulus melalui sidang majelis penguji pada tanggal 26 April 2013 Penguji I Menyetujui, Penguji II Sofyan Arifianto, S.Si, M.Kom Hardianto Wibowo, S.Kom NIDN : Mengetahui, Ketua Jurusan Teknik Informatika Eko Budi Cahyono, S.Kom, MT NIP:

4 LEMBAR PERNYATAAN Yang bertanda tangan dibawah ini : NAMA : AHMAD MISBAHUL KHOIR NIM : FAK. / JUR. : TEKNIK / TEKNIK INFORMATIKA Dengan ini saya menyatakan bahwa Tugas Akhir dengan judul PERANCANGAN DAN IMPLEMENTASI SISTEM E-PEMILU UNTUK PEMILIHAN KETUA BEM MENGGUNAKAN PHP DAN MYSQL beserta seluruh isinya adalah karya saya sendiri dan bukan merupakan karya tulis orang lain, baik sebagian maupun seluruhnya, kecuali dalam bentuk kutipan yang telah disebutkan sumbernya. Demikian surat pernyataan ini saya buat dengan sebenar-benarnya. Apabila kemudian ditemukan adanya pelanggaran terhadap etika keilmuan dalam karya saya ini, atau ada klaim dari pihak lain terhadap keaslian karya saya ini maka saya siap menanggung segala bentuk risiko / sanksi yang berlaku. Mengetahui, Malang, 13 Juni 2013 Dosen Pembimbing Yang membuat pernyataan, (Eko Budi C., S.Kom, MT) (Ahmad Misbahul Khoir) NIP : NIM

5 KATA PENGANTAR Alhamdulillah, puji syukur kehadirat Allah SWT, karena berkat rahmat dan hidayah-nya sehingga penulis akhirnya dapat menyelesaikan Skripsi yang berjudul : PERANCANGAN DAN IMPLEMENTASI SISTEM E-PEMILU UNTUK PEMILIHAN KETUA BEM MENGGUNAKAN PHP DAN MYSQL Tak lupa juga melalui kesempatan yang sangat berharga ini Penyusun menyampaikan ucapan terima kasih yang sebesar-besarnya kepada semua pihak yang telah membantu dan terlibat dalam penyelesaian skripsi ini. Kesempurnaan hanyalah milik Allah, untuk itu Penulis menyadari bahwa apa yang Penulis susun ini jauh dari kata sempurna. Karena itu penulis mengharapkan kritik, saran dan pendapat yang sifatnya membangun. Terima kasih untuk segala perhatiannya. Penulis berharap semoga skripsi ini dapat bermanfaat dan berguna bagi semua pihak. Malang, 13 Juni 2013 Penulis

6 DAFTAR ISI COVER i LEMBAR PERSETUJUAN.. ii LEMBAR PENGESAHAN iii LEMBAR PERNYATAAN iv ABSTRAKSI... v ABSTRACT... vi LEMBAR PERSEMBAHAN vii KATA PENGANTAR ix DAFTAR ISI... x DAFTAR GAMBAR.. xiv DAFTAR TABEL... xvi BAB I PENDAHULUAN 1.1 Latar Belakang Rumusan Masalah Tujuan Penelitian Batasan Masalah Metodologi Penelitian Sistematika Penulisan... 5 BAB II LANDASAN TEORI 2.1 Demokrasi, Pemilu, dan E-pemilu Demokrasi Pemilu E-pemilu. 8

7 2.2 HTML Pengertian HTML CSS Javascript PHP Pengertian PHP Sejarah singkat PHP Kelebihan-kelebihan PHP MySQL Pengertian MySQL DDL (Data Definition Language) DML (Data Manipulation Language) TCP / IP Jaringan Client-Server.. 18 BAB III ANALISA DA PERANCANGAN SISTEM 3.1 Analisa Kebutuhan Bahasa pemrograman yang digunakan Analisa Sistem Yang Sudah Ada Keamanan Pada Sistem Kebutuhan Fungsional Kebutuhan non-fungsional Perancangan sistem Arsitektur Sistem Proses Bisnis dan Alur Pemilihan Flowchart. 26

8 3.2.4 Usecase dan Activity Diagram Desain Database Desain Interface BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM 4.1 Implementasi Halaman Login Halaman Menu Home Halaman Kandidat Halaman Monitoring Halaman Pendaftaran Halaman Setting Bilik Halaman Kertas Suara Halaman Hasil Perhitungan Suara Pengujian Sistem Proses pada Halaman Login Proses pada Halaman Home Proses pada Halaman Kandidat Proses pada Halaman Monitoring Proses pada Halaman Pendaftaran Proses pada Halaman Setting Bilik Proses pada Halaman Kertas Suara Proses pada Halaman Perhitungan Suara 63

9 BAB V PENUTUP 5.1 Kesimpulan Saran. 64 DAFTAR PUSTAKA LAMPIRAN.. 66

10 DAFTAR GAMBAR Halaman Gambar 2.1 CSS : Inline style sheet Gambar 2.2 CSS : Embedded style sheet Gambar 2.3 CSS : Linked style sheet. 10 Gambar 2.4 Client-Server system.. 19 Gambar 3.1 Arsitektur sistem 24 Gambar 3.2 Proses bisnis dan alur pemilihan 25 Gambar 3.3 Flowchart pendaftaran pemilih.. 26 Gambar 3.4 Flowchart pemilihan.. 27 Gambar 3.5 Usecase untuk operator. 28 Gambar 3.6 Activity diagram Mendaftarkan pemilih 29 Gambar 3.7 Activity diagram insert kandidat 30 Gambar 3.8 Activity diagram edit kandidat Gambar 3.9 Activity diagram hapus kandidat Gambar 3.10 Activity diagram menampilkan hasil perhitungan. 33 Gambar 3.11 Usecase untuk pemilih. 33 Gambar 3.12 Activity diagram memilih kandidat. 34 Gambar 3.13 Activity diagram daftar 35 Gambar 3.14 Desain database 36 Gambar 3.15 Desain interface Login. 38 Gambar 3.16 Desain interface Home. 38 Gambar 3.17 Desain interface Manajemen kandidat. 39 Gambar 3.18 Desain interface Kandidat baru 40 Gambar 3.19 Desain interface Monitoring bilik Gambar 3.20 Desain interface Pendaftaran pemilih Gambar 3.21 Desain interface Setting bilik Gambar 3.22 Desain interface Kertas suara Gambar 3.23 Desain interface Hasil perhitungan suara. 44 Gambar 4.1 Tampilan login 46 Gambar 4.2 Tampilan home 46

11 Gambar 4.3 Tampilan kandidat.. 47 Gambar 4.4 Tampilan kandidat baru.. 48 Gambar 4.5 Coding : Upload foto.. 49 Gambar 4.6 Coding : Fungsi redirectpage. 49 Gambar 4.7 Tampilan informasi kandidat. 50 Gambar 4.8 Tampilan monitoring bilik suara 51 Gambar 4.9 Coding : Monitoring bilik suara. 52 Gambar 4.10 Tampilan pendaftaran pemilih.. 53 Gambar 4.11 Coding : Mengambil waktu sekarang pada computer.. 54 Gambar 4.12 Tampilan setting bilik Gambar 4.13 Coding : Session nomer bilik 55 Gambar 4.14 Tampilan kertas suara non-aktif Gambar 4.15 Coding : CSS blur and no action page. 57 Gambar 4.16 Coding : Javascript auto reload 57 Gambar 4.17 Tampilan kertas suara aktif Gambar 4.18 Tampilan hasil perhitungan suara. 59

12 DAFTAR TABEL Halaman Tabel 2.1 Perbandingan VB dengan PHP.. 14 Tabel 3.1 Kebutuhan fungsional 23 Tabel 3.2 Tabel Kandidat.. 37 Tabel 3.3 Tabel Pemilih. 37 Tabel 3.4 Tabel Bilik.. 37 Tabel 3.5 Tabel Admin Tabel 4.1 Pengujian Halaman Login.. 60 Tabel 4.2 Pengujian Halaman Home.. 61 Tabel 4.3 Pengujian Halaman Kandidat. 61 Tabel 4.4 Pengujian Halaman Kandidat Baru 61 Tabel 4.5 Pengujian Halaman Monitoring. 62 Tabel 4.6 Pengujian Halaman Pendaftaran 62 Tabel 4.7 Pengujian Halaman Setting Bilik 62 Tabel 4.8 Pengujian Halaman Kertas Suara Tabel 4.9 Pengujian Halaman Hasil Perhitungan... 63

13 DAFTAR PUSTAKA [1] Hopkins Callum. PHP sessions diambil dari : diakses 19 Februari [2] Nugroho Bunafit Latihan Membuat Aplikasi WEB PHP dan MySQL Dengan Dreamweaver MX (6,7,2004) dan 8. Gava Media: Yogyakarta. [3] PA Yowana Deby Pembangunan Modul Manajemen Kandidat dan Pemilihan Pada CMS E-Voting Quadro 7. Politeknik Telkom Bandung : Bandung. [4] Peranginan Kasiman Aplikasi WEB dengan PHP dan MySQL. Penerbit Andi: Yogyakarta. [5] Shalahuddin Muhammad Pembuatan Model E-Voting Berbasis WEB (Studi Kasus Pemilu Legeslatif dan Presiden Indonesia). Tesis ITB: Bandung. [6] Stalling William Komunikasi dan Jaringan Nirkabel (Edisi Kedua). Erlangga. [7] Yusuf Raka. Pemrograman Berbasis Web 2 (Modul 11) diambil dari : kk.mercubuana.ac.id/files/ pdf, diakses 21 Januari 2013.