BAB III ANALISIS, KONSEP DAN PERANCANGAN

Transkripsi

1 BAB III ANALISIS, KONSEP DAN PERANCANGAN 3.1 Kuesioner Metodologi penelitian yang akan dilakukan adalah kuesioner. Kuesioner ditujukan kepada siswa SMP Yupentek yang bertujuan untuk mendapatkan data-data tentang minat siswa dalam mempelajari mata pelajaran biologi dan media pembelajaran interaktif yang tepat untuk digunakan oleh siswa. 3.2 Analisa Tahap analisa merupakan tahap awal penulis dalam pembuatan aplikasi perangkat lunak. Dalam membangun aplikasi Pembelajaran Biologi Kelas XII ini penulis akan menganalisa kebutuhan dasar sistem. Analisa dilakukan terhadap datadata yang merepresentasikan masalah, sehingga dapat diketahui spesisifikasi kebutuhan sistem yang akan dibangun. Perkembangan teknologi komputer telah membuat komputer bukan hanya sebagai alat bantu hitung dan pemrosesan data saja, tetapi juga dapat digunakan pada bidang multimedia. Perangkat yang berbasis multimedia dapat digunakan untuk menciptakan sarana belajar yang menarik dan interaktif untuk siswa-siswi sehingga cocok digunakan sebagai alternatif lain untuk sarana belajar selain belajar melalui buku. Permasalahan pembelajaran Biologi yang dihadapi pada saat ini adalah banyaknya materi yang disuguhkan, termasuk proses pembelajaran yang kurang variatif. Sehingga menimbulkan rasa jenuh dalam proses pembelajaran Biologi, selain itu motivasi dan minat mempelajari Biologi tersebut pun berkurang. Dilihat dari keadaan tersebut penulis berkeinginan membuat aplikasi pembelajaran Biologi berbasis multimedia, karena dengan adanya aplikasi tersebut bisa digunakan untuk membantu pembelajaran Biologi secara mandiri. Aplikasi tersebut dibuat 37

2 38 menggunakan Adobe Flash CS3 Professional. Aplikasi yang dibuat adalah aplikasi yang bisa digunakan untuk menambah pembelajaran secara individu atau mandiri agar siswa mudah mengerti dalam pembelajaran Biologi tersebut. Aplikasi ini diharapkan dapat membantu para siswa dalam mempelajari Biologi serta membantu guru memberikan materi pelajaran, selain itu juga untuk menarik minat dan motivasi belajar para siswa. Dalam pembuatan perangkat lunak ini penulis menganalisa komponen dari sistem yang dibangun atau dibuat diantaranya adalah sebagai berikut: 1. Perangkat lunak, yaitu aplikasi pembelajaran Biologi kelas XII berbasis multimedia 2. Materi yang ada dalam aplikasi ini disusun berdasarkan kurikulum di Indonesia yang sekarang digunakan yaitu kurikulum tingkat satuan pendidikan (KTSP) 3. Perangkat keras, yaitu komputer 4. Manusia, yaitu pengguna yang mengakses sistem 5. Prosedur yaitu langkah-langkah yang mendefinisikan tentang penggunaan sistem. Dari keseluruhan komponen sistem yang dibangun, maka didapat masukan, proses dan keluaran yaitu: 1. Pada proses pengambilan materi berupa gambar, huruf dan soal-soal latihan Biologi. Semuanya disimpan terlebih dahulu ke dalam direktori data penyimpanan sebagai masukan kemudian dalam tahap proses, terjadi pengambilan materi berupa gambar, huruf dan soal-soal latihan tersebut dari direktori berkas penyimpanannya dan langsung tereksekusi kemudian muncul pada layar sebagai keluaran.

