5. PENGUJIAN SISTEM
Pada bab ini akan dibahas pengujian sistem yang diimpelentasikan pada skripsi ini.
Pengujian dilakukan masing – masing pada web administrator dan Android.
Untuk itu, penulis akan menjabarkan mengenai pengujian sistem berdasarkan pada web administrator dan Android.
5.1 Pengujian Sistem pada Komponen Web Administrator
Pada komponen web administrator, pengujian sistem akan dibagi menjadi beberapa bagian menurut fitur – fiturnya. Adapun fitur – fitur tersebut telah dijelaskan pada Bab 3. Untuk dapat mengakses web admin, user harus memasukkan alamat URL http://ta25.petra.ac.id/ pada web browser. User yang dapat mengakses web admin hanya administrator. Penggunaan web admin ini adalah untuk melakukan proses CRUD (Create, Read, Update, Delete) terhadap tabel – tabel yang terdapat pada database server. Adapun pengujian sistem berdasarkan fitur – fitur yang terdapat pada web admin akan dijelaskan pada pembahasan di bawah ini.
5.1.1 Pengujian Halaman Login
Pada halaman ini, admin akan melihat tampilan login berupa dua buah textbox untuk menerima input-an username dan password. Selain itu, terdapat pula sebuah tombol yaitu button Login. Pada saat tombol Login ditekan, maka sistem akan melakukan pengecekan terhadap username dan password yang dimasukkan oleh admin. Jika terjadi kesalahan dalam memasukkan username / nip dan password, maka akan ditampilkan pesan error seperti yang terlihat pada Gambar 5.1. Jika login berhasil, maka halaman login akan diarahkan ke halaman home.
Pengujian halaman login dapat dilihat pada Gambar 5.2 dibawah ini.
81
Gambar 5.1 Pengujian Halaman Login
Gambar 5.2 Kesalahan Dalam Memasukkan Username / Password
5.1.2 Pengujian Halaman Home
Pada halaman home, sistem akan menampilkan judul thumbnail yang ada pada database seperti yang ditampilkan dalam Gambar 5.3. Pada halaman ini terdapat tombol Add untuk menambah bab. Untuk meng-edit data dan menghapus bab, disediakan tombol Edit dan Delete pada masing-masing judul bab.
Gambar 5.3 Pengujian Halaman Home
5.1.3 Pengujian Halaman Bab
Pada halaman ini, admin dapat menambahkan bab yang belum ada pada daftar yang tertera pada halaman home. Untuk mengetahui halaman Add Bab dapat dilihat pada Gambar 5.4. Berikutnya, setelah admin menekan tombol Submit, halaman akan di-redirect menuju halaman home dengan penambahan bab baru seperti pada Gambar 5.5.
Gambar 5.4 Pengujian Halaman Add materi
83
Gambar 5.5 Halaman Home setelah admin menambah bab baru
Untuk mengubah judul atau deskripsi, admin harus menekan tombol Edit dan sistem akan mengarahkan ke halaman edit materi seperti yang terlihat pada gambar 5.6. Pada halaman ini, terdapat sebuah text box yang telah terisi dengan judul bab yang dipilih untuk di-edit.
Gambar 5.6 Pengujian Halaman Edit Bab
Untuk men-delete sebuah bab, admin harus menekan tombol Delete pada judul bab yang ingin dihapus. Jika admin menghapus sebuah bab tertentu, maka sub-materi dan halaman yang terkait dengan bab tersebut juga akan ikut terhapus.
5.1.4 Pengujian Halaman Sub-bab dan Deskripsi
Pada halaman Sub-bab, sistem akan menampilkan judul dari sub-bab yang terkait dengan bab yang dipilih seperti yang ditampilkan dalam Gambar 5.7. Pada
halaman ini terdapat tombol Add untuk menambah sub-bab. Untuk meng-edit data dan menghapus mata kuliah, disediakan tombol Edit dan Delete. Untuk mengetahui halaman Sub-Bab secara keseluruhan, dapat dilihat pada Gambar 5.8 dibawah ini.
Gambar 5.7 Pengujian Halaman Sub-Bab
Untuk menambah sub-bab, admin harus menekan tombol Add dan sistem akan mengarahkan ke halaman add sub-bab seperti yang terlihat pada gambar 5.8.
Pada halaman ini, terdapat sebuah text box untuk menerima judul sub-bab baru.
Jika data – data tersebut diisi secara lengkap dan admin menekan tombol Submit maka sistem akan meng-insert data tersebut ke database dan menampilkannya ke list sub-bab
Gambar 5.8 Pengujian Halaman Add Sub-Bab
85
Untuk meng-edit data sub-bab, admin harus menekan tombol Edit pada judul sub-materi yang ingin di-edit. Lalu, sistem akan mengarahkan ke halaman edit sub-materi seperti yang terlihat pada gambar 5.9. Pada halaman ini, terdapat lima buah text box yang masing – masing berisi judul, isi deskripsi, dan keterangan untuk masing-masing gambar sebanyak tiga buah sama seperti pada form untuk menambah sub-materi baru.
Gambar 5.9 Pengujian Halaman Edit Sub-bab
Untuk men-delete sub-bab, admin harus menekan tombol Delete pada sub- materi yang ingin di-delete. Berikutnya,sistem akan menghapus sub-bab dan deskripsi yang di-delete dari sistem database.
5.2 Pengujian Sistem pada Komponen Android
Pada komponen Android, penulis akan menguji aplikasi pada beberapa device berbasis Android. Adapun spesifikasi device dan hasil pengujian akan dibahas melalui penjelasan dibawah ini
5.2.1 Spesifikasi Device Pengujian
Penulis menggunakan smartphone Samsung Galaxy S3 Mini I8190, Sony T2 Ultra, tablet Samsung Galaxy Tab2 7.0 GT-P3100, dan tablet Advan T2E untuk melakukan pengujian aplikasi. Adapun spesifikasi dari device – device pengujian tersebut dapat dilihat pada Tabel 5.1 berikut ini.
Tabel 5.1 Tabel Spesifikasi Device Pengujian Device Operating
System Display size CPU Memory
Internal
Samsung Galaxy S3 Mini I8190
Android 5.0 (Lolipop)
480 x 800 pixels 4,0 inches (~223 ppi pixel density)
1 GHz dual-core Cortex- A9
16 GB storage, 1 GB RAM
Sony T2
Ultra Android 4.4.3
720 x 1280 pixels 6,0 inches
(~245 ppi pixel density)
Quad- core 1.4 GHz Cortex- A7
8 GB storage, 1 GB RAM
Samsung P3100
Android 4.4.4 (Jelly Bean)
600 x 1024 pixels,
7,0 inches (~170 ppi pixel
density)
Dual- core 1 GHz
16 GB storage, 1 GB RAM
Advan T2E
Android 4.2.2
(Jelly Bean) 7,0 inches
Dual Core Cortex A9 1GHz
4 GB storage, 512 MB RAM
5.2.2 Pengujian Halaman Bab
Pada halaman bab, user akan dapat melihat judul-judul bab materi mengenai Jaringan Komputer secara umum beserta dengan thumbnail. Hasil screenshot dari pengujian halaman bab dapat dilihat pada Gambar 5.10. Pada Gambar 5.11 menunjukkan halaman bab dapat berjalan pada device.
87
Gambar 5.10 Screenshot Halaman Bab
Samsung I8190 Samsung GT-P3100
Sony T2 Ultra Advan T2E
Gambar 5.11 Pengujian Halaman Bab
5.2.3 Pengujian Halaman Sub-Bab
Ketika user menekan salah satu judul bab, aplikasi akan menampilkan halaman sub-bab. Judul sub-bab yang terkait dengan bab yang dipilih akan ditampilkan dalam bentuk list view. Hasil screenshot dari pengujian halaman sub- bab dapat dilihat pada Gambar 5.12. Pada Gambar 5.13 menunjukkan halaman sub-bab dapat berjalan pada device.
89
Gambar 5.12 Screenshot Halaman Subbab
Samsung I8190 Samsung GT-P3100
Sony T2 Ultra Advan T2E
Gambar 5.13 Pengujian tampilan list sub-bab
5.2.4 Pengujian Halaman Materi
Ketika user menekan salah satu judul sub-bab, aplikasi akan menampilkan isi materi sub-bab. Hasil screenshot dari pengujian halaman materi dapat dilihat pada Gambar 5.14. Pada Gambar 5.15 menunjukkan halaman materi dapat berjalan pada device.
Gambar 5.14 Screenshot Halaman Materi
91
Samsung I8190 Samsung GT-P3100
Sony T2 Ultra Advan T2E
Gambar 5.15 Pengujian tampilan halaman materi
