Prototype Hasil dan Pembahasan

35

Bab 4 Hasil dan Pembahasan

4.1 Prototype

Perancangan aplikasi dengan metode prototype tidak lepas dari kebutuhan user untuk memenuhi kebutuhan yang ada, pada perancangan aplikasi ini terjadi proses prototype dari tampilan awal hingga proses prototype ketiga. Proses prototyping aplikasi terdapat penambahan yang dibutuhkan user , penambahan-penambahan itu sebagai berikut: 1. Prototype 1 a. Prototype 1 Loading Screen Hasil prototype 1 loading screen terlihat pada Gambar 4.1. Gambar 4.1 Prototype 1 Loading Screen Prototype 1 untuk tampilan loading screen aplikasi terlihat pada Gambar 4.1. Dari hasil wawancara kepada user untuk Gambar 4.1 user menyatakan bahwa tampilan aplikasi terlalu kecil dan button mute belum disertakan pada tampilan awal aplikasi. b. Prototype 1 Intro Gambar 4.2 Prototype 1 Intro Prototype 1 untuk tampilan intro aplikasi terlihat pada Gambar 4.2. Dari hasil dari wawancara kepada user untuk Gambar 4.2 user menyatakan bahwa tampilan aplikasi terlalu kecil, materi yang seharusnya masuk ke menu materi sudah mulai di jelaskan pada halaman intro dan button mute belum disertakan pada tampilan awal aplikasi. c. Prototype 1 Menu Materi Gambar 4.3 Prototype 1 Menu Materi Prototype 1 untuk tampilan menu materi untuk aplikasi terlihat pada Gambar 4.3. Dari hasil dari wawancara kepada user untuk Gambar 4.3 user menyatakan bahwa tampilan aplikasi terlalu kecil dan materi yang dijelaskan hanya berisi animasi rangka masih kurang interaktif. d. Prototype 1 Menu Latihan Gambar 4.4 Prototype 1 Menu Latihan Hasil wawancara kepada user pada Gambar 4.4, user menyatakan bahwa tampilan kurang besar dan latihan soal masih belum menarik. Pada menu latihan user mengerjakan sepuluh soal latihan dengan memilih jawaban pada pilihan ganda pada layar dengan menekan jawaban yang diinginkan. Setelah berhasil menyelesaikan soal latihan, poin yang didapatkan oleh user pada setiap soal, diakumulasikan pada halaman akhir latihan. e. Prototype 1 menu game Gambar 4.5 Prototype 1 Menu Game Hasil wawancara kepada user pada Gambar 4.5, user menyatakan bahwa tampilan aplikasi kurang besar dan untuk gambar rangka masih belum rapi. 2. Prototype 2 a. Prototype 2 Loading Screen Gambar 4.6 Prototype 2 Loading Screen Gambar 4.6 adalah hasil prototype dari Gambar 4.1, tampilan halaman awal loading screen diubah menjadi lebih besar fullscreen dan penyesuaian letak button mute di kanan bawah tampilan sehingga suara dapat diatur mulai dari tampilan awal. Hasil dari wawancara kepada user pada Gambar 4.6 user menyatakan tampilan sudah bisa diterima oleh user. b. Prototype 2 Intro Gambar 4.7 Prototype 2 Intro Gambar 4.7 adalah hasil prototype dari Gambar 4.2, tampilan halaman awal loading screen diubah menjadi lebih besar fullscreen dan penambahan button mute . Kemudian perubahan isi tampilan menu intro, dimana user akan diperkenalkan pada aplikasi ini oleh chibi skeleton pada Gambar 4.7. Hasil dari wawancara kepada user pada Gambar 4.7 user menyatakan tampilan sudah bisa diterima oleh user, tapi tampilan kurang lengkap karena belum disertai button exit . c. Prototype 2 Menu Materi Gambar 4.8 Prototype 2 Menu Materi Gambar 4.8 adalah hasil prototype dari Gambar 4.3, tampilan yang diperbesar sehingga lebih jelas, animasi yang lebih interaktif dan disertakan button preview dan next . Hasil wawancara kepada user pada pada Gambar 4.8, user menyatakan bahwa menu materi kurang disertai materi umum tentang rangka. d. Prototype 2 Menu Latihan Gambar 4.9 Prototype 2 Menu Latihan Gambar 4.9 adalah hasil prototype dari Gambar 4.4, dengan tampilan lebih besar dan setiap soal dilengkapi dengan keterangan benar atau salah setelah user memilih jawaban soal pada soal latihan, serta button mute di sebelah kanan bawah. Hasil wawancara kepada user pada Gambar 4.9, user menginginkan setiap soal juga dilengkapi hasil jawaban yang benar saat user menjawab soal yang salah. e. Prototype 2 Menu Game Gambar 4.10 Prototype 2 Menu Game Gambar 4.10 adalah hasil prototype dari Gambar 4.5, tampilan halaman game diubah menjadi lebih besar dan penyesuaian letak perpindahan potongan gambar rangka lebih teratur, karena telah ditentukan letak penempatan objek gambarnya agar tampilan gambar lebih teratur. Hasil dari wawancara kepada user pada Gambar 4.10, user meminta potongan rangka lebih diatur untuk urutan penyusunannya. 3. Prototype 3 a. Prototype 3 Loading Screen Gambar 4.11 Prototype 3 Loading Screen Gambar 4.11 adalah hasil prototype akhir untuk tampilan loading screen dengan tampilan yang lebih besar dan disertakan button mute. b. Prototype 3 Intro Gambar 4.12 Prototype 3 Menu Intro Gambar 4.12 adalah hasil prototype akhir untuk tampilan menu intro dengan tampilan yang lebih besar dan ini menu intro yang telah disesuaikan user menyatakan bahwa tampilan sudah bisa diterima oleh user. c. Prototype 3 Menu Materi Gambar 4.13 Prototype 3 Menu Materi Hasil wawancara kepada user untuk Gambar 4.13, user menyatakan bahwa tampilan sudah bisa diterima oleh user . d. Prototype 3 Menu Latihan Gambar 4.14 Prototype 3 Menu Latihan Gambar 4.14 adalah hasil prototype dari Gambar 4.9. Hasil dari wawancara kepada user pada Gambar 4.14, user menyatakan bahwa aplikasi latihan soal dan tampilan menu latihan soal sudah bisa diterima oleh user . e. Prototype 3 Menu Game Gambar 4.15 Prototype 3 Menu Game Gambar 4.15 adalah hasil prototype dari Gambar 4.10. Hasil wawancara kepada user pada Gambar 4.15, user menyatakan bahwa tampilan pada gambar menu game sudah dapat diterima. f. Prototype Menu Bantuan Gambar 4.16 Prototype Menu Bantuan Proses prototype untuk menu bantuan gambar 4.16 tidak banyak terjadi penambahan oleh user, karena sebelumnya untuk button menu bantuan adalah button sound mute yang letaknya dipindahkan ke bagian kanan bawah pada tampilan aplikasi.

4.2 Implementasi