BAB IV IMPLEMENTASI DAN PENGUJIAN

72 BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1. Implementasi Sistem Tahap implementasi dan pengujian sistem, dilakukan setelah tahap analisis dan perancangan selesai dilakukan. Pada sub bab ini akan dijelaskan implementasi dari aplikasi sistem dengan menggunakan beberapa fungsi yang penulis buat terdiri dari lingkungan implementasi, pengkodean, dan interface dari aplikasi sistem tersebut. Untuk Menjalankan program website sistem informasi pengolahan data, menggunakan PHP MySQL dan diperlukan sebuah Web Server yang akan digunakan sebagai tempat penyimpanan program. Web Server yang digunakan untuk selama pembuatan web ini menggunakan aplikasi XAMPP versi 1.7.3 dimana aplikasi tersebut mendukung webserver Apache v.2.2.14, PHP v.5.3.1 dan MySQL client version: 5.1.41 sebagai database Server. Untuk memulai program, jalankan browser seperti google chrome dan Ketikkan url http://localhost/eko_skripsi (webserver berada di localhost atau komputer local). Berikut merupakan spesifikasi PC (Personal Computer) yang dibutuhkan pada saat perancangan sistem pengolahan data ini dibuat dan dioperasikan : 1. Perangkat Keras : a. Tipe Komputer : Personal Computer (PC) b. Processor : Intel Core i3-2328m (2,2GHz, 3MB L3 cache) c. RAM : 2048 MB d. Hard Disk Drive : 500 GB HDD e. Monitor : Acer 14.0 HD LED LCD 2. Perangkat Lunak : a. Sistem Operasional : Windows 8 Single Language b. Web Server : Apache Ver.2.2.14 / PHP Ver.5.3.1 c. Database : MySQL client version: 5.1.41 e. Program : PHP v.5.3.1 72

73 Dibawah ini adalah cara pembuatan database pada MySQL dengan menggunakan PHP, adapun langkah-langkahnya adalah sebagai berikut : 4.2. Implementasi Basis Data Pada sub bab ini akan menjelaskan implementasi basis data dari aplikasi sistem menggunakan XAMPP beberapa fungsi yang di buat yang terdiri dari ruang lingkup implementasi dari aplikasi sistem tersebut. Aktifkan XAMMP terlebih dahulu seperti gambar berikut : Gambar 4. 1 Tampilan XAMPP Control Panel Dibawah ini adalah cara pembuatan database pada MySQL dengan menggunakan PHP, adapun langkah-langkahnya adalah sebagai berikut :

74 4.2.1. Tampilan awal pembuatan database Gambar 4. 2 Tampilan Awal Pembuatan Database 4.2.2. Tampilan tabel admin pada database eko_kua Gambar 4. 3 Tampilan tabel admin pada database eko_skripisi

75 4.2.3. Tampilan tabel berita pada database eko_kua Gambar 4. 4 Tampilan table berita pada database eko_kua 4.2.4. Tampilan tabel jadwal pada database eko_kua Gambar 4. 5 Tampilan table jadwal pada database eko_kua

76 4.2.5. Tampilan tabel kategori pada database eko_kua Gambar 4. 6 Tampilan tabel kategori pada database eko_kua 4.2.6. Tampilan tabel kepala_kua pada database eko_kua Gambar 4. 7 Tampilan tabel kepala_kua pada database eko_kua

77 4.2.7. Tampilan tabel kontak pada database eko_kua Gambar 4. 8 Tampilan tabel kontak pada database eko_kua 4.2.8. Tampilan tabel pada database eko_kua Gambar 4. 9 Tampilan tabel pada database eko_kua

78 4.2.9. Tampilan tabel _login pada database eko_kua Gambar 4. 10 Tampilan tabel _login pada database eko_kua 4.2.10 Tampilan tabel pada database eko_kua Gambar 4. 11 Tampilan Tabel pada database eko_kua

79 4.3. Tampilan Layar 4.3.1. Tampilan Halaman Utama Pengunjung Gambar 4. 12 Tampilan Halaman Utama Pengunjung

80 4.3.2. Tampilan form nikah Gambar 4. 13 Tampilan form nikah 4.3.3. Tampilan halaman cek status Gambar 4. 14 Tampilan Halaman cek status

