BAB IV IMPLEMENTASI DAN PENGUJIAN
4.1.
Implementasi sistem
Pada bab sebelumnya penulis menjelaskan bagaimana sistem yang sedang berjalan pada fluency school of english, pada bab sebelumnya juga penulis merancang sistem yang akan di buat. Dari hasil studi kasus tersebut penulis menemukan kendala pada sistem yang sedang berjalan. Pada bab IV ini penulis akan menggambarkan implementasi dan kebutuhan sistem untuk menjalankan program serta melakukan pengujian terhadap sistem yang diusulkan.
4.1.1. Sarana yang di butuhkan dalam pembuatan sistem
Sarana yang dibutuhkan dalam pembuatan aplikasi tajwid multimedia ini adalah perangkat pendukung yang terdiri dari software (perangkat lunak) dan hardware (perangkat keras) antara lain sebagai berikut : a. Software (Perangkat Lunak) b. Sistem Oprerasi Windows seven c. Mozilla Firefox d. Macromedia Dreamweaver 8.0 e. Xampp Version 1.7.3. for Windows
66
67
f. PHP Versi 5.3.1 g. Visual paradigm for UML 6.4 Enterprice Edition. h.
Hardware (Perangkat Keras) a. Processor intel pentium b. Memory 1 GB RAM c. Hardisk 250 GB d. DVD-RW
4.1.2.
instalasi software Implementasi merupakan suatu rancangan yang menjelaskan segala
sesuatu hal-hal yang dibutuhkan dalam proses implementasi komputerisasi yang berguna dalam pelaksanaan langkah - langkah kegiatan penerapannya. Untuk itu maka banyak diperlukan penyesuaian dalam perencanaannya. Di samping itu yang perlu diperhatikan adalah faktor - faktor teknis dalam perangkat keras maupun perangkat lunaknya. Sebelum membahas pada tahapan implementasi program, alangkah baiknya disini akan dijelaskan mengenai instalasi software dan konfigurasi tools pembangun web dalam tahap pembuatan program web ini. 1.
Instalasi XAMPP Dalam pembuatan program ini, penulis menggunakan software XAMPP. XAMPP adalah software installer PHP secara instant yang berjalan pada lingkungan Windows, selain di lingkungan windows XAMPP juga menyediakan software instaler PHP untuk lingkungan Linux. setelah menginstal XAMPP sebenarnya kita tidak hanya menginstal PHP saja,
68
tapi juga sekaligus menginstal Apache sebagai web server-nya dan MySql sebagai database-nya. a.
Jalankan file installer XAMPP , dengan mengklik ganda file installer tersebut.
txampp-win32-1.5.3 Gambar 4.1. File Installer XAMPP b.
Akan tampil kotak dialog Installer Language, pilih bahasa yang akan anda gunakan lalu klik OK.
Gambar 4.2. Kotak Dialog Installer Language c.
Setelah memilih bahasa penginstallan akan muncul kotak dialog selamat datang, XAMPP merekomendasikan untuk menutup
69
semua aplikasi yang berjalan agar proses instalasi dapat berjalan dengan baik, setelah itu klik Next.
Gambar 4.3. Kotak Dialog Selamat Datang d.
Akan tampil kotak dialog Installer Language, pilih bahasa yang akan anda gunakan lalu kliik.
Gambar 4. 4. instal location
70
e.
Setelah memilih bahasa yang akan di gunakan dalam proses penginstalan, akan tampil kotak dialog Choose Install Location, pilih tempat di mana XAMPP akan diinstall, lalu klik install. Terjadilah proses instalasi XAMPP, tunggulah hingga instalasi selesai (Completed), lalu klik tombol Finish. Lihat di Start Menu apakah program XAMPP sudah diinstall
Gambar 4.5. Tampilan XAMPP di Start Menu
71
2.
Langkah-langkah menjalankan web server Apache dan Database MySql a.
Klik tombol Start > All Programs > Apachefriends> XAMPP > CONTROL XAMPP SERVER PANEL.
Gambar 4.6. Tampilan XAMPP Di Control XAMPP Server Panel b.
Klik tombol Start pada Apache dan MySql, setelah itu buka file localhost pada browser untuk memastikan apakah apache telah berjalan atau belum.
Gambar 4.7. Tampilan Localhost di browser
72
c.
Setelah Apache berjalan sekarang buka Command Prompt untuk memastikan apakah MySql sudah aktif atau belum. Klik tombol Start Menu klik Run lalu ketik cmd.
Gambar 4.8.Tampilan Command Prompt Ketika MySQL Telah Aktif
d.
Setelah berada di command prompt, pindah direktori dimana anda menginstal
XAMPP.
Setelah
itu
masuk
lah
kedirektori
xampp/mysql/bin, lalu ketik ketik peintah mysql –h localhost –u root. –h adalah tempat atau host sedangkan –u adalah user, karena masih asli bawaan dari XAMPP maka
-u root dan –p atau
password kosong karena belum dimasukan password
73
4.2.
Impementasi basis data Dalam pembuatan data base penulis menggunakan software PHP Versi
5.3.1. adapun pembuatan data basenya sebagai berikut:
Gambar 4.9. Data Base Anggota
Gambar 4.10. Data Base Biaya
Gambar 4.11. Data Base Orangtua
74
Gambar 4.12. Data Base Orangtua
Gambar 4.13. Data Base Sekolah Asal
75
4.3.
Tampilan antar muka Berikut ini adalah tampilan interface pada aplikasi sistem pendaftaran dan
administrasi. 1.
Tampilan Home Ketika membuka web fluency maka akan muncul tampilan home dari fuency. Pada halaman ini calaon siswa yang ingin mendaftarmenjadi siswa dapat membuka menu pendaftaran yang ada pada web, berikut ini gambar home dari web fluency
Gambar 4.14. Halaman Home
76
2.
Halaman Profile Pada menu ini terdapat profil dari fluency yang berisi sejarah berdirinya fluency serta visai dan misi, berikut ini tampilan profile dari fluency.
Gambar 4.15. Halaman Profil
77
3.
Halaman Our Price Pada halaman ini pengguna dapat melihat biaya administrasi yanag ada pada fluency, berikut ini tampilannya
Gambar 4.16. Our Price
78
4.
Halaman Galeri Pada halaman ini user bisa melihat foto-foto kegiatan dari fluency, berikut ini tampilannya
Gambar 4.17. Galeri
79
5.
Halaman Pendaftaran Pada halaman ini calon siswaharus mengisi formulir pendaftaran dengan lengkap, berikut ini tampilannya
Gambar 4.18. Pendaftaran
80
6.
Halaman Input Biaya Pada halaman ini administrator mengisi biaya yang akan dibayar oleh calon siswa maupun siswa , berikut ini tampilannya
Gambar 4.19. Input Biaya
81
7.
Halaman Laporan Siswa Pada halaman ini administrator maupun manager dapat melihat laporan siswa yang terdaftar menjadi siswa di fluency, berikut ini tampilannya
Gambar 4.20. Laporan Siswa
82
8.
Halaman Laporan Biaya Pada halaman ini administrator dapat melihat jumlah biaya yang dibayarkan oleh siswa serta melihat data pembayaran , berikut tampilannya
Gambar 4.21. Laporan Biaya
83
9.
Halaman Cetak Kwitansi Halaman ini adalah kwitansi pembayaran siswa
Gambar 4.22. Kwitansi 4.4. Pengujian Sistem Pengujian sistem yang dilakukan adalah untuk mengetahui bahwa aplikasi yang telah dibuat dapat berjalan sebagai mestinya sesuai dengan yang dirancang, dan untuk menghindari kesalahan-kesalahan yang mungkin terjadi pada saat aplikasi dijalankan.
4.4.1 Metode Pengujian Metode yang dilakukan metode black box testing yaitu metode pengujian yang menekankan pada berhasil tidaknya menjalankan fungsi dari aplikasi yang dibuat.
84
4.4.2 Skenario Pengujian Skenario yang dimaksud adalah skenario-skenario pegujian yang dilakukan untuk melihat hasil dari skenario yang dilakukan. Tabel 4.1 Skenario pengujian aplikasi sistem pendaftaran dan administrasi No.
1.
2.
3.
Antar
Bagian dari
Status
Skenario
Hasil Yang
Muka
antar muka
Aplikasi
Pengujian
Didapat
Yang Diuji
yang diuji
Home
Proses
Form Home
Melihat
Tampilan home
Tampilan
Tampilan
dibuka
awal
awal
Profil
Our Price
Proses
Form profil
Melihat
Akan tampil
Tampilan
profil
menu profil
Profil
fluency
Proses
Form our
Melihat
Akan tampil
tampilan Our
price
tampilan our
menu profil
Price 4.
5.
Galeri
Pendaftaran
Proses
price Form galeri
Melihat
Akan tampil foto-
tampilan
tampilan
fotokegiatan pada
galeri
galeri
fluency
Proses
Form
Masukan
Data akan
mengisi
pendaftaran
data diri
tersimpan, dan
calon siswa
siswa akan
formulir
melakukan registrasi kepada administrator 6.
Form Input
Proses
Form input
Masukan
Data akan
Biaya
menginput
data
data
tersimpan, semua
data
pembayaran
pembayaran
menu dan tombol
siswa
akan berfungsi
pembayaran
sesuai dengan
85
fungsinya 7.
Form
Proses Lihat
Form lihat
Masukan
Data akan terlihat
Laporan
Laporan siswa
laporan siswa
tanggal
semua menu dan
laporan
tombol akan
yang
berfungsi sesuai
diinginkan
dengan fungsinya
siswa
8.
Form
Proses Lihat
Form lihat
Masukan
Data akan terlihat
Laporan
Laporan biaya
laporan biaya
tanggal
semua menu dan
laporan
tombol akan
yang
berfungsi sesuai
diinginkan
dengan fungsinya
biaya
4.4.3. Analisa Hasil Pengujian Dari hasil skenario pengujian terakhir yang dilakukan dapat diperoleh hasil pengujian. Dari hasil skenario pengujian pada setiap pilihan yang ada pada aplikasi ini yaitu home, profile. our price, galery, pendaftaran, form input biaya , form laporan siswa. Form laporan biaya. Maka diperoleh hasil pengujian tersebut sesuai dengan rumusan perancangan aplikasi program ini.
Dan terangkum dalam hasil pengujian dibawah ini sebagai berikut : 1. Hasil pengujian berdasarkan analisis perancangaan sistem telah sesuai dengan yang diharapkan dan selama pengujian semua tombol berfungsi dengan baik dan berjalan sesuai dengan fungsi-fungsi yang diinginkan. Hal tersebut terbukti dengan dapat berjalannya seluruh proses analisis perancangan dan implementasi.
86
2. Aplikasi ini menghasilkan beberapa fungsi diantaranya dapat mendaftar melalui online dan juga menghasilkan sistem pembayaran dengan komputerisasi serta menghasilkan laporan yang lebih akurat
Dari hasil pengujian yang dilakukan pada aplikasi ini dapat disimpulkan bahwa semua form dan tombol yang ada didalam aplikasi ini berjalan dengan baik.