5. PENGUJIAN SISTEM. Tabel 5.1. Spesifikasi Device Pengujian. Operating System Android (KitKat) Android 5.0 (Lollipop) Cyanogen 4.4.

(1)

96

Universitas Kristen Petra

5. PENGUJIAN SISTEM

Pada bab ini akan dibahas pengujian sistem yang diimplementasikan pada skripsi ini. Pengujuan dilakukan pada website dan aplikasi Android yang telah dibuat.

5.1. Spesifikasi Device Pengujian

Penulis menggunakan beberapa device untuk menguji aplikasi Android berdasarkan OS dan ukuran layar. Adapun spesifikasi dari device yang digunakan dapat dilihat pada Tabel 5.1. Spesifikasi Device Pengujian.

Tabel 5.1. Spesifikasi Device Pengujian Device Operating

System Display Size Samsung

Galaxy Note 3

Android 4.4.2

(KitKat) 5.7 inches Asus Zenfone

5

Android 5.0

(Lollipop) 5.0 inches Samsung

Galaxy Tab 2

Cyanogen

4.4.4 (KitKat) 7.0 inches

5.2. Pengujian Sistem pada Android

Proses pengujian aplikasi Android ini dilakukan dengan menggunakan Samsung Galaxy Note 3 yang sudah dipilih pada bab sebelumnya. Pengujian yang dilakukan sebagai berikut.

5.2.1. Pengujian Halaman Home

Halaman home merupakan halaman utama dari aplikasi Android ini.

Terdapat menu yang dapat dipilih sesuai dengan keinginan. Hasil screenshot dari halaman home ini dapat dilihat pada Gambar 5.1. Screenshot Halaman Home.

(2)

97

Gambar 5.1. Screenshot Halaman Home

5.2.2. Pengujian Halaman Vertebrata

Halaman vertebrata adalah halaman menu yang menampilkan filum dari vertebrata yang ada. Hasil screenshot dari halaman vertebrata ini dapat dilihat pada Gambar 5.2. Screenshot Halaman Vertebrata.

(3)

98

Gambar 5.2. Screenshot Halaman Vertebrata

5.2.3. Pengujian Halaman Pendahuluan

Halaman ini menampilkan halaman pendahuluan dimana ditujukan untuk menguji pengetahuan awal pengguna. Hasil screenshot dari halaman pendahuluan ini dapat dilihat pada Gambar 5.3. Screenshot Halaman Pendahuluan.

(4)

99

Gambar 5.3. Screenshot Halaman Pendahuluan

5.2.4. Pengujian Halaman Materi

Halaman materi dipergunakan untuk menampilkan materi pembelajaran yang dipilih. Screenshot halaman materi dapat dilihat pada Gambar 5.4.

Screenshot Halaman Materi.

(5)

100

Gambar 5.4. Screenshot Halaman Materi

5.2.5. Pengujian Halaman Soal

Halaman ini digunakan untuk mengetahui sejauh mana pengetahuan pengguna setelah mempelajari materi yang dipilih. Screenshot dari halaman soal ini dapat dilihat pada Gambar 5.5. Screenshot Halaman Soal.

(6)

101

Gambar 5.5. Screenshot Halaman Soal

5.2.6. Pengujian Halaman Invertebrata

Halaman invertebrata adalah halaman menu yang menampilkan filum dari invertebrata yang ada. Hasil screenshot dari halaman invertebrata ini dapat dilihat pada Gambar 5.6. Screenshot Halaman Invertebrata.

(7)

102

Gambar 5.6. Screenshot Halaman Invertebrata

5.2.7. Pengujian Halaman Download Materi

Halaman ini dipergunakan untuk download materi yang lebih mendalam bagi pengguna yang memang ingin mempelajari lebih dalam materi yang diinginkan. Screenshot halaman download materi dapat dilihat pada Gambar 5.7.

Screenshot Halaman Download Materi.

(8)

103

Gambar 5.7. Screenshot Halaman Download Materi

5.2.8. Pengujian Halaman Gallery

