BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM
Setelah melakukan analisa dan perancangan aplikasi, langkah selanjutnya adalah pengkodean (implementasi) dan pengujian. implementasi merupakan desain (perancangan) aplikasi dengan kode-kode tertentu yang dapat dimengerti oleh mesin dengan spesifikasi perangkat lunak (software) dan perangkat keras (hardware) yang digunakan. Setelah perancangan aplikasi dan pengkodean dilakukan barulah ke tahap pengujian. Pengujian dilakukan untuk menemukan kesalahan-kesalahan dan memastikan bahwa masukan (input) yang didefinisikan menghasilkan keluaran (output) sesuai dengan yang direncanakan.
4.1
Implementasi Basis Data
Untuk implementasi basis data (database) penulis menggunakan mysql sebagai softwarenya. Berikut ini adalah output dari implementasi database yang digunakan. 1. Struktur tabel admin
Gambar 4.1. Tampilan tabel admin
38
39
2. Struktur tabel provinsi
Gambar 4.2. Tampilan tabel provinsi
3. Struktur tabel baju
Gambar 4.3. Tampilan tabel baju
40
4. Struktur tabel komentar
Gambar 4.4. Tampilan tabel komentar
5. Struktur tabel video
Gambar 4.5. Tampilan tabel video
41
4.2
Implementasi Antar Muka
1. Tampilan awal pada website ensiklopedia pakaian adat pulau kallimantan
Gambar 4.6. Tampilan index
2. Tampilan ketika mengklik menu profile
Gambar 4.7. Halaman profile
42
3. Tampilan ketika menu pakaian di klik
Gambar 4.8. Halaman provinsi
4. Tampilan dari halaman listing Di halaman listing.php ini user bisa melihat list dari pakaian-pakaian adat yang telah di kelompokkan perprovinsi. Di tampilan listing juga menampilkan video dari masing-masing provinsi.
Gambar 4.9. Halaman list data
43
5. Tampilan halaman detail Tampila informasi mengenai pakaian adat secara detail.
Gambar 4.10. Tampilan informasi secara detail
6. Tampilan halaman komentar Dihalaman komentar user bisa memberikan komentar atau saran kepada admin.
Gambar 4.11. Halaman komentar
44
7. Tampilan halaman login admin
Gambar 4.12. Halaman login
8. Tampilan saat login admin dengan username atau password yang salah
Gambar 4.13. Tampilan ketika login filed
45
9. Tampilan halaman admin (index baju)
Gambar 4.14. Tampilan di dalam halaman admin
4.3
Pengkodean
Gambar 4.17 ini adalah
config.php yang berisikan script untuk koneksi ke
database yang digunakan. Dalam pembuatan aplikasi ini digunakan
adalah
Gambar 4.15. Script untuk koneksi ke database
database yang ‘tugasakhir’.
46
Gambar 4.18 adalah script untuk login admin. Dimana admin bisa login dengan username dan password yang sesuai di dalam batabase. Jika username atau password tidak sesuai maka akan ada peringatan “Login Filed, username atau password tidak sesuai”.
Gambar 4.16. Script untuk login admin
47
4.4
Spesifikasi Perangkat Keras dan Perangkat Lunak
1. Perangkat lunak (software) Perangkat Lunak yang digunakan dalam merancang
aplikasi ensiklopedia
pakaian adat di pulau kalimantan berbasis web ini adalah sebagai berikut: a.
Windows 7 ultimate 32-bit
b.
Xammp digunakan untuk pembuatan database.
c.
MySQL digunakan sebagai penghubung database ke script php
d.
Adobe Photoshop CS3 untuk mengedit dan pembuatan gambar
e.
Adobe Primiere Pro CS3 digunakan untuk pembuatan video
2. Perangkat keras (hardware) Sedangkan perangkat keras (hardware) yang digunakan adalah sebagai berikut :
4.5
a.
Prosesor
: Intel (R) Core (TM)i3-2310M CPU @ 2.10 Ghz.
b.
Memori
: 2,00 GB of RAM
c.
Harddisk
: 500GB
Pengujian Black Box
Dalam tahap pengujian black box ini dilakukan dengan cara menjalankan aplikasi ini terlebih dahulu. Pengujian dilakukan dengan mengklik button-button yang terdapat pada jendela dari aplikasi tersebut apakah berfungsi sesuai dengan yang diinginkan. Untuk lebih lengkapnya pengujian black box dapat dilihat pada tabel-tabel pengujian berikut ini. 4.5.1 Rencana pengujian Tabel.4.1. Rencana pengujian pada interface user No
1.
Interface
Bagian interface
yang diuji
yang diuji
Halaman index
- Menu kontak
Rencana
Hasil yang diharapkan
Klik icon kontak
Menampilkan halaman kontak
48
- Menu profile
Klik icon profile
Menampilkan halaman profile
- Menu isi
Klik icon isi
Menampilkan halaman provinsi
- Menu
Klik icon comment
comment - Menu login
Menampilkan halaman komentar
Klik icon login
Menampilkan halaman login
2.
Form komentar
- Tombol simpan
- Masukkan nama,
Komentar
email, dan
tersimpan di dalam
komentar
database
- Masukkan nama,
Menampilkan
komentar, tanpa
peringatan untuk
email
mengisi seluruh isian.
- Tombol
Klik cancel
Reset form
- Masukkan
Masuk ke halaman
cancel 3.
Form login
- Tombol login
username dan
admin
password dengan benar sesuai di database - Masukkan
Memberikan
username dan
pemberitahuan
password yang
bahwa login failed
salah - Tombol
Klik cancel
Reset form login
Klik Kalimantan
Menampilkan
Barat
pakaian adat di
cancel 4.
Link provinsi
- Kalimantan barat
KalBar
49
- Kalimantan Timur
Klik Kalimantan
Menampilkan
Timur
profile dan pakaian adat di Kalimantan Timur
- Kalimantan Tengah
Klik Kalimantan
Menampilkan
Tengah
profile dan pakaian adat di Kalimantan Tengah
- Kalimantan Selatan
Klik Kalimantan
Menampilkan
Selatan
profile dan pakaian adat di Kalimantan Selatan
5.
Halaman listing
- Link
Klik selanjutnya
selanjutnya
Menampilkan detail dari id baju yang dipilih
- Tombol play
Klik play
Play video
video
Table 4.2. Rencana pengujian halaman admin No
Interface
Bagian
yang diuji
interface yang
Rencana
Hasil yang diharapkan
diuji 1.
Halaman index baju
- Menu data
Klik dt.provinsi
provinsi - Menu data
dt.provinsi Klik dt.video
video - Menu data
Menampilkan halaman dt.video
Klik dt.tamu
tamu - Menu logout
Menampilkan halaman
Menampilkan halaman dt.tamu
Klik logout
Keluar dari halaman admin, menampilkan halaman depan
50
- Tombol
Klik tambah data
tambah data - Tombol
untuk menambah data Klik update
update - Tombol
Menampilkan form
Menampilkan form untuk update
Klik delete
delete
Menampilkan pemberitahuan untuk delete data
2.
Halaman index provinsi
- Tombol
Klik tambah data
tambah data - Icon update
Menampilkan form untuk menambah data
Klik icon
Menampilkan form untuk update
- Icon delete
Klik icon
Menampilkan pemberitahuan untuk delete data
3.
Halaman index video
- Tombol
Klik tambah data
tambah data - Tombol
Menampilkan form untuk menambah data
Klik delete
delete
Menampilkan pemberitahuan untuk delete data
4.
Halaman
- Icon hapus
Klik icon
data tamu
Menampilkan pemberitahuan untuk delete data
4.5.2 Data kasus dan hasil pengujian dengan metode black box Tabel.4.3. hasil pengujian interface user No
1.
Interface
Bagian interface
yang diuji
yang diuji
Rencana
Hasil pengujian
Halaman
- Menu kontak
Klik icon kontak
Berhasil
index
- Menu profile
Klik icon profile
Berhasil
- Menu isi
Klik icon isi
Berhasil
- Menu
Klik icon comment
Berhasil
51
comment
2.
Form komentar
- Menu login
Klik icon login
Berhasil
- Tombol
- Masukkan nama,
Berhasil
simpan
email, dan komentar - Masukkan nama,
Berhasil
komentar, tanpa email - Tombol
Klik cancel
Berhasil
- Masukkan username
Berhasil
cancel 3.
Form login
- Tombol login
dan password dengan benar sesuai di database - Masukkan username
Berhasil
dan password yang salah - Tombol
Klik cancel
Berhasil
Klik Kalimantan Barat
Berhasil
Klik Kalimantan Timur
Berhasil
cancel 4.
Link provinsi
- Kalimantan barat - Kalimantan Timur - Kalimantan
Klik Kalimantan Tengah Berhasil
Tengah - Kalimantan
Klik Kalimantan Selatan Berhasil
Selatan 5.
Halaman listing
- Link
Klik selanjutnya
Berhasil
Klik play
Berhasil
selanjutnya - Tombol play video
52
Table 4.4. Hasil pengujian halaman admin No
1.
Interface
Bagian interface
yang diuji
yang diuji
Halaman index baju
- Menu data
Rencana
Hasil pengujian
Klik dt.provinsi
Berhasil
Klik dt.video
Berhasil
Klik dt.tamu
Berhasil
- Menu logout
Klik logout
Berhasil
- Tombol
Klik tambah data
Berhasil
Klik update
Berhasil
- Tombol delete
Klik delete
Berhasil
- Tombol
Klik tambah data
Berhasil
- Icon update
Klik icon
Berhasil
- Icon delete
Klik icon
Berhasil
- Tombol
Klik tambah data
Berhasil
- Tombol delete
Klik delete
Berhasil
- Icon hapus
Klik icon
Berhasil
provinsi - Menu data video - Menu data tamu
tambah data - Tombol update
2.
Halaman index provinsi
3.
Halaman index video
4.
Halaman data tamu
tambah data
tambah data
53
4.5.3 Kesimpulan Hasil Pengujian
Kesimpulan dari hasil pengujian aplikasi ensiklopedia pakaian adat di pulau kalimantan berbasis web ini yaitu semua menu dan button berfungsi sesuai dengan yang dinginkan, itu terbukti dari suksesnya seluruh percobaan pada metode black box yang telah dilakukan.