3 Konsep Aplikasi pembelajaran Biologi kelas XII ini merupakan aplikasi yang dibuat untuk membantu mempermudah siswa dalam mempelajari Biologi. Aplikasi ini dirancang menggunakan metode pengembangan multimedia dilakukan melalui 6 tahap yaitu konsep, perancangan, pengumpulan material, pembuatan, pengujian dan distribusi. Aplikasi ini juga dimaksudkan untuk menggantikan pembelajaran yang bersifat manual menjadi digital selain dijadikan pembelajaran secara mandiri juga menggunakannya akan lebih mengasikkan karena kelebihan unsur multimedia yang dapat menarik indera dan minat, karena merupakan gabungan antara pandangan, suara dan gerakan. Aplikasi ini juga membiasakan para siswa untuk terbiasa menggunakan komputer dan mouse yang relevan dengan perkembangan zaman. 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 7 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 siswasiswi jenuh atau bosan dalam belajar. 4. Video Pada halaman video, akan ditayangkan sebuah video.

4 40 5. Admin Pada halaman ini, admin di gunakan untuk meng update soal dan password. 6. Profil Pada halaman profil, akan ditampilkan sebuah data profil penulis. 7. Home Untuk menampilkan halaman depan atau pemilihan.s 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 sebagai alat bantu pada tahapan perancangan multimedia. Satu kolom storyboard mewakili satu tampilan dilayar monitor Storyboard Halaman Intro Nama Visual 1. Mulai 2 Form Name : Intro Link Ket : Intro : Menampilkan Halaman Intro Gambar.3.1 Storyboard Intro

5 Storyboard Halaman Pertama Masukan Nama Dan Kelas Anda Masuk Form Name : Menu Utama Link Ket : Menu : Menampilkan Halaman Menu Awal Gambar 3.2 Storyboard Halaman menu

6 Storyboard Halaman Home 3. Home Profil Materi Uji Kompetensi Game Video Admin Form Name : Menu siswa Link Ket : Home,Profil,Materi,Uji Kompetensi,Game,Video, Dan Admin : Menampilkan halaman menu Home Gambar 3.3 Storyboard Halaman Materi

7 Storyboard Halaman Menu Materi 4 Daftar isi Bab 1 Bab 2 Bab 3 Bab 4 Bab 5 Bab 6 Bab 7 HOME Daftar isi Exit << Back 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 Storyboard Halaman menu materi

8 Storyboard Halaman Letak Menu Materi 5 BAB 1 Pertumbuhan Materi Home << Back Daftar isi Form Name : Menu Materi Bab 1 Link : Bab 1 Ket : Menampilkan halaman menu materi pada bab 1 6 Bab 2 Metabolisme Materi Materi Home << Back Daftar isi Form Name : Menu Materi Bab 2 Link : Bab 2 Ket : Menampilkan halaman menu materi pada bab 2

9 45 7 Bab 3 Subtansi Hereditas Materi Materi Home << Back Daftar isi Form Name : Menu Materi Bab 3 Link : Bab 3 Ket : Menampilkan halaman menu materi pada bab 3 8 Materi Bab 4 Hereditas Materi Home << Back Daftar isi Form Name : Menu Materi Bab 4 Link : Bab 4 Ket : Menampilkan halaman menu materi pada bab 4

10 46 9 Materi Bab 5 Mutasi Materi Home << Back Daftar isi Form Name : Menu Materi Bab 5 Link : Bab 5 Ket : Menampilkan halaman menu materi pada bab 5 10 Materi Bab 6 Evolusi Materi Home << Back Daftar isi Form Name : Menu Materi Bab 6 Link : Bab 6 Ket : Menampilkan halaman menu materi pada bab 6

11 47 11 Bab 7 Bioteknologi Materi Materi Home << Back Daftar isi Form Name : Menu Materi Bab 7 Link : Bab 7 Ket : Menampilkan halaman menu materi pada bab 7 Gambar 3.5 Storyboard Halaman materi Storyboard Menu Latihan 12 Latihan Bab 1 Latihan Bab 2 Latihan Bab 3 Latihan Bab 4 Latihan Bab 5 Latihan Bab 6 Latihan Bab 7 Home Form Name : Menu latihan Link : Latihan Bab 1,2,3,4,5,6, dan 7 Ket : Menampilkan halaman menu latihan sebanyak 7 Latihan Gambar 3.6 Storyboard Menu Latihan