Pada halaman ini menampilkan semua gambar yang ada pada aplikasi. Gambar- gambar ini dapat diunduh oleh pengguna. Screenshot halaman gallery ini dapat dilihat pada Gambar 5.8. Screenshot Halaman Gallery.

(9)

104

Gambar 5.8. Screenshot Halaman Gallery

5.2.9. Pengujian Halaman Video

Halaman ini dipergunakan untuk materi tambahan bagi pengguna yang menginginkannya. Sumber dari video ini berasal dari Youtube dan sudah tercantum dalam aplikasi Android. Semua video yang ada dapat diunduh oleh pengguna. Screenshot halaman video dapat dilihat pada Gambar 5.9. Screenshot Halaman Video.

(10)

105

Gambar 5.9. Screenshot Halaman Video

5.2.10. Pengujian Menu Games

Menu games ini menampilkan tiga jenis permainan. Hal ini ditujukan sebagai sarana hiburan serta pembelajaran bagi pengguna. Screenshot menu games dapat dilihat pada Gambar 5.10. Screenshot Menu Games.

(11)

106

Gambar 5.10. Screenshot Menu Games

5.2.11. Pengujian Halaman Game Puzzle

Halaman ini menampilkan game puzzle dimana pengguna dapat memilih gambar mana yang diinginkan. Screenshot halaman game puzzle dapat dilihat pada Gambar 5.11. Screenshot Halaman Game Puzzle.

(12)

107

Gambar 5.11. Screenshot Halaman Game Puzzle

5.2.12. Pengujian Halaman Game Tebak Gambar

Halaman ini menampilkan gambar dan pertanyaan, dimana pengguna harus menjawabnya sesuai dengan gambar dan pertanyaan yang diberikan.

Screenshot halaman game tebak gambar dapat dilihat pada Gambar 5.12.

Screenshot Halaman Game Tebak Gambar.

(13)

108

Gambar 5.12. Screenshot Halaman Game Tebak Gambar

5.2.13. Pengujian Halaman Game Tebak Ekosistem

Halaman ini menampilkan pertanyaan tentang ekosistem dari berbagai hewan yang ada. Pengguna harus menjawabnya dari beberapa pilihan jawaban yang sudah disediakan. Screenshot halaman game tebak ekosistem dapat dilihat pada Gambar 5.13. Screenshot Halaman Game Tebak Ekosistem.

(14)

109

Gambar 5.13. Screenshot Halaman Game Tebak Ekosistem 5.2.14. Pengujian Halaman Game Hangman

Fungsi ini menampilkan permainan hangman dimana pengguna harus menebak kata yang diberikan. Untuk lebih detail maka dapat dilihat pada Gambar 5.14. Screenshot Halaman Game Hangman.

(15)

110

Gambar 5.14. Screenshot Halaman Game Hangman

5.2.15. Pengujian Halaman Ujian Online

Fungsi ini menampilkan ujian online dimana hasil nilainya dapat di-share pada pengguna lain di leaderboard. Untuk lebih detail maka dapat dilihat pada Gambar 5.15. Screenshot Halaman Ujian Online.

(16)

111

Gambar 5.15. Screenshot Halaman Ujian Online

5.2.16. Pengujian Halaman Leaderboard

Fungsi ini menampilkan daftar nilai ujian online pengguna. Daftar nilai terdapat dua tipe yaitu harian dan top ten. Untuk lebih detailnya dapat dilihat pada Gambar 5.16. Screenshot Halaman Leaderboard.

(17)

112

Gambar 5.16. Screenshot Halaman Leaderboard

5.3. Pengujian Sistem pada Website

Proses pengujian ini dilakukan pada website, dimana website ini sudah didesain pada bab sebelumnya. Pengujian yang dilakukan sebagai berikut.

5.3.1. Pengujian Halaman Login

Halaman ini digunakan untuk login dimana pengguna harus memasukkan username dan password. Proses berjalannya login dapat dilihat pada Gambar 5.17. Pengujian Halaman Login.

