83 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
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 Tabel Implementasi Atribut
1 Tbladmin Id_admin : int(10)
Username : varchar(250) Password : varchar (250) Id_session : varchar (100)
2 Tbljenis Id :int(10)
Jenis : varchar (20) Isi : (text)
Foto : varchar (100)
3 Tblkisah Id : int (10)
Id_wayang : int (10) Bab: varchar (20) Kisah :text
Tabel 4.1 Implementasi Database (lanjutan)
No Tabel Implementasi Atribut
4 Tblsejarah Id : int (10)
Lokasi : varchar (20) Sejarah :text
5 Tbltokoh Id : int (10)
Id_wayang: int (10) Nama_tokoh : varchar(20) Kisah_tokoh :text
Img_1 : varchar (100) Img_2 : varchar (100)
6 Tblvideo Id :int (10)
Title : varchar (100) Id_youtube :varchar (100)
7 Tblwayang Id :int (10)
Wayang : varchar (20)
4.1.3 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
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 menu- menu 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
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
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.
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
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
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
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
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
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 Detail Pengujian Kasus Uji
Menu Utama Menampilkan seluruh menu Balck Box Menu Sejarah Menampilkan sejarah wayang Black Box Menu Jenis Menampilkan jenis wayang Black Box Menu Video Menampilkan video tentang wayang Black Box Menu About Menampilkan informasi tentang aplikasi Black Box
4.2.3 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
Tabel 4.3 Pengujian Menu Utama
KODE SKENARIO HASIL
KETERANGAN SUKSES GAGAL
T01 Klik semua menu √
T02 Klik semua halaman √
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
KETERANGAN SUKSES GAGAL
T03 Klik menu sejarah √
T04 Menampilkan sejarah √
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
KETERANGAN SUKSES GAGAL
T05 Klik menu jenis √
T06 Menampilkan jenis √
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
KETERANGAN SUKSES GAGAL
T07 Klik menu kisah √
T08 Menampilkan kisah √
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
KETERANGAN SUKSES GAGAL
T09 Klik menu video √
T10 Menampilkan video √
f) Pengujian Menu About
Pengujian pilih menu about aplikasi merupakan pengujian fungsionalitas dengan cara memilih menu about. Tabel 4.8 merupakan pengujian menu about
Tabel 4.8 Pengujian Menu About
KODE SKENARIO HASIL
KETERANGAN SUKSES GAGAL
T14 Klik menu about √
T15 Menampilkan menu about √
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 proses maintenance untuk lebih mengetahui kekurangan dari aplikasi.