BAB III ANALISA DAN PERANCANGAN

BAB III ANALISA DAN PERANCANGAN 3.1 Analisis Pengumpulan Data 3.1.1 Wawancara Pada metode wawancara ini penulis melakukan wawancara dengan guru biologi SMA Yapera Tangerang untuk mendapatkan informasi yang diperlukan dalam pembuatan aplikasi ini. Berdasarkan hasil wawancara, penulis menyimpulkan beberapa metode yang digunakan dalam kegiatan belajar mengajar. Metode-metode tersebut berupa tanya jawab dan diskusi. Adapun kendala yang dihadapi guru dalam kegiatan belajar mengajar adalah masalah fasilitas yang tersedia. 3.1.2 Kuesioner Metodologi penelitian yang akan dilakukan adalah kuesioner. Kuesioner ditujukan kepada siswa SMA Yapera yang bertujuan untuk mendapatkan datadata tentang minat siswa dalam mempelajari mata pelajaran biologi dan media pembelajaran interaktif yang tepat untuk digunakan oleh siswa. Pada penelitian ini siswa lebih mudah menggunakan aplikasi pembelajaran dibandingkan dengan buku yang ada. 3.1.3 Studi Literatur Tahap terakhir setelah selesai mengumpulkan data-data yang dibutuhkan, penulis menggunakan data tersebut untuk melakukan studi literatur pembuatan aplikasi pembelajaran biologi SMA kelas XI. 3. 2 Analisis Kebutuhan 27

28 3.2.1 Guru Faktor yang sangat penting dalam proses belajar adalah guru, Maka dari itu guru harus dapat menjelaskan pelajaran semaksimal mungkin agar dapat dipahami oleh siswa-siswi. Diharapkan dengan adanya aplikasi ini dapat membantu guru dalam proses belajar mengajar dikelas. 3.2.2 Siswa Aplikasi ini diharapkan menjadi media alternatif belajar siswa-siswi selain membaca dan mendengar penjelasan dari guru didalam kelas. Didalam aplikasi ini juga, penulis menyediahkan video seputar pelajaran biologi, permainan, dan latihan-latihan soal agar siswa-siswi dapat menguji kemampuan sejauh mana mereka memahami isi dari aplikasi ini. 3.3 Metode Pengembangan Multimedia 3.3.1 Konsep Aplikasi Pembelajaran Biologi SMA kelas XI ini merupakan aplikasi yang khusus dibuat untuk siswa-siswi SMA kelas XI. Aplikasi ini menggunakan pengembangan multimedia, yaitu konsep, perancangan, pengumpulan material, pembuatan, pengujian, dan distribusi. Tabel 3.3.1.1 Deskripsi Konsep Aplikasi Judul Pengguna Bentuk Aplikasi Gambar Aplikasi Pembelajaran Biologi SMA Kelas XI Siswa-Siswi SMA Kelas XI Media Pembelajaran Interaktif Menggunakan file berformat JPG

29 Lanjutan dari tabel 3.3.1.1 Deskripsi Konsep Aplikasi Suara Animasi Interaktif Menggunakan file MP3 Animasi pada teks dan gambar dibuat sendiri Menggunakan link berupa tombol yang memungkinkan pengguna menuju ke halaman yang diinginkan 3.4 Perancangan Pada tahap perancangan, penulis melakukan rancangan aplikasi yang terdiri dari perancangan Storyboard, Use case Diagram, Activity Diagram, dan Sequence Diagram. 1. Materi Pada halaman materi terdiri atas 10 bab. Diharapkan siswa dapat membaca, mempelajari dan memahami penjelasan-penjelasan pada halaman materi ini. 2. Latihan Pada halaman latihan disediakan soal dalam bentuk pilihan ganda. Tujuan adanya latihan ini untuk menguji kemampuan siswa setelah memahami materi yang diberikan. 3. Game Pada halam game disediakan game untuk siswa-siswi dapat bermain saat siswa-siswi jenuh atau bosan dalam belajar. 4. Video Pada halaman video, akan ditayangkan sebuah video. 3.4.1. Perancangan Storyboard Storyboard adalah deskripsi masing-masing tampilan suatu kejadian dari movie yang dimainkan dengan menampilkan semua objek atau elemen multimedia serta komponen-komponen aplikasi yang akan dibuat. Storyboard digunakan