(18)

113

Gambar 5.17. Pengujian Halaman Login

Setelah berhasil login, maka akan diperiksa apakah username yang dimasukkan memiliki status “admin” atau “member”. Jika status username adalah “admin”

maka akan tampil seperti pada Gambar 5.18. Pengujian Halaman Home Admin, sedangkan jika statusnya adalah “member” maka akan tampil seperti pada Gambar 5.19. Pengujian Halaman Home Member.

Gambar 5.18. Pengujian Halaman Home Admin

(19)

114

Gambar 5.19. Pengujian Halaman Home Member

Perbedaan antara kedua status ini terletak pada 2 menu navigasi. Pada status

“member”, hanya dapat mengikuti test online, sedangkan jika status “admin”, maka terdapat pilihan view nilai, view member, input soal, dan view soal.

5.3.2. Pengujian Halaman Signup

Jika pengguna belum mendaftar maka dapat membuka halaman signup dan dapat segera mendaftarkan diri seperti dilihat pada Gambar 5.20. Pengujian Halaman Signup.

Gambar 5.20. Pengujian Halaman Signup

(20)

115

5.3.3. Pengujian View Nilai

Halaman ini akan menampilkan semua daftar nilai dari pengguna yang sudah mengerjakan online test seperti pada Gambar 5.21. Pengujian Halaman View Nilai. Terdapat pula fungsi update dan delete nilai. Pada awal update dipilih maka akan dilakukan query ke database untuk mengambil data yang diperlukan lalu menampilkannya ke form yang ada. Sehingga administrator mengetahui data aslinya. Baru setelah itu administrator dapat memperbaharui data tersebut sesuai yang diinginkan seperti pada Gambar 5.22. Pengujian Update Nilai. Sedangkan pada delete nilai, maka akan ditanyakan terlebih dahulu apakah administrator benar-benar yakin ingin menghapus nilai tersebut, seperti pada Gambar 5.23.

Pengujian Delete Nilai.

Gambar 5.21. Pengujian Halaman View Nilai

(21)

116

Gambar 5.22. Pengujian Update Nilai

Gambar 5.23. Pengujian Delete Nilai

5.3.4. Pengujian View Member

Halaman ini akan menampilkan semua daftar member seperti pada Gambar 5.24. Pengujian View Member. Terdapat pula fungsi update dan delete member. Pada awal update dipilih maka akan dilakukan query ke database untuk mengambil data yang diperlukan lalu menampilkannya ke form yang ada.

Sehingga administrator mengetahui data aslinya. Baru setelah itu administrator dapat memperbaharui data tersebut sesuai yang diinginkan seperti pada Gambar 5.25. Pengujian Update Member. Sedangkan pada delete member, maka akan ditanyakan terlebih dahulu apakah administrator benar-benar yakin ingin

(22)

117

menghapus member tersebut, seperti pada Gambar 5.26. Pengujian Delete Member.

Gambar 5.24. Pengujian View Member

Gambar 5.25. Pengujian Update Member

(23)

118

Gambar 5.26. Pengujian Delete Member

5.3.5. Pengujian Insert Soal

Terdapat tiga jenis insert soal yaitu insert soal pilihan ganda seperti pada Gambar 5.27. Pengujian Insert Soal Pilihan Ganda, lalu insert soal isian seperti Gambar 5.28. Pengujian Insert Soal Isian, dan insert soal multi jawaban seperti pada Gambar 5.29. Pengujian Insert Soal Multi Jawaban.

Gambar 5.27. Pengujian Insert Soal Pilihan Ganda

(24)

119

Gambar 5.28. Pengujian Insert Soal Isian

Gambar 5.29. Pengujian Insert Soal Multi Jawaban

5.3.6. Pengujian View Soal

Halaman ini digunakan untuk melihat daftar tiga jenis soal yang ada dan juga terdapat fungsi update dan delete soal. Yang pertama terdapat view soal pilihan ganda seperti pada Gambar 5.30. Pengujian View Soal Pilihan Ganda, dengan fungsi update soal pilihan ganda pada Gambar 5.31. Pengujian Update Soal Pilihan Ganda, dan fungsi delete soal pilihan ganda pada Gambar 5.32.

