BAB IV Implementasi Sistem
4.3 Implementasi Antar Muka
4.3.1 Form Sirkulasi
Form ini merupakan form utama di program ini, dimana banyak form yang terdapat di dalam form ini. Form ini untuk mengatur form login, form anggota,
form buku, form peminjaman, form admin dan form logout.
4.3.1.1 Form Login
Form login merupakan tampilah awal sebelum admin masuk ke dalam sirkulasi. Jika admin tidak login maka system ini tidak dapat diakses. Form ini berfungsi agar tidak disalah gunakan oleh pihak yang tidak bertanggung jawab atau bukan tugasnya. Tampilan form ini dapat dilihat pada Gambar 4.11
Gambar 4.12 Tampilan Setelah Login
4.3.1.2 Form Anggota
Pada form ini menangani tentang insert, update, delete pada database anggota. Dimana di form ini dapat menambah anggota, menghapus anggota dan merubah data anggota yang telah ada.
4.3.1.3 Form Buku
Sama seperti pada form anggota. Pada form ini juga terdapat menu untuk add
buku baru, ubah data buku dan hapus buku. Form ini menangani penambahan buku, perubahan data buku dan penghapusan buku.
Gambar 4.14 Tampilan Buku
4.3.1.4 Form Peminjaman
Dalam form ini terdapat dua menu yaitu peminjaman buku dan laporan peminjaman. Peminjaman buku untuk menampilkan data buku yang telah dipinjam. Selain itu untuk booking melalui SMS dan manual juga di menu peminjaman. Sedangkan untuk laporan peminjaman adalah tampilan laporan peminjaman. Untuk menampilkan laporan peminjaman tersebut bisa ditentukan dari tanggal berapa sampai tanggal berapa. Seperti pada Gambar 4.15 dan Gambar 4.16.
Gambar 4.15 Tampilan Peminjaman Buku
Pada Gambar 4.15 terdapat satu peminjaman dengan pengertian buku tersebut telah dibooking sebelumnya dan telah diambil untuk dipinjam.
4.3.1.5 Form Admin
Di dalam form admin tersebut terdapat menu untuk menambah user atau
admin, merubah data user atau admin, dan menghapus data user atau admin. Seperti yang terdapat pada Gambar 4.17.
Gambar 4.17 Tampilan Admin
Pada tombol add yang ada pada menu adalah untuk menambah data admin.
Pada tombol delete adaah untuk menghapus data admin. Sedangkan untuk merubah data admin, tinggal klik di daftar admin yang akan dirubah datanya, maka otomatis jendela pop up akan terbuka untuk merubah data tersebut.
4.3.1.6 Form Logout
4.3.1.7 Form Grafik Pengunjung
Form ini digunakan untuk melihat grafk pengunjung yang mengisi buku tamu tiap tahunnya. Grafik ini akan berubah – ubah sesuai input data yang dimasukkan di buku tamu. Jadi tiap pengunjung web yang mengisi buku tamu akan masuk datanya ke dalam grafik ini. Seperti pada Gambar 4.18 dibawah ini.
Gambar 4.18 Grafik Pengunjung
4.3.1.8 Form Grafik Peminjaman
Form ini digunakan untuk melihat peminjaman yang terjadi selama satu tahun. Baik itu melalui booking buku lewat SMS atau peminjaman buku secara manual. Grafik peminjaman ini seperti grafik pengunjung yaitu per bulan dan ditampilkan secara per tahun. Seperti yang terlihat pada Gambar 4.19
Gambar 4.19 Grafik Peminjaman
Di grafik peminjaman ini masih bulan Januari dan February. Karena disesuaikan dengan tahunnya. Di Tahun 2011 ini masih pada bulan Februari, maka dari itu grafik baik pengunjung maupun peminjaman di update tiap bulan sesuai data yang dimasukkan di system.
4.3.1.9 Form Katalog
Form ini digunakan untuk agar pengunjung web bisa melihat dan memilih buku yang tersedia yang akan dibooking. Apabila buku tersebut ada stok, maka bagian status buku akan tertulis Available dan berwarna biru. Namun apabila buku stok kosong, maka status buku berubah menjadi Unavailable dan berwarna abu – abu.
Gambar 4.20 Tampilan Katalog
4.3.1.10 Form Buku Tamu
Form ini untuk pengunjung web yang ingin memberikan kritik atau saran.
Gambar 4.22 List Buku tamu
Pada Gambar 4.22 adalah list dari buku tamu, pengunjung yang telah mengisi buku tamu akan masuk datanya di dalam list buku tamu. Buku tamu ini tidak wajib diisi, namun lebih baik untuk mengisi buku tamu agar pengunjung dapat menyampaikan kritik dan saran yang membangun untuk kemajuan SMAN 20 Surabaya.
92
UJI COBA DAN EVALUASI
Pada bab ini akan dibahas mengenai uji coba terhadap aplikasi yang telah dibuat dan selanjutnya akan dibuat evaluasi dari hasil uji coba tersebut. Uji coba dilaksanakan untuk mengetahui apakah aplikasi dapat berjalan dengan baik sesuai perancangan yang dibuat. Evaluasi dilakukan untuk menentukan tingkat keberhasilan dari aplikasi tersebut.
5.1 Lingkungan Uji Coba
Pada uji coba kali ini akan menggunakan sebuah handphone merk Sony Ericsson tipe W508 untuk server SMS Gatewaynya. Dan disambungkan ke notebook untuk mengolah databasenya. Spesifikasi uji coba kali ini adalah sebagai berikut :
- Sistem Operasi : Windows 7 - Server Database PHPMyAdmin - Web Server : XAMPP
- Processor AMD Turion X2 - Memori RAM 1 Gb
- Port computer COM7
- Terminal SMS Gateway: Ponsel Sony Ericsson W508, Kartu Axis, Kabel data Sony Ericcson
5.2 Skenario Uji Coba
Untuk memastikan bahwa aplikasi ini berjalan lancar, penyusun akan menyusun scenario, yang akan diuji coba, antara lain:
a. Uji coba koneksi dari ponsel ke notebook. Untuk mencoba apakah posel bisa tersambung dengan menggunakan kabel data yang ada.
b. Uji coba setting port, berfungsi untuk mengetahui koneksi yang digunakan ponsel agar tersambung dengan notebook.
c. Uji coba koneksi dengan SMS Gateway, untuk mengetahui apakah ponsel support dengan aplikasi SMS Gateway yang digunakan.
d. Uji coba login, sebagai akses halaman pertama saat menjalankan aplikasi sirkulasi.
e. Uji coba koneksi web server, berfungsi untuk mengetahui apakah web server bisa koneksi atau terjadi error pada waktu koneksi.
f. Uji coba booking buku melalui SMS dan manual, berfungsi untuk mengetahui. Aplikasi tersebut jalan atau masih ada error. Termasuk melihat perubahan di grafik peminjaman.
g. Uji coba insert, update, delete anggota, buku, admin, berfungsi untuk mengetahui system berjalan atau ada yang error.
h. Uji coba pengisian buku tamu, termasuk juga melihat grafik pengunjung, berfungsi untuk mencoba apakah setelah mengisi buku tamu, data bisa disimpah di buku tamu dan terupdate ke grafik pengunjung.
5.3 Pelaksanaan Uji Coba
Pada sub-bab ini akan dijelaskan step-by-step mengenai pelaksanaan skenario uji coba yang telah dijabarkan pada sub-bab sebelumnya, untuk membuktikan uji coba aplikasi disertakan gambar tentang kejadian yang sedang berlangsung pada aplikasi system perpustakaan booking online ini.
5.3.1 Uji Coba Koneksi Dari Ponsel ke Notebook
Sebelum menjalankan aplikasi terlebih dahulu melakukan koneksi antara handphone ke notebook. Uji coba ini berfungsi untuk mengetahui apakah
handphone dapat terinstallasi dengan benar di notebook. Berikut ini adalah langkah- langahnya:
1. Sambungkan ponsel dengan notebook dengan kabel data. 2. Pada saat telah terkoneksi, di layar ponsel akan muncul pilihan:
a. Modus telepon b. Media transfer c. Penyimpanan massal
Lalu pilih modus telepon, kalau sukses sambungannya di layar computer akan muncul pop up ‘My Phone is connected with phone mode’ itu artinya ponsel telah siap digunakan dengan notebook.
5.3.2 Uji Coba Setting Port
Sebelum menjalankan aplikasi maka terlebih dahulu melakukan
Coba ini berfungsi untuk melakukan pengecekan handphone pada saat proses pengiriman SMS dan menerima SMS. Berikut adalah langkah-langkahnya:
1. Gambar 5.1 adalah tahap melakukan pengecekan port yang digunakan pada handphone tersebut. Pertama buka device manager. Klik Ports (COM & LPT). Pada port tertera Sony Ericsson Device 1018 USB WMC Device Management (COM7). COM7 menandakan bahwa port tersambung pada port
COM7.
Gambar 5.1 Pengecekan Port
2. Gambar 5.2 adalah mengatur settingan port pada Gammu. Untuk melakukan setting buka file c:\gammu\bin\gammurc lalu klik file tersebut. Pada script port ganti dengan port com7, lalu save file tersebut.
Gambar 5.2 File Gammurc
5.3.3 Uji Coba Koneksi Dengan SMS Gateway
Gambar 5.3 adalah tes koneksi device ke gammu, prosedur untuk melakukan pengecekan koneksi gammu dengan handphone. Buka command prompt lalu ketik ‘cd \gm\bin\’ lalu enter.
Setelah masuk ‘c:\gm\bin\>’ lalu ketik ‘gammu-smsd -c smsdrc’ dan gammu telah koneksi di computer dan database
Gambar 5.4 Service Gammu ( Gammu Telah Koneksi Dengan Database )
5.3.4 Uji Coba Login
Untuk akses ke sirkulasi maka diperlukan login terlebih dahulu. Jika tidak melakukan login maka sirkulasi tidak dapat diakses atau digunakan.
1. Gambar 5.5 adalah menu utama perpustakaan SMAN 20 Surabaya. Untuk melakukan proses login. Klik pada link sirkulasi.
2. Pada Gambar kedua yaitu Gambar 5.6 adalah tampilan login sirkulasi. Pertama admin melakukan login terlebih dahulu. Isi user dan password lalu tekan login.
3. Apabila terjadi kesalahan dalam pengisian username dan password. Admin menekan tombol clear dan mulai mengisi kembali username dan password yang benar.
Gambar 4.5 Database Anggota
Gambar 5.5 Halaman Utama Web Perpustakaan SMAN 20 Surabaya
Setelah itu masuk ke menu sirkulasi. Setelah masuk maka tampilan seperti Gambar 5.6 dibawah ini
Gambar 4.9 Database Pinjam
5.3.5 Uji Coba Koneksi Web Server
Uji coba ini untuk mengetahui apakah koneksi web server ke database berhasil atau terdapat error waktu koneksi.
1. Klik icon XAMPP pada desktop. Lalu tekan tombol start pada Apache dan MySql. Sampai ada tulisan hijau running. Untuk menstop koneksi, tinggal tekan stop pada Apache dan MySql sampai tombol berubah menjadi start kembali
Gambar 5.8 Stop Koneksi Pada XAMPP
5.3.6 Uji Coba Booking Buku melalui SMS dan Manual
Proses ini dilakukan untuk mengetahui apakah system yang dibuat untuk booking melalui SMS dan manual bisa berjalan atau masih ada error. Proses tersebut akan dijelaskan seperti pada step di bawah ini, dimulai dengan booking buku SMS:
5.3.6.1 Booking Buku melalui SMS
1. Pada Gambar 5.9 adalah gambar katalog buku. Pengunjung web perpustakaan SMAN 20 Surabaya dapat memilih buku yang akan di booking dengan syarat anggota perpustakaan SMAN 20 Surabaya dan buku yang akan di booking dengan status Available. Maka sms ke nomer yang telah ada di atas halaman katalog buku dengan format yang telah ditentukan.
Gambar 5.9 Katalog Buku
2. Setelah menentukan buku yang akan dipinjam. Lalu kirim SMS dengan format yang ada di katalog buku. Apabila format salah seperti pada Gambar 5.10 maka SMS balasan yang diterima menyatakan bahwa format SMS salah.
3. Setelah mengirim SMS kembali dengan format yang benar. Maka akan menerima balasan pesan berupa nomer ID Booking seperti pada Gambar 5.11
Gambar 5.11 Format SMS yang Benar dan Mendapat Balasan Kode Booking
4. Apabila buku telah di booking sebelumnya, namun buku belum di ambil di perpustakaan. Tetapi anggota ingin membooking buku dengan judul yang sama. Maka request ditolak karena anggota masih belum mengambil buku yang telah di booking, seperti pada Gambar 5.12
5. Apabila anggota lain membooking buku dengan judul yang sama, selama stok buku masih tersedia di perpustakaan. Maka anggota tersebut bisa membooking buku yang sama seperti pada Gambar 5.13
Gambar 5.13 Anggota Lain Membooking Buku yang Sama
6. Apabila buku telah habis stoknya dan masih ada anggota yang ingin membooking, maka anggota tersebut akan mendapat balasan seperti pada Gambar 5.14
7. Setelah membooking lewat SMS. Anggota membawa kode booking ke perpustakaan untuk ditukar dengan buku. Masuk menu peminjaman klik tombol booking. Masukkan kode booking lalu tekan enter. Apabila nomer bookingan tidak ada maka akan muncul pop up seperti pada Gambar 5.15
Gambar 5.15 Id Booking Tidak Ada
8. Apabila buku telah diambil dan nomer bookingan diinputkan, maka akan muncul pesan seperti pada Gambar 5.16
9. Apabila id booking buku ada, maka otomatis system akan load id anggota dan id buku yang dibooking lalu klik tombol ambil buku seperti pada Gambar 5.17
Gambar 5.17 Booking Buku Berhasil Diambil
10. Setelah berhasil di pinjam maka muncul pop up seperti pada Gambar 5.18
Gambar 5.18 Data Berhasil Diupdate
5.3.6.2 Booking Buku Manual
Yang dimaksud dengan booking buku manual adalah. Anggota perpustakaan itu dating langsung dan meminjam buku di perpustakaan tanpa melalui SMS untuk booking bukunya. Cara untuk booking manual adalah sebagai berikut:
1. Setelah admin login ke sirkulasi, lalu masuk ke menu peminjaman dan klik tombol add. Setelah klik tombol add maka muncul pop up untuk peminjaman. Admin memasukkan kode buku dan id anggota. Di pop up
tersebut telah terdisplay tanggal peminjaman dan tanggal harus kembali. Seperti pada Gambar 5.19 berikut ini.
Gambar 5.19 Peminjaman Buku Manual
2. Setelah klik pinjam. Maka muncul jendela baru bahwa buku telah berhasil dipinjam, seperti pada Gambar 5.20
5.3.6.3 Data Peminjaman dan Laporan Peminjaman
1. Di uji coba ini. Mencoba laporan peminjaman dan data peminjaman yang disimpan oleh database di web tersebut. Apabila admin membuka menu peminjaman maka terlihat data peminjaman yang belum diambil dan yang belum dikembalikan. Seperti pada Gambar 5.21
Gambar 5.21 Data Peminjaman
2. Apabila anggota tersebut telah mengembalikan buku . maka admin mengedit data yang telah ada dengan cara klik dua kali pada kolom yang dituju . lalu dicocokkan kode buku dan id anggota serta tanggal pengembalian juga denda apabila terkena denda dalam artian terlambat mengembalikan. Data yang telah kembali maka akan otomatis masuk ke laporan peminjaman yang ada di menu peminjaman. Laporan peminjaman seperti pada Gambar 5.22
Gambar 5.22 Laporan Peminjaman
3. Grafik peminjaman ada pada menu utama. Tiap kali peminjaman akan dicatat di grafik. Mencatat peminjaman perbulan di satu tahun. Seperti pada Gambar 5.23
5.3.7 Uji Coba Insert, Update, Delete
Uji coba ini dilakukan untuk melihat apakah system berjalan dengan benar untuk menambahkan, mengedit dan menghapus data.
5.3.7.1 Insert, Update, Delete Pada Menu Anggota
1. Untuk menambah data anggota dengan masuk ke menu anggota, lalu klik add lalu isi form yang ada lalu simpan. Field harus diisi semua, tidak boleh kosong. Karena kalau kosong data tidak akan tersimpan. System menolak untuk menyimpan data kalau salah satu data ada yang kosong. Seperti pada Gambar 5.24
Gambar 5.24 Insert Data Anggota Baru
2. Untuk merubah data anggota klik dua kali di data anggota yang akan dirubah lalu save. Merubah data anggota seperti Gambar 5.26
Gambar 5.26 Ubah Data Anggota
Gambar 5.27 Data Anggota Berhasil Diubah
3. Untuk menghapus data anggota dengan klik data dan klik delete.
5.3.7.2 Insert, Update, Delete Pada Menu Buku
Sama seperti menu anggota, di menu buku juga terdapat tambah, ubah dan hapus. Penjelasannya adalah:
1. Untuk merubah data buku dengan masuk menu buku dan klik add seperti Gambar 5.29
Gambar 5.29 Tambah Data Buku
2. Ubah data buku seperti pada ubah data anggota. Klik data yang akan dirubah maka akan muncul pop up seperti Gambar 5.31 dan kalau berhasil maka muncul pop up seperti Gambar 5.32
Gambar 5.31 Ubah Data Buku
Gambar 5.32 Data Buku Berhasil Diubah
3. Gambar 5.31 dan Gambar 5.32 adalah keterangan bahwa data buku telah berhasil diubah. Pada Gambar 5.33 adalah untuk menghapus data buku. Gambar 5.33 ada di halaman selanjutnya.
Gambar 5.33 Hapus Data Buku
5.3.7.3 Insert, Update, Delete Pada Menu Admin
1. Pada menu admin juga terdapat menu untuk menambah data, merubah data dan menghapus data yang ada. Data yang telah disimpan akan ditampilkan di menu admin, tujuannya agar para admin tahu dan tidak lupa username dan passwordnya. Pada Gambar 5.34 adalah menu untuk menambah data admin. Yaitu pada menu admin. Klik dua kali di tombol add. Lalu isi data user kemudian save.
\
Gambar 5.35 Data Administrator Berhasil Ditambahkan
2. Untuk merubah data admin yang ada dengan menekan data admin yang akan di edit. Klik dua kali untuk merubah data. Seperti pada Gambar 5.36
Gambar 5.37 Ubah Data Admin
Gambar 5.38 Data Administrator Berhasil Diubah
3. Di Gambar 5.38 adalah konfirmasi pemberitahuan bahwa data telah berhasil diubah. Selanjutnya adalah proses hapus data admin. Yaitu dengan klik data
yang dimaksud, kemudian klik di kolom delete maka data akan terhapus, seperti pada Gambar 5.39 berikut ini.
Gambar 5.39 Hapus Data Admin
5.3.8 Uji Coba Pengisian Buku Tamu
Uji coba ini untuk mencoba apakah data yang diinputkan oleh pengunjung dapat terupdate ke dalam database dan tampilan buku tamu. Termasuk juga melihat grafik pengunjung, berfungsi untuk mencoba apakah setelah mengisi buku tamu, data bisa disimpah di buku tamu dan terupdate ke grafik pengunjung.
1. Langkah pertama adalah memasukkan data ke dalam buku tamu dan di melihat list buku tamu yang ada, apakah data yang dimasukkan tadi masuk atau tidak. Dan melihat grafik pengunjung, apakah data yang dimasukkan ikut terhitung atau tidak. Seperti pada Gambar 5.40 yang menampilkan form buku tamu. Gambar 5.41 konfirm admin telah disimpan. Gambar 5.42 yang menampilkan data pengunjung yang mengisi buku tamu dan Gambar 5.43 yang menunjukkan grafik pengunjung.
Gambar 5.40 Form Buku Tamu
Gambar 5.41 Konfirmasi Saran Telah Disimpan
Pada Gambar 5.41 terdapat pop up bahwa saran telah disimpan di buku tamu dan database.
Gambar 5.42 Saran Yang Dimasukkan Telah Masuk di Buku tamu
Pada Gambar 5.42 telah terlihat bahwa saran telah sukses masuk di buku tamu.
5.4 Evaluasi
Hasil evaluasi dari uji coba terhadap beberapa scenario yang telah dilakukan membuktikan bahwa aplikasi yang telah berjalan dengan baik sesuai dengan dungsinya masih-masing. Untuk waktu proses pengiriman SMS ke server sangat cepat sedangkan pada saat server membalas SMS bookingan yang dikirim agak lama namun hanya berkisar paling lama 10 detik apabila operator tidak ada gangguan. Untuk loading dari program atau aplikasinya juga lancar dan cepat.
119 6.1 Kesimpulan
Implementasi system ini adalah dengan menginstall aplikasi ini ke dalam computer di perpustakaan SMA Negeri 20 Surabaya. Lalu mensetting server untuk SMS Gateway dan juga server internet dalam arti koneksi internet yang ada. Para admin dijelaskan tentang penggunaan system ini. Agar paham dan mengerti bagaimana cara pengoperasian system ini. Diumumkan kepada anggota bahwa ada system baru yang telah diterapkan, agar mereka mengerti bahwa mudah untuk memesan buku di perpustakaan sekarang.
6.2 Saran
Berdasar pengalaman dalam proses pembuatan aplikasi ini, terdapat beberapa saran yang diusulkan oleh penyusun terkait untuk pengembangan aplikasi lebih lanjut. Saran-saran tersebut antara lain:
a. Booking online hanya bisa dilakukan melalui SMS, disarankan booking online juga bisa dilakukan melalui web.
b. Server SMS Gateway belum bisa handling apabila jaringan sedang erorr atau gangguan. Penyebab jaringan erorr adalah servernya terputus koneksinya atau server mengalami hang karena terlalu banyak kapasitas di webservernya. Solusinya dengan menggunakan manual yaitu dengan menggunakan peminjaman secara manual dengan di umumkan di web
apabila server sedang mengalami gangguan dan tidak bisa memakai aplikasi SMS Gateway.
DAFTAR PUSTAKA
Prasetyo, Eko ( 2004 ), ”Pemrograman Web PHP dan MySQL untuk Sistem Informasi Perpustakaan”, Graha Ilmu, Yogyakarta.
H, Rafiza ( 2004 ), ”Panduan dan Referensi Kamus Fungsi Php 5 untuk Membangun Database Berbasis Web”, Elex Media Komputindo, Yogyakarta.
Prasetyo, Didik Dwi ( 2007 ), ”Belajar Sendiri Tanpa Guru Php dan MySQL”,
Elex Media Komputindo, Yogyakarta.
Sutarman, ”Pemrograman Web Php dan MySQL” ( 2006 ), Graha Ilmu, Yogyakarta.
Al Fatta, Hanif ( 2007 ), ”Analisis dan Perancangan Sistem Informas”, Penerbit Andi, Jakarta.
Irawan, Doni. 2009. Pengertian SMS Gateway. Diakses online 10/01/2011 dari
Lukmanul Hakim, ”Membongkar Trik Rahasia Para Master PHP Lukmanul Hakim”, Yogyakarta, 2004
Nugroho Bima, ”PHP & MySQL Dengan Editor Dreamweaver MX”, penerbit ANDI, Yogyakarta 2004
ST. Sunarfrihantono, ”PHP & MySQL untuk Web” Penerbit ANDI, yogyakarta,2002 – 2003