Implementasi Antar Muka Chrystia Aji Putra, S.Kom.

Database user pada Gambar 4.10 terdiri dari tiga field. Database ini untuk mengelola user admin yang tercatat di database.

4.3 Implementasi Antar Muka

Pada tahap ini akan dijabarkan tentang implementasi antar muka dari aplikasi yang telah dibuat berdasarkan perancangan yang telah dibahas pada Bab III. System ini berfungsi untuk agar para siswa dapat mem-booking buku dari SMS setelah melihat persediaan buku di web. Namun apabila para siswa menginginkan untuk peminjaman manual. System ini juga telah didukung dengan menu tersebut. Pada system ini terdapat beberapa form utama yaitu : 1. Form Sirkulasi : a. Form Login b. Form Anggota c. Form Buku d. Form Peminjaman e. Form Admin f. Form Logout 2. Form Grafik Pengunjung 3. Form Grafik Peminjaman 4. Form Katalog 5. Form Buku Tamu Pada halaman berikutnya akan dijelaskan satu per satu form yang ada di dalam program ini.

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.11 Tampilan Login 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. Gambar 4.13 Tampilan Anggota

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. Gambar 4.16 Tampilan Laporan Peminjaman

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

Form logout ini untuk keluar dari menu sirkulasi dan kembali ke menu utama.

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.21 Buku Tamu 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 BAB V 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