BAB 4
IMPLEMENTASI DAN PENGUJIAN SISTEM
4.1 Implementasi
• Pembahasan ini memaparkan proses implementasi dari hasil perancangan sistem
yang telah dilakukan pada bab sebelumnya. Implementasi dilakukan untuk memperoleh hasil dari perangkat lunak yang telah dirancang. Implementasi berisi kebutuhan hardware
dan software yang dibutuhkan untuk menjalankan aplikasi. •
• Aplikasi Pencarian Angkot dibangun dengan bahasa pemrograman PHP
dan database MySQL. Kebutuhan hardware untuk Aplikasi Administrasi berupa server dengan software berikut:
1. Web server Apache versi 2.x
2. PHP versi 5.2.x
3. MySQL server versi 5.x.
4. Sistem operasi WindowsLinux.
• •
Untuk tampilan mobile, kebutuhan hardware yang diperlukan berupa ponsel yang dilengkapi dengan browser bawaan, atau untuk hasil yang lebih baik dapat
menggunakan aplikasi Opera Mini versi 5. •
• •
•
Universitas Sumatera Utara
•
4.1.1 Tampilan Penggunaan Aplikasi
Tampilan aplikasi dibagi menjadi dua bagian, yaitu tampilan untuk mobile dan tampilan untuk server.
4.1.1.1 Tampilan mobile
Tampilan aplikasi yang diimplementasikan pada mobile adalah sebagai berikut:
A. Halaman Daerah Asal
Halaman Daerah Asal merupakan halaman pertama yang muncul ketika aplikasi ini dijalankan. Halaman ini diperlihatkan pada Gambar 4.1.
Gambar 4.1 Halaman Daerah Asal
Universitas Sumatera Utara
• Pada halaman ini pengguna diminta untuk menentukan daerah asal.
Sebagai contoh, pengguna memasukkan Mandala sebagai daerah asal seperti terlihat pada Gambar 4.2 berikut.
•
Gambar 4.2 Pilih Daerah Asal
B. Halaman Daerah Tujuan
Setelah menekan tombol lanjut, maka halaman yang ditampilkan adalah halaman Daerah Tujuan. Halaman Daerah Tujuan diperlihatkan pada Gambar 4.3.
Universitas Sumatera Utara
Gambar 4.3 Halaman Daerah Tujuan
• •
Pada halaman ini pengguna diminta untuk menentukan daerah tujuan. Sebagai contoh, pengguna memasukkan Tembung sebagai daerah tujuan seperti terlihat
pada Gambar 4.4 berikut. •
Gambar 4.4 Pilih Dearah Tujuan
Universitas Sumatera Utara
C. Halaman Hasil
Pada halaman ini ditampilkan hasil pencarian angkot yang diinginkan. Halaman hasil diperlihatkan oleh Gambar 4.5 dan Gambar 4.6 berikut.
Gambar 4.5 Halaman Hasil
Gambar 4.6 Pilihan Cari Lagi
Universitas Sumatera Utara
Setelah hasil ditampilkan, pengguna dapat kembali ke halaman awal dengan memilih menu Cari lagi.
4.1.1.2 Tampilan server
Tampilan aplikasi yang diimplementasikan pada server adalah sebagai berikut:
A. Halaman Import Data
Pada halaman ini, pengguna dapat mengimport data yang berasal dari Microsft Excel dengan extensi .csv. Data yang diimport adalah daerah, jarak dan trayek.
Gambar 4.7 Halaman Import Data
Universitas Sumatera Utara
B. Halaman Kelola Daerah
Pada halaman ini pengguna dapat menambah daerah baru, mengubah dan menghapus daerah yang telah ada. Pengguna juga dapat mengubah posisi daerah yan berada di peta
dengan cara menggeser titik-titik merah yang tersedia.
Gambar 4.8 Halaman Kelola Daerah
C. Halaman Kelola Jarak
Pada halaman ini pengguna dapat mengubah jarak dengan cara mengetikkan di kolom- kolom yang telah disediakan. Setelah mengubah jarak, pengguna harus menekan tombol
Simpan untuk menyimpan data yang telah diubah.
Universitas Sumatera Utara
Gambar 4.9 Halaman Kelola Jarak
D. Halaman Kelola Angkutan
Pada halaman ini pengguna dapat menambah angkutan baru, mengubah dan menghapus
angkutan yang telah ada.
Universitas Sumatera Utara
Gambar Halaman 4.10 Halaman Kelola Angkutan
E. Halaman Kelola Trayek
Pada halaman ini pengguna dapat menambah trayek baru dan menghapus trayek yang telah ada. Untuk menambahkan trayek baru, pengguna cukup memilih dua titik yang
terdapat pada peta.
Universitas Sumatera Utara
Gambar Halaman 4.11 Halaman Kelola Trayek
F. Halaman Buat Solusi
Pada halaman ini terdapat dua menu, yaitu Buat Solusi Auto Submit dan Buat Solusi. Perbedaannya adalah jika pengguna memilih Buat Solusi Auto Submit, maka solusi
akan dibuat dan disimpan secara otomatis. Sedangkan jika pengguna memilih Buat Solusi, maka solusi akan dibuat secara manual. Solusi yang ditampilkan berupa graf dari
jalur angkot, hasil Floyd dari graf, jalur hasil Floyd dan rute yang tersedia.
Universitas Sumatera Utara
Gambar 4.11 Halaman Buat Solusi
Gambar 4.12 Hasil Floyd
Universitas Sumatera Utara
Gambar 4.13 Jalur Hasil Floyd
Gambar 4.14 Rute yang Tersedia
Universitas Sumatera Utara
G. Halaman Lihat Solusi
Pada halaman ini pengguna dapat melihat solusi yang telah disimpan.
Gambar 4.15 Halaman Lihat Solusi
4.2 Pengujian
