4. 1 Instalasi Software BAB IV IMPLEMENTASI DAN PENGUJIAN Dalam pembuatan program ini penulis menggunakan XAMPP dalam menjalankan program aplikasi ini yang didalamnya sudah terdapat MySQL untuk mengelola database dari system, serta PHP untuk bahasa pemrogramannya dan menggunakan aplikasi Mozilla Firefox dalam menjalankan aplikasi websitenya. 4. 2 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 terdiri dari ruang lingkup implementasi, pengkodean dan interface dari aplikasi sistem tersebut. Sarana yang dibutuhkan dalam pembuatan sistem ini adalah perangkat pendukung yang terdiri dari software (perangkat lunak) dan hardware (perangkat keras) antara lain sebagai berikut : 1. Perangkat Keras a. Microprocessor : Intel Core i3-370m b. RAM : 2 GB c. Hard Disk : 320 GB 2. Perangkat Lunak a. Sistem Operasi : Windows 7 b. Web Server : Apache, MySQL database c. Browser : Internet Explorer, Mozilla Firefox, Google Chrome d. Program : PHP e. Tampilan : Macromedia Dreamwaver 8 f. Editing : Adobe Photoshop CS 3 60
61 4.3 Tampilan Awal Database 4.3.1 Tampilan Localhost XAMPP Gambar 4.1 Tampilan Localhost XAMPP 4.3.2 Menu Awal pembuatan Data Base Adapun langkah-langkah untuk membuka database adalah sebagai berikut:buka browser mozilla firefox untuk mencoba web server, lalu ketikan Localhost/phpmyadmin pada alamat address. Gambar 4.2 Database Localhost pada Mozilla Firefox
62 4.3.3 Tampilan Awal Pembuatan Data Base Gambar 4.3 Tampilan awal pembuatan database 4.3.4 Tampilan database PT.Jakart Megah Perkasa Gambar 4.4 Database Properti
63 4.3.5 Tampilan Tabel Admin Gambar 4.5 Tampilan tabel admin 4.3.6 Tampilan Tabel Komentar Gambar 4.6 Tampilan tabel komentar
64 4.3.7 Tampilan Tabel Pesan Gambar 4.7 Tampilan data_pesan 4.3.8 Tampilan Tabel Properti Gambar 4.8 Tampilan data_properti
65 4.3.9 Tampilan Tabel User 4.4 Implementasi Program Gambar 4.9 Tampilan data_user Rancangan-rancangan yang telah dibuat di atas akan menghasilkan suatu implementasi yang bisa dipakai oleh user. Hasil dari implementasi tersebut yaitu : 4.4.1 Tampilan Halaman Utama Pada utama dari sitem ini ditampilkan sambutan singkat dari sistem, home, About Us, Register, Contact Us, dan Login Gambar 4.10 Tampilan Menu Utama
66 4.4.2 Tampilan menu keterangan PT.jakarta Megah Perkasa Gambar4.11 Tampilan keterangan PT.Jakarta Megah Perkasa 4.4.3 Tampilan menu Register Gambar 4.12 tampilan Menu Register
67 4.4.4 Tampilan Menu kirim Pesan Gambar 4.13 tampilan Menu Kirim Pesan 4.4.5 Tampilan Menu Lokasi Perusahaan Gambar 4.14 tampilan Menu Lokasi Perusahaan
68 4.4.6 Tampilan Menu Login Member Pada implementasi layar login pengguna harus melakukan login terlebih dahulu untuk bisa menggunakan sistem ini. Gambar 4.15 Tampilan Menu Login Member 4.4.7 Tampilan Menu Home Member Gambar 4.16 Tampilan Menu Home Member
69 4.4.8 tampilan unit properti 4.4.9 Tampilan Unit Apartemen Gambar 4.17 Tampilan Unit Properti Gambar 4.18 Tampilan Unit Apartemen
70 4.4.10 Tampilan Pemesanan oleh Customer Gambar 4.19 Tampilan Pemesanan Oleh Customer 4.5 Tampilan Halaman Admin Pada implementasi admin terdapat menu Input Data Customer, Data Pesanan,Konfirmasi, Laporan,Logout. Halaman admin hanya akan bisa tampil dan semua menunya dapat digunakan jika pengguna (admin) berhasil login kedalam system 4.5.1 Halaman Login Admin Gambar 4.20 Tampilan Login Admin
71 4.5.2 Halaman Home awal Admin Gambar 4.21 Tampilan Halaman home Admin 4.5.3 Halaman Menginput Data Customer Halaman ini berisikan tentang penginputan data customer yang ada di PT.Jakarta Megah Perkasa Gambar 4.22 Tampilan Input Data Customer
72 4.5.4.Halaman menginput Data Pesanan Gambar 4.23 Tampilan Data Input Data Pesanan 4.5.5.Halaman Konfirmasi pada ini staff administrasi mengkonfirmasi transaksi yang telah dilakukan oleh para customer Gambar 4.24 Tampilan kelola konfirmasi
73 4.5.6.Halaman Cetak Laporan 4.5.7.Halaman Logout Admin Gambar 4.25 Tampilan Mentetak Laporan Gambar 4.26 Tampilan Mentetak Laporan
74 4.6 Metode Pengujian Pada Metode pengujian web ini dilakukan dengan menggunakan Black box testing yaitu, pengujian yang berfokus pada persyaratan fungsional perangkat lunak tanpa memperdulikan source code program. Pengujian ini untuk menentukan sejauh mana sistem dapat memenuhi keinginan user. Setelah tahap perancangan diselesaikan dilanjutkan ketahap selanjutnya yaitu tahap pengujian pada program aplikasi web, hal ini dilakukan untuk menguji dan memastikan bahwa program aplikasi web yang telah dirancang dan dikembangkan ini dapat berfungsi dengan baik dan sesuai dengan rumus-rumus rancangan yang telah ditetapkan sebelumnya. Tanpa adanya pengujian, maka tidak dapat diketahui apakah program yang telah dirancang sesuai dengan spesifikasi rancangan program aplikasi 4.7 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 1. Halaman Menguji semua Masuk Klik link menu Menu terhubung Utama(Home) link menu yang satu persatu dengan terdapat pada utama link yang di klik utama 2. Tampilan Menguji input Halaman Memasukkan Menampilkan Register data register salah satu data yang telah di terbuka dan username, input berdasarkan menampilkan password, data input dari form email, nama customer pengisian lengkap, kota
75 data telp/hp, alamat lengkap 3. Tampilan Menguji Pada Klik tombol Telah terdaftar Register tombol submit daftar pada sebagai member register register terdapat tombol daftar 4. Tampilan Menguji input Pada menu Memasukkan Menampilkan Login data login username dan data yang telah di Customer member password input berdasarkan terdapat data input dari kolom customer pengisian data 5. Tampilan Menguji Pada menu Klik tombol Berhasil login dan Login Member tombol login login login menu login masuk ke member member member terdapat tombol login 6. Tampilan Menguji semua Masuk Klik link menu Menu terhubung Halaman link menu yang satu persatu dengan Member terdapat pada customer link yang di klik customer 7. Tampilan Menguji input Pada Memasukkan Menampilkan data luas tanahn data yang telah di memilih mutu input berdasarkan terdapat beton, alamat data input dari kolom yang di tuju, dan member pengisian tanggal data pengiriman.
76 8. Tampilan Menguji Pada Klik tombol Pemesanan tombol submit submit pada terkirim terdapat tombol submit 9. Tampilan Menguji Pada Klik tombol Menghilangkan tombol reset reset pada atau membatalkan data yang telah di tombol reset input 10. Tampilan Menguji Pada Klik tombol Konfirmasi konfirmasi tombol submit submit pada berhasil pembayaran konfirmasi pembayaran konfirmasi submit 11. Tampilan Menguji reset Pada Klik tombol Akan kembali konfirmasi reset pada kemenu pembayaran konfirmasi pembayaran konfirmasi Terdapat tombol reset 12. Tampilan Menguji menu Pada Klik menu Dapat keluar dari Logout logout logout customer Member customer terdapat menu logout
77 4.8 Analisis Hasil Pengujian Setelah dilakukan pengujian secara menyeluruh, maka dapat disimpulkan bahwa pengujian telah menunjukkan hasil keluaran (Output) dan proses yang sesuai dengan rancangan aplikasi program ini. dan hasil dari pengujian ini dapat dikatakan bahwa program ini dapat berfungsi dengan baik dan benar, karena telah dibuktikan dari hasil skenario pengujian. hasil pengujian yang diperoleh dapat dianalisis sebagai berikut: 1. Halaman utama link-link yang menghubungkan antar interface yang terdapat dalam website berjalan dengan baik.. 2. Halaman login, yang mengontrol aktifitas sub menu / link-link dalam sistem penjualan berbasis web dapat berjalan sesuai yang di inginkan. 3. Halaman beranda, profil,, register / daftar dan konfirmasi. setiap tombol menu yang terdapat di tersebut dapat berjalan sesuai perancangan sistem tersebut. 4. Halaman Pemesanan. setiap menu yang terdapat di transaksi tersebut dapat berjalan sesuai perancangan sistem yang di inginkan. 5. Halaman transaksi pelanggan dapat berjalan dengan baik 6. Halaman laporan setiap menu yang terdapat di laporan / admin tersebut dapat berjalan sesuai perancangan sistem tersebut.