BAB IV IMPLEMENTASI DAN PENGUJIAN. Tahap ini focus pada pengembangan komponen dan fitur-fitur sistem. implementasi perangkat lunak pada kode program.

Transkripsi

1 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 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 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

2 84 2. Struktur Tabel Gambar 4.1 Diagram Sekema 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

3 85 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) 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

4 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

5 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

6 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.

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 pembuat aplikasi. Berikut menu about dapat dilihat pada gambar 4.8 Gambar 4.8 Antarmuka Menu About Front-end Application

8 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

9 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

10 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

11 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

12 Transition (Transisi) 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 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 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

13 95 Tabel 4.3 Pengujian Menu Utama KODE SKENARIO HASIL SUKSES GAGAL KETERANGAN 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 SUKSES GAGAL KETERANGAN 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 SUKSES GAGAL KETERANGAN T05 Klik menu jenis T06 Menampilkan jenis

14 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 KETERANGAN 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 SUKSES GAGAL KETERANGAN 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

15 97 Tabel 4.8 Pengujian Menu About KODE SKENARIO HASIL SUKSES GAGAL KETERANGAN T14 Klik menu about T15 Menampilkan menu about 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.