Pengujian Delete Soal Pilihan Ganda. Yang kedua terdapat view soal isian seperti pada Gambar 5.33. Pengujian View Soal Isian, dengan fungsi update soal isian pada Gambar 5.34. Pengujian Update Soal Isian, dan fungsi delete soal isian pada

(25)

120

Gambar 5.35. Pengujian Delete Soal Isian. Yang ketiga terdapat view soal multi jawaban seperti pada Gambar 5.36. Pengujian View Soal Multi Jawaban, dengan fungsi update soal multi jawaban pada Gambar 5.37. Pengujian Update Soal Multi Jawaban, dan fungsi delete soal multi jawaban pada Gambar 5.38.

Pengujian Delete Soal Multi Jawaban.

Gambar 5.30. Pengujian View Soal Pilihan Ganda

Gambar 5.31. Pengujian Update Soal Pilihan Ganda

(26)

121

Gambar 5.32. Pengujian Delete Soal Pilihan Ganda

Gambar 5.33. Pengujian View Soal Isian

(27)

122

Gambar 5.34. Pengujian Update Soal Isian

Gambar 5.35. Pengujian Delete Soal Isian

Gambar 5.36. Pengujian View Soal Multi Jawaban

(28)

123

Gambar 5.37. Pengujian Update Soal Multi Jawaban

Gambar 5.38. Pengujian Delete Soal Multi Jawaban 5.3.7. Pengujian Online Test

Halaman ini menampilkan soal pertanyaan yang di acak urutannya yang harus dijawab oleh pengguna seperti pada Gambar 5.39. Pengujian Halaman Test.

(29)

124

Gambar 5.39. Pengujian Halaman Test

5.3.8. Pengujian Cek Test

Pada halaman ini menampilkan hasil pengecekan dari jawaban yang diberikan pengguna dan ditampilkan dalam bentuk nilai seperti pada Gambar 5.40.

Pengujian Halaman Cek Test.

Gambar 5.40. Pengujian Halaman Cek Test

5.4. Pengujian Menggunakan Device Lain

Pengujian dengan menggunakan device lain ditujukan untuk melihat apakah aplikasi dapat berjalan dengan baik pada device lain. Device yang digunakan :

(30)

125

a) Samsung Galaxy Tab 2

Pada pengujian ini menggunakan OS dan ukuran layar sebagai dasar pengujian. OS yang digunakan adalah KitKat dan ukuran layar berkisar antara 4.7 inci hingga 5.0 inci. Untuk lebih detail hasil pengujian dapat dilihat mulai Gambar 5.41. Pengujian Halaman Home (a) hingga gambar Gambar 5.55. Pengujian Halaman Tebak Ekosistem (a).

Gambar 5.41. Pengujian Halaman Home (a)

Gambar 5.42. Pengujian Halaman Invertebrata (a)

Gambar 5.43. Pengujian Halaman Materi (a)

Gambar 5.44. Pengujian Halaman Pendahuluan (a)

(31)

126

Gambar 5.45. Pengujian Halaman Soal (a)

Gambar 5.46. Pengujian Halaman Vertebrata (a)

Gambar 5.47. Pengujian Halaman Materi Download (a)

Gambar 5.48. Pengujian Halaman Gallery (a)

(32)

127

Gambar 5.49. Pengujian Halaman Video (a)

Gambar 5.50. Pengujian Download (a)

Gambar 5.51. Pengujian Halaman Menu Games (a)

Gambar 5.52. Pengujian Halaman Puzzle (a)

(33)

128

Gambar 5.53. Pengujian Halaman Acak Puzzle (a)

Gambar 5.54. Pengujian Halaman Tebak Gambar (a)

Gambar 5.55. Pengujian Halaman Tebak Ekosistem (a)

(34)

129