81 4.3.4. Tampilan halaman Kelola Gambar 4. 15 Tampilan Halaman input data 4.3.5. Tampilan Halaman kelola nikah Gambar 4. 16 Tampilan kelola nikah

82 4.3.6. Tampilan cetak surat izin nikah Gambar 4. 17 Tampilan cetak surat izin nikah 4.3.7. Tampilan penanganan Gambar 4. 18 Tampilan penanganan

83 4.3.8. Tampilan Halaman kelola informasi Gambar 4. 19 Tampilan Halaman kelola informasi 4.3.9. Tampilan Halaman jadwal Gambar 4. 20 Tampilan Halaman jadwal

84 4.3.10. Tampilan form konfirmasi pernikahan Gambar 4. 21 Tampilan form konfirmasi pernikahan 4.3.11. Tampilan administrasi Gambar 4. 22 Tampilan administrasi

85 4.3.12. Tampilan pernikahan Gambar 4. 23 Tampilan pernikahan 4.3.13 Tampilan Halaman login Gambar 4. 24 Tampilan Halaman login

86 4.4. Metode Pengujian Metode pengujian dilakukan untuk memastikan apakah system yang akan dipakai sudah sesuai dengan yang diharapkan. Metode yang digunakan untuk pengujian ini adalah black box, yaitu melakukan pengujian aplikasi memfokuskan pada fungsionality system tanpa mengetahui apa sesungguhnya yang terjadi dalam black end system. 4.5. Skenario Pengujian Skenario pengujian dilakukan untuk menentukan langkah-langkah dalam melakukan pengujian. Pengujian dilakukan dengan menjalankan aplikasi dari perancangan website. Setelah aplikasi dijalankan selanjutnya adalah menguji tombol-tombol yang terdapat dalam antar muka aplikasi tersebut apakah sesuai dengan tahap perancangan. Tabel 4. 1 Skenario Pengujian No Antar Muka Uji Coba Status aplikasi Skenario pengujian Hasil yang diharapkan Hasil Pengujian 1. Link pada semua laman link menu dan link sidebar laman selain laman yang ingin di tuju Klik link menu dan link sidebar Menu terhubung dengan halaman yang dituju Berhasil membuka laman tujuan 2. Laman login fitur login user 3 Laman Login fitur gagal login 4. Laman form membuat nikah Laman login sudah aktif Laman login aktif dalam laman form Input username. Password dan klik tombol login Biarkan Kosong halaman login lalu klik tombol login Isi form Berhasil melakukan validasi user Beharasil munculkan peringatan Berhasil membu Berhasil masuk kemenu selanjutnya Kembali kemenu login user Data Data berhasil tersimpan di database

87 5. Laman form 6. Laman utama pengunjunng 7. Laman utama cek status 8. Laman input 9. Laman input 10. Laman 11. Laman bila gagal membuat nikah fitur cek status fitur gagal cek status input gagal input kelola kelola pernikahan dalam laman form halaman utama dan mengisi form cek status halaman utama dan mengisi form cek status memilih perjalanan dalam form input dalam form input dalam form kelola nikah Laman form persetujuan nikah form di biarkan kososng Input name dan no identitas sesuai dengan identitas lalu klik tombol submit Biarkan Kosong halaman cek status lalu klik tombol submit Pilih,ten tukan jumlah penanganan, tentukan tanggal kerja Tidak menentukan jumlah penanganan dan tanggal kerja Masukan tgl pernikahan lalu klik tombol cek Isi form pilih, biaya pernikahan, jadwal pembekalan nikah Muncul peringatan harus diisi di dalam kolom form Berhasil melakukan validasi Muncul peringatan tidak ada data yang anda cari Muncul pemberitahua n data berhasil disimpan Muncul peringatan harap isi semua form Menampilkan form persetujuan pernikahan Data tiket berhasil ditampilan sesuai dengan inputan Permohonan gagal dan muncul peringatan harus diisi di dalam kolom form Berhasil memunculkan status pendaftar sesuai proses yang telah di lakukan Kembali ke halaman cek status Data ditampilkan dari database Data tidak berhasil di simpan dan kembali ke menu input Data berhasil disimpan dan ditampilkan di database Data tiket berhasil ditampilan sesuai dengan inputan

