BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM 4.1 Implementasi Implementasi diterapkan dengan maksud agar system yang telah dibuat dapat bekerja sesuai dengan tujuannya dan dapat bermanfaat bagi kebutuhan kepolisian lalu lintas maupun kebutuhan masyarakat. 4.1.1 Kebutuhan Sistem Dalam mengoprasikan aplikasi lokasi persebaran kelengkapan berkendara di wilayah DKI Jakarta dibutuhkan beberapa persyaratan hardware, software, dan brainware seperti yang tercantum sebagai berikut : 1. Hardware Perangkat keras yang direkomendasikan adalah 1. Processor Intel Celeron 2. RAM 2GB 3. Monitor 14 Inci 4. Hardisk 500GB 2. Software Perangkat lunak yang direkomendasikan adalah 1. Sistem windows 8 2. PHP 3. Xampp dan MySQL 4. Google Map API 5. Web Browser Mozilla Firefox 6. Macromedia Dreamweaver 8 3. Brainware A. Kebutuhan Pengguna 1. Aplikasi dapat menampilkan langsung peta lokasi Operasi Kelengkapan Berkendara yang tersebar di wilayah DKI Jakarta. 2. Aplikasi ini dapat menampilkan Daftar Operasi Berkendara Di wilayah DKI Jakarta. 59
60 3. User dapat melihat Titik lokasi, Penanggung jawab, dan unitunit yang berada pada lokasi Operasi Kelengkapan Berkendara B. Kebutuhan Administrator 1. Admin dapat mengolah Data Operasi Kelengkapan Berkendara. 2. Admin dapat mengolah berita Operasi Kelengkapan Berkendara. 3. Admin dapat menghapus titik lokasi Operasi kelengkapan berkendara 4.1.2 Tampilan Antar Muka A. Tampilan Databases Gambar 4.1 Databases aplikasi ini adalah tampilan database pada aplikasi lokasi penyebaran kelengkapan berkendara. Terdiri dari : 1. Admin : Table admin 2. Tb_berita : Table berita 3. Tb_daftar : Table informasi daftar
61 B. Tampilan utama konsumen Gambar 4.2 Utama Konsumen ini adalah halaman utama yang pertama kali muncul ketika konsumen mengakses aplikasi. Terdiri navigasibar menu dari Home, Daftar Operasi Kendaraan, Peta Persebaran Lokasi, Berita, About. C. Tampilan Daftar Operasi Kendaraan Gambar 4.3 Daftar Operasi Kendaraan
62 Pada halaman daftar ini ada beberapa jenis yang dibagi menjadi 8 nama di Jakarta yaitu patuh jaya, zebra, simpatik, lilin, ketupat, lintas, mantap praja, dan mantap brata. User dapat melihat informasi daftar ketika mengklik salah satu jenis sebagai berikut : Gambar 4.4 Daftar Operasi Patuh jaya ini adalah daftar lokasi penyebaran patuh jaya yang dilaksanakan di wilayah DKI Jakarta. Jika ingin melihat navigasi lokasi nya kita dapat mengklik tombol Lihat Peta.
63 Gambar 4.5 Titik lokasi Operasi D. Tampilan Peta Persebaran Lokasi Gambar 4.6 Peta Persebaran Lokasi Operasi di Jakarta ini merupakan tampilan dari beberapa titik lokasi di seluruh wilayah DKI Jakarta.
64 E. Tampilan Berita Gambar 4.7 Berita Operasi Kendaraan ini menampilkan beberapa informasi berita seputar di wilayah DKI Jakarta, namun dalam penulisan teksnya dibatasi 350 kata saja. Jika ingin melihat lengkap dari isinya bias klik baca selengkapnya dan akan muncul tampilan seperti berikut : Gambar 4.8 Detail Berita Operasi Kendaraan
65 F. Tampilan Obout Gambar 4.9 Tampilan Menu About ini hanya berupa informasi tentang manfaat aplikasi kelengkapan berkendara G. Tampilan Login Admin Gambar 4.10 Login Admin
66 ini adalah halaman login admin sebelum dapat mengelola aplikasi lokasi, admin diminta mengisi username dan password sesuai dengan yang sudah ditentukan. H. Tampilan Home Admin Gambar 4.11 Home Admin ini adalah utama ketika admin berhasil melakukan login. pada side bar terdapat navigasi menu seperti Dashboard, Input data, Daftar table, Input berita, list berita, dan map. I. Tampilan Input Data Operasi Gambar 4.12 Form Input Data Operasi ini adalah form input data kelengkapan berkendara dimana didalamnya terdapat id daftar, alamat, wilayah, penanggung
67 jawab, unit, latitude, longitude, dan jenis. Ketika kita klik tambah otomatis akan langsung masuk ke database dan akan tampil di bagian daftar table seperti berikut : Gambar 4.13 table daftar ini adalah table daftar dari database aplikasi lokasi penyebaran kelengkapan berkendara di wilayah DKI Jakarta. Gambar 4.14 Daftar table ini adalah tampilan daftar yang sudah di input oleh admin kedalam database aplikasi. Jika ingin mengedit data aplikasi akan menampilkan halaman edit untuk merubah informasi data sebagai berikut :
68 Gambar 4.15 Form Edit Data ini untuk merubah data yang sudah di input oleh admin. Setelah admin merubah data lalu admin klik update untuk menampilkan perubahan yang dikelola oleh admin dan akan muncul hasil perubahan pada tampilan daftar table. J. Tampilan Form berita Gambar 4.16 Form input berita ini adalah form untuk input berita seputar di wilayah DKI Jakarta.
69 K. Tampilan daftar berita Gambar 4.17 Daftar berita admin ini adalah tampilan daftar berita seputar kelengkapan berkendara. L. Tampilan Peta Lokasi Operasi Kendaraan Gambar 4.18 Titik Lokasi Operasi Kelengkapan Berkendara Pada Admin ini menampilkan titik lokasi kelengkapan berkendara di wilayah Jakarta pada halaman admin.
70 No 4.2 Skenario Pengujian Sistem 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 antarmuka aplikasi tersebut apakah sesuai dengan tahap perancangan. Tabel 4.1 Tabel Skenario Pengujian Aplikasi Lokasi Penyebaran Operasi Kelengkapan Berkendara di Wilayah DKI Jakarta dengan Metode Black Box Menu yang diuji 1. awal(home) Bagian dari menu yang diuji Proses link Status aplikasi awal sudah terbuka Skenario pengujian Klik link yang tersedia,di halaman awal Hasil yang didapatkan Terhubung dengan halaman link yang di klik 2. Daftar Operasi Kendaraan Proses link daftar sudah terbuka Klik salah satu link yang tersedia di daftar Terhubung dengan halaman link yang di klik 3. Peta persebaran 4. Berita Proses link Proses link peta lokasi sudah terbuka berita sudah terbuka Melihat titik lokasi Melihat informasi berita seputar Terhubung dengan halaman link yang di klik Terhubung dengan halaman link yang di klik 5. About 6. Login Admin Proses link Proses sub akses about sudah terbuka login admin sudah terbuka Melihat informasi tentang aplikasi Input username dan password Terhubung dengan halaman link yang di klik Akan masuk ke halaman admin 7. Dashboard admin Proses link dashboard sudah terbuka Klik link yang tersedia,di halaman dashboard Terhubung dengan halaman link yang di klik
71 8. input data 9. daftar tabel 10. input berita 11. list berita Proses input data Proses melihat data Proses input data berita Proses melihat data berita input data sudah terbuka daftar tabel sudah terbuka input data berita sudah terbuka list berita sudah terbuka 12. map Proses link map sudah terbuka Menginput data di form data Melihat, mengupdate dan menghapus data Menginput data berita di form berita Melihat dan menghapus data Melihat titik lokasi Data tersimpan di data base Data dapat di update dan dihapus Data akan tersimpan ke database Data berita dapat dihapus Terhubung dengan halaman link yang di klik No 4.2.1 Hasil Pengujian Dari hasil skenario pengujian terakhir yang dilakukan dapat diperoleh hasil pengujian dari hasil skenario pengujian pada setiap pilihan yang ada pada perancangan aplikasi lokasi penyebaran kelengkapan berkendara di wilayah DKI Jakarta, yaitu menu halaman konsumen (home, daftar, peta persebaran, berita, dan about), validasi dan menu dalam admin. Maka diperoleh hasil pengujian dengan rumusan perancangan aplikasi program ini dan terangkum dalam tabel 4.2 hasil pengujian sebagai berikut: Tabel 4.2 hasil pengujian aplikasi lokasi penyebaran kelengkapan Menu yang diuji 1. Menu konsumen (home, daftar, peta berkendara di wilayah DKI Jakarta dengan metode Black Box Prosedur pengujian Pilih sub menu Masukan Keluaran yang diharapkan - Masuk ke menu program yang ingin di tuju Kriteria evaluasi hasil Berhasil bila menu yang dituju tampil Hasil yang didapat Berhasil masuk ke program yang dituju
72 persebaran, berita, dan about) 2. Validasi Proses menginput 3. Menu Admin(das hboard, input daftar, tabel daftar opersi, input berita, list berita, map) Pilih sub menu dan proses menginput Input data : 1. Username 2. Password 3. Daftar 4. Berita Input data : 1. username 2. password 3. daftar 4. berita Proses tersimpan Masuk ke menu yang dituju dan proses tersimpan Jika berhasil data akan tersimpan ke data base dan tampil pada aplikasi Berhasil jika menu yang dituju tampil dan data tersimpan ke database Jika tidak berhasil maka data tidak akan masuk ke database dan tidak muncul pada aplikasi Berhasil masuk ke program yang dituju 4.2.2 Analisis Hasil Pengujian Setelah melakukan pengujian terhadap semua menu system pada program ini maka dapat disimpulkan bahwa pengujian telah menunjukkan hasil keluaran (output) dan proses yang sesuai dengan rancangan aplikasi program ini. Hasil dari pengujian ini dapat dikatakan bahwa program ini dapat berfungsi dengan baik dan benar, karena telah di buktikan dari hasil scenario pengujian. Bahwa program aplikasi web ini dapat digunakan sebagai ilmu pengetahuan dan informasi kepada masyarakat terhadap kelengkapan berkendara. Program ini dapat dipublikasikan dengan cara mendapatkan hosting dan domain, dengan cara menyewa tempat hosting dan membeli domain pada tempat yang menyediakan jasa tersebut. Namun, ada beberapa tempat untuk mendapatkan tempat hosting secara gratis.