30 sebagai alat bantu pada tahapan perancangan multimedia. Satu kolom storyboard mewakili satu tampilan dilayar monitor. Gambar 3.4.1.1 Storyboard Halaman Intro No Visual Mulai 2 Form Name : Intro Link Ket : Intro : Menampilkan Halaman Intro Gambar 3.4.1.1 Storyboard Intro. Gambar 3.4.1.2 Storyboard Halaman Menu 2. SISWA GURU Form Name : Menu Utama Link Ket : Menu : Menampilkan Halaman Menu Utama Gambar 3.4.1.2 Storyboard Halaman menu.

31 Gambar 3.4.1.3 Storyboard Halaman Siswa 3. LATIHAN VIDEO MATERI GAME Back Form Name : Menu siswa Link Ket : Materi, Latihan, Video dan Game : Menampilkan halaman menu siswa Gambar 3.4.1.3 Storyboard Halaman Siswa. Gambar 3.4.1.4 Storyboard Halaman Menu Materi 4 Daftar isi Bab 1 Bab 4 Bab 5 Bab 2 Bab 6 Bab 3 Bab 7 <<Back >>Next HOME Daftar isi Exit Form Name : Menu Materi Bab 1,2,3,4,5,6 dan 7 Link : Bab 1,2,3,4,5,6 dan 7 Ket : Menampilkan halaman menu materi pada bab 1,2,3,4,5,6 dan 7 Gambar 3.4.1.4 Storyboard Menu Materi.

32 Gambar 3.4.1.5 Storyboard Halaman Letak Materi 5 Bab 8 Bab 9 BAB 1 SEL Materi Bab 10 Home <<Back Daftar isi >>Next Exit Name : Menu Materi Bab 1 Ket : Menampilkan halaman menu materi pada bab 1 Gambar 3.4.1.5 Storyboard Materi. Gambar 3.4.1.6 Storyboard Menu Latihan 6 Latihan Bab Latihan Bab 2 Latihan Bab 3 Latihan Bab 4 Latihan Bab 5 Latihan Bab 6 Latihan Bab 7 Latihan Bab 8 Latihan Bab 9 Home Latihan Bab 10 Form Name : Menu latihan Link : Latihan Bab 1,2,3,4,5,6,7,8,9 dan 10 Ket : Menampilkan halaman menu latihan sebanyak 10 bab latihan Gambar 3.4.1.6 Storyboard Menu Latihan.

33 Gambar 3.4.1.7 Storyboard Halaman Latihan 7 Latihan Bab 1 Soal A B C D Back Home Next Form Name : Menu latihan Link : Bab 1 Ket : Menampilkan halaman menu latihan sebanyak 5 soal Gambar 3.4.1.7 Storyboard Halaman Latihan. Gambar 3.4.1.8 Storyboard Menu Video 8 SISTEM GERAK SISTEM PENCERNAAN PADA MANUSIA BACK SISTEM REPRODUKSI WANITA Home Form Name : Video Link : Sistem gerak, sistem pencernaan makanan pada manusia, sistem reproduksi wanita Ket : Menampilkan video tentang sistem gerak, sistem pencernaan makanan pada manusia dan sistem reproduksi wanita Gambar 3.4.1.8 Storyboard Menu Video.

34 Gambar 3.4.1.9 Storyboard Halaman Video 9 Video BACK Home Form Name : Halaman Video Ket : Menampilkan Vide Gambar 3.4.1.9 Storyboard Halaman Video. Gambar 3.4.1.10 Storyboard Halaman Game 10 Game Home Form Name : Game Link Ket : Game : Menampilkan Sebuah Game Gambar 3.4.1.10 Storyboard Halaman Game.

