32
32
BAB III
PEMBAHASAN
3.1 Tinjauan Perusahaan
Perpustakaan SD Negeri Pondok Labu 16 Pagi Jakarta diberi nama
perpustakaan “Dewi Sartika” digarap melibatkan semua komponen sekolah.
Perpustakaan ini dikelola oleh empat personil yang dikordinir Ibu Siti Nursaunah,
Amd.Pd. Memiliki 5136 eksemplar buku antara lain karya umum, filsafat, ilmu
murni dan ilmu terapan, bahasa, agama, ilmu sosial, kesusasteraan, fiksi, majalah
dan buku pelajaran. Perpustakaan Dewi Sartika beralamat di Jl. Pondok Labu IA,
Kec. Cilandak, Kota Jakarta Selatan, Prop. D.K.I Jakarta.
3.1.1 Sejarah Perusahaan
Perpustakaan Dewi Sartika pada SD Negeri Pondok Labu 16 Pagi Jakarta
didirikan pada tanggal 12 September 2015, dan baru ditempati pada tanggal 25
Desember tahun 2015 . Perpustakaan Dewi Sartika menempati salah satu sudut
sekolah di atas lahan 66 meter persegi (M2) termasuk untuk tempat bermain.
Supaya murid betah membaca, ruangan perpustakaan dilengkapi pendingin
ruangan. Disediakan karpet agar murid-murid bisa lebih santai membaca dan
bermain.
Perpustakaan Dewi Sartika mempunyai motto “mencerdaskan anak bangsa
sejak dini dengan gemar membaca” sebagai bagian upaya mendukung kegiatan
belajar mengajar yang efektif.
Kehadiran Perpustakaan Dewi Sartika memberikan kesempatan kepada
masyarakat khususnya para siswa-siswi untuk terus belajar membaca dan
33
meningkatkan imajinasi mereka akan dunia luar yang belum pernah mereka
bayangkan. Namun, hal ini tidak diimbangi dengan sarana atau prasarana di
perpustakaan tersebut, salah satunya adalah belum adanya sistem yang
terkomputerisasi dalam pengolahan data perpustakaan karena keterbatasan biaya
untuk merancang dalam pembangunan dan pengembangan perangkat lunak
berbentuk aplikasi web.
A. Visi
“Mewujudkan perpustakaan professional dan menjadikan sumber informasi
yang dibutuhkan”
B. Misi
1. Menciptakan dan mengembangkan kebiasaan membaca bagi murid.
2. Menumbuhkan kreativitas siswa melalui kegiatan perpustakaan.
3. Memotivasi siswa untuk lebih berprestasi agar berhasil dalam hidup.
3.1.2 Struktur Organisasi dan Fungsi
Dalam lembaga sekolah terdapat perangkat sekolah sebagai Sumber Daya
Manusia (SDM) sekolah yang terstruktur dalam bentuk Struktur Organisasi
Sekolah. Yang mana masing-masing dari jabatan sebagai pengisi struktur ini
memiliki tugas dan fungsi yang berbeda-beda.
Organisasi merupakan sekelompok orang yang dipersatukan secara formal
dalam sebuah kerja sama untuk mencapai suatu tujuan yang sudah ditetapkan.
Sebagai lembaga pendidikan sudah tentu dituntut profesionalisme yang tinggi atas
seluruh kinerja perangkat sekolah yang ada. Tujuan organisasi pada dasarnya
adalah memberikan tugas kerja yang terpisah dan berbeda-beda kepada masing-
34
masing orang dan menjamin tugas-tugas tersebut terkoordinasi menurut suatu cara
yang dapat mencapai tujuan dari organisasi itu sendiri.
Untuk mempermudah tata kerja yang ada, maka dibentuklah struktur
organisasi Perpustakaan Dewi Sartika SD Negeri Pondok Labu 16 Pagi sebagai
berikut :
Sumber : Perpustakaan Dewi Sartika SD Negeri Pondok Labu 16 Pagi
Gambar III.1.
Struktur Organisasi Perpustakaan Dewi Sartika SD Negeri Pondok Labu 16
Pagi
Adapun tugas dari bagian yang ada dalam struktur organisasi perpustakaan
Dewi Sartika SD Negeri Pondok Labu 16 Pagi adalah sebagai berikut :
1. Kepala Sekolah Selaku Pimpinan, mempunyai tugas :
a. Perencanaan program-program yang ada di sekolah
b. Mengorganisir, mengarahkan, dan mengkoordinir kegiatan yang ada di
sekolah
c. Melaksanakan pengawasan dilingkungan sekolah
d. Melakukan evaluasi setiap kegiatan yang dilakukan
e. Mengadakan rapat dan mengambil keputusan.
35
2. Koordinator perpustakaan
a. Planning, seorang kepala perpustakaan harus dapat membuat sebuah
perencanaan yang meliputi perencanaan SDM, perencanaan dalam hal
layanan teknis, maupun layanan informasi, perencanaan kerja dan segala
hal yang berkaitan dengan perpustakaan.
b. Organizing, seorang kepala perpustakaan harus dapat mengorgansasi /
mengelola segala sumber daya yang ada termasuk diantaranya pengelolaan
sumber daya manusia, pengelolaan keuangan, pengelolaan layanan, dan
segala hal yang berkaitan dengan perpustakaan.
c. Controlling, kepala perpustakaan melukakan kontrol terhadap kinerja
pustakawan, implementasi program kerja, maupun pelaksanaan layanan.
3. Layanan Teknis
a. Membuat buku induk perpustakaan
b. Membuat perlengkapan buku
c. Pengadaan bahan pustaka
d. Inventarisasi bahan pustaka
e. Klasifikasi bahan pustaka
f. Membuat katalogisasi bahan pustaka
g. Membuat grafik pengunjung, peminjam dan buku yang dipinjam
h. Membuat pelayanan informasi
4. Layanan Sirkulasi
a. Menyusun buku
b. Membuat perlengkapan buku
c. Pengadaan bahan pustaka
36
d. Inventarisasi bahan pustaka
e. Klasifikasi bahan pustaka
f. Katalogisasi
5. Pengembangan Minat Baca
a. Melayani peminjaman buku
b. Melayani pengembalian buku
c. Bimbingan pembaca
d. Pembinaan minat baca
e. Bantuan informasi
3.2 Pemodelan Bisnis (Bussiness Modelling)
Agar sistem yang dirancang sesuai dengan tujuan yang diharapkan, maka
tahap pertama yang harus dilakukan adalah mendefinisikan semua kebutuhan
sistem baik kebutuhan fungsional maupun non-fungsional.
A. Analisa Kebutuhan Fungsional
Kebutuhan Fungsional adalah kebutuhan-kebutuhan yang memiliki
keterkaitan langsung dengan sistem. Kebutuhan Fungsional dari website ini
meliputi:
1. Kebutuhan Petugas
a. Petugas melakukan login dan mengelola data perpustakaan seperti buku,
anggota, transaksi peminjaman, transaksi pengembalian dan data user.
b. Petugas dapat menyunting tampilan aplikasi.
37
c. Petugas dapat membuat laporan data buku, data anggota, transaksi
peminjaman, transaksi pengembalian, data user dan laporan kunjungan
buku tamu.
2. Kebutuhan Anggota
a. Anggota melakukan login dan mengelola data pribadi, mencari buku yang
akan di pinjam dan mencetak bukti peminjaman buku.
b. Anggota dapat mengganti password dan dapat keluar (log out).
3. Kebutuhan Pengunjung
a. Pengunjung dapat melihat isi konten website di halaman utama (index)
ketika pertama kali membuka website.
b. Pengunjung dapat melakukan pencarian buku di halaman utama (index).
c. Pengunjung dapat mengisi buku tamu di halaman utama (index).
B. Analisa Kebutuhan Non-Fungsional
Kebutuhan non-fungsional adalah kebutuhan yang diperlukan selama proses
perancangan dan implementasi sistem antara lain :
1. Kebutuhan Perangkat Keras (Hardware)
Spesifikasi minimal perangkat keras yang dibutuhkan dalam perancangan
sistem antara lain :
a. Processor Intel® Core™ i5
b. RAM memori 1.02 GB
c. Harddisk 150 GB
d. Monitor dengan resolusi 1440 x 900
e. Koneksi internet 10/100 mbps
38
2. Kebutuhan Perangkat Lunak (Software)
Perangkat lunak yang dibutuhkan dalam perancangan sistem antara lain :
a. Sistem operasi windows 7 ultimate
b. Xampp 3.2.2 untuk menjalankan web dan database server
c. Adobe Dreamweaver CS.5 untuk merancang halaman web
d. Adobe Photoshop CS.4 untuk mengolah gambar
e. phpMyadmin untuk mengolah database
f. Google Chrome untuk menampilkan web
g. Microsoft Visio 2010 dan Edraw Max 7.9 untuk pemodelan data.
3. Kebutuhan Sistem
Kemampuan sistem yang dibutuhkan antara lain :
a. sistem akan menapilkan pesan / informasi error untuk memberitahu
apabila petugas salah memasukkan username dan password
b. sistem akan menampilkan pesan / informasi hasil data pencarian
3.3 Pemodelan Data (Data Modelling)
Setelah mendefinisikan semua kebutuhan sistem, tahap selanjutnya yang
harus dilakukan adalah perancangan perangkat lunak, membuat ERD (Entity
Relationship Diagram), transformasi ERD ke LRS, LRS (Logical Record
Structure) dan membuat spesifikasi file untuk memodelkan data yang akan
disimpan ke dalam database.
A. Perancangan Perangkat Lunak
Berikut ini adalah rancangan antar muka berdasarkan kebutuhan fungsional
sistem yang dibangun antara lain :
39
a. Perancangan Antar Muka Halaman Petugas (Back- End)
1. Rancangan Antar Muka Menu Login Petugas
Gambar III.2.
Rancangan Antar Muka Menu Login Petugas
2. Rancangan Antar Muka Index Petugas
Gambar III.3.
Rancangan Antar Muka Index Petugas
3. Rancangan Antar Muka Menu Data Buku
Gambar III.4.Rancangan Antar Muka Menu Data Buku
40
4. Rancangan Antar Muka Tambah Buku
Gambar III.5.
Rancangan Antar Muka Tambah Buku
5. Rancangan Antar Muka Ubah Data Buku
Gambar III.6.
Rancangan Antar Muka Ubah Data Buku
41
6. Rancangan Antar Muka Cari Data Buku
Gambar III.7.
Rancangan Antar Muka Cari Data Buku
7. Rancangan Antar Muka Menu Data Anggota
Gambar III.8.
Rancangan Antar Muka Menu Data Anggota
42
8. Rancangan Antar Muka Tambah Anggota
Gambar III.9.
Rancangan Antar Muka Menu Data Anggota
9. Rancangan Antar Muka Ubah Data Anggota
Gambar III.10.
Rancangan Antar Muka Ubah Data Anggota
43
10. Rancangan Antar Muka Cari Data Anggota
Gambar III.11.
Rancangan Antar Muka Cari Data Anggota
11. Rancangan Antar Muka Menu Data Transaksi Peminjaman
Gambar III.12.
Rancangan Antar Muka Data Transaksi Peminjaman
44
12. Rancangan Antar Muka Tambah Transaksi Peminjaman
Gambar III.13.
Rancangan Antar Muka Tambah Transaksi Peminjaman
13. Rancangan Antar Muka Menu Data Transaksi Pengembalian
Gambar III.14.
Rancangan Antar Muka Data Transaksi Pengembalian
45
14. Rancangan Antar Muka Tambah Transaksi Pengembalian
Gambar III.15.
Rancangan Antar Muka Tambah Transaksi Pengembalian
15. Rancangan Antar Muka Menu Data Laporan
Gambar III.16.
Rancangan Antar Muka Menu Data Laporan
46
16. Rancangan Antar Muka Laporan Data Buku
Gambar III.17.Rancangan Antar Muka Laporan Data Buku
17. Rancangan Antar Muka Laporan Data Anggota
Gambar III.18.
Rancangan Antar Muka Laporan Data Anggota
18. Rancangan Antar Muka Laporan Transaksi Peminjaman
Gambar III.19.
Rancangan Antar Muka Laporan Transaksi Peminjaman
47
19. Rancangan Antar Muka Laporan Transaksi Pengembalian
Gambar III.20.Rancangan Antar Muka Laporan Transaksi Pengembalian
20. Rancangan Antar Muka Menu Data User
Gambar III.21.
Rancangan Antar Muka Menu Data User
48
21. Rancangan Antar Muka Tambah Data User
Gambar III.22.
Rancangan Antar Muka Tambah Data User
22. Rancangan Antar Muka Ubah Data User
Gambar III.23.
49
Rancangan Antar Muka Ubah Data User
23. Rancangan Antar Muka Cari Data User
Gambar III.24.
Rancangan Antar Muka Cari Data User
24. Rancangan Antar Muka Menu Ganti Password
Gambar III.25.
Rancangan Antar Muka Menu Ganti Password
50
b. Rancangan Antar Muka Halaman Anggota (Front-End)
25. Rancangan Antar Muka Menu Login Anggota
Gambar III.26.
Rancangan Antar Muka Menu Login
26. Rancangan Antar Muka Index Anggota
Gambar III.27.
Rancangan Antar Muka Index Anggota
51
27. Rancangan Antar Muka Daftar Buku
Gambar III.28.
Rancangan Antar Muka Daftar Buku
28. Rancangan Antar Muka Transaksi Peminjaman
Gambar III.29.
Rancangan Antar Muka Transaksi Peminjaman
52
29. Rancangan Antar Muka Cetak Bukti Peminjaman
Gambar III.30.
Rancangan Antar Muka Cetak Bukti Peminjaman
30. Rancangan Antar Muka Edit Profile
Gambar III.31.
Rancangan Antar Muka Edit Profile
31. Rancangan Antar Muka Ganti Password
Gambar III.32.
53
Rancangan Antar Muka Ganti Password
c. Rancangan Antar Muka Halaman Pengunjung (Front- End)
32. Rancangan Antar Muka Index Pengunjung
Gambar III.33.
Rancangan Antar Muka Index Pengunjung
33. Rancangan Antar Muka Profil Perpustakaan
Gambar III.34.
54
Rancangan Antar Muka Profil Sekolah
34. Rancangan Antar Muka Visi dan Misi
Gambar III.35.
Rancangan Antar Muka Visi dan Misi
35. Rancangan Antar Muka Struktur Organisasi
Gambar III.36.
55
Rancangan Antar Muka Struktur Organisasi
36. Rancangan Antar Muka Kontak Kami
Gambar III.37.
Rancangan Antar Muka Kontak Kami
37. Rancangan Antar Muka Buku Tamu
Gambar III.38.
Rancangan Antar Muka Buku Tamu
56
38. Rancangan Antar Muka Pencarian Buku
Gambar III.39.
Rancangan Antar Muka Pencarian Buku
57
B. Entity Relationship Diagram (ERD)
58
Gambar III.40.
Entity Relationship Diagram (ERD)
C. Transformasi ERD ke LRS
59
Gambar III.41.
Transformasi ERD ke LRS
D. Logical Record Structure (LRS)
Keterangan :
* : Primary Key / Kunci Utama
** : Foreign Key / Kunci Tamu
60
Gambar III.42.
Logical Record Structure (LRS)
E. Spesifikasi File
Spesifikasi file merupakan penjelasan mengenai bentuk-bentuk file
database yang digunakan untuk pengolahan proses dari satu suatu sistem. File-file
ini tersimpan pada database perpussekolah dengan parameter-parameter sebagai
berikut:
1. Spesifikasi File Petugas
Nama File : Petugas
Akronim : data petugas
Fungsi : Untuk menyimpan data petugas
Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 130 character
Kunci Field : id_petugas
Software : MySQL
Tabel III.1
Spesifikasi File Petugas
No Elemen Data Nama Field Tipe Size Keterangan
1 Kode Petugas Id_petugas int 5 Primary key
2 Username username varchar 10
3 Password password varchar 10
4 Nama nama varchar 20
5 Tempat, tanggallahir
Ttl varchar 20
61
6 Telepon Telp varchar 15
7 Jenis Kelamin Jk Enum(’L’,’P’)8 File foto Foto varchar 50
2. Spesifikasi File Anggota
Nama File : Anggota
Akronim : data anggota
Fungsi : Untuk menyimpan data anggota
Tipe File` : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 140 character
Kunci Field : id_anggota
Software : MySQL
Tabel III.2
Spesifikasi File Anggota
No Elemen Data Nama Field Tipe Size Keterangan1 Kode Anggota Id_anggota int 5 Primary key2 Nama nama varchar 203 Alamat alamat varchar 304 Tempat Tanggal
Lahirttl varchar 30
5 Jenis Kelamin jk Enum(’L’,’P’)6 Kelas kelas varchar 57 Tanggal Daftar Tgl_daftar date8 Tanggal Expired Tgl_expired date9 Foto foto varchar 50
3. Spesifikasi File Buku
Nama File : Buku
62
Akronim : data buku
Fungsi : Untuk menyimpan data buku
Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 138 character
Kunci Field : id_buku
Software : MySQL
Tabel III.3Spesifikasi File Buku
No Elemen Data Nama Field Tipe Size Keterangan1 Kode Buku id_buku int 5 Primary key2 Judul Judul varchar 503 Pengarang Pengarang varchar 254 Tahun Terbit thn_terbit varchar 55 Penerbit Penerbit varchar 206 Kategori Kategori varchar 207 Jumlah Buku jml_buku int 38 Harga Buku hrg_buku int 10
4. Spesifikasi File Buku Tamu
Nama File : Buku Tamu
Akronim : data buku tamu
Fungsi : Untuk menyimpan data buku tamu
Tipe File : File Transaksi
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 145 character
63
Kunci Field : id_bukutamu
Software : MySQL
Tabel III.4
Spesifikasi File Buku Tamu
No Elemen Data Nama Field Tipe Size Keterangan
1 KodeBuku Tamu Id_bukutamu Int 5 Primary key
2 Nama nama Varchar 203 Jenis Kelamin jk Enum(’L’,’P’)4 Komentar komentar Varchar 1005 Email email Varchar 20
5. Spesifikasi File Peminjaman
Nama File : Peminjaman
Akronim : data peminjaman
Fungsi : Untuk menyimpan data peminjaman
Tipe File : File Transaksi
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 15 character
Kunci Field : id_pinjam
Software : MySQL
Tabel III.5
Spesifikasi File Peminjaman
No Elemen Data Nama Field Tipe Size Keterangan
1 Kode Pinjam id_pinjam Int 5 Primary key
2 Kode Petugas id_petugas Int 5 Foreign key
64
3 Kode Anggota Id_anggota Int 5 Foreign key
6. Spesifikasi File Detail Pinjam
Nama File : Detail Pinjam
Akronim : data detail pinjam
Fungsi : Untuk menyimpan data detail pinjam
Tipe File : File Transaksi
Akses File : Random
Media : Hard Disk
Panjang Record : 13 character
Kunci Field : -
Software : MySQL
Tabel III.6
Spesifikasi File Detail Pinjam
7. Spesifikasi File pengembalian
Nama File : Pengembalian
Akronim : data pengembalian
Fungsi : Untuk menyimpan data pengembalian
Tipe File : File Transaksi
Organisasi File : Index Sequential
No Elemen Data Nama Field Tipe Size Keterangan1 Kode Pinjam Id_pinjam int 5 Foreign key2 Kode Buku Id_buku int 5 Foreign key3 Tanggal Kembali Tgl_kembali date4 Tanggal Pinjam Tgl_pinjam date5 Jumlah Pinjam Jml_pinjam int 3
65
Akses File : Random
Media : Hard Disk
Panjang Record : 142 character
Kunci Field : id_kembali
Software : MySQL
Tabel III.7
Spesifikasi File Pengembalian
No Elemen Data Nama Field Tipe Size Keterangan1 Kode Kembali Id_kembali int 5 Primary key2 Kode Anggota Id_anggota int 5 Foreign key3 Kode Petugas Id_petugas int 5 Foreign key4 Kode Pinjam Id_pinjam int 5 Foreign key
8. Spesifikasi File Detail Kembali
Nama File : Detail Kembali
Akronim : data detail kembali
Fungsi : Untuk menyimpan data detail kembali
Tipe File : File Transaksi
Akses File : Random
Media : Hard Disk
Panjang Record : 167 character
Kunci Field : -
Software : MySQL
Tabel III.8
Spesifikasi File Detail Kembali
No Elemen Data Nama Field Tipe Size Keterangan1 Kode Kembali Id_kembali Int 5 Foreign key2 Kode Buku Id_buku Int 5 Foreign key
66
3 Kondisi Kondisi varchar 204 Denda Kondisi Denda_kondisi varchar 155 Denda Telat Denda_telat varchar 106 Jumlah Kembali Jml_kembali int 57 Jumlah Pinjam Jml_pinjam int 58 Tanggal
KembaliTgl_kemba varchar 12
9 Keterangan keterangan varchar 100
3.4 Pemodelan Proses (Process Modelling)
Tahap selanjutnya adalah pemodelan proses yang dimulai dengan
pembuatan workflow, use case diagram, activity diagram, dan rancangan struktur
navigasi untuk menggambarkan aliran informasi yang sedang berlangsung.
A. Workflow
Proses peminjaman dan pengembalian buku masih dilakukan secara tertulisdan belum ada komputerisasi untuk penyimpanan data perpustakaan. Berikut
67
adalah prosedur sistem lama pada perpustakaan SD Negeri Pondok Labu 16 Pagi :
Gambar III.43.Workflow Sistem Lama Perpustakaan Dewi Sartika
Keterangan :
1. Anggota melakukan pendaftaran ke petugas perpustakaan bagi yang belum
mendaftar sebagai anggota dan anggota memperoleh kartu anggota
2. Setelah mendaftar anggota mencari buku yang akan dipinjam kemudian
diberikan kepada petugas perpustakaan kemudian mengecek daftar
anggota apakah sudah terdaftar atau belum, jika sudah terdaftar petugas
perpustakaan mencatat peminjaman buku perpustakaan pada buku anggota
3. Anggota mengembalikan buku ke petugas perpustakaan
68
4. Semua data dan laporan perpustakaan diserahkan kepada kepala
perpustakaan.
Berikut adalah workflow sistem yang baru :
Gambar III.44.Workflow Sistem Baru Perpustakaan Dewi Sartika
B. Use case Diagram
Use case atau diagram use case merupakan pemodelan untuk kelakuan
(behavior) sistem informasi yang akan dibuat. Berikut adalah diagram uses case
sistem informasi Perpustakaan Dewi Sartika SD Negeri Pondok Labu 16 Pagi
1. Use Case Halaman Petugas (Back-End)
69
Gambar III.45.
Use Case Diagram Halaman Petugas (Back-End)
2. Use Case Halaman Anggota (Front-End)
70
Gambar III.46.Use Case Diagram Halaman Anggota (Front-End)
3. Use Case Halaman Pengunjung (Front-End)
Gambar III.47.Use Case Diagram Halaman Pengunjung (Front-End)
C. Activity Diagram
Pengunjung
buku tamu
System
tentang kami
jadwal kunjungan
kontak kamiIndex
melihat home
mencari buku
<<Extend>>
<<Extend>>
<<Extend>>
<<Extend>>
<<Extend>>
<<Extend>>
<<Include>> mengisi bukutamu
Pendaftaraan
<<Extend>>
71
Activity Diagram atau diagram aktivitas adalah penggambaran workflow
(aliran kerja) atau aktivitas dari sebuah sistem atau proses bisnis.
1. Activity Diagram Halaman Petugas (Back-End)
Gambar III.48.Activity Diagram Halaman Petugas (Back-End)
2. Activity Diagram Halaman Anggota (Front-End)
72
Gambar III.49.
Activity Diagram Halaman Anggota (Front-End)
3. Activity Diagram Halaman Pengunjung (Front-End)
73
Gambar III.50.
Activity Diagram Halaman Pengunjung (Front-End)
D. Rancangan Struktur Navigasi
74
Secara garis besar struktur navigasi dari Rancang Bangun Sistem Informasi
Perpustakaan Dewi Sartika Berbasis Web pada SD Negeri Pondok Labu 16 Pagi
menggunakan struktur navigasi campuran seperti gambar berikut :
1. Struktur Navigasi Halaman Petugas (Back-End)
Gambar III.51.
Struktur Navigasi Halaman Petugas
2. Struktur Navigasi Halaman Anggota (Front-End)
75
Gambar III.52.
Struktur Navigasi Halaman Anggota
3. Struktur Navigasi Halaman Pengunjung (Front-End)
Gambar III.53.
Struktur Navigasi Halaman Pengunjung
3.5 Pembentukan Aplikasi (Aplication generation)
76
Setelah melakukan pemodelan proses, maka tahap selanjutnya adalah
implementasi dengan melakukan pembuatan aplikasi dengan menggunakan
bahasa pemrograman PHP dan MySQL.
A. Implementasi
Berikut ini adalah hasil implementasi dari rancangan antar muka yang
dibuat sebelumnya antara lain :
a. Implementasi Halaman Petugas (Back- End)
1. Implementasi Menu Login Petugas
Pada login petugas, petugas bisa melakukan login dengan memasukkan
username petugas dan password petugas, agar dapat masuk ke halaman
utama petugas.
Gambar III.54.
Implementasi Menu Login Petugas
2. Implementasi Index Petugas
Di index petugas hanya bisa diakses oleh petugas, untuk membantu
kerja petugas, menambah, menghapus, mengubah data seperti menu
77
buku, data anggota, transaksi peminjaman, transaksi pengembalian, data
user, ganti password dan logout.
Gambar III.55.
Implementasi Index Petugas
3. Implementasi Menu Data Buku
Di menu data buku petugas menampilkan data buku yang sebelumnya
sudah di input terlebih dahulu di menu input (tambah) buku.
Gambar III.56.
Implementasi Menu Data Buku
78
4. Implementasi Tambah Data Buku
Di tambah data buku petugas memasukan data buku baru untuk nantinya
di tampilkan pada menu data buku.
Gambar III.57.
Implementasi Tambah Data Buku
5. Implementasi Ubah Data Buku
Diubah data buku menampilkan data buku yang sudah di edit untuk
melihat perubahan data buku sebelumnya.
Gambar III.58.
Implementasi Ubah Data Buku
79
6. Implementasi Cari Data Buku
Di cari data buku sistem menampilkan hasil pencarian data buku yang
berada di menu data buku.
Gambar III.59.
Implementasi Cari Data Buku
7. Implementasi Menu Data Anggota
Di menu data anggota menampilkan data anggota yang sebelumnya sudah
di input terlebih dahulu di menu input (tambah) anggota.
80
Gambar III.60.
Implementasi Menu Data Anggota
8. Implementasi Tambah Data Anggota
Di tambah data anggota petugas memasukan data anggota baru untuk
nantinya di tampilkan pada menu data anggota.
Gambar III.61.
Implementasi Tambah Data Anggota
81
9. Implementasi Ubah Data Anggota
Di ubah data anggota menampilkan data anggota yang sudah di edit untuk
melihat perubahan data anggota sebelumnya.
Gambar III.62.
Implementasi Ubah Data Anggota
10. Implementasi Cari Data Anggota
Di cari data anggota sistem menampilkan hasil pencarian data anggota
yang berada di menu data anggota.
Gambar III.63.
Implementasi Cari Data Anggota
82
11. Implementasi Menu Data Transaksi Peminjaman
Di menu data transaksi peminjaman menampilkan data transaksi
peminjaman yang sebelumnya sudah di input terlebih dahulu di menu
input (tambah) transaksi peminjaman.
Gambar III.64.
Implementasi Menu Data Transaksi Peminjaman
12. Implementasi Tambah Transaksi Peminjaman
Di tambah transaksi peminjaman petugas memasukan data transaksi
peminjaman baru untuk nantinya di tampilkan pada menu data transaksi
peminjaman.
83
Gambar III.65.
Implementasi Tambah Transaksi Peminjaman
13. Implementasi Menu Data Transaksi Pengembalian
Di menu data transaksi pengembalian menampilkan data transaksi
pengembalian yang sebelumnya sudah di input terlebih dahulu di menu
input (tambah) transaksi pengembalian.
Gambar III.66.
Implementasi Menu Data Transaksi Pengembalian
84
14. Implementasi Tambah Transaksi Pengembalian
Di tambah transaksi pengembalian petugas memasukan data transaksi
pengembalian baru untuk nantinya di tampilkan pada menu data transaksi
pengembalian.
Gambar III.67.
Implementasi Tambah Transaksi Pengembalian
15. Implementasi Menu Data Laporan
Di menu data laporan petugas memilih data laporan mana yang akan di
cetak ataupun di download.
85
Gambar III.68.
Implementasi Menu Data Laporan
16. Implementasi Laporan Data Buku
Di cetak laporan data buku ini petugas melakukan pencetakan laporan
buku langsung melalui mesin cetak.
Gambar III.69.
Implementasi Laporan Data Buku
17. Implementasi Laporan Data Anggota
Di cetak laporan data anggota ini petugas melakukan pencetakan laporan
anggota langsung melalui mesin cetak.
86
Gambar III.70.
Implementasi Laporan Data Anggota
18. Implementasi Laporan Transaksi Peminjaman
Di cetak laporan data transaksi peminjaman ini petugas melakukan
pencetakan laporan buku langsung melalui mesin cetak.
Gambar III.71.Implementasi Laporan Transaksi Peminjaman
87
19. Implementasi Laporan Transaksi Pengembalian
Di cetak laporan transaksi pengembalian ini petugas melakukan
pencetakan laporan buku langsung melalui mesin cetak.
Gambar III.72.
Implementasi Laporan Transaksi Pengembalian
20. Implementasi Menu Data User
Di menu data user menampilkan data user yang sebelumnya sudah di
input terlebih dahulu di menu input (tambah) user.
88
Gambar III.73.
Implementasi Menu Data User
21. Implementasi Tambah Data User
Di tambah data user petugas memasukan data user baru untuk nantinya di
tampilkan pada menu data user.
Gambar III.74.
Implementasi Tambah Data User
89
22. Implementasi Ubah Data User
Di ubah data user menampilkan data user yang sudah di edit untuk melihat
perubahan data user sebelumnya.
Gambar III.75.
Implementasi Ubah Data User
23. Implementasi Cari Data User
Di menu cari data user sistem menampilkan hasil pencarian data user yang
berada di menu data user
Gambar III.76.
Implementasi Cari Data User
90
24. Implementasi Ganti Password
Di menu ganti password ini petugas mengganti password lama menjadi
password baru bagi petugas.
Gambar III.77.
Implementasi Ganti Password
b. Implementasi Halaman Anggota (Front- End)
25. Implementasi Menu Login Anggota
Gambar III.78.Implementasi Menu Login Anggota
26. Implementasi Index Anggota
Di halaman index anggota ini dimana anggota bisa melihat beranda,
melihat daftar buku, edit profile, transaksi peminjaman, dan ganti
90
24. Implementasi Ganti Password
Di menu ganti password ini petugas mengganti password lama menjadi
password baru bagi petugas.
Gambar III.77.
Implementasi Ganti Password
b. Implementasi Halaman Anggota (Front- End)
25. Implementasi Menu Login Anggota
Gambar III.78.Implementasi Menu Login Anggota
26. Implementasi Index Anggota
Di halaman index anggota ini dimana anggota bisa melihat beranda,
melihat daftar buku, edit profile, transaksi peminjaman, dan ganti
90
24. Implementasi Ganti Password
Di menu ganti password ini petugas mengganti password lama menjadi
password baru bagi petugas.
Gambar III.77.
Implementasi Ganti Password
b. Implementasi Halaman Anggota (Front- End)
25. Implementasi Menu Login Anggota
Gambar III.78.Implementasi Menu Login Anggota
26. Implementasi Index Anggota
Di halaman index anggota ini dimana anggota bisa melihat beranda,
melihat daftar buku, edit profile, transaksi peminjaman, dan ganti
91
password.
Gambar III.79.
Implementasi Index Halaman Anggota
27. Implementasi Daftar Buku
Di menu daftar buku dimana anggota bisa melihat daftar buku yang
tersimpan didalam sistem perpustakaan untuk nantinya anggota bisa
meminjam buku yang masih tersedia.
Gambar III.80.
Implementasi Daftar Buku
91
password.
Gambar III.79.
Implementasi Index Halaman Anggota
27. Implementasi Daftar Buku
Di menu daftar buku dimana anggota bisa melihat daftar buku yang
tersimpan didalam sistem perpustakaan untuk nantinya anggota bisa
meminjam buku yang masih tersedia.
Gambar III.80.
Implementasi Daftar Buku
91
password.
Gambar III.79.
Implementasi Index Halaman Anggota
27. Implementasi Daftar Buku
Di menu daftar buku dimana anggota bisa melihat daftar buku yang
tersimpan didalam sistem perpustakaan untuk nantinya anggota bisa
meminjam buku yang masih tersedia.
Gambar III.80.
Implementasi Daftar Buku
92
28. Implementasi Edit Profile
Di menu edit profile ini dimana anggota bisa mengubah data pribadi yang
sebelumnya sudah tersimpan di dalam sistem.
Gambar III.81.
Implementasi Edit Profile
29. Implementasi Transaksi Peminjaman
Dimenu transaksi peminjaman ini anggota bisa menginput data buku yang
akan dipinjam secara online pada web perpustakaan ini.
Gambar III.82.
Implementasi Transaksi Peminjaman
92
28. Implementasi Edit Profile
Di menu edit profile ini dimana anggota bisa mengubah data pribadi yang
sebelumnya sudah tersimpan di dalam sistem.
Gambar III.81.
Implementasi Edit Profile
29. Implementasi Transaksi Peminjaman
Dimenu transaksi peminjaman ini anggota bisa menginput data buku yang
akan dipinjam secara online pada web perpustakaan ini.
Gambar III.82.
Implementasi Transaksi Peminjaman
92
28. Implementasi Edit Profile
Di menu edit profile ini dimana anggota bisa mengubah data pribadi yang
sebelumnya sudah tersimpan di dalam sistem.
Gambar III.81.
Implementasi Edit Profile
29. Implementasi Transaksi Peminjaman
Dimenu transaksi peminjaman ini anggota bisa menginput data buku yang
akan dipinjam secara online pada web perpustakaan ini.
Gambar III.82.
Implementasi Transaksi Peminjaman
93
30. Implementasi Cetak Bukti Peminjaman
Dimenu cetak bukti peminjaman ini anggota bisa langsung mencetak bukti
peminjaman buku untuk dibawa dan diserahkan ke petugas sebagai bukti
ingin meminjam buku.
Gambar III.83.
Implementasi Cetak Bukti Peminjaman
31. Implementasi Ganti Password
Dimenu ganti password ini dimana anggota bisa mengganti password
yang lama dengan password yang baru.
Gambar III.84.
Implementasi Ganti Password
c. Implementasi Halaman Pengunjung (Front-End)
32. Implementasi Index Pengunjung
Di halaman index pengunjung ini dimana pengunjung bisa melihat
beranda, tentang kami, kontak kami, melakukan pencarian buku, mengisi
buku tamu, mengunduh jadwal kunjungan dan melakukan pendaftaraan
jika ingin menjadi anggota.
93
30. Implementasi Cetak Bukti Peminjaman
Dimenu cetak bukti peminjaman ini anggota bisa langsung mencetak bukti
peminjaman buku untuk dibawa dan diserahkan ke petugas sebagai bukti
ingin meminjam buku.
Gambar III.83.
Implementasi Cetak Bukti Peminjaman
31. Implementasi Ganti Password
Dimenu ganti password ini dimana anggota bisa mengganti password
yang lama dengan password yang baru.
Gambar III.84.
Implementasi Ganti Password
c. Implementasi Halaman Pengunjung (Front-End)
32. Implementasi Index Pengunjung
Di halaman index pengunjung ini dimana pengunjung bisa melihat
beranda, tentang kami, kontak kami, melakukan pencarian buku, mengisi
buku tamu, mengunduh jadwal kunjungan dan melakukan pendaftaraan
jika ingin menjadi anggota.
93
30. Implementasi Cetak Bukti Peminjaman
Dimenu cetak bukti peminjaman ini anggota bisa langsung mencetak bukti
peminjaman buku untuk dibawa dan diserahkan ke petugas sebagai bukti
ingin meminjam buku.
Gambar III.83.
Implementasi Cetak Bukti Peminjaman
31. Implementasi Ganti Password
Dimenu ganti password ini dimana anggota bisa mengganti password
yang lama dengan password yang baru.
Gambar III.84.
Implementasi Ganti Password
c. Implementasi Halaman Pengunjung (Front-End)
32. Implementasi Index Pengunjung
Di halaman index pengunjung ini dimana pengunjung bisa melihat
beranda, tentang kami, kontak kami, melakukan pencarian buku, mengisi
buku tamu, mengunduh jadwal kunjungan dan melakukan pendaftaraan
jika ingin menjadi anggota.
94
Gambar III.85.Implementasi Index Pengunjung
33. Implementasi Profil Perpustakaan
Di menu tentang kami berisikan profil perpustakaan dimana pengunjung
bisa melihat informasi tentang profil perpustakaan SD Negeri Pondok
Labu 16 Pagi Jakarta.
Gambar III.86.Implementasi Profi Perpustakaan
95
34. Implementasi Visi dan Misi
Di menu tentang kami berisikan visi dan misi dimana pengunjung bisa
melihat informasi tentang visi dan misi SD Negeri Pondok Labu 16 Pagi
Jakarta.
Gambar III.87.
Implementasi Visi dan Misi
35. Implementasi Struktur Organisasi
Di menu tentang kami berisikan visi dan misi dimana pengunjung bisa
melihat informasi tentang struktur organisasi perpustakaan Dewi Sartika.
Gambar III.88.
Implementasi Struktur Organisasi
96
36. Implementasi Kontak Kami
Di halaman kontak kami dimana pengunjung bisa mengetahui secara
lengkap kontak perpustakaan Dewi Sartika.
Gambar III.89.
Implementasi Kontak Kami
37. Implementasi Buku Tamu
Di halaman buku tamu dimana pengunjung bisa mengisi buku tamu
sebagai bukti telah mengunjungi website di perpustakaan Dewi Sartika.
Gambar III.90.
Implementasi Buku Tamu
38. Implementasi Pencarian Buku
Di halaman pencarian buku dimana pengunjung bisa mencari buku yang
diinginkan maupun yang akan dipinjam.
97
Gambar III.91.
Implementasi Pencarian Buku
39. Implementasi Jadwal Kunjungan
Dimenu jadwal kunjungan ini dimana anggota / pengunjung bisa melihat
atau mencetak jadwal kunjungan sebagai kegiatan yang berada di
perpustakaan dewi sartika dalam sepekan.
Gambar III.92.
Implementasi Jadwal Kunjungan
40. Implementasi Pendaftaraan Anggota
Dimenu pendaftaraan anggota ini jika pengunjung ingin menjadi anggota
maka wajib mengisi form pendaftaraan yang tersedia di website ini.
98
Gambar III.93.
Implementasi Pendaftaraan Anggota
B. Spesifikasi Komputer
Berikut ini adalah spesifikasi perangkat keras (hardware) dan perangkat
lunak (software) yang dibutuhkan oleh sistem agar berjalan dengan baik.
1. Spesifikasi Perangkat Keras (Hardware)
a. Server
1) CPU
2) Processor Intel
3) RAM 2.0 GB
4) Hard Disk 60 GB
5) Monitor dengan resolusi 1440 x 900
6) Mouse
7) Keyboard
8) Koneksi internet 10/100 mbps
b. Client
1) CPU
99
2) Processor Intel Celeron
3) RAM 1.02 GB
4) Hard Disk 40 GB
5) Monitor dengan resolusi layar 1444 x 900
6) Mouse
7) Keyboard
8) Internet Connection 10/100 mbps
2. Spesifikasi Perangkat Lunak (Software)
a. Server
1) Sistem operasi windows 7 ultimate
2) Paket server xampp 3.2.2
3) Web browser yang sudah mendukung HTML5 seperti Google Chrome,
Mozilla Firefox, Opera.
b. Client
1) Sistem operasi windows 7 ultimate
2) Web browser yang sudah mendukung HTML5 seperti Google Chrome,
Mozilla Firefox, Opera.
3.6 Pengujian dan Pergantian (Testing and turnover)
Tahapan akhir dari rancang bangung sistem informasi perpustakaan ini
adalah pengujian dan pergantian. Pengujian dilakukan dengan menggunakan
metode blackbox testing yang fokus terhadap masukan dan keluaran program.
Sedangkan pergantian komponen-komponen sistem dilakukan jika selama
pengujian terjadi hal-hal yang tidak sesuai harapan.
100
A. Pengujian Terhadap Halaman Petugas (Back-End)
a. Pengujian Form Login
Tabel III.9.
Hasil Pengujian Black Box Testing Login
No SkenarioPengujian
Test Case Hasil yangdiinginkan
HasilPengujian
Kesimpulan
1 Mengetikkankondisi salahpada usernamepetugas danpasswordkemudian kliktombol login
UsernamePetugas:PTGokPasswordpetugas:123ok
Sistem akanmenampilkanpesan “MaafAnda GagalLogin”
Sesuaiharapan
Valid
2 Usernamepetugas danpassword dikosongkankemudian kliktombol login
Usernamepetugas :(kosong)Password :(kosong)
Sistem akanmenampilkanpesan “MaafAnda GagalLogin”
Sesuaiharapan
Valid
3 Mengetikkankondisi salahpada salah satuusernamepetugas danpasswordkemudian kliktombol login
Usernamepetugas:PTG01
Passwordpetugas:ok123
Sistem akanmenampilkanpesan “MaafAnda GagalLogin”
Sesuaiharapan
Valid
4 Username danpassword diisidengan benarkemudian kliktombol login
Usernamepetugas:PTG01
Passwordpetugas:******
Sistem akanmengalihkanke halamanpetugas
Sesuaiharapan
Valid
b. Pengujian Ganti Password
Tabel III.10.
Hasil Pengujian Black Box Testing Form Ganti Password
101
No SkenarioPengujian
Test Case Hasil yangdiinginkan
HasilPengujian
Kesimpulan
1 Mengosongkanfield passwordlama kemudianklik tombolsimpan
Usernamepetugas :PTG01passwordlama :(kosong)passwordbaru :(kosong)
Sistem akanmenampilkanpesan“please fillout this field”
Sesuaiharapan
Valid
2 Mengetikkankondisi salahpada salah satufield dipassword lamakemudian kliktombol simpan
Usernamepetugas :PTG01passwordlama :(abcdefg)passwordbaru :(098765)
Sistem akanmenampilkanpesan“passwordlama salah,tidak sesuai”
Sesuaiharapan
Valid
3 Mengetikkankondisi salahpada salah satufield dipassword barukemudian kliktombol simpan
Usernamepetugas :PTG01passwordlama :(12345)passwordbaru :(09876)
Sistem akanmenampilkanpesan“passwordtelah digantimenjadi09876”
Sesuaiharapan
Valid
102
B. Pengujian Terhadap Halaman Anggota (Front-End)
a. Pengujian Form Login
Tabel III.11.Hasil Pengujian Black Box Testing Login
No SkenarioPengujian
Test Case Hasil yangdiinginkan
HasilPengujian
Kesimpulan
1 Mengetikkankondisi salahpada usernameanggota danpasswordkemudian kliktombol login
Usernameanggota:angOKPasswordanggota:123ok
Sistem akanmenampilkanpesan “MaafAnda GagalLogin”
Sesuaiharapan
Valid
2 Usernameanggota danpassword dikosongkankemudian kliktombol login
Usernameanggota :(kosong)Password :(kosong)
Sistem akanmenampilkanpesan “MaafAnda GagalLogin”
Sesuaiharapan
Valid
3 Mengetikkankondisi salahpada salah satuusernameanggota danpasswordkemudian kliktombol login
Usernameanggota:rahayu123
Passwordanggota:ok123
Sistem akanmenampilkanpesan “MaafAnda GagalLogin”
Sesuaiharapan
Valid
4 Username danpassword diisidengan benarkemudian kliktombol login
Usernameanggota:rahayu123
Passwordanggota:******
Sistem akanmengalihkanke halamananggota
Sesuaiharapan
Valid
103
b. Pengujian Ganti Password
Tabel III.12.
Hasil Pengujian Black Box Testing Form Ganti Password
No SkenarioPengujian
Test Case Hasil yangdiinginkan
HasilPengujian
Kesimpulan
1 Mengosongkanfield passwordlama kemudianklik tombolsimpan
Usernamepetugas :rahayu123passwordlama :(kosong)passwordbaru :(kosong)
Sistem akanmenampilkanpesan“please fillout this field”
Sesuaiharapan
Valid
2 Mengetikkankondisi salahpada salah satufield dipassword lamakemudian kliktombol simpan
Usernamepetugas :rahayu123passwordlama :(abcdefg)passwordbaru :(098765)
Sistem akanmenampilkanpesan“passwordlama salah,tidak sesuai”
Sesuaiharapan
Valid
3 Mengetikkankondisi salahpada salah satufield dipassword barukemudian kliktombol simpan
Usernamepetugas :rahayu123passwordlama :(12345)passwordbaru :(09876)
Sistem akanmenampilkanpesan“passwordtelah digantimenjadi09876”
Sesuaiharapan
Valid
104
C. Pengujian Terhadap Halaman Pengunjung (Front-End)
a. Pengujian Form Buku Tamu
Tabel III.13.
Hasil Pengujian Black Box Testing Buku Tamu
No SkenarioPengujian
Test Case Hasil yangdiinginkan
HasilPengujian
Kesimpulan
1 Field namadan komentardikosongkankemudian kliktombol simpan
Nama :(kosong)Email anda:(kosong)Komentar :(kosong)
Sistem akanmenampilkanpesan “pleasefill out thisfield”
Sesuaiharapan
Valid
2 Mengosongkanfield namakemudian kliktombol simpan
Nama :(kosong)Email anda:([email protected])Komentar :(okebanget)
Sistem akanmenampilkanpesan “pleasefill out thisfield”
Sesuaiharapan
Valid
3 Mengosongkanfield emailanda kemudianklik tombolsimpan
Nama :rahayuEmail anda:(kosong)Komentar :(okebanget)
Sistem akanmenampilkanpesan “pleasefill out thisfield”
Sesuaiharapan
Valid
4 Mengosongkanfield komentarkemudian kliktombol simpan
Nama :rahayuEmail anda:[email protected] :(kosong)
Sistem akanmenampilkanpesan “pleasefill out thisfield”
Sesuaiharapan
Valid