BAB IV UJI COBA DAN ANALISA SISTEM
UJI COBA DAN ANALISA SISTEM
Pada bab ini akan dibahas mengenai pengujian dan analisa dari
sistem yang dibuat. Hal ini bertujuan untuk mengetahui sejauh mana
ketepatan dalam eksekusi sistem yang dibuat serta tidak menutup
kemungkinan mengetahui kelemahannya, sehingga nantinya dapat
disimpulkan apakah sistem yang telah dibuat dapat berjalan secara benar
dan sesuai dengan kriteria yang diharapkan.
Pengujian dalam proyek akhir ini meliputi pengujian kesesuaian
sistem website dengan yang dibutuhkan oleh Nirwana Digital Printing
Lamongan sebagai sarana menyampaikan informasi kepada masyarakat
lamongan.
4.1
Gambaran Umum
Sistem informasi ini merupakan sistem informasi dari website
Nirwana Digital Printing Lamongan yang akan menyajikan
informasi-informasi mengenai program studi tersebut meliputi informasi-informasi-informasi-informasi
mengenai berita, pengumuman, data guru, home, kontak, fasilitas, galeri,
profil, visimisi dan data kesiswaan di Nirwana Digital Printing
Lamongan.
4.2
Rencana Pengujian Sistem
Pengujian software dalam penelitian ini dilaksanakan oleh
pengguna, sedangkan untuk metode pengujian yang digunakan adalah
pengujian black box. Pengujian blackbox (blackbox testing) adalah salah
satu metode pengujian perangkat lunak yang berfokus pada sisi
fungsionalitas, khususnya pada input dan output aplikasi (apakah sudah
sesuai dengan apa yang diharapkan atau belum). Tahap pengujian atau
testing merupakan salah satu tahap yang harus ada dalam sebuah siklus
pengembangan perangkat lunak (selain tahap perancangan atau desain).
Pengujian kasus yang akan dilakukan pada website ini antara lain:
A. Pengujian Menu Utama (Front End)
Berikut ini disajikan tabel pengujian blackbox berdasarkan kasus
pengujian menu utama pada website Nirwana Digital Printing
Lamongan.
(2)
Tabel 4.1 Tabel Pengujian Menu Utama
No
Pengujian
Hasil Yang
diharapkan
Pengujian
Hasil
Kesimpulan
1
Menu
Home
menampilkan
Website akan
tampilan utama atau
halaman depan dari
website
Sesuai
harapan
[ ] gagal
[ ] berhasil
2
Menu
Profil
menampilkan
Website akan
informasi mengenai
Nirwana Digital
Printing Lamongan
Sesuai
harapan
[ ] gagal
[ ] berhasil
3
Menu
Galeri
menampilkan
Website akan
informasi mengenai
Galeri foto pada
Nirwana Digital
Printing Lamongan
Sesuai
harapan
[ ] gagal
[ ] berhasil
4
Menu
Produk
menampilkan
Website akan
produk mengenai
Nirwana Digital
Printing Lamongan.
Sesuai
harapan
[ ] berhasil
[ ] gagal
5
Menu
Berita
menampilkan berita
Website akan
mengenai Nirwana
Digital Printing
Lamongan.
Sesuai
harapan
[ ] berhasil
[ ] gagal
6
Menu
Pemesanan
Website akan
menampilkan
pemesanan produk
Nirwana Digital
Printing Lamongan.
Sesuai
harapan
[ ] berhasil
[ ] gagal
(3)
Berikut ini disajikan tabel pengujian blackbox berdasarkan kasus
pengujian form login pada website Nirwana Digital Printing Lamongan.
Tabel 4.2 Tabel Pengujian Form Login
No
Pengujian
Hasil Yang
diharapkan
Pengujian
Hasil
Kesimpula
n
1
Username
dan
password
salah
Aplikasi akan
menampilkan pesan
kesalahan dan login
akan gagal.
Sesuai
harapan
[ ] berhasil
[ ] gagal
2
Username
benar dan
password
salah
Aplikasi akan
menampilkan pesan
kesalahan dan login
akan gagal.
Sesuai
harapan
[ ] berhasil
[ ] gagal
3
Username
salah dan
password
benar
Aplikasi akan
menampilkan pesan
kesalahan dan login
akan gagal.
Sesuai
harapan
[ ] berhasil
[ ] gagal
4
Username
dan
password
benar
Aplikasi akan
menampilkan pesan
login berhasil dan
akan masuk ke
menu utama sebagai
admin
Sesuai
harapan
[ ] berhasil
[ ] gagal
C. Pengujian Tambah, Ubah dan Hapus Data
Berikut ini disajikan tabel pengujian blackbox berdasarkan kasus
pengujian tambah, ubah dan hapus data pada website Nirwana Digital
Printing Lamongan.
Tabel 4.3 Tabel Pengujian Tambah, Ubah dan Hapus Data
No
Pengujian
Hasil Yang
(4)
1
Tombol
Tambah pada
menu profil,
gallery,
produk, berita
dan
pemesanan
Website akan
menampilkan
form yang berisi
field untuk
melakukan input
data pada
masing-masing
menu tersebut
Sesuai
harapan
[ ] gagal
[ ] berhasil
2
Dalam table
gallery,
produk, berita
dan
pemesanan
Dalam Website
akan terdapat
icon hapus,
ketika di klik
akan ada alert
yang muncul,
apakah data
benar-benar
ingin di hapus
atau tidak
Sesuai
harapan
[ ] gagal
[ ] berhasil
3
Dalam table
profil, gallery,
produk, berita
dan
pemesanan
Dalam website
akan terdapat
icon edit, ketika
di klik maka
akan dibawa
menuju ke
halaman edit
data sesuai pada
masing-masing
menu tersebut.
Sesuai
harapan
[ ] gagal
[ ] berhasil
4.3
Hasil Pengujian Sistem
Front End
Hasil pengujian sistem merupakan hasil dari rencana pengujian
sistem yang akan dilakukan pada website. Berikut adalah hasil
pengujian sistem website:
4.3.1 Form Utama
Halaman ini merupakan halaman home/index dari website yang
berisikan tentang menu-menu utama dan informasi-informasi terbaru
dari website Nirwana Digital Printing Lamongan. Gambar 4.1 di bawah
ini merupakan gambar dari halaman utama.
(5)
Gambar 4.1
Halaman Tampilan Utama (Front End)
Setelah pengunjung berhasil masuk ke halaman awal website
seperti pada gambar 4.1, maka pengunjung akan disajikan menu-menu
yang ada pada halaman website tersebut. Menu-menu yang disajikan
adalah sebagai berikut:
1. Home
2. Profil
3. Galeri
4. Berita
5. Pemesanan
4.3.2 Menu Home
Pada gambar 4.2 merupakan gambaran dari menu home apabila
di klik dimana menu ini digunakan untuk kembali ke tampilan awal
(6)
(home) halaman atau merupakan halaman utama dari website Nirwana
Digital Printing Lamongan.
Gambar 4.2
Menu Home (Front End)
4.3.3 Menu Profil
Menu ini berisikan menu Profil yang ada pada Nirwana Digital
Printing Lamongan yang meliputi profil lengkap perusahaan. Pada
gambar 4.3 di bawah ini merupakan tampilan dari isi menu profil
Nirwana Digital Printing Lamongan:
Gambar 4.3
Menu Profil (Front End)
Selain profil lengkap, di dalam menu profil juga terdapat sub
menu structural organisasi dari perusahaan Nirwana Digital Printing
Lamongan Pada gambar 4.4 berikut ini merupakan tampilan dari
halaman menu structural organisasi:
(7)
Gambar 4.4
Sub
Menu Struktur Organisasi (Front End)
4.3.4 Menu Product
Menu ini digunakan untuk menuju ke halaman data product di
mana di halaman tersebut pengunjung dapat melihat product apa saja
yang ada di Nirwana Digital Printing Lamongan. Pada gambar 4.5
berikut ini merupakan tampilan dari halaman menu Product:
Gambar 4.5
Menu Product (Front End)
4.3.5 Menu Berita
Menu ini digunakan untuk menuju ke halaman dari berita di
mana di halaman tersebut pengunjung dapat melihat berita terbaru
Nirwana Digital Printing Lamongan secara. Pada gambar 4.6 berikut ini
merupakan tampilan dari halaman menu berita:
(8)
Gambar 4.6
Menu Berita (Front End)
Untuk membaca berita, maka pengunjung dapat klik berita yang
berkaitan yang diinginkan oleh pengunjung untuk dibaca, kemudian
pengunjung akan dibawa ke halaman read berita seperti pada gambar 4.7
berikut:
(9)
4.3.6 Menu Gallery
Menu ini digunakan untuk menuju ke halaman galeri di mana di
halaman tersebut pengunjung dapat melihat galeri foto di Nirwana
Digital Printing Lamongan mengenai hasil product dari Nirwana Digital
Printing Lamongan. Pada gambar 4.8 berikut ini merupakan tampilan
dari halaman menu galeri:
Gambar 4.8
Menu Galeri (Front End)
Dan apabila pangunjung memilih salah satu foto dan melakukan
klik maka pengunjung akan melihat halaman pop-up foto seperti pada
gambar 4.9 berikut ini:
(10)
Gambar 4.9
Pop-Up Galeri (Front End)
4.3.7 Menu Pemesanan
Menu ini digunakan untuk menuju ke halaman pemesanan di
mana di halaman tersebut pengunjung dapat melakukan proses pemesan
product apa saja yang ada di Nirwana Digital Printing Lamongan secara
online. Pada gambar 4.10 berikut ini merupakan tampilan dari halaman
menu pemesanan:
Gambar 4.10
Menu Pemesanan (Front End)
Untuk membaca pesanan secara detail dan ingin melakukan
Tanya jawab atau diskusi, maka pengunjung dapat klik tombol
komentar, kemudian pengunjung akan dibawa ke halaman read detail
pemesanan dan diskusi seperti pada gambar 4.11 berikut:
(11)
4.4
Pengujian Sistem
Back End
Untuk dapat masuk kedalam halaman admin untuk dapat
menjalankan aplikasi sistem informasi ini, ketikkan nama alamat URL di
web browser sebagai berikut : htp://localhost/dasboard.
4.4.1 Form Login
Setelah mengakses halaman tersebut di atas, maka akan di
dapatkan tampilan form login. Form login merupakan form yang
digunakan untuk masuk kehalaman administrator dengan cara
memasukkan username dan password. Form login ini menjadi pintu
keamanan aplikasi dari user yang tidak bertanggung jawab. Pada gambar
4.12 berikut adalah tampilan dari form login tersebut.
Gambar 4.12
Form Login
Jika username atau password salah/belum diisi maka akan ada
pemberitahuan gagal login seperti pada gambar 4.12 di bawah ini.
(12)
4.4.2 Halaman Admin
Stelah berhasil login, maka akan manuju ke halaman index admin
dengan tampilan utama seperti pada gambar 4.14 berikut:
Gambar 4.14
Halaman Utama Admin
Pada halaman utama admin terdapat beberapa menu utama, yaitu
sebagai berikut:
1. Menu Berita
Menu ini merupakan menu yang akan menuju ke halaman
manajemen berita yang dapat dilihat pada gambar 4.15 di bawah
ini:
Gambar 4.15
Halaman Menu Berita
Pada gambar 4.15 tersebut merupakan gambar tampilan menu
utama dari manajemen menu berita yang bias ditambah dan
diedit.
(13)
Gambar 4.16
Form Entri Berita
Pada gambar 4.16 tersebut merupakan gambar tampilan
ketika button tambah berita di klik. Dan pada gambar 4.17
berikut merupakan form edit untuk edit data berita.
Gambar 4.17
Form Edit Data Berita
2. Menu Product
Menu ini merupakan menu yang akan menuju ke halaman
manajemen menu product yang dapat ditambah dan diedit seperti
pada gambar 4.18 berikut ini:
(14)
Gambar 4.18
Halaman Menu Data Product
Gambar 4.19
Form Entri Data Product
Pada gambar 4.19 di atas merupakan gambar tampilan ketika
button tambah data product di klik. Dan gambar 4.20 berikut ini
merupakan form edit untuk edit data product.
(15)
Gambar 4.20
Form Edit Data Product
3. Menu Gallery
Menu yang satu ini merupakan menu untuk menuju halaman
manejemen galeri yang bisa ditambah dan dihapus. Seperti pada
gambar 4.21 di bawah ini merupakan tampilan dari menu gallery:
Gambar 4.21
Halaman Menu Gallery
4. Menu Pemesanan
Menu ini merupakan menu untuk menuju ke halaman
menejemen pemesanan. Dapat dilihat pada gambar 4.22 berikut
ini:
(16)
Gambar 4.22
Menu Pemesanan
Apabila admin akan publish manajemen pemesanan yang
telah dimasukkan oleh pengunjung maka admin dapat mengklik
edit pada detail dan menghapus pemesanan pada tombol hapus
lalu menjawab pesanan menjadi publish/kirim masukkan seperti
pada gambar 4.23 di bawah ini:
Gambar 4.23
Publish Jawaban Pemesanan
5. Menu Setting
Menu ini merupakan menu untuk menuju ke halaman
menejemen setting yang berisikan tentang manajemen banner,
header dan bakcground yang nantinya akan di tampilkan di
halaman website. Tampilan dari menu setting ini dapat di lihat
pada gambar 4.24 di bawah ini:
(17)
manajemen setting banner yang dapat ditambah, diedit dan
dihapus.
Gambar 4.25
Halaman Setting Header
Pada gambar 4.25 tersebut merupakan gambar tampilan
setting header yang bisa diedit.
Gambar 4.26
Halaman Setting Background
Pada gambar 4.26 tersebut merupakan gambar tampilan
setting background.
(1)
Gambar 4.14 Halaman Utama Admin
Pada halaman utama admin terdapat beberapa menu utama, yaitu sebagai berikut:
1. Menu Berita
Menu ini merupakan menu yang akan menuju ke halaman manajemen berita yang dapat dilihat pada gambar 4.15 di bawah ini:
Gambar 4.15 Halaman Menu Berita
Pada gambar 4.15 tersebut merupakan gambar tampilan menu utama dari manajemen menu berita yang bias ditambah dan diedit.
(2)
Gambar 4.16 Form Entri Berita
Pada gambar 4.16 tersebut merupakan gambar tampilan ketika button tambah berita di klik. Dan pada gambar 4.17 berikut merupakan form edit untuk edit data berita.
Gambar 4.17 Form Edit Data Berita 2. Menu Product
Menu ini merupakan menu yang akan menuju ke halaman manajemen menu product yang dapat ditambah dan diedit seperti pada gambar 4.18 berikut ini:
(3)
Gambar 4.19 Form Entri Data Product
Pada gambar 4.19 di atas merupakan gambar tampilan ketika button tambah data product di klik. Dan gambar 4.20 berikut ini merupakan form edit untuk edit data product.
(4)
Gambar 4.20 Form Edit Data Product 3. Menu Gallery
Menu yang satu ini merupakan menu untuk menuju halaman manejemen galeri yang bisa ditambah dan dihapus. Seperti pada gambar 4.21 di bawah ini merupakan tampilan dari menu gallery:
Gambar 4.21 Halaman Menu Gallery 4. Menu Pemesanan
Menu ini merupakan menu untuk menuju ke halaman menejemen pemesanan. Dapat dilihat pada gambar 4.22 berikut ini:
(5)
edit pada detail dan menghapus pemesanan pada tombol hapus lalu menjawab pesanan menjadi publish/kirim masukkan seperti pada gambar 4.23 di bawah ini:
Gambar 4.23 Publish Jawaban Pemesanan 5. Menu Setting
Menu ini merupakan menu untuk menuju ke halaman menejemen setting yang berisikan tentang manajemen banner, header dan bakcground yang nantinya akan di tampilkan di halaman website. Tampilan dari menu setting ini dapat di lihat pada gambar 4.24 di bawah ini:
(6)
Gambar 4.25 Halaman Setting Header
Pada gambar 4.25 tersebut merupakan gambar tampilan setting header yang bisa diedit.
Gambar 4.26 Halaman Setting Background
Pada gambar 4.26 tersebut merupakan gambar tampilan setting background.