35 Gambar 3.4.1.11 Storyboard Halaman Guru (Admin) 11 USER NAME PASSWORD Back LOGIN Form Name : Menu Guru Link Ket : Login : Menampilkan halaman admin Gambar 3.4.1.11 Storyboard Halaman Admin. Gambar 3.4.1.12 Storyboard Halaman Menu Login 12 Update Soal Ganti Password MATERI SOAL VIDEO GAME HOME Form Name : Menu Login Link Ket : Update Soal, Ganti Password, Materi, Soal, Video, dan Game : Menampilkan halaman menu Login Gambar 3.4.1.12 Storyboard Menu Admin.

36 Gambar 3.4.1.13 Storyboard Halaman Menu Update Soal 13 Bab 1 Pilih Id Soal Pilihan A Pilihan B Pilihan C Pilihan D jawaban soal Pilihan A Pilihan B Pilihan C Pilihan D Jawaban : Edit Tambah Hapus Simpan Back Home Form Name : Menu Update Soal Link : Update Soal Ket : Menampilkan halaman menu Update soal Gambar 3.4.1.13 Storyboard Update Soal.

37 Gambar 3.4.1.14 Storyboard Halaman Menu Ganti Password 14 Ganti Password PASSWORD LAMA PASSWORD BARU ULANG PASSWORD Ganti Back Home Form Name : Ganti Password Link Ket : Ganti Password : Menampilkan halaman Ganti Password Gambar 3.4.1.14 Storyboard Ganti Password. Gambar 3.4.1.15 Storyboard Halaman Menu Materi 15 Daftar isi Bab 1 Bab 4 Bab 5 Bab 2 Bab 6 Bab 3 Bab 7 Home <<Back Daftar isi >>Next Exit Form Name : Menu Materi Bab 1,2,3,4,5,6 dan 7 Link : Bab 1,2,3,4,5,6 dan 7 Ket : Menampilkan halaman menu materi pada bab 1,2,3,4,5,6 dan 7 Gambar 3.4.1.15 Storyboard Menu Materi.

38 Gambar 3.4.1.16 Storyboard Halaman Letak Menu Materi 16 Bab 8 Bab 9 Bab BAB 1 SEL Materi Home <<Back Daftar isi >>Next Exit Form Name : Menu Materi Bab 1 Link : Bab 1 Ket : Menampilkan halaman menu materi pada bab 1 Gambar 3.4.1.16 Storyboard Materi. Gambar 3.4.1.17 Storyboard Menu Latihan 17 Latihan Bab Latihan Bab 2 Latihan Bab 3 Latihan Bab 4 Latihan Bab 5 Latihan Bab 6 Latihan Bab 7 Latihan Bab 8 Latihan Bab 9 Home Latihan Bab Form Name : Menu latihan Link : Latihan Bab 1,2,3,4,5,6,7,8,9 dan 10 Ket : Menampilkan halaman menu latihan sebanyak 10 bab latihan Gambar 3.4.1.17 Storyboard Menu Latihan.

39 Gambar 3.4.1.18 Storyboard Halaman Latihan 18 Soal Latihan Bab 1 A C B Back Home D Next Form Name : Menu latihan Link : Bab 1 Ket : Menampilkan halaman menu latihan sebanyak 5 soal Gambar 3.4.1.18 Storyboard Halaman Latihan. Gambar 3.4.1.19 Storyboard Menu Video 19 SISTEM GERAK Form Name : Video SISTEM PENCERNAAN PADA MANUSIA BACK SISTEM REPRODUKSI WANITA Home Link : Sistem gerak, sistem pencernaan makanan pada manusia, sistem reproduksi wanita Ket : Menampilkan video tentang sistem gerak, sistem pencernaan makanan pada manusia dan sistem reproduksi wanita Gambar 3.4.1.19 Storyboard Menu Video.

