Pada bab ini akan dibahas mengenai implementasi dari rancangan sistem yang telah dibuat. Bagian implementasi meliputi hardware, software yang digunakan serta implementasi interface yang telah dibangun. Untuk komponen
hardware dan software menyesuaikan dengan kebutuhan dalam implementasi Sistem Aplikasi DPT menggunakan framework Yii.
4.1 Lingkungan Implementasi
Spesifikasi perangkat keras dan perangkat lunak yang digunakan pada implementasi sistem ini, terdapat dua komponen dalam lingkungan implementasi disini, yaitu:
a. Perangkat Keras (Hardware)
1. Lenovo G450 Intel Core 2 Duo CPU T6570 2.10GHz. 2. Memori RAM (Random Access Memory) 6GB. 3. Wifi untuk koneksi data.
b. Perangkat Lunak(Software) 1. Sistem Operasi Windows 8.
2. Notepad++ dan Adobe Dreamwever CS 6 sebagai code editor.
3. PHP sebagai bahasa pemrograman. 4. MySQL sebagai database.
5. PHP MyAdmin sebagai Interface Database.
7. Google Chrome sebagai web browser.
8. Power Designer 12 untuk pemodelan sistem.
4.2 Implementasi Antar muka (Interface)
Pada sub-bab ini menjelaskan apa saja yang terlibat dalam sistem yang telah dibuat berdasarkan perancangan yang telah dibahas pada bab III. Pada sistem ini terdapat beberapa menu utama yang diklasifikasikan berdasarkan pengguna. Pengguna pada sistem ini yaitu:
a) User (dalam hal ini calon pemilih sebagai pengunjung) b) Admin
4.2.1 Implementasi Antar muka Pengunjung
Pada halaman utama sistem aplikasi daftar pemilih tetap, terdapat lima menu utama, yaitu Home, Berita, About us, Contact us, dan Login.
a) Halaman Home
Berikut merupakan tampilan dari halaman utama home untuk para pengunjung atau user, untuk lebih jelasnya dapat dilihat pada gambar 4.1.
Pada gambar 4.1 diatas adalah halaman home pengnunjung yang mana merupakan halawan awal ketika diakses oleh pengunjung. Dalam halaman ini berisikan form pendaftaran dan tata cara ataupun langkah-langkah yang tentunya memberikan bantuan terkait pendaftaran calon pemilih.
b) Halaman News
Pada halaman news ini akan menampilkan beberapa gambar yang berbentuk slider terkait dengan tema dibuatnya sistem yaitu DPT dan pemilu, serta menampilkan beberapa berita yang pastinya memberi informasi kepada para pengunjung, seperti pada gambar 4.2.
Gambar 4.2 Halaman news pengunjung
Halaman news seperti pada gambar 4.2 diatas, dimana pengunjung akan diberikan informasi terkait dengan pemilu (pemilihan umum). Pada masing-masing berita, terdapat fungsi readmore dimana pada fungsi ini akan memberikan
c) Halaman About
Berikut merupakan tampilan halaman about, yang tentunya bisa diakses oleh pengunjung. Lebih jelasnya lihat gambar 4.3
Gambar 4.3 Halaman About
Gambar 4.3 diatas merupakan halaman about, dimana halaman ini menjelaskan tentang keseluruhan informasi panitia terkait dengan pemilu (peilihan umum) yang akan dilaksanakan.
d) Halaman Contact
Berikut merupakan halaman contact dimana terdapat informasi lengkap seperti alamat dan nomer yang bisa dihubungi untuk lebih lanjutnya.
Pada halaman Contact seperti gambar 4.4 diatas, bisa dijelaskan bahwa halaman tersebut merupakan pemberitahuan kontak maupun lokasi terkait panita maupun kelurahan yang tentunya sangat membantu dalam memberikan informasi kepada para pengunjung.
e) Halaman Login
Dibawah ini merupakan tampilan menu login, untuk halaman menu login
disini nantinya hanya bisa diakses oleh admin.
Gambar 4.5 Halaman Login
Gambar 4.5 diatas adalah gambar halaman login, dimana halaman ini hanya bisa diakses oleh admin dengan menyertakan username password yang harus diisi untuk bisa masuk ke halaman admin.
4.2.3 Implementasi Antar muka Admin
Pada halaman admin sistem aplikasi daftar pemilih tetap menggunakan
framework Yii, terdapat enam menu utama, yaitu Homeadmin, Setting Berita, Data warga, Daftar Pemilih Tetap, Laporan, dan Logout seperti pada gambar 4.6
Berikut ini adalah tampilan admin halaman utama setelah admin login
Gambar 4.6 Halaman home pada admin
Halaman home seperti pada gambar 4.6 diatas merupakan halaman awal admin setelah melakukan login dengan memasukkan username password. Dimana pada halaman ini akan ditampilkan sebuah diagram perbandingan antara seluruh data warga kelurahan dengan pemilih yang telah terdaftar.
a) Halaman Setting Berita
Pada halaman ini merupakan hak akses admin untuk dapat mengolah data berita. Berikut tampilan halaman setting berita seperti pada gambar 4.9.
Gambar 4.7 diatas merupakan halaman pengolahan berita dimana dihalaman ini terdapat beberapa operasi pengolahan berita, diantarannya create
berita yang berfungsi untuk menambah sebuah berita serta operasi manage berita yang dapat berfungsi sebagai pengolahan data berita secara lengkap, seperti
update dan delete.
b) Halaman Data Warga
Pada halaman Data Warga disini juga masih tentang pengolahan data warga terkait oleh sistem aplikasi. Berikut tampilannya seperti pada gambar 4.8.
Gambar 4.8 Halaman data warga pada admin
Halaman data warga pada admin seperti pada gambar 4.8 diatas, merupakan tampilan halaman pengolahan data warga, dimana pada halaman ini juga terdapat beberapa operasi yang terkait dengan pengolahan data warga seperti menambah, memperbarui serta menghapus.
c) Halaman Daftar Pemilih Tetap
Pada gambar 4.9 disini merupakan tampilan halaman admin untuk menu daftar pemilih tetap, yang tentunya masih hak akses admin untuk mengolah dan
Gambar 4.9 Halaman daftar pemilih tetap pada admin
Pada gambar 4.9 diatas merupakan tampilan halaman daftar pemilih tetap, dimana halaman ini akan ditampilkan data – data pemilih yang telah terdaftar sebagai dpt. Untuk pengolahan data yang hanya diakses oleh admin disini memiliki beberapa operasi yaitu memperbarui serta menghapus sebuah data dpt.
d) Halaman Laporan
Halaman laporan disini merupakan halaman yang memberikan laporan kepada admin yang nantinya bisa diteruskan untuk dicetak. Tampilannya seperti pada gambar 4.10.
Pada gambar 4.10 halaman laporan pada admin, bisa dijelaskan pada halaman ini terdapat fungsi pencarian data sesuai dengan tahun kelahiran. Dimana data yang dicari nanti akan langsung ditampilkan dan siap untuk dicetak.
e). Halaman Pegawai
Pada halaman pegawai ini admin bisa mengelolah data pegawai sesuai dengan kebutuhan, tampilan dari halaman ini seperti pada gambar 4.11
Gambar 4.11 Halaman pegawai pada admin
Gambar 4.11 diatas merupakan halaman pegawai pada admin, dimana pada halaman ini ditampilkan data pegawai yang telah dinputkan oleh admin. Pada halaman ini juga terdapat fungsi pengolahan data yaitu pada operasi create
pegawai untuk menambahkan data pegawai baru, serta ada operasi update untuk memperbarui dan delete untuk menghapus sebuah data pegawai.
4.3 Hasil dan Uji Coba
Hasil uji coba ini bertujuan untuk memastikan bahwa aplikasi telah dibuat dengan benar sesuai dengan kebutuhan atau tujuan yang diharapkan. Uji
yaitu user, admin, dan owner. 4.3.1 Sistem Bagi User
Sistem bagi user disini akan menjelaskan hasil uji coba sistem yang terkait langsung dengan user.
4.3.1.1 Pengujian Pendaftar an User
Pendaftaran yang akan dilakukan oleh user disini harus isi dan disesuaikan dengan KTP untuk mengurangi kesalahan-kesalahan yang tidak perlu. seperti gambr 4.12.
Gambar 4.12 Form pendaftaran user
Gambar 4.12 diatas merupakan bentuk tampilan form yang berfungsi untuk pendaftaran sebagai DPT. Dimana form tersebut harus diisikan sesuai biodata yang ada pada KTP.
Untuk gambar 4.13 diatas, merupakan pengujian pendaftaran pada saat valid dan berhasil. Dimana akan muncul alert bertuliskan “Terimakasih sudah mendaftar” yang berarti data yang dimasukkan benar sesuai dengan data KTP.
Gambar 4.14 Form pendaftaran user (tidak Valid)
Gambar 4.14 ini menunjukkan pada saat pengujian pendaftaran yang dilakukan oleh user tidak valid dan secara otomatis ditolak oleh sistem, hal ini dikarenakan data-data yang dimasukkan kedalam form tidak sesuai dengan KTP. Kemudian aka nada alert yang bertuliskan “Data tidak sama dengan KTP!!” 4.3.2 Sistem Bagi Admin
Sistem bagi admin disini akan menjelaskan hasil ujicoba sistem yang terkait langsung dengan admin.
4.3.2.1 Pengujian Login Admin
Admin diminta untuk mengisi username dan password apabila belum terisi, maka muncul message box seperti pada gambar berikut:
Gambar 4.16 Alert login incorect user name password
Sedangkan gambar diatas menunjukkan jika inputan data yang dimasukkan salah, baik username maupun password maka akan muncul alert
“Incorect username or password”.
Pengujian login jika username diisi, dan password dikosongkan, maka pada akan muncul dialog box ‘Username cannot be blank’ begitu juga jika password yang dikosongkan, ataupun keduanya tidak diisikan.
4.3.2.2 Pengujian menu pada halaman Admin
Halaman data admin yang sedang melakukan login. Terdapat beberapa menu utama yang bisa diakses langsung oleh admin untuk diolah datanya.
Gambar 4.17 Halaman create berita
Pada halaman create berita ini terdapat di menu setting berita, dimana fungsi dari create berita itu sendiri yaitu memasukkan berita yang nantinya akan bisa memberikan informasi kepada pengunjung.
Gambar 4.18 Halaman manage berita
Pada gambar diatas dapat dijelaskan bahwa halaman manage berita ini merupakan halaman untuk mengolah data berita dan memiliki beberapa fungsi penting yaitu view, update, dan delete.
Gambar 4.19 Dialog box delete item
Jika pada manage berita kita akan menghapus sebuah berita, akan muncul
dialog box seperti pada gambar diatas. Jika “Ok” maka data berita tersebut akan dihapus. Dialog box diatas akan selalu muncul pada setiap menu jika akan melakukan delete data.
Pada halaman admin di menu data warga ada create data warga untuk memasukkan data-data warga sesuai dengan KTP. Tampilannya seperti pada gambar 4.20
Gambar 4.21 Halaman manage data warga
Merupakan halaman untuk mengolah data warga yang hanya bisa dilakukan oleh admin, view, update, delete.
Gambar 4.22 Halaman manage pemilih
Dimana pada halaman ini juga bisa mengolah data pemilih dengan beberapa fungsi view, update, dan delete. Khusus untuk halaman ini admin tidak bisa membuat sebuah data, hal ini dikarenakan calon DPT menginputkan sendiri data-datanya.
Gambar 4.23 Halaman laporan (fitur )
Pada halaman ini adalah halaman yang berisikan link download sebuah laporan yang nantinya bisa dicetak melalui Ms.Excel, diantaranya yaitu laporan daftar pemilih tetap dan laporan data warga.
Gambar 4.24 Fitur pencarian
Pada halaman laporan ini juga dilengkapi fitur search atau pencarian data berdasarkan tahun kelahiran.
Pada gambar 4.25 diatas merupakan hasil dari fitur pencarian yang dilakukan oleh admin, hal ini tentunya menjadi fitur yang sangat membantu admin dalam mencari sebuah data.
Gambar 4.26 Hasil download lapor an
Gambar diatas ini merupakasn hasil download yang ada pada halaman laporan yang siap dibuka melalui Ms.Excel dan dicetak.
Gambar 4.27 Hasil download dalam MS.Excel
Gambar diatas merupakan hasil download dari halaman laporan, baik dari fitur pencarian maupun langsung ke link download yang sudah disediakan. Gambar diatas merupakan hasil yang dilihat dari Ms.Excel.
Gambar 4.28 Halaman create pegawai
Gambar diatas adalah fungsi create yang ada di menu pegawai yang merupakan menu terakhir dalam halaman admin. Admin bisa mengisikan nama pegawai dan email.
Gambar 4.29 Halaman manage pegawai
Pada menu pegawai juga disediakan fitur untuk mengelolah data pegawai yaitu create, update dan delete sesuai dengan kebutuhan. Khusus pada menu pegawai ini, data yang dimasukkan admin akan bisa langsung tampil pada halaman utama untuk menu contact.
4.3.3 Menghitung Validitas Butir Soal Dengan SPSS.
Menurut Suzanna Lamria Siregar (2005) Merupakan suatu metode penghitungan nilai validasi suatu data yang terdiri dari butir-butir soal yang menggunakan SPSS sebagai software penghitungnya dan menggunakan tabel r yang berfungsi sebagai nilai konstanta untuk menentukkan hasil validasi apakah valid atau tidak valid. Berikut ini adalah langkah-langkah dalam menghitung validasi butir soal dengan program SPSS versi 16.
Untuk melakukan validasi butir soal dengan SPSS dapat dilakukan dengan langkah-langkah berikut ini!
1. Buka program SPSS
2. Pilih File, New Data
Gambar 4.30 Tampilan jumlah r esponden pada SPSS
4. Ganti nama variable.Untuk mengganti nama variabel, buka Variable view
pada bagian bawah
Gambar 4.31 Tampilan variable view pada SPSS
Gambar 4.31 Merupakan pilihan variable view untuk mengganti nama variabel.
5. Pada Variable View, merupakan tampilan jumlah pertanyaan.
Gambar 4.32 Tampilan isi variable view pada SPSS
Gambar 4.32 Merupakan tampilan Variable View pada SPSS.
6. Selanjutnya adalah langkah-langkah untuk menghitung validitas menggunakan butir soal klik menu Analyze, Correlate, Bivariate
7. Muncul jendela Bivariate Correlation, seperti tampak pada gambar seperti berikut ini
Gambar 4.33 Tampilan pada menu Analyze, Correlate, Bivariate pada SPSS
8. Masukkan semua variabel ke dalam bagian Variables, Check Pearson, Pilih
Two Tailed pada bagian Test of Significance, klik OK
Gambar 4.34 Tampilan memasukkan data pada menu Bivariate pada SPSS
item 1 item 2 item 3 item 4 item 5 item 6 item 7 item 8 item 9 item1 0 skortot item1 Pearson Correlation 1 .459 * .385* .235 .302 .396* .339 .148 .435* .613 * * .653** Sig. (2-tailed) .011 .036 .211 .105 .030 .067 .434 .016 .000 .000 N 30 30 30 30 30 30 30 30 30 30 30 item2 Pearson Correlation .459 * 1 .422* .070 .480 * * .312 .239 .300 .439* .391* .622** Sig. (2-tailed) .011 .020 .711 .007 .094 .204 .108 .015 .033 .000 N 30 30 30 30 30 30 30 30 30 30 30 item3 Pearson Correlation .385 * .422* 1 .070 .195 .294 .399* .136 .146 .497 * * .522** Sig. (2-tailed) .036 .020 .715 .302 .115 .029 .473 .442 .005 .003 N 30 30 30 30 30 30 30 30 30 30 30 item4 Pearson Correlation .235 .070 .070 1 .287 .474* * .214 .478 * * .438* .672 * * .607** Sig. (2-tailed) .211 .711 .715 .124 .008 .257 .008 .016 .000 .000 N 30 30 30 30 30 30 30 30 30 30 30 item5 Pearson Correlation .302 .480* * .195 .287 1 .268 .247 .413*.480 * * .408* .647** Sig. (2-tailed) .105 .007 .302 .124 .153 .188 .023 .007 .025 .000 N 30 30 30 30 30 30 30 30 30 30 30 item6 Pearson Correlation .396 * .312 .294 .474** .268 1 .242 .302 .469 * * .676* * .662** Sig. (2-tailed) .030 .094 .115 .008 .153 .198 .105 .009 .000 .000 N 30 30 30 30 30 30 30 30 30 30 30 item7 Pearson Correlation .339 .239 .399 * .214 .247 .242 1 .064 .315 .430* .543** Sig. (2-tailed) .067 .204 .029 .257 .188 .198 .738 .090 .018 .002 N 30 30 30 30 30 30 30 30 30 30 30
item8 Pearson Correlation .148 .300 .136 .478 ** .413* .302 .064 1 .588 * * .433* .609** Sig. (2-tailed) .434 .108 .473 .008 .023 .105 .738 .001 .017 .000 N 30 30 30 30 30 30 30 30 30 30 30 item9 Pearson Correlation .435 * .439* .146 .438* .480 * * .469* * .315 .588 * * 1 .555 * * .764** Sig. (2-tailed) .016 .015 .442 .016 .007 .009 .090 .001 .001 .000 N 30 30 30 30 30 30 30 30 30 30 30 item1 0 Pearson Correlation .613 ** .391*.497 * * .672 ** .408*.676 * * .430* .433*.555 * * 1 .867** Sig. (2-tailed) .000 .033 .005 .000 .025 .000 .018 .017 .001 .000 N 30 30 30 30 30 30 30 30 30 30 30 skort ot Pearson Correlation .653 ** .622* * .522* * .607 ** .647* * .662* * .543* * .609* * .764* * .867* * 1 Sig. (2-tailed) .000 .000 .003 .000 .000 .000 .002 .000 .000 .000 N 30 30 30 30 30 30 30 30 30 30 30
Gambar 4.35 Tampilan hasil pada SPSS
10.Untuk mengetahui valid atau tidak dibandingkan dengan r Tabel Product Moment. Pada contoh di atas jumlah data sebanyak 30 orang (N=30). Menurut r Tabel, untuk N=30 dan taraf signifikan 5%, nilai r adalah 0,361. Sistem dinyatakan valid apabila r hasil perhitungan > r tabel.
11.Gambar dibawah ini merupakan salah satu hasil perhitungan yang telah dilakukan menggunakan software SPSS pada item ke-2 yaitu 0,622. Dimana berdasarkan ketentuan diatas 0,622 > 0,361 bahwa sistem dinyatakan valid.
Berikut daftar r tabel untuk jumlah N tertentu.