BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Setelah melakukan analisis dan perancangan terhadap situs web yang akan dibangun, tahapan selanjutnya adalah implementasi dan pengujian. Pada tahapan implementasi terdapat dua cakupan yaitu spesifikasi kebutuhan sistem yang eliputi perangkat lunak (software), perangkat keras (hardware), dan implementasi situs web yang meliputi proses pengkodean, implementasi basis data, dan antarmuka. 4.1.1 Lingkungan Perangkat Lunak Perangkat lunak (software) yang digunakan adalah: a. PHPTriad 2.2.1 b. Macromedia Dreamweaver MX 2004, sebagai editor pada pemrograman PHP c. Adobe Photoshop 7.0 d. Microsoft Windows XP Proffesional version 2002 sebagai sistem operasi. 47
4.1.2 Spesifikasi Perangkat Keras yang Digunakan Berikut spesifikasi kebutuhan sistem dimana dimana sistem dibuat dan dijalankan: 1. Perangkat keras (hardware): a. Prosesor : Intel Pentium IV Celeron 600E MHz b. RAM : 352MB c. VGA : S3G_ProSavageDDR_winxp_v139433 32 MB d. Harddisk : ATA SMART 10 GB 7200 RPM 4.1.3 Implementasi Situs Web Pada sub bab ini diterangkan secara rinci mengenai tahapan-tahapan implementasi situs web yang meliputi proses implementasi basis data dan bentuk tampilan layar. 4.1.3.1 Implementasi Basis Data Dalam membuat basis data dengan menggunakan PHPMyAdmin, terlebih dahulu kita harus meng-install PHP, namun pada sub bab ini penulis tidak menjelaskan langkah-langkah instalasi PHP. Langkah-langkah membuat basis data dijelaskan sebagai berikut: 1. Aktifkan server apache, lalu buka MySQL-D-NT, dan Mozilla Firefox pada menu windows. Ketik pada address Mozilla Firefox http://localhost/, lalu pilih phpmyadmin-2.6.4-pl2 / setelah itu akan tampil halaman utama
phpmyadmin. Lalu buat database dengan nama tokobuku dengan beberapa tabel seperti pada Gambar 4.1. Gambar 4.1 Halaman phpmyadmin database tokobuku 2. Tabel Admin Tabel admin berisi data admin pada web. Tabel ini terdiri dari dua field yaitu uname, dan passwd. Berikut di bawah ini tampilan halaman untuk mengisi field pada tabel admin tampak pada Gambar 4.2 Gambar 4.2 Mengisi field pada tabel admin 3. Tabel Buku Tabel buku berisi data-data buku. Tabel ini terdiri dari sebelas field yaitu kd_buku, kd_kategori, judul, penerbit, pengarang, thn_terbit, harga, diskon, gambar, sinopsis dan stock. Primary key dari tabel buku yaitu
kd_buku. Berikut di bawah ini tampilan halaman untuk mengisi field pada tabel buku tampak pada Gambar 4.3. Gambar 4.3 Mengisi field pada tabel buku 4. Tabel Kategori Tabel kategori terdiri dari kd_kategori, kategori dan ket. Primary key dari table kategori adalah kd_kategori. Gambar 4.4 Mengisi field pada tabel kategori 5. Tabel Pesanan Tabel pesanan terdiri dari kd_pesan, nama, email, alamat, kota, kd_pos, telp, level, online, tgl_pesan, tgl_kirim dan status. Primary key dari tabel pesanan yaitu kd_pesan. Berikut di bawah ini tampilan halaman untuk mengisi field pada tabel mhs tampak pada Gambar 4.5.
Gambar 4.5 Mengisi field pada tabel pesanan 6. Tabel Rinci Pesanan Tabel ini terdiri dari sebelas field yaitu kd_pesan, kd_buku dan jml_pesan. Berikut di bawah ini tampilan halaman untuk mengisi field pada tabel rinci pesanan, tampak pada Gambar 4.6 Gambar 4.6 Mengisi field pada tabel rinci pesanan 7. Tabel Halaman Tabel ini terdiri dari lima field yaitu id_hlmn, kd_buku, jdl_hlmn, gbr_hlmn, dan ket. Berikut di bawah ini tampilan halaman untuk mengisi field pada tabel halaman, tampak pada Gambar 4.7
Gambar 4.7 Mengisi field pada tabel halaman 4.1.3.2 Antar Muka Pada bagian ini akan digambarkan mengenai antar muka (interface) pada situs web. Secara umum terdapat dua bagian antar muka dalam situs web tersebut yaitu pengunjung dan admin. 4.1.3.2.1 Antar Muka Admin Implementasi web menggunakan PHP dan MySQL diimplementasikan pada halaman web. Untuk mengakses halaman admin dilakukan proses verifikasi login, jika pada saat login tidak bernilai error maka diperbolehkan untuk masuk halaman admin. Secara umum halaman-halaman yang digunakan admin diantaranya yaitu, menu admin.php, pesanan.php, proses.php, add_buku.php dan add_kategori.php.. Pada proses pengkodean situs web dig Statement yang digunakan penulis untuk modularisasi adalah include. Dalam pemrograman situs web digunakan funsi include, yaitu fungsi untuk menghubungkan file PHP, implementasi dari
modularisasi tersebut adalah sebuah file yang dibuat untuk koneksi ke dalam basis data. Listing programnya adalah: <? mysql_connect( localhost, root, ); mysql_select_db("tokobuku");?> Perintah di atas menggunakan localhost sebagai nama host dengan username root, password dikosongkan, dan basis datanya diberi nama tokobuku. Perintah di atas tersimpan dalam satu file dengan nama koneksi.inc.php. Sedangkan untuk memanggil file koneksi.inc.php digunakan perintah berikut: <? include"koneksi.inc.php";?> Tujuan dilakukannya pemodulan program adalah untuk menghindari penulisan berulang-ulang untuk perintah yang sama dan jika ada perubahan pada nama basis datanya, maka hal yang perlu dilakukan adalah hanya dengan merubah isi dari file koneksi.inc.php saja. Penggunaan file koneksi.inc.php pada situs web ini digunakan pada setiap halaman menu yang terkoneksi ke basis data. Pada halaman admin terdapat fungsi session. Dengan adanya fungsi session pada setiap halaman admin, keamanan data pada halaman tersebut lebih terjamin, karena meskipun terjadi pengaksesan acak halaman admin, maka sistem akan meminta login terelebih dahulu.
Desain antar muka halaman login admin dapat dilihat pada Gambar 4.7 dan Gambar 4.8. Gambar 4.8 Tampilan halaman utama administrator Halaman-halaman antar muka admin situs web toko buku online, meliputi: 1. Buku Menu ini digunakan oleh Admin untuk memanajemen buku, yaitu menambah, mengedit dan menghapus buku. 2. Pesanan Menu ini digunakan oleh Admin untuk memanajemen pesanan, yaitu memproses pesanan pengunjung. 3. Kategori
Menu ini digunakan oleh Admin untuk memanajemen kategori, yaitu menambah, mengedit dan menghapus kategori. 4.1.3.2.2 Antar Muka Pengunjung Adapun halaman-halaman antar muka pengunjung situs web toko buku online, yaitu: 1. Home Halaman ini merupakan halaman utama dan pertama dari situs web. Halaman utama situs web Toko Buku online terdiri atas menu home, buku, katalog, profil, contact us, dan beberapa menu tambahan, seperti menu pencarian, keranjang belanja dan info buku terbaru. 2. Profil Gambar 4.10. Tampilan Halaman Home Halaman ini merupakan halaman profil toko buku online.
3. Buku Halaman ini merupakan halaman buku toko buku online. 4. Katalog Halaman ini merupakan halaman katalog buku yang disediakan oleh toko buku online 5. Contact Us Halaman ini merupakan halaman yang disediakan bagi para pengunjung untuk menyampaikan pertanyaan, keluhan, dan hal-hal lain kepada toko buku online. 6. Keranjang Belanja Halaman ini merupakan fasilitas e-commerce yang disediakan bagi para pengunjung situs untuk berbelanja. Tahap pembelian dimulai dari mengklik judul buku yang akan dibeli, kemudian akan tampil detail buku yang akan dibeli. Dari halaman ini, pembeli dapat mengetikkan jumlah buku yang akan dibeli untuk judul tersebut. Kemudian, pembeli melakukan check out untuk mengisi formulir pendaftaran data konsumen, dan selanjutnya menunggu konfirmasi balasan dari admin ke alamat e- mail masing-masing.
7. Detail Buku 8. Visualisasi Buku Halaman ini untuk memperlihatkan visualisasi sebagian dari halaman isi buku. Halaman visualisasi merupakan halaman yang disediakan bagi pengunjung agar pengunjung dapat seolah-olah melihat buku secara langsung, melalui gambar halaman depan (cover), halaman daftar isi, halaman pendahuluan dan halaman belakang (back) buku. Cara menampilkan visualisasi buku yaitu dengan meakukan koneksi terlebih dahulu dengan database. Setelah koneksi berhasil dilakukan, database diakses kemudian dilakukan proses penambahan data dengan perintah SQL. Data gambar disimpan di database tokobuku dengan nama tabel yaitu tabel halaman. Tabel halaman memiliki atribut id_hlmn, jdl_hlmn, kd_buku, gbr_hlmn dan ket. Atribut jdl_hlmn merupakan atribut untuk memberi penjelasan apakah gambar yang ditampilkan merupakan halaman depan, daftar isi, pendahuluan atau halaman belakang dari buku. Atribut kd_buku merupakan atribut dari tabel buku yang berhubungan dengan tabel halaman untuk menentukan judul buku. Atribut gbr_hlmn merupakan atribut yang berisi gambar halaman dari buku yang akan meyimpan dan menampilkan gambar halaman dari buku.
Proses penyimpanan data gambar ke dalam database, yaitu dengan memasukkan gambar halaman depan (cover), halaman daftar isi, halaman pendahuluan, halaman belakang (back) buku ke dalam database tokobuku, yaitu tabel halaman. Langkah selanjutnya memasukkan perintah SQL ke dalam skrip program PHP. Perintah yang digunakan adalah mysql_query = SELECT * from halaman, buku where buku.kd_buku=halaman.kd_buku AND id_hlmn=$id ORDER BY id_hlmn ASC ; Perintah SQL untuk menampilkan hasil dari perintah SQL sebelumnya, yaitu mysql_fetch_array(mysql_query); Skrip program PHP untuk melakukan proses pemanggilan yaitu skrip visual.php untuk dapat menampilkan data gambar kemudian didefinisikan data untuk elemen image. Tag <img...> dengan parameter id_hlmn dari data yang memiliki gambar dalam tabel halaman. Skrip visual.php secara prinsip hanya akan menampilkan isi kolom gambar dari tabel halaman yang berisi data varchar atribut gbr_hlmn dari tabel halaman. Skrip ini menganggap bahwa akan ada 1 record yang ditemukan dan dan kolom gambar terdapat isi berupa data gambar dengan format gif. Untuk mengeluarkan atau menampilkan kembali data gambar (varchar) yang telah disimpan dalam tabel, kita harus membuat program dengan menggunakan bahasa pemrograman yang mendukung MySQL. Disini digunakan PHP. Untuk membuat program yang akan digunakan untuk menampilkan kembali data yang telah disimpan dalam tabel halaman. Program aplikasi PHP yang digunakan untuk menampilkan data gambar
(varchar) terdiri atas 2 skrip yang harus dibuat yaitu visual.php dan zoom.php Zoom.php merupakan skrip yang akan menampilkan isi tabel halaman berupa jdl_hlmn dan gbr_hlmn, kemudian memanggil skrip visual dengan parameter saat pemanggilan adalah dari kolom id_hlmn yang berisi nomor dari gambar tersebut dalam tabel halaman. Zoom.php merupakan skrip yang akan dipanggil oleh skrip visual.php yang akan menampilkan isi dari tabel halaman, yaitu judul halaman (atribut jdl_hlmn), judul buku (atribut kd_buku) dan gambar (atribut gbr_hlmn). Zoom.php merupakan skrip yang akan memperbesar ukuran gambar halaman. Gambar 4.12. Tampilan Halaman visualisasi
Gambar 4.13. Tampilan Halaman Visualisasi Depan Gambar 4.14. Tampilan Halaman Visualisasi Belakang
Gambar 4.15 Tampilan Halaman Visualisasi Daftar Isi Gambar 4.16. Tampilan Halaman Visualisasi Pendahuluan
4.2 Pengujian Dalam perancangan sistem perlu dilakukan pengujian sistem sebagai verifikasi atas sistem yang telah dirancang. Verifikasi dilakukan untuk mengetahui kemungkinan terjadinya kesalahan dan untuk memastikan fungsi-fungsi yang terdapat dalam modul modul sistem berjalan dengan baik. Tahapan pengujian ini meliputi skenario pengujian, hasil pengujian, dan analisis hasi pengujian. 4.2.1 Skenario Pengujian Skenario pengujian diperlukan untuk menentukan keberhasilan suatu aplikasi. Dalam menentukan skenario pengujian, penulis membagi dua skenario yang dilihat dari sudut pandang pengunjung dan sudut pandang administrator. Skenario pengujian dapat dilihat pada Tabel 4.1. Tabel 4.1 Skenario Pengujian No Pengguna Skenario Pengujian 1 Pengunjung Dapat melihat menu atau halaman-halaman yang terkoneksi dengan basis data. Halaman tersebut antara lain katalog, pencarian buku, detail buku dan visualisasi buku. Dapat melakukan pemesanan buku 2 Administrator Proses login dapat berjalan, sebelum masuk ke halaman admin. Semua halaman admin terproteksi, artinya setiap halaman admin tidak bisa diakses secara acak. Setiap halaman admin yang akan diakses harus melalui proses login. Dapat melihat data buku dan melakukan manajemen buku seperti edit, input, dan delete, data buku. Dapat melihat dan melakukan pemrosesan pesanan.
4.2.2 Hasil Pengujian Berikut hasil pengujian situs web toko buku berdasarkan skenario pengujian yang telah diterangkan pada sub bab sebelumnya. Hasil pengujian dapat dilihat pada tabel 4.2. berikut. Tabel 4.2 Hasil pengujian No Pengguna Hasil Pengujian 1 Pengunjung Pengunjung dapat melihat menu atau halamanhalaman yang terkoneksi dengan basis data. Halaman tersebut antara lain, katalog,pencarian buku, detail buku dan visualisasi buku. Pengunjung dapat melakukan pencarian buku, melihat katalog, melihat buku, detail buku dan visualisasi buku Pengunjung dapat melakukan pemesanan buku dengan melakukan pengisan form pemesanan 2 Administrator Administrator dapat melakukan proses login, sebelum masuk ke halaman admin. Jika data masukan username dan password salah, administrator diminta login ulang, jika benar sistem akan menampilkan halaman menu admin. Setiap halaman admin tidak bisa diakses secara acak. Setiap halaman admin yang akan diakses harus melalui proses login. Sistem akan menampilkan pesan kesalahan jika terjadi pengaksesan halaman admin tanpa melakukan login. Administrator dapat melihat, mengedit, input, delete data buku Admin dapat melihat detail pemesanan dan melakukan proses pemesanan.
4.2.3 Analisis Hasil Pengujian Dari hasil pengujian di atas dapat dianalisa bahwa antara situs web dengan basis data dapat dikoneksikan, tidak ada kesalahan. Hal tersebut dilihat dari dapat tampilnya halaman-halaman yang terkoneksi dengan basis data, baik pada halaman pengunjung maupun halaman administrator. Dengan koneksi tersebut pengunjung dapat melakukan pemesanan dan administrator dapat melakukan pengeditan, input, dan delete data. 4.3 Pengoperasian dan Manajemen Situs Web Situs web yang dibangun memiliki tingkat pengoperasian yang mudah baik pada oleh pengunjung dan administrator Manajemen situs web yang dimaksud adalah bagaimana administrator dapat melakukan pengelolaan terhadap data-data situs web. Berikut di bawah ini langkah-langkah yang dapat dilakukan administrator dalam memanajemen situs web: 1. Administrator melakukan login dengan mengisi data user name dan password. Apabila user name dan password benar maka administrator akan masuk ke menu admin. Apabila user name atau password ada yang salah maka harus login ulang. 2. Menu admin terdiri dari beberapa menu yaitu buku, pesanan, rinci pesanan, kategori dan log out. 3. Hal-hal yang dapat dilakukan pada menu buku:
a. administrator melihat seluruh data buku, b. administrator memasukkan data buku baru dengan memilih menu add buku c. administrator mengedit data buku dengan memilih menu edit buku, d. administrator menghapus data buku dengan memilih menu delete buku. 4. Hal-hal yang dapat dilakukan pada menu pesanan: a. administrator melihat seluruh data pesanan berupa nama, e-mail, alamat dan nomor telepon pemesan. 5. Hal-hal yang dapat dilakukan pada menú rinci pesanan: a. administrator melihat rinci pesanan berupa buku apa saja yang dipesan, total buku yang dipesan, tanggal pesan b. administrator dapat melakukan proses pemesanan. 6. Menu log out adalah menu untuk keluar dari menu admin dan secara otomatis memutuskan koneksi ke basis data. 7. Dalam memasukkan atau mengedit data, seluruh masukan harus diisi, dan menggunakan tag-tag HTML jika diperlukan untuk mengisi atau mengedit data-data yang bersifat teks.