40 Gambar 3.4.1.20 Storyboard Halaman Video 20 Video BACK Home Form Name : Halaman Video Ket : Menampilkan Vide Gambar 3.4.1.20 Storyboard Halaman Video. Gambar 3.4.1.21 Storyboard Halaman Game 21 Game Home Form Name : Game Link Ket : Game : Menampilkan Sebuah Game Gambar 3.4.1.21 Storyboard Halaman Game.

41 3.4.2 Perancangan Use Case Diagram Use Case adalah deskripsi fungsi dari sebuah sistem dari perspektif pengguna. Use Case bekerja dengan cara mendeskripsikan tipikal interaksi antara user (pengguna) sebuah sistem dengan sistemnya sendiri melalui sebuah cerita bagaimana sebuah sistem dipakai. (Munawar, 2005 : 63). Use Case Diagram menunjukkan 3 aspek dari sistem yaitu actor, use case dan system / sub system boundary. Actor mewakili peran orang, sistem yang lain atau alat ketika berkomunikasi dengan Use Case. Gambar dibawah ini mengilustrasikan actor, use case dan boundary. Use Case Diagram Aplikasi ini sebagai berikut: Materi Latihan Game Video <include> <include> <include> user <include> Login <include> Update Soal <include> Ganti Password admin Gambar 3.4.2.1 Usecase Diagram.

42 Pada aplikasi ini aktor utamanya adalah user (pengguna). Dari identifikasi aktor tersebut, maka akan didapatkan suatu use case diagram dan beberapa skenario yang memperlihatkan interaksi-interaksi use case dengan aktor. Berikut adalah deskripsi use case yang telah digambarkan di atas: Tabel 3.4.2.2 Use Case Materi Nama Aktor Deskripsi Skenario Materi. Pengguna (user). Pengguna dapat memilih materi bab 1 sampai 10 yang berisi materi. 1. Pengguna memilih bab bab materi. 2. Sistem akan menampilkan halaman materi. 3. Pengguna memilih submateri yang ada. 4.Sistem akan masuk kedalam halaman submateri yang Kondisi Awal Kondisi Akhir dipilih. Pengguna menerima halaman materi pelajaran yang terdiri dari beberapa materi yaitu Sel, Jaringan Tumbuhan dan Hewan, Sistem Gerak, Sistem Peredaran darah, Sistem Pencernaan Makanan, Sistem ekresi, Sistem Respirasi, Sistem Regulasi, Sistem Reproduksi, dan Regulasi Pengguna mempelajari menu bab materi yang dipilih. Tabel 3.4.2.2 Use Case Materi. Tabel 3.4.2.3 Use Case Latihan Nama Aktor Deskripsi Latihan Pengguna (user) Pengguna dapat mengerjakan latihan soal dihalaman latihan.

43 Lanjutan dari tabel 3.4.2.3 Use Case Latihan Skenario 1. Pengguna memilih menu latihan. 2. Sistem menampilkan halaman latihan bab 1 sampai latihan bab 10. 3. Pengguna menjawab latihan soal pilihan ganda. 4. Sistem menampilkan point yang benar. Kondisi Awal Pengguna menerima halaman latihan terdapat latihan soal pilihan ganda. Kondisi Akhir Pengguna mengisi jawaban pada soal latihan pilihan ganda dan mendapatkan point yang benar. Tabel 3.4.2.4 Use Case Video Tabel 3.4.2.3 Use Case Latihan. Nama Aktor Deskripsi Skenario Video. Pengguna (user). Pengguna dapat melihat video. 1. Sistem menampilkan halaman video. 2. User dapat memilih video. 3. User dapat melihat sebuah video. Kondisi Awal Kondisi Akhir Pengguna menerima halaman video, lalu masuk kemenu video untuk memilih video. Pengguna dapat melihat video. Tabel 3.4.2.5 Use Case Game Tabel 3.4.2.4 Use Case Video. Nama Aktor Deskripsi Game. Pengguna (user). Pengguna dapat memainkan game.

44 Lanjutan dari tabel 3.4.2.5 Use Case Game Skenario 1. Sistem menampilkan halaman game. 2. User dapat memainkan game. Kondisi Awal Pengguna menerima halaman game. Kondisi Akhir Pengguna dapat memainkan game. Tabel 3.4.2.6 Use Case Login Tabel 3.4.2.5 Use Case Game. Nama Aktor Deskripsi Skenario Login Admin Admin dapat memilih menu Admin 1. Admin akan memasukan username dan password, jika berhasil asdmin akan masuk kehalaman selanjutnya, jika tidak, masukan kembali username dan password. Kondisi Awal Admin memilih menu admin Kondisi Akhir Admin dapat memasukan username dan password Tabel 3.4.2.7 Use Case Update Soal Tabel 3.4.2.6 Use Case Login. Nama Aktor Update Soal Admin

45 Lanjutan dari tabel 3.4.2.7 Use Case Update Soal Deskripsi Skenario Admin dapat memilih menu update soal 1. Admin akan masuk kehalaman update soal, lalu admin dapat merubah soal yang diinginkan. Kondisi Awal Admin dapat memilih menu update soal. Kondisi Akhir Admin dapat merubah soal Lanjutan dari tabel 3.4.2.7 Use Case Update Soal. Tabel 3.4.2.8 Use Cae Ganti Password Nama Aktor Deskripsi Skenario Ganti Password Admin Admin dapat memilih menu ganti password 1. Admin akan masuk kehalaman ganti password, lalu admin dapat mengganti password yang baru. Kondisi Awal Kondisi Akhir Admin masuk kehalaman ganti password Admin dapat menganti password yang baru Tabel 3.4.2.8 Use Cae Ganti Password. 3.4.3 Perancangan Activity Diagram Activity Diagram menggambarakan aliran fungsional sistem. Pada tahap pemodelan, diagram activity diagram dapat digunakan untuk menunjukan aliran kerja. Dapat juga digunakan untuk menggambarkan aliran kejadian dalam use case. (Munawar, 2005 : 109).

46 3.4.3.1 Perancangan Activity Diagram untuk Halaman Admin Aktivitas dimulai ketika admin memilih menu admin, kemudian sistem menampilkan halaman utama admin kemudian admin memasukkan username dan password terlebih dahulu setelah itu jika login berhasil akan masuk kehalaman berikutnya, jika login tidak berhasil maka admin harus mengulang login. Gambar 3.4.3.1 Activity Diagram Halaman Admin Gambar 3.4.3.1 Activity Diagram Halaman Admin. 3.4.3.2 Perancangan Activity Diagram Untuk Halaman Update Soal Aktivitas dimulai ketika admin memilih update soal, kemudian sistem menampilkan halaman utama aupdate soal kemudian admin dapat mengganti, menambah dan menghapus soal.

47 Gambar 3.4.3.2 Activity Diagram Halaman Update Soal Pengguna Sistem Memilih menu Update Soal Menampilkan menu Update soal Pilihan - Tambah - Edit - Hapus Menampilkan menu yang dipilih Melakukan aktivitas sesuai menu pilihan Simpan? ya Melakukan update database Tidak Gambar 3.4.3.2 Activity Diagram Update Soal. 3.4.3.3 Perancangan Activity Diagram Untuk Halaman Materi Aplikasi dimulai ketika pengguna memeilih menu materi. Selanjutnya sistem akan menampilkan halaman materi. Aktivitas selanjutnya adalah memilih submateri. Kemudian sistem akan menampilkan halaman menu yang dipilih. Gambar 3.4.3.3 Activity Diagram Halaman Materi Gambar 3.4.3.3 Activity Diagram Halaman Materi.

48 3.4.3.4 Perancangan Activity Diagram Untuk Halaman Latihan Aplikasi dimulai dengan memilih menu latihan. Kemudian sistem akan menampilkan halaman latihan bab 1 sampai dengan latihan bab 10. Aktifitas selanjutnya adalah mengerjakan latihan soal dan memilih jawaban. Setelah itu sistem akan kasih point yang benar. Gambar 3.4.3.4 Activity Diagram Halaman Latihan Gambar 3.4.3.4 Activity Diagram Halaman Latihan. videonya. 3.4.3.5 Perancangan Activity Diagram Untuk Halaman Video Ketika pengguna memilih menu Video, kemudian pengguna dapat memutar

49 Gambar 3.4.3.5 Activity Diagram Halaman Video Gambar 3.4.3.5 Activity Diagram Untuk Halaman Video. 3.4.3.6 Perancangan Activity Diagram Untuk Halaman Game Ketika pengguna memilih menu game, kemudian pengguna dapat memainkan gamenya. Gambar 3.4.3.6 Activity Diagram Halaman Game Gambar 3.4.3.6 Activity Diagram Halaman Game.

50 3.4.4 Pemodelan Sequence Diagram Sequence Diagram digunakan untuk menggambarkan perilaku pada sebuah scenario. Diagram ini menunjukkan sejumlah contoh obyek dan message yang diletakkan diantara obyek obyek ini di dalam use case. ( Munawar, 2005 : 87 ). Komponen utama sequence diagram terdiri atas obyek yang dituliskan dengan kotak segiempat bernama.message diwakili oleh garis dengan tanda panah dan waktu yang ditunjukkan dengan progres vertical. 3.4.4.1 Perancangan Sequence Diagram Untuk Halaman Admin Pada sequence Diagram halaman admin, pengguna masuk halaman menu admin, kemudian memasukan username dan password. Jika benar memasukkan username dan password, sistem akan menampilkan halaman admin, dan jika salah sistem akan menampilkan username dan password salah dan memasukan kembali username dan password yang benar. selanjutnya admin dapat memilih update soal dang ganti password untuk mengantinya. Gambar 3.4.4.1 Sequence Diagram Untuk Halaman Admin Halaman Login Admin Halaman Form Login Data login Admin Halaman Admin Mengakses menu Admin Menampilkan Halaman Login Admin Memasukan data Login Verifikasi Data Isi data kembali Bila username/ password salah Mengakses Halaman Admin Bisa username dan Password Benar Menampilkan Halaman Admin Gambar 3.4.4.1 sequence diagram admin.

51 3.4.4.2 Perancangan Sequence Diagram Untuk Halaman Ganti Password Pada sequence Diagram halaman ganti password, admin masuk kehalaman ganti password, kemudian admin dapat mengganti password yang diinginkan. Dan password yang baru akan kesimpan didalam database. Gambar 3.4.4.2 Sequence Diagram Untuk Halaman Ganti Password Gambar 3.4.4.2 sequence diagram ganti password. 3.4.4.3 Perancangan Sequence Diagram Untuk Halaman Update Soal Pada sequence Diagram halaman update soal, admin masuk kehalaman update soal, kemudian admin dapat merubah soal seperti, tambah soal, hapus soal dan edit soal. Selesai soal diganti maka datanya akan kesimpan didalam database.

52 Gambar 3.4.4.3 Sequence Diagram Untuk Halaman Update Soal Gambar 3.4.4.3 sequence diagram update soal. 3.4.4.4 Perancangan Sequence Diagram Untuk Halaman Materi Pada sequence Diagram halaman materi, pengguna masuk halaman menu, kemudian memilih menu materi. Dan sistem akan menampilkan halaman materi, selanjutnya pengguna dapat memilih submateri bab 1 sampai dengan bab 10. Kemudian masuk ke halaman yang dipilih, sistem akan menampilkan halaman menu yang dipilh.