b) Samsung Galaxy Note 3

Pada pengujian ini menggunakan OS dan ukuran layar sebagai dasar pengujian. OS yang digunakan adalah KitKat dan ukuran layar berkisar antara 4.7 inci hingga 5.0 inci. Untuk lebih detail hasil pengujian dapat dilihat mulai Gambar 5.56. Pengujian Halaman Home (b) hingga Gambar 5.70. Pengujian Halaman Tebak Ekosistem (b).

Gambar 5.56. Pengujian Halaman Home (b)

Gambar 5.57. Pengujian Halaman Invertebrata (b)

Gambar 5.58. Pengujian Halaman Materi (b)

Gambar 5.59. Pengujian Halaman Pendahuluan (b)

(35)

130

Gambar 5.60. Pengujian Halaman Soal (b)

Gambar 5.61. Pengujian Halaman Vertebrata (b)

Gambar 5.62. Pengujian Halaman Materi Download (b)

Gambar 5.63. Pengujian Halaman Gallery (b)

(36)

131

Gambar 5.64. Pengujian Halaman Video (b)

Gambar 5.65. Pengujian Download (b)

Gambar 5.66. Pengujian Halaman Menu Games (b)

Gambar 5.67. Pengujian Halaman Puzzle (b)

(37)

132

Gambar 5.68. Pengujian Halaman Acak Puzzle (b)

Gambar 5.69. Pengujian Halaman Tebak Gambar (b)

Gambar 5.70. Pengujian Halaman Tebak Ekosistem (b)

(38)

133

c) Asus Zenfone 5

Pada pengujian ini menggunakan OS dan ukuran layar sebagai dasar pengujian. OS yang digunakan adalah KitKat dan ukuran layar berkisar antara 4.7 inci hingga 5.0 inci. Untuk lebih detail hasil pengujian dapat dilihat mulai Gambar 5.71. Pengujian Halaman Home (c) hingga Gambar 5.85. Pengujian Halaman Tebak Ekosistem (c).

Gambar 5.71. Pengujian Halaman Home (c)

Gambar 5.72. Pengujian Halaman Invertebrata (c)

Gambar 5.73. Pengujian Halaman Materi (c)

Gambar 5.74. Pengujian Halaman Pendahuluan (c)

(39)

134

Gambar 5.75. Pengujian Halaman Soal (c)

Gambar 5.76. Pengujian Halaman Vertebrata (c)

Gambar 5.77. Pengujian Halaman Materi Download (c)

Gambar 5.78. Pengujian Halaman Gallery (c)

(40)

135

Gambar 5.79. Pengujian Halaman Video (c)

Gambar 5.80. Pengujian Download (c)

Gambar 5.81. Pengujian Halaman Menu Games (c)

Gambar 5.82. Pengujian Halaman Puzzle (c)

(41)

136

Gambar 5.83. Pengujian Halaman Acak Puzzle (c)

Gambar 5.84. Pengujian Halaman Tebak Gambar (c)

Gambar 5.85. Pengujian Halaman Tebak Ekosistem (c)

5.5. Hasil Kuesioner

Aplikasi ini diuji coba kepada murid kelas X. Kuesioner yang diberikan meliputi beberapa poin seperti ketepatan materi, performa, tampilan, dan user-friendly.

Kuesioner melibatkan 6 murid SMA kelas X dan 1 guru Biologi. Hasil kuesioner dapat dilihat pada Tabel 5.2. Tabel Hasil Kuesioner.

(42)

137

Tabel 5.2. Tabel Hasil Kuesioner

No Pertanyaan Jumlah Pilihan

1 2 3 4 5 6 7 8 9 10

1 Ketepatan Materi 0 0 0 0 0 0 0 4 2 1

2 Performa 0 0 0 0 0 0 0 0 5 2

3 Tampilan 0 0 0 0 0 0 3 4 0 0

4 User-friendly 0 0 0 0 0 0 0 2 4 1

Rata-rata ketepatan materi 86%

Rata-rata performa 93%