BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1
Construction (Konstruksi) Tahap ini focus pada pengembangan komponen dan fitur-fitur sistem.
Tahap ini lebih pada implementasi dan pengujian sistem yang focus pada implementasi perangkat lunak pada kode program. 4.1.1
Proses Pemasangan Untuk menjalankan aplikasi ensiklopedia wayang pada android maka kita
harus menginstall aplikasi tersebut dengan cara sebaga berikut: a) Simpan file aplikasi ensiklopedia wayang dalam direktori perangkat mobile berbasis android. b) Klik aplikasi “Ensiklopedia Wayang” maka akan muncul pilihan instalasi. c) Klik OK untuk melanjutkan penginstallan. d) Aplikasi ensiklopdia wayang akan tampil di main menu perangkat mobile. 4.1.2
Implementasi Database Implementasi database menjelaskan mengenai diagram relasi dan struktur
tabel beserta atribut penyusunannya. 1. Diagram Skema Diagram relasi dari database ensiklopedia wayang berbasis android dapat dilihat pada gambar 4.1
83
84
Gambar 4.1 Diagram Sekema 2. Struktur Tabel Struktur tabel dari database ensiklopedia wayang berbasis android dapat dilihat pada tabel 4.1 Tabel 4.1 Implementasi Database No 1
Tabel Implementasi Tbladmin
2
Tbljenis
3
Tblkisah
Atribut Id_admin : int(10) Username : varchar(250) Password : varchar (250) Id_session : varchar (100) Id :int(10) Jenis : varchar (20) Isi : (text) Foto : varchar (100) Id : int (10) Id_wayang : int (10) Bab: varchar (20) Kisah :text
85
Tabel 4.1 Implementasi Database (lanjutan) No 4
4.1.3
Tabel Implementasi Tblsejarah
5
Tbltokoh
6
Tblvideo
7
Tblwayang
Atribut Id : int (10) Lokasi : varchar (20) Sejarah :text Id : int (10) Id_wayang: int (10) Nama_tokoh : varchar(20) Kisah_tokoh :text Img_1 : varchar (100) Img_2 : varchar (100) Id :int (10) Title : varchar (100) Id_youtube :varchar (100) Id :int (10) Wayang : varchar (20)
Implementasi Antarmuka (interface) Implementasi sistem merupakan tahap dimana sistem siap dioperasikan
pada tahap yang sebenarnya, sehingga diketahui apakah sistem telah dibuat sesuai dengan yang direncanakan. Pada implementasi perangkat lunak ini akan dijelaskan bagaimana program sistem ini bekarja dengan memberikan tampilan aplikasi yang dibuat. 1. Implementasi Antarmuka (Interface) Front-end Application a) Tampilan Splash Screen Splash screen ini merupakan tampilan yang pertama kali muncul ketika menjalankan aplikasi. Tampilan ini hanya berdurasi sebentar. Splash screen berfungsi untuk memperindah tampilan aplikasi. Berikut antarmuka splash screen dapat dilihat pada gambar 4.2
86
Gambar 4.2 Antarmuka Splash Screen Front-end Application b) Tampilan Menu Utama Menu utama ini merupakan interface pertama yang muncul secara otomatis setelah splash screen ditampilkan. menu utama ini terdapat beberapa menu antara lain, menu sejarah wayang, menu jenis-jenis wayang, menu kisah pewayangan, video wayang, about. User bisa mengakses menumenu yang telah disediakan aplikasi ini sesuai kebutuhan. Berikut antarmuka menu utama user dapat dilihat pada gambar 4.3
Gambar 4.3 Antarmuka Menu Utama Front-end Application
87
c) Tampilan Menu Sejarah Wayang Menu sejarah ini merupakan menu yang membahas tentang sejarah wayang di Jawa Barat. Berikut antarmuka menu sejarah dapat dilihat pada gambar 4.4
Gambar 4.4 Antarmuka Menu Sejarah Front-end Application d) Tampilan Menu Jenis Menu jenis ini merupakan menu yang membahas tentang jenis-jenis wayang yang ada di Jawa Barat. Berikut antarmuka menu jenis dapat dilihat pada gambar 4.5
Gambar 4.5 Antarmuka Menu Jenis Front-end Application
88
e) Tampilan Menu Kisah Pewayangan Tampilan menu kisah pewayangan ini merupakan menu yang didalamnya terdapat dua kisah yaitu Mahabrata dan Ramayana, dimana pada setiap kisah terdapat bab kisah dan tokohnya. Berikut antarmuka menu kisah pewayangan dapat dilihat pada gambar 4.6
Gambar 4.6 Antarmuka Menu Kisah Pewayangan Front-end Application f) Tampilan Menu Video Menu video fungsinya adalah untuk melihat video dari wayang. Di dalam menu ini terdapat kolom pencarian agar pengguna dapat mencari video wayang yang diinginkan. Berikut antarmukanya dapat dilihat pada gambar 4.7.
89
Gambar 4.7 Antarmuka Menu Video Front-end Application g) Antarmuka Menu About Menu about ini merupakan penjelasan tentang informasi mengenai aplikasi, seperti nama aplikasi, versi aplikasi, dan email pembuat aplikasi. Berikut menu about dapat dilihat pada gambar 4.8
Gambar 4.8 Antarmuka Menu About Front-end Application
90
2. Implementasi Antarmuka (interface) Back-end Application a) Tampilan Form Login Administrator Form login digunakan untuk keamanan sistem, maka admin harus memasukan nama dan password terlebih dahulu. Jika nama dan password salah maka admin tidak dapat mengakses. Berikut antarmuka form login dapat dilihat pada gambar 4.9
Gambar 4.9 Antarmuka Login Administrator Back-end Application b) Tampilan Menu Utama Administrator Menu utama administrator ini merupakan interface pertama yang tampil jika administrator berhasil login. Perancangan form menu utama dari admin ini terdapat beberapa menu antara lain, home, mengelola sejarah, mengelola jenis, mengelola kisah, mengelola bab kisah, mengelola tokoh, mengelola video. Berikut antarmuka menu utama admin dapat dilihat pada gambar 4.10 di bawah ini.
Gambar 4.10 Antarmuka Menu Utama Admin Back-end Application
91
c) Tampilan Menu Mengelola Sejarah Halaman ini merupakan form untuk menambah sejarah, admin bisa menambah data sejarah sesuai kebutuhan. Berikut antarmuka menu mengelola sejarah dapat dilihat pada gambar 4.11
Gambar 4.11 Antarmuka Menu Mengelola Sejarah Back-end Application d)
Tampilan Menu Jenis Halaman ini merupakan form untuk menambah data jenis, admin bisa
menambah data jenis sesuai kebutuhan. Berikut antarmuka menu mengelola jenis dapat dilihat pada gambar 4.12
Gambar 4.12 Antarmuka Menu Mengelola Jenis Back-end Application
92
e) Tampilan Menu Mengelola Kisah Halaman ini merupakan form untuk menambah data kisah, admin bisa menambah data kisah sesuai kebutuhan. Berikut antarmuka menu mengelola jenis dapat dilihat pada gambar 4.13
Gambar 4.13 Antarmuka Menu Mengelola Kisah Back-end Application f)
Tampilan Menu Mengelola Bab Kisah Halaman ini merupakan form untuk menambah data bab kisah, admin
bisa menambah data bab kisah sesuai kebutuhan. Berikut antarmuka menu mengelola bab kisah dapat dilihat pada gambar 4.14
Gambar 4.14 Antarmuka Menu Mengelola Bab Kisah Back-end Applicatin
93
g) Tampilan Menu Mengelola Tokoh Halaman ini merupakan form untuk menambah data tokoh, admin bisa menambah data tokoh sesuai kebutuhan. Berikut antarmuka menu mengelola tokoh dapat dilihat pada gambar 4.15
Gambar 4.15 Antarmuka Menu Mengelola Tokoh Back-end Application h) Tampilan Menu Mengelola Video Halaman ini merupakan form untuk menambahkan video dari wayang. Berikut tampilan mengelola video dapat dilihat pada gambar 4.16
Gambar 4.16 Antarmuka Menu Mengelola Video Back-end Application
94
4.2
Transition (Transisi)
4.2.1
Pengujian Sistem Pengujian sistem merupakan hal penting yang bertujuan untuk
menemukan kesalahan-kesalahan atau kekurangan-kekurangan perangkat lunak yang diuji. Pengujian bermaksud untuk mengetahui perangkat lunak yang dibuat sudah memenuhi kriteria yang sesuai dengan tujuan perancangan perangkat lunak tersebut. 4.2.2 Rencana Pengujian Sistem Rencana pengujian adalah pengujian terhadap fungsi-fungsi yang ada didalam sistem, apakah fungsional dari aplikasi tersebut berfungsi sesuai yang diharapkan atau tidak. Berikut ini tabel rencana pengujian dari sistem yang dibangun. Berikut tabel 4.2 merupakan rencana pengujian yang akan dilakukan. Tabel 4.2 Rencana Pengujian Kelas Uji Menu Utama Menu Sejarah Menu Jenis Menu Video Menu About
4.2.3
Detail Pengujian Menampilkan seluruh menu Menampilkan sejarah wayang Menampilkan jenis wayang Menampilkan video tentang wayang Menampilkan informasi tentang aplikasi
Kasus Uji Balck Box Black Box Black Box Black Box Black Box
Kasus dan Hasil Pengujian Berdasarkan rencana pengujian, maka dapat dilakukan pengujian pada
aplikasi ensiklopedia wayang berbasis android sebagai berikut : a) Pengujian Menu Utama Pengujian menu wayang merupakan pengujian fungsionalitas dengan cara memilih menu wayang yang akan dilihat. Berikut tabel 4.3 merupakan tabel pengujian menu utama
95
Tabel 4.3 Pengujian Menu Utama
KODE
SKENARIO
HASIL SUKSES GAGAL
T01
Klik semua menu
√
T02
Klik semua halaman
√
KETERANGAN
b) Pengeujian Menu Sejarah Pengujian menu sejarah merupakan pengujian fungsionalitas dengan cara memilih menu sejarah Pada tabel 4.4 merupakan pengujian menu sejarah Tabel 4.4 Pengujian Menu Sejarah
KODE
SKENARIO
HASIL SUKSES GAGAL
T03
Klik menu sejarah
√
T04
Menampilkan sejarah
√
KETERANGAN
c) Pengujian Menu Jenis Pengujian menu jenis merupakan pengujian fungsionalitas dengan cara memilih menu jenis. Pada tabel 4.5 merupakan pengujian menu jenis. Tabel 4.5 Pengujian Menu Jenis
KODE
SKENARIO
HASIL SUKSES GAGAL
T05
Klik menu jenis
√
T06
Menampilkan jenis
√
KETERANGAN
96
d) Pengujian Menu Kisah Pengujian menu kisah merupakan pengujian fungsionalitas dengan cara memilih menu kisah. Pada tabel 4.6 merupakan pengujian menu kisah. Tabel 4.6 Pengujian Menu Kisah
KODE
SKENARIO
HASIL SUKSES GAGAL
T07
Klik menu kisah
√
T08
Menampilkan kisah
√
KETERANGAN
e) Pengujian Menu Video Pengujian menu video merupakan pengujian fungsionalitas dengan cara memilih menu video. Pada tabel 4.7 merupakan pengujian menu video. Tabel 4.7 Pengujian Menu Video
KODE
SKENARIO
HASIL SUKSES GAGAL
T09
Klik menu video
√
T10
Menampilkan video
√
KETERANGAN
f) Pengujian Menu About Pengujian pilih menu about aplikasi merupakan pengujian fungsionalitas dengan cara memilih menu about. Tabel 4.8 merupakan pengujian menu about
97
Tabel 4.8 Pengujian Menu About
KODE
SKENARIO
HASIL SUKSES GAGAL
T14
Klik menu about
√
T15
Menampilkan menu about
√
KETERANGAN
4.2.4 Kesimpulan Hasil Pengujian Berdasarkan hasil pengujian yang telah dilakukan dapat di ambil kesimpulan bahwa aplikasi sudah berjalan cukup maksimal, tetapi tidak menutup kemungkinan dapat terjadi kesalahan suatu saat, pada saat aplikasi digunakan.
Sehingga
membutuhkan
mengetahui kekurangan dari aplikasi.
proses
maintenance
untuk
lebih