53 Gambar 3.4.4.4 Sequence Diagram Untuk Halaman Materi Gambar 3.4.4.4 sequence Diagram Halaman Materi. 3.4.4.5 Perancangan Sequence Diagram Untuk Halaman Latihan Pada sequence Diagram halaman latihan, pengguna masuk halaman menu, kemudian memilih menu latihan. Sistem akan menampilkan soal latihan dan selanjutnya pengguna memilih jawaban, sistem akan menampilkan point pada nilai yang benar.

54 Gambar 3.4.4.5 Sequence Diagram Untuk Halaman Latihan Gambar 3.4.4.5 sequence diagram Latihan 3.4.4.6 Perancangan Sequence Diagram Untuk Halaman Game Pada sequence Diagram halaman game, pengguna masuk halaman menu, kemudian memilih menu game. Sistem akan menampilkan halaman game, selanjutnya pengguna dapat memainkan game.

55 Gambar 3.4.4.6 Sequence Diagram Untuk Halaman Game Gambar 3.4.4.6 sequence Diagram Halaman Game. 3.4.4.7 Perancangan Sequence Diagram Untuk Halaman Video Pada sequence Diagram halaman video, pengguna masuk halaman menu, kemudian memilih menu video dan setelah itu dapat melihat video. Gambar 3.4.4.7 Sequence Diagram Untuk Halaman Video Gambar 3.4.4.7 sequence Diagram Halaman Video.

56 3.4.5 Perancangan AntarMuka Pada tahap perancangan antarmuka ini, penulis mendesain rancangan antarmuka untuk aplikasi yang akan dibuat dan menunjukan letak tombol yang satu dengan yang lainnya untuk dapat memproses pembelajaran biologi untuk SMA kelas XI. Gambar 3.4.5.1 Rancangan tampilan Pembuka Tampilan intro adalah tampilan awal sebelum memasuki halaman utama dari aplikasi ini.halaman intro ini berupa button masuk ke menu utama dan user langsung dapat mengoperasikan aplikasi ini. Judul Mulai Gambar 3.4.5.1 Rancangan tampilan Pembuka. Gambar 3.4.5.2 Rancangan Tampilan Menu Tampilan menu utama adalah tampilan awal untuk masuk ke halaman menu berikutnya. Ada dua tombol menu yang langsung menuju ke menu berikutnya. siswa Guru Gambar 3.4.5.2 Rancangan Tampilan Menu.

57 Gambar 3.4.5.3 Rancangan Tampilan Menu Materi Tampilan menu materi adalah tampilan button pilihan materi-materi pelajaran bab 1 sampai bab 10. Terdapat button home untuk kembali ke menu utama, button daftar isi untuk ke menu daftar isi. Tautan dari button yang ada akan menuju ke materi pelajaran yang dipilih oleh pengguna. Gambar 3.4.5.3 Rancangan Tampilan Menu Materi. Gambar 3.4.5.4 Rancangan Tampilan Letak Materi Terdapat button home untuk kembali ke menu utama, button daftar isi untuk ke menu daftar isi dan button exit untuk keluar dari aplikasi. Tautan dari button yang ada akan menuju ke materi pelajaran yang dipilih oleh pengguna. Gambar 3.4.5.4 Rancangan Tampilan Letak Materi.

58 Gambar 3.4.5.5 Rancangan Tampilan Soal Latihan Tampilan ini adalah tampilan halaman latihan yang terdapat pada setiap bab dan berisi 5 soal pilihan ganda. Pada tampilan ini terdapat juga button a,b,c, dan d yang dapat diklik oleh user untuk memilih jawaban yang benar, dan button lanjut akan menampilkan soal berikutnya,button back untuk kembali ke menu latihan bab 1 sampai bab 10 dan button home untuk kembali pada menu utama. Gambar 3.4.5.5 Rancangan Tampilan Soal Latihan. Gambar 3.4.5.6 Rancangan Tampilan Nilai Tampilan Nilai terdapat button simpan untuk menyimpan data saat nama dimasukan dan hasil point. Dan terdapat hasil nilai setelah mengisi jawaban pada menu latihan. Gambar 3.4.5.6 Rancangan Tampilan Nilai.