88 12. Laman 13. Laman permohoan 14. Laman jadwal nikah 15. Laman input berita 16. Laman input berita 17. Laman jadwal nikah 18. Laman kegiatan 19. Laman kegiatan gagal kelola pernikahan filter data cek penanganan cetak surat izin nikah inputan data peringatan bila form tidak diisi konfirmasi pernikhan filter data administrasi filter data pernikahan Laman form persetujuan nikah berada di laman permohoan laman jadwal nikah Laman kelola informasi sudah aktif Laman kelola informasi aktif dalam form konfirmasi pernikahan berada di laman kegiatan berada di laman kegiatan Form dibiarkan tidak diisi Input periode lalu atau biarkan kosong form klik tombol submit Pilih data pendaftar lalu klik tombol cetak Input data informasi lalu klik tombol input berita Biarkan kosong form kelola informasi lalu klik input berita Mengisi form konfirmasi pernikahan Input periode lalu atau biarkan kosong form klik tombol submit Input periode lalu atau biarkan kosong form klik tombol submit Menampilkan peringatan data tidak ada Data penanganan berhasil ditampilkan sesuai dengan yang di input menampilkan surat izin menikah Data berhasil tersimpan dalam database Muncul peringatan harap isi semua field Berhasil melakukan konfirmasi pernikahan Data administrasi berhasil ditampilkan sesuai dengan yang di input Data pernikahanber hasil ditampilkan sesuai dengan yang di input Kembali ke halaman utama staff berhasil menampilkan penanganan Berhasil menampilkan surat izin menikah Data berhasil tersimpan dalam database data tidak masuk kedalam database. Muncul pmberitahuan berhasil konfirmasi pernikahanda n kembali ke laman utama berhasil menampilkan administrasi berhasil menampilkan administrasi

89 4.6. Analisa Hasil Pengujian Berikut adalah analisa yang telah dilakukan berdasarkan hasil pengujian yang telah dilakukan. Pada saat user (pendaftar, staff,, kepala KUA) pertama kali membuka halaman web, maka akan menampilkan laman profil dan users dapat memilih laman lain dengan melakukan klik pada menu utama. Pada form login pengujian yang dilakukan adalah memasukan data login user, apabila validasi sukses maka akan diarahkan ke dashboard users, apabila gagal maka akan ditampilkan pesan error/kesalahan pada form. Pada form, form kelola nikah, input berita, input, konfirmasi pernikahan pengujian yang dilakukan adalah dengan memasukkan data pada form kemudian melakukan submit. Sistem akan melakukan validasi untuk memastikan bahwa field-field yang penting tidak dikosongkan atau tidak ada kesalahan format data. Bila validasi sukses maka data akan tersimpan kedalam database, apabila gagal pada validasi data maka akan muncul pesan error/kesalahan pada form. Pada kegiatan pengujian yang dilakukan adalah dengan memasukkan periode sebagai penentuan data yang akan ditampilkan sebagai kemudian melakukan submit. Sistem akan melakukan pencarian data berdasarkan periode tersebut, bila pencarian sukses maka data akan menampilkan list/daftar data-data transaksi, form kosong maka akan menampilkan semua. Pada form cek penanganan, pengujian yang dilakukan adalah dengan menginput stok yang ingin di cek sebagai penentuan data yang akan ditampilkan sebagai kemudian melakukan submit. Sistem akan melakukan pencarian data berdasarkan stok penanganan tersebut, bila pencarian sukses maka data akan menampilkan list penanganan, apabila form kosong maka akan menampilkan semua list penanganan. Pada form cek status pengujian yang dilakukan adalah dengan memasukkan kode name dan nomor identitas sesuai dengan identitas pendaftar sebagai penentuan data yang akan ditampilkan sebagai kemudian melakukan submit. Sistem akan melakukan pencarian data berdasarkan kode pesanan dan nomor identitas tersebut, bila pencarian sukses maka data akan

90 menampilkan status pendaftar. Pada form cetak surat izin nikah pengujian yag dilakukan hanya memiliih data pendaftar yang telah melakukan proses kelola nikah kemudian cetak. Sistem akan menampilkan surat izin menikah.