91
BAB IV
IMPLEMENTASI DAN PENGUJIAN SISTEM
Tahap perancangan dalam pembuatan program merupakan suatu hal yang sangat penting, karena didalam perancangan tersebut terdapat elemen-elemen yang mewakili isi atau content didalamnya. Arsitektur dalam perancangan website harus memiliki konstruksi yang baik, proses pengolahan data yang tepat dan akurat mempunyai nilai tersendiri dan memiliki dasar-dasar untuk pengembangan sistem selanjutnya.
Dasar dari sebuah sistem haruslah mudah dipahami, sehingga user dapat menangkap informasi yang disajikan. Pemrogram sebaiknya jangan terlalu cepat mengambil keputusan dalam merancang / menyusun arsitektur program yang dibuat, supaya hasil yang didapat sesuai dengan harapan
92
1.12.
Impelementasi Sistem
Tahap implementasi dan pengujian sistem, dilakukan setelah tahap analisis dan perancangan selesai dilakukan. Pada subbab ini akan dijelaskan implementasi dari aplikasi sistem dengan menggunakan beberapa fungsi yang penulis buat terdiri dari lingkungan implementasi, pengkodean, dan interface dari aplikasi sistem tersebut.
Untuk dapat menjalankan program “Perancangan Sistem Informasi Perpustakaan Pada Sekolah Tinggi Ilmu Ekonomi Indonesia Berbasis Web” menggunakan PHP maka diperlukan sebuah web Server yang akan digunakan sebagai tempat menyimpan program Web Server yang akan digunakan berupa “Apache Web Server”, atau program Web Server lain yang mendukung program PHP minimal versi 4.0.5 dan MySQL minimal versi 3.23 sebagai database Server.
Untuk memulai program, jalankan browser seperti “Safari”,dapat juga dibuka internet explorer, Mozilla Firefox atau Nestcape. Nama-server adalah nama server tempat program disimpan. Gambar 4.1 adalah tampilan versi PHP yang digunakan.
93
4.1.1 Tampilan Daftar Administrasi
Gambar 4.1 Tampilan Daftar Administrasi
Daftar register menampilkan data username dan password yang dapat melakukan sistem perpustakaan atau mengaktifkan login pada halaman utama
4.1.2 Tampilan Form Daftar Administrasi
Gambar 4.2 Tampilan Form Daftar Administrasi
Menu register ini digunakan oleh para administrasi atau petugas baru untuk dapat menjalankan sistem perpustakaan harus dengan memasukan username dan password baru yang akan disimpan didalam data base
94
4.1.3 Tampilan Login
Gambar 4.3 Tampilan Login
Yaitu menu utama yang membentuk tampilan Mozilla Firefox yang mempunyai
alamat
webnya
http://localhost/perpustakaan1/
yang
akan
menampilkan Logo Sistem Perpustakaan, menampilkan alamat lengkap dalam tampilan Morzilla
4.1.4 Tampilan Indek
.Gambar 4.4 Tampilan Indek
95
Dalam tampilan tampilan login digunakan untuk para administrasi mengisi username dan password agar dapat menjalankan atau mengakses program perpustakaan tersebut
4.1.5
Tampilan Data Buku
Gambar 4.5 Tampilan Data Buku
Dalam tampilan ini dapat telihat daftar – daftar buku dan dapat melakukan tambah buku dengan mengklik tulisan tambah buku serta dapat menghapus dan menambahkan kembali
96
4.1.6
Tampilan Form Tambah Buku
Gambar 4.6 Tampilan Form Tambah Buku
Dalam tampilan ini para petugas dapat mengisi buku – buku yang ingin dimasukan dengan mengisi terlebih dahulu data – data buku pada form tambah buku lalu dapat disimpan
4.1.7
Tampilan Pendaftaran Dosen dan Mahasiswa
Gambar 4.7 Tampilan Pendaftaran Dosen dan Mahasiswa
97
Dalam tampilan pendaftaran ini dibedakan linknya antara Dosen dan Mahasiswa maka jika petugas ingin menambahkan anggota dapat mengklik antara dosen atau mahasiswa dan terdapat daftar – daftar mahasiswa ataupun dosen yg sudah terdaftar
4.1.8
Tampilan Form Dosen dan Mahasiswa
Gambar 4.8 Tampilan Form Dosen dan Mahasiswa
Dalam tampilan form pendaftaran ini petugas dapat mengisi data – data Dosen atau Mahasiswa yg ini meminjam buku tetapi belum ada data nya sebelum meminjam petugas mengisi data – data Dosen atau Mahasiswa kedalam form yg telah disediakan
98
4.1.9
Tampilan Data Peminjaman
Gambar 4.9 Tampilan Data Pinjaman
Dalam tampilan peminjaman ini terdapat data – data Dosen atau pun mahasiswa yang sudah melakukan peminjaman yang telah disimpan kedalam data base yang akan ditampilkan pada tampilan peminjaman setelah mengisi form peminjaman.
4.1.10 Tampilan Form Peminjaman
Gambar 4.10 Tampilan Form Peminjaman
99
Dalam Tampilan Form Peminjaman setiap mahasiswa yang ingin meminjam data – datanya akan di masukan terlebih dahulu oleh petugas kedalam form pengisian atau form peminjaman sehingga akan tersimpan data diri dan data buku yang akan dipinjam ke-dalam data base sehingga dapat ditampilkan pada tampilan peminjaman.
4.1.11 Tampilan Data pengembalian
Gambar 4.11 Tampilan Data pengembalian
Dalam Tampilan Pengembalian akan mengeluarkan data – data pengembalian buku yang telah dipinjam didalam data base dan akan di tampilan pada Tampilan Pengembalian
100
4.1.12 Tampilan cari Pengembalian
Gambar 4.12 Tampilan cari Pengembalian
Dalam Tampilan Pengembalian ada simbul “Cari” yang digunakan untuk mencari atau menampilkan tampilan form pengembalian dengan mencari Nip / Nim pada kota cari
4.1.13 Tampilan Laporan Pengembalian
Gambar 4.13 Tampilan Laporan Pengembalian
101
Tampilan form pengembalian berisi laporan – laporan terjadinya pengembalian buku yang terdapat pada perpustakaan dan disini juga dapat dilihat atau dicek jika dalam pengembalian buku tersebut terlambat sehari dari waktu yang telah di tentukan akan dikenakan denda
4.1.14 Tampilan Guestbook
Gambar 4.14 Tampilan Guestbook
Dapat digunakan pada seseorang petugas untuk memasukan saran dan keritik didalam pesan atau dapat digunakan oleh para user apabila terdapat website tersebut online
102
4.1.15 Tampilan Lihat Guestbook
Gambar 4.15 Tampilan Lihat Guestbook
Merupakan suatu tampilan yang digunakan untuk melihat hasil – hasil dari data – data pada form buku tamu yang telah dimasukan seperti Nama, Email, Pesan, Tanggal Masuk
4.2
Pengujian Sistem
Pengujian program aplikasi web 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.
Kebenaran dari program web pada aplikasi adalah:
103
1. Kemampuan untuk menginput, edit dan delete data buku, dosen, mahasiswa, peminjaman dan pengembalian
2. Kemampuan untuk merubah password admin
3. Kemampuan untuk melihat data buku, dosen, mahasiswa, peminjaman dan pengembalian
4. Kemampuan untuk melihat seluruh kegiatan administrasi peminjaman
5. Kemampuan untuk melakukan kegitan administrasi pengembalian
6. Kemampuan untuk mengedit dan menghapus data Mahasiswa, Dosen, Peminjaman dan Pengembalian
4.2.1 Metode Pengujian
Ada 2 metode untuk malakukan unit testing, yaitu Black Box Testing dan White Box Testing. Black Box Testing dilakukan dengan memfokuskan pada apakah unit program memenuhi kebutuhan (requirement) yang disebutkan dalam spesifikasi. Pada black box testing cara pengujian hanya dilakukan dengan menjalankan atau mengeksekusi unit atau modul, kemudian diamati apakah hasil dari unit itu sesuai dengan proses kegiatan administrasi peminjaman dan pengembalian buku yang diinginkan atau tidak.
Sedangkan White Box Testing adalah pengujian dengan melihat kedalam modul untuk meneliti kode-kode program yang ada. Dan menganalisis apakah ada kesalahan atau tidak. Jika ada modul yang menghasilkan output yang tidak sesuai
104
dengan proses bisnis yang dilakukan. Maka baris-baris program, variable, dan parameter yang terlibat pada unit tersebut akan dicek satu persatu dan diperbaiki, kemudian di compile ulang.
Pengujian program aplikasi web ini dilakukan dengan menggunakan metode Black box Testing karena proses testing ini dilakukan berdasarkan kebutuhan (requirement). Metode Black Box Testing ini merupakan pengujian program berdasarkan fungsi dari program. Tujuan dari metode Black Box Testing ini adalah untuk menemukan kesalahan fungsi pada program.
Pengujian dengan menggunakan metode black box testing dilakukan dengan cara memberikan sejumlah masukkan (input) pada program aplikasi yang kemudian diproses sesuai dengan kebutuhan fungsionalnya untuk melihat apakah program aplikasi web menghasilkan keluaran (output) yang diinginkan sesuai dengan fungsi dari program aplikasi web tersebut. Bila dari input yang diberikan proses manghasilkan output yang sesuai dengan kebutuhan fungsionalnya, maka program aplikasi yang penulis rancang berhasil tetapi bila output yang dihasilkan tidak sesuai dengan kebutuhan fungsionalnya, maka masih terdapat kesalahan pada program aplikasi tersebut.
Pengujian dilakukan dengan mencoba semua kemungkinan yang terjadi dan dilakukan secara berulang-ulang. Jika dalam pengujian ditemukan kesalahan, maka akan dilakukan pencarian dan perbaikkan untuk memperbaiki kesalahan yang terjadi. Jika telah selesai melakukan perbaikan maka akan dilakukan pengujian kembali. Pengujian dan perbaikan dilakukan secara terus menerus hingga diperoleh hasil yang terbaik.
105
4.2.2 Lingkungan Pengujian
Pembuatan aplikasi ini dibuat menggunakan komputer dengan spesifikasi sebagai berikut :
1. Perangkat Keras
a. Processor
: Intel(R) Core(TM) Duo CPU
b. Floppy disk drive
: 1,44 MB
c. RAM
: 2G
d. Hardisk
: 1.99 GB
e. Monitor
: 13”
f. Mouse
: Standar
g. Keyboard
: 101-104 keys
2. Perangkat Lunak
a. Microsoft Xp Professional
Sistem operasi windows telah banyak digunakan oleh para pengguna komputer dalam membantu penggunanya. Sistem operasi windows merupakan sistem operasi yang sangat mudah digunakan.
b. Macromedia Dreamweaver 8
106
Program ini digunakan sebagai editor dalam mendesain web serta mengatur tampilan web dengan mudah dan cepat.
c. Paket Program PHP Triad
Paket program ini berisi diantaranya :
a. Apache Web Server yang berungsi untuk menerima dan mengolah permintaan browser web. b. PHP Editor yang mengolah dan menterjemahkan kode-kode HTML. c. MySQL sebagai database untuk menyimpan dan mengolah data yang dinamis dari sebuah aplikasi web.
4.2.3
Skenario Pengujian
Skenario pengujian diperlukan untuk mengetahui apakah aplikasi yang penulis rancang dapat berfungsi dengan baik atau tidak. Skenario pengujian dilakukan dengan memilih dari setiap pilihan yang ada pada aplikasi web ini, kemudian dilakukan pengujian dengan menekan tombol-tombol yang terdapat pada halaman form dari aplikasi web ini apakah sudah sesuai dengan yang diharapkan
107
Tabel 4.1 Tabel Skenario Aplikasi Peminjaman dan Pengembalian Perpustakaan pada Sekolah Tinggi Ilmu Ekonomi Indonesia dengan Menggunakan Metode Black Box
No
Unit Program
Status
Skenario
(Uji Coba)
Aplikasi
Pengujian
Antar Muka
Hasil
Jika input username dan password benar Input akan masuk pada username halaman 1.
Menguji
Login telah
dan
Tombol Masuk
terbuka
password
Tamp. Login
indek/halaman admin, jika username dan secara benar password yang dan salah dimasuk salah maka kembali ke tamp login Dapat membuka Link program (Buku, Menu
Dosen, Mahasiswa, Memilih
admin/indek 2.
Tamp. Indeks
Link
Peminjaman, salah satu
telah
Pengembalian, dan Link
terbuka
Logout) dengan baik sesuai dengan menu yang dipilih
108
Pada menu. Buku terdapat data buku yang dapat dipinjam dengan memasukkan judul awal buku akan Menguji
Input Judul mencari buku yang
Tamp 3 Buku
Tombol cari,
From Buku
buku, input
Edit, Hapus dan
dapat
form
tombol tambah
digunakan
tambah
tersebut, dan pada edit dapat diedit data yang sudah ada dan dihapus baru buku
buku dan pada tambah buku dapat mengisi form tambah buku simpan akan tampil pada tamp buku Pada menu. Dosen terdapat data Dosen sebagai anggota
Menguji perpustakaan dan pada Tombol, Edit,
Form dosen
input form
Hapus dan
telah dapat
tambah data
tombol tambah
digunakan
Dosen
edit dapat diedit data 4
Tamp. Dosen
yang sudah ada dan dihapus dan pada baru Dosen menu tambah Dosen dapat mengisi form tambah baru simpan
109
akan tampil pada tamp Dosen Pada menu. Mahasiswa terdapat data Mahasiswa sebagai anggota perpustakaan dan pada Tamp
Tombol, Edit,
Form
Hapus dan
mahasiswa
tombol tambah
dapat
5 Mahasiswa
input form
edit dapat diedit data
tambah data
yang sudah ada dan
Mahasiswa
dihapus dan pada link
baru Mahasiswa digunakan tambah Mahasiswa dapat mengisi form tambah baru simpan akan tampil pada tamp Mahasiwa Pada tamp. peminjaman terdapat Tombol, Edit,
data peminjam dan Form
Hapus dan Tamp. 6
input form
pada edit dapat diedit
tambah data
data yang sudah ada
peminjam
dan dihapus dan pada
peminjaman tombol tambah
Peminjaman
dapat baru dilakukan Peminjaman
link tambah data peminjam dapat mengisi form tambah
110
baru simpan akan tampil pada tamp Peminjaman jika data yang dimasukan salah maka ada pesan “data peminjam tidak terdaftar dalam database Pada menu. peminjaman terdapat data peminjam dan pada tombol edit dapat diedit data yang sudah ada dan hapus dan Tombol, Edit, Pencarian Tamp. 7
pada tombol tambah
Hapus dan peminjaman
Masukan
data peminjam dapat
dapat
Nim / Nip
melakukan pencarian
tombol tambah Pengembalian
baru dilakukan
Nim/Nip nim akan
Pengembalian tampil laporan peminjaman simpan akan tampil pada tamp Pengembalian jika data yang dimasukan salah maka ada pesan
111
“data tidak ditemukan pada data peminjaman”
4.2.4
Analisis Hasil Pengujian
Dari hasil skenario pengujian terakhir yang dilakukan dapat diperoleh hasil pengujian. Dari hasil skenario pengujian pada setiap pilihan yang ada pada pilihan yang ada pada aplikasi ini yaitu Tampilan utama, tampilan login admin, tampilan dosen, tampilan mahasiswa, maka diperoleh hasil pengujian tersebut sesuai dengan rumusan perancangan aplikasi program ini. Dan terangkum dalam table 4.1 hasil pengujian dibawah ini sebagai berikut
1. Halaman admin: yang mengontrol aktifitas sub akses dalam peminjaman dan pengembalian pada perpustakaan Sekolah Tinggi Ilmu Ekonomi dapat berjalan sesuai sub akses. 2. Menu indek : Menampilkan database dari setiap kegiatan, dapat mengakses atau menjalankan sub menu (Buku, dosen, mahasiswa, peminjaman, pengembalian dan peminjaman) 3. Menu Buku : Menampilkan, menghapus, mengedit database dan tombol berfungsi untuk menampilkan data – data pada form Buku 4. Menu Dosen : Menampilkan, menghapus, mengedit database dan tombol berfungsi untuk menapilkan data – data pada form pendaftaran dosen
112
5. Menu Mahasiswa : Menampilkan, menghapus, mengedit database dan tombol berfungsi untuk menapilkan data – data pada form pendaftaran Mahasisa 6. Menu Peminjaman : Menampilkan, menghapus, mengedit database dan tombol berfungsi untuk menapilkan data – data pada form peminjaman buku 7. Menu Pengembalian : Menampilkan, menghapus, mengedit database dan tombol berfungsi untuk menapilkan data – data pada pencarian pengembalian
4.2.5
Hasil Pengujian
Dari hasil skenario pengujian terakhir yang dilakukan dapat diperoleh hasil pengujian. Dari hasil skenario pengujian pada setiap pilihan yang ada pada Aplikasi Peminjaman dan pengembalian buku Perpustakaan pada Sekolah Tinggi Ilmu Ekonomi Indonesia Tangerang, yaitu tampilan (login, indek, buku, dosen, mahasiswa, peminjaman, dan pengembalian, guestbook), dan perancangan aplikasi program ini. Dan terangkum dalam table 4.2 hasil pengujian sebagai berikut :
113
Tabel 4.2 Tabel Hasil Pengujian aplikasi Peminjaman dan Pengembalian Perpustakaan Sekolah Tinggi Ilmu Ekonomi Indonesia dengan Menggunakan Metode Black Box
No.
Antar Muka
Bagian dari
Status
Hasil
yang diuji
antar muka
aplikasi Pengujian
yang diuji 1.
Tampilan Login
Semua (
Halaman
yang
menu ada
di
Semua
Semua menu halaman link
Tampilan/
dapat
Dosen,
setelah
melakukan login seperti pada
halaman website menu
Buku,
dibuka
dapat contoh tampilan gambar 4.3
baik dari form dibuka setelah
Mahasiswa,
dosen,
Peminjaman,
mahasiswa,
pengembalian,
peminjaman dan
tips dan trik,
pengembalian
serta link yang
buku
melakukan Login
ada di dalam halaman website tersebut) 2.
Tampilan
Semua
indek
yang
Link ada
di
Sudah terbuka
Dapat dijalankan semua menu
dan
atau
dapat
halaman website
digunakan
baik dari form
semua
dosen,
yang
mahasiswa,
didalamnya
peminjaman dan pengembalian
tampilan
indek
pada
tampilan indek gambar 4.4
menu ada
114
buku
3.
Tampilan Buku
Menguji tombol
Menu
dan
Data yang dimasukkan user
simpan
form
buku
akan tersimpan ke database
dan
hapus, edit dan
sudah terbuka
dan
halaman
dan
dihalaman buku seperti pada
form
buku
dapat
dijalankan
langsung
ditampilkan
gambar 4.5, gambar 4..6 di atas
4.
Tampilan
Menguji tombol
Menu
dan
Data yang dimasukkan oleh
Dosen
simpan, edit dan
form
Dosen
user akan tersimpan ke data
hapus serta dapat
sudah terbuka
mengimput form
base dan langsung ditampilkan kedalam tampilan Dosen dan Mahasiswa
terdapat
pada
gambar 4.7, gambar 4.8 5
Tampilan
Menguji tombol
Menu
dan
Data yang dimasukkan oleh
Mahasiswa
simpan, edit dan
form Dosen /
user akan tersimpan ke data
hapus serta dapat
Mahasiswa
base dan langsung ditampilkan
mengimput form
sudah terbuka
kedalam tampilan Mahasiswa dan Mahasiswa terdapat pada gambar 4.9, gambar 4.10
6.
Tampilan
Menguji tombol
menu dan form
Data base yang dimasukkan
peminjaman
simpan, edit, dan
peminjaman
oleh user akan disimpan ke
hapus serta dapat
telah terbuka
data
base
dan
langsung
mengimput form
ditampilkan
pada
tampilan
peminjaman
peminjaman
yang
terdapat
pada gambar 4.11, gambar 4.12 7.
Tampilan
Menguji tombol
Menu
Pengembalian
simpan, edit, dan
form
dan
Data base yang dimasukkan oleh pengguna akan disimpan
115
hapus serta dapat
pengembalian
ke data base dan langsung
cari
telah terbuka
akan ditampilan pada gambar
data
peminjaman
4.13,
gambar
4.14,
dan
gambar 4.15
4.2.6
Analisis Hasil Pengujian
Dari hasil pengujian dapat diambil kesimpulan :
1. Pengujian tampilan Login berjalan sesuai skenario pengujian yang di lakukan, di halaman website tersebut semua link yang menghubungkan antara halaman yang satu dengan yang lain dapat terbuka seperti pada gambar 4.3 2. Pengujian
tampilan indeks, dan berjalan sesuai skenario, dan dapat
menggunkan menu dan form buku, dosen, mahasiswa, peminjaman, dan pengembalian telah ter buka dapat dilihat pada gambar 4.4 3. Pengujian menu buku, dapat berjalan sesuai dengan skenario, serta menguji tombol hapus, simpan dan tambah buku dapat digunakan form buku dapat dilihat pada gambar 4.5, gambar 4.6 4. Pengujian menu dosen, dapat berjalan sesuai dengan skenario, serta menguji tombol hapus, simpan dan tambah buku dapat digunakan form dosen dapat dilihat pada gambar 4.7, gambar 4.8 5. Pengujian menu Mahasiswa, dapat berjalan sesuai dengan skenario, serta menguji tombol hapus, simpan dan tambah buku dapat digunakan form Mahasiswa dapat dilihat pada gambar 4.9, gambar 4.10
116
6. Pengujian menu peminjaman, dapat berjalan sesuai dengan skenario, serta menguji tombol hapus, simpan dan tambah buku dapat digunakan form peminjaman dapat dilihat pada gambar 4.11, gambar 4.12 7. Pengujian menu pengembalian, dapat berjalan sesuai dengan skenario, serta menguji tombol hapus, simpan dan tambah buku dapat digunakan cari Nip/Nim dan dapat mengeluarkan laporan peminjaman dapat dilihat pada gambar 4.13, gambar 4.14, gambar 4.15
Dari hasil pengujian yang dilakukan pada website tersebut dapat disimpulkan bahwa semua Menu dan tombol button pada program yang ada di halaman website tersebut dapat dijalankan. Dan untuk menjalankan program atau hasil website tersebut, maka jalankan browser seperti “Internet Explorer”, Mozilla Firefox atau Nestcape. Ketikkan alamat “http:/localhost/perpustakaan_ira/”.