12 Storyboard Halaman Latihan 13 Latihan Bab 1 Soal A C B D Home Next Form Name : Menu latihan Link : Bab 1 Ket : Menampilkan halaman menu latihan sebanyak 5 soal Gambar3.7 Storyboard Halaman Latihan

13 Storyboard Menu Video 14 Bioteknologi Pertanian di Indonesia Epigeal germination climbing bean Runtuhnya Evolusi Darwin 1 Jaringan Tumbuhan Memahami Sel_Kromosom_DNA_Replikprotein bulding Home Form Name : Video Link : Bioteknologi Pertanian di Indonesia, Epigeal germination climbing bean, Runtuhnya Evolusi Darwin 1, Jaringan Tumbuhan dan Memahami Sel_Kromosom_DNA_Replikprotein bulding Ket : Menampilkan video tentang Bioteknologi Pertanian di Indonesia, Epigeal germination climbing bean, Runtuhnya Evolusi Darwin 1, Jaringan Tumbuhan dan Memahami Sel_Kromosom_DNA_Replikprotein bulding Gambar 3.8 Storyboard Menu Video

14 Storyboard Halaman Video 15 Video Video Home Form Name : Halaman Video Ket : Menampilkan Video Gambar 3.9 Storyboard Tampilan Video Storyboard Halaman Game 16 Game Home Form Name : Game Link Ket : Game : Menampilkan Sebuah Game Gambar3.10 Storyboard Tampilan Game

15 Storyboard Halaman Admin 17 USER NAME PASSWORD LOGIN Form Name : Menu Admin Link Ket : Login : Menampilkan halaman Admin Gambar 3.11 Storyboard Halaman Admin Storyboard Halaman Menu Login 18 Update Soal Ganti Password HOME Form Name : Menu Login Link Ket : Update Soal, Ganti Password : Menampilkan halaman menu Login Gambar 3.12 Storyboard Halaman game

16 Storyboard Halaman Menu Update Soal 19 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 Home Form Name : Menu Update Soal Link Ket : Update Soal : Menampilkan halaman menu Update soal Gambar 3.13 Storyboard Halaman update soal

17 Storyboard Halaman Menu Ganti Password 20 Ganti Password PASSWORD LAMA PASSWORD BARU ULANG PASSWORD Home Ganti Form Name : Ganti Password Link Ket : Ganti Password : Menampilkan halaman Ganti Password Gambar 3.14 Storyboard Halaman ganti password 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.

18 54 siswa Use Case Diagram Aplikasi ini sebagai berikut: Home Profil Materi Uji K Game Video admin (guru) Login Update soal Ganti password Gambar 3.15 Usecase Diagram 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:

19 55 Tabel 3.1 UseCase Diagram Home Nama Aktor Deskripsi : Home : Pengguna : Pengguna dapat melihat tampilan Home. Skenario : 5. Pengguna memilih menu Home 6. Sistem menampilkan halaman Home Kondisi Awal : Pengguna menerima halaman Home. Kondisi Akhir : Pengguna menerima halaman Home. Tabel 3.2 UseCase Diagram Profil Nama Aktor Deskripsi : Profil : Pengguna : Pengguna dapat melihat data penulis Skenario : 2. Pengguna memilih menu profil. 3. Sistem menampilkan halaman profil 4. Pengguna melihat data profil. Kondisi Awal : Pengguna menerima halaman profil. Kondisi Akhir : Pengguna melihat tampilan profil.

20 56 Tabel 3.3 UseCase Diagram Materi Nama Aktor Deskripsi : Materi : Pengguna : Pengguna dapat memilih materi bab 1 sampai 7 yang berisi materi. Skenario : 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 dipilih. Kondisi Awal : Pengguna menerima halaman materi pelajaran yang terdiri dari beberapa materi yaitu Pertumbuhan dan perkembangan tumbuhan, Metabolisme, Subtansi hereditas dan reproduksi sel, Hereditas, Mutasi, Evolusi, dan Bioteknologi,Kondisi akhir : Pengguna mempelajari menu bab materi yang dipilih.

21 57 Tabel 3.4 UseCase Diagram Latihan (Uji Kompetensi) Nama Aktor : Latihan : Pengguna Deskripsi : Pengguna dapat mengerjakan latihan soal dihalaman latihan dengan memilih menu latihan. Skenario : 1. Pengguna memilih menu latihan 2. Sistem menampilkan halaman latihan bab 1 sampai latihan bab 7 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.

22 58 Tabel 3.5 UseCase Diagram Game Nama Aktor Deskripsi Kondisi Awal Kondisi Akhir : Game : Pengguna : Pengguna dapat memainkan game. : Pengguna menerima halaman game. : Pengguna dapat memainkan sebuah game. 1. Video Nama : Video Aktor : Pengguna Deskripsi : Pengguna dapat melihat video. Skenario : 1. Pengguna dapat melihat sebuah video. 2. Sistem menampilkan halaman video. Kondisi Awal :Pengguna menerima halaman video. Kondisi Akhir : Pengguna dapat melihat video 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).

23 Perancangan Activity Diagram untuk Halaman Menu Aplikasi dimulai ketika pengguna masuk halaman menu, kemudian sistem menampilkan halaman menu,aktifitas selanjutnya adalah memilih menu yang terdiri dari materi, latihan, game, dan video. Kemudian sistem akan menampilkan halaman menu yang dipilih. 1. Activity Diagram untuk Halaman Menu pada Siswa Pengguna Sistem Mulai Menampilkan halaman menu Menentukan pilihan: 1. Profil 2. Materi 3. Uji kompetensi 4. Game Menampilkan halaman yang dipilih 5. Video 6. keluar Gambar 3.16 Activity Diagram Halaman Menu pada Siswa

24 Activity Diagram untuk Halaman Menu pada Admin Pengguna Sistem Mulai Menampilkan halaman login Login Apakah user name dan password Sesuai Dengan data base admin TIDAK YA Update soal Ganti Password Menampilkan halaman yang dipilih Gambar 3.17 Activity Diagram Halaman Menu pada Admin

25 Activity Diagram untuk Halaman Menu pada ganti password Admin Sistem Memilih menu Update Password Menampilkan halaman Update Password Mengganti password admin tidak Mengecek password lama dengan database admin ya Password admin terganti Gambar 3.18 Activity Diagram Halaman Menu pada ganti password

26 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. Pengguna Sistem Memilih Menu Materi Menampilkan halaman materi Bab 1. Pertumbuhan dan perkembangan tumbuhan Bab 2. Metabolisme Bab 3. Subtansi hereditas dan reproduksi sel Bab 4. Hereditas Menampilkan halaman mater i Bab 5. Mutasi Bab 6. Evolusi Bab 7. Bioteknologi

27 Perancangan Activity Diagram Untuk Halaman Latihan dan score Aplikasi dimulai dengan memilih menu latihan. Kemudian sistem akan menampilkan halaman latihan bab 1 sampai dengan latihan bab 7. Aktifitas selanjutnya adalah mengerjakan latihan soal dan memilih jawaban. Setelah itu sistem akan kasih point yang benar. User Sistem Memilih menu Materi Menampilkan halaman menu materi Memilih materi Menampilkan halaman Materi yang dipilih Latihan Submateri Menampilkan Submateri Pelajaran Menampilkan halaman Latihan Manjawab Pertanyaan Memeriksa jawaban ya Jawaban Benar? tidak Nilai + 10 Nilai + 0 Jumlah Soal = 5 tidak ya Menampilkan Hasil Gambar 3.14 Activity Diagram Halaman Materi

28 Perancangan Activity Diagram Untuk Halaman Video videonya. Ketika pengguna memilih menu Video, kemudian pengguna dapat memutar Pengguna Sistem Memilih Menu Video Menampilkan pilihan video Nonton Video Gambar 3.21 Activity Diagram Untuk Halaman Video

29 Perancangan Activity Diagram Untuk Halaman Game gamenya. Ketika pengguna memilih menu game, kemudian pengguna dapat memainkan Pengguna Sistem Memilih Menu Game Menampilkan pilihan game Memainkan Game Gambar 3.22 Activity Diagram Untuk Halaman Game 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.

30 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. Menu Materi Materi Bab 1 sampai bab 7 Halaman submateri yang dipilih pengguna ke menu materi menampilkan menu materi memilih menu materi bab menampilkan bab materi 1 sampai bab 7 memilih sub materi bab menampilkan halaman sub materi bab yang dipilih gambar 3.23 Sequence Diagram Halaman Materi

31 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. Menu Latihan Menu latihan bab 1 sampai bab 7 Halaman latihan yang dipilih pengguna ke menu latihan menampil menu latihan masuk halaman latihan bab 1-7 tampil halaman latihan menjawab soal menampilkan hasil point yang benar gambar 3.24 Sequence diagram Latihan

32 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. Halaman Menu Halaman Game Pengguna Masuk Halaman Memilih Menu game Memainkan Game Gambar 3.25 Sequence Diagram Halaman Game

33 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. Halaman Menu Video Pillihan Video Nonton Video Pengguna Ke Halaman Menu memilih menu video Memilih Video Nonton Video Gambar 3.26 Sequence Diagram Halaman video

34 Perancangan Sequence Diagram Untuk Halaman admin Pada sequence Diagram halaman admin, pengguna masuk halaman menu, kemudian memilih menu login admin dan setelah itu dapat memilih apa yang mau di update. 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.27 Sequence Diagram Halaman admin

35 Perancangan Sequence Diagram Untuk Halaman update soal Pada sequence Diagram halaman update soal, admin masuk halaman menu, kemudian memilih menambah,edit atau menghapus. Sistem akan menampilkan pilihan pengguna, sistem akan menampilkan soal terbaru. Menu update soal Data base Update soal admin memilih update soal menampil halamanupdate soal menambah,edit,hapus update soal menyimpan data base sesuai pilihan admin gambar 3.28 Sequence Diagram Halaman update soal

36 Perancangan Sequence Diagram Untuk Halaman ganti password Pada sequence Diagram halaman ganti password, admin masuk halaman menu ganti password, kemudian memilih menambah,edit atau menghapus. Sistem akan menampilkan pilihan pengguna, sistem akan menampilkan password terbaru. Menu ganti password Data base Ganti password admin memilih ganti password menampil halaman ganti password mengganti form ganti password password telah terganti gambar 3.29 Sequence Diagram Halaman ganti password

37 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 XII 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 Masuk Gambar Intro

38 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. Home Profil Materi Uji Kompetensi Game Video Admin Gambar 3.31 Tampilan menu home Rancangan Tampilan Menu Materi Tampilan menu materi adalah tampilan button pilihan materi-materi pelajaran bab 1 sampai bab 7. 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.

39 75 Daftar isi Bab 1 Bab 2 Bab 3 Bab 4 Bab 5 Bab 6 Bab 7 HOME Daftar isi Gambar 3.32 Tampilan Menu Materi Rancangan Tampilan Letak Menu 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.

40 76 BAB 1 Tumbuhan Materi Home Daftar isi << Back Form Name : Menu Materi Bab 1 Link : Bab 1 Ket : Menampilkan halaman menu materi pada bab 1 Gambar 3.33 Tampilan Bab Menu Materi Rancangan Tampilan Uji Kompetensi 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 7 dan button home untuk kembali pada menu utama. Soal A B C D Jawaban kamu : HOME Next Gambar 3.34 tampilan uji kompetensi

41 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. No Nama Score 1 budi 70 p 2 ani 60 NAMA point simpan home Gambar 3.35 tampilan Nilai Rancangan Tampilan Credit Title (profil) Tampilan kredit title ini adalah tampilan yang menampilkan profil pembuat aplikasi. Pada tampilan ini juga terdapat button keluar untuk menuju ke tampilan manu utama. Teks Judul Foto Home Gambar Tampilan Credit title (profil)