BAB III ANALISIS DAN PERANCANGAN
3.1 Analisis Pengumpulan Data 3.1.1 Wawancara Pada metode wawancara ini penulis melakukan wawancara dengan Bapak Usman, S.Pd selaku
guru biologi SMP AN-NURMANIYAH
untuk mendapatkan informasi yang diperlukan dalam pembuatan aplikasi ini. Berdasarkan hasil wawancara, penulis menyimpulkan beberapa metode yang digunakan dalam kegiatan belajar mengajar yang dilakukan disekolah. Metode-metode tersebut berupa tanya jawab dan diskusi. Sedangkan kendala yang dihadapi guru dalam kegiatan belajar mengajar adalah masalah fasilitas yang tersedia.
3.1.2 Kuesioner Sebelum penulis melengkapi laporannya, penulis melakukan penyebaran kuesioner kepada siswa-siswi SMP AN-NURMANIYAH yang bertujuan untuk mendapatkan data-data tentang minat siswa-siswi dalam mempelajari mata pelajran biologi dan media pembelajaran interaktif yang tepat untuk digunakan siswa-siswi. 3.1.3 Studi Literatur Setelah selesai wawancara penulis melakukan pembuatan aplikasi, pembuatan aplikasi ini meliputi animasi, database dan software-software yang berhubungan dengan aplikasi, aplikasi pembelajaran ini dibuat dengan
menggunakan software Adobe flash cs3 serta bahasa
pemrograman yang berhubungan dengan Adobe flash cs3 yaitu bahasa pemrograman ActionScript 2.0, selain menggunakan Adobe flash cs3 juga menggunakan Adobe illustrator cs3, mdm zinc 3.0 dan Adobe photoshop cs3. 29
30
3.2 Analisis Kebutuhan 1. Guru Salah satu faktor untuk menghasilkan siswa-siswi yang berkualitas ditentukan oleh guru, karena gurulah yang berperan penting dalam proses belajar mengajar. Oleh karena 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, bahkan sangat diharapkan dengan satu kali mempelajari materi yang ada diaplikasi ini siswa-siswi sudah dapat memahami apa yang telah dijelaskan sebelumnya.
2. Siswa - siswi Bagi siswa-siswi, aplikasi ini diharapkan menjadi media alternatif belajar selain membaca dan mendengar penjelasan dari guru. Aplikasi ini juga menyediahkan permainan dan latihan soal agar siswa-siswi dapat menguji kemampuan sejauh mana mereka memahami isi dari aplikasi ini. Bagi siswa-siswi yang kurang mengerti dari penjelasan guru dapat memperlajari aplikasi pembelajaran ini diluar sekolah dengan begitu siswa-siswa akan cepat memahami pelajaran.
3.3 Metode Pengembangan Multimedia 3.3.1 Konsep Aplikasi
pembelajaran
biologi
SMP
kelas
VIII
Berbasis
Multimedia yang akan digunakan sebagai media pembelajaran interaktif.
Deskripsi konsep aplikasi ini sebagai berikut: Judul : Pembelajaran
Biologi
SMP
Kelas
VIII
Multimedia Audiens : Dikhususkan bagi siswa-siswa SMP kelas VIII
Berbasis
31
Bentuk Aplikasi : Media pembelajaran interaktif Gambar : Menggunakan file berformat EPS. Audio : Menggunakan file MP3 yang diperoleh dari koleksi pribadi. Animasi : Animasi gambar dan tombol diambil dari google kemudian diedit kembali Interaktif : Menggunakan link berupa tombol yang memungkinkan user menuju ke halaman yang diinginkan
3.3.2 Perancangan Pada tahapan ini penulis melakukan perancangan aplikasi yang berupa perancangan Storyboard, use case diagram, Activity diagram, sequence diagram. 1. Materi Pada halaman materi, siswa-siswi lebih diarahkan untuk mempelajari dan memahami penjelasan yang ada pada halaman materi. 2.Video Pada halaman video, bertujuan untuk melihat video tentang pelajaran. 3. Game Pada halaman game, siswa-siswi lebih diarahkan untuk bermain dan mengerjakan gema-game yang tersedia. 4. Profil Pada halaman profil, bertujuan untuk mengetahui data dan foto penulis.
32
5. Keluar Pada halaman keluar, diperuntukkan untuk keluar dari aplikasi pembelajaran.
3.3.2.1 Perancangan Stroryboard Storyboard merupakan gambaran dari masing-masing tampilan dari kejadian yang akan dimainkan. Dengan mencantumkan semua objek atau elemen multimedia serta komponen-komponen apalikasi yang akan dibuat. Dalam satu kolom storyboard mewakili satu tampilan dilayar monitor. 1. Storyboard Halaman Intro Modul
: Intro
Nama File
: Intro
Judul Aplikasi Animasi
Sarang Lebah
Frame No
: 1 dari 70
Gambar
: Sarang Lebah
Animasi
: Lebah
Audio
: Backsound ( )
Navigasi
:-
lebah
Mulai
Animasi Lebah
Masuk : Menuju Halaman Menu Gambar 3.1 Stroryboard Halaman Intro
Animasi Lebah
33
2. Storyboard Halaman Admin Modul
: Profil
Nama File
: Profil
Frame No
: 13 dari 70
Gambar
:-
Animasi
: Sarang Lebah
Audio
: Backsound ( )
Navigasi
:-
Nama Kata sandi Masuk
Kembali Menu : Menuju Kehalaman Menu
Gambar 3.2 Storyboard Halaman Admin
3. Storyboard Halaman Update Soal Modul
: Update soal
Nama
: Update soal
Frame No
: 15 dari 70
Gambar
:-
Animasi
:-
Audio
:-
Navigasi
:-
Manu
: Menuju
Bab :
Proses Soal - soal
kehalaman update soal
Soal edit Pilihan jawaban Pilihan jawaban Pilihan jawaban Pilihan jawaban
Tambah Jawaban benar :
Gambar 3.3 Storyboard Halaman Update soal
edit hapus simpan
34
4. Storyboard Halaman Ganti Password Modul
: Ganti password
Nama
: Ganti password
Frame No
: 16 dari 70
Gambar
:-
Animasi
:-
Audio
:-
Navigasi
:-
Menu
: Menu kehalaman
Password Lama : Password Baru : Ulangi Password: Simpan
ganti password
Gambar 3.4 Storyboard Halaman Ganti Password
5. Storyboard Halaman Menu Modul
: Menu
Nama File
: Menu
Frame No
: 3 dari 70
Gamabar
: Sarang Lebah
Animasi
: Animasi Lebah
Audio
: Backsound ()
Judul Aplikasi
Materi Video
Game Profil
Navigasi
:-
Materi : Menuju Halaman Materi Video : Menuju Halaman Video Admin
Game : Menuju Halaman Video Profil
: Menuju Halaman Profil
Gambar 3.5 Storyboard Halaman Menu
Animasi Lebah
35
6. Storyboard Halaman Materi Modul
: Materi
Nama File
: Materi
Frame No
:5 dari 70
Gambar
:-
Animasi
: Animasi
Judul aplikasi
Bab 1 Pertumbuhan Dan Perkembangan Bab 2 sistem gerak Manusia
Materi
Game
Vide o Profil
Lebah Audio
: Backsound ()
Navigasi
:-
Bab 3 Sistem Percernaan Makanan Bab 4 Sistem Pernapasan Manusia Bab 5 Sistem peredaran darah Bab 6 struktur dan fungsi jaringan tubuh Bab 7 fotosintesis Bab 8 Gerak Pada Tumbuhan
Menu :
Bab 9 Hama dan penyakit pada tumbuhan
admin
Animasi Lebah
Bab 1 Pertumbuhan dan perkembangan Bab 2 Sistem Gerak Manusia
Bab 3 Sistem Percernaan Gambar Makanan 3.6 Storyboard Halaman Materi Bab 4 Sistem Pernapasan Manusia
7. Storyboard Halaman Video Bab 5 Sistem Peredaran Darah
Bab 6 Struktur Dan Fungsi Jaringan Modul : Video Judul Aplikasi
TubuhFile Nama
: Video
Bab 7 Fotosintesis Frame No : 7 dari 70 Bab 8 Gerak Pada Gambar : -Tumbuhan
Materi Game
Video Profil
Bab 9 Hama Dan: Penyakit Pada Tumbuhan Animasi Audio
:-
Navigasi
:-
Menu : Menuju Kehalaman
admin
Menu
Gambar 3.7 Stroryboard Halaman Video
Video
Animasi Lebah
36
8. Storyboard Halaman Game Modul
: Game
Nama File
: Game
Frame No
: 17 dari 70
Gambar
:-
Animasi
:-
Audio
:-
Navigasi
:-
Tampilan game
Puzzle1
Puzzle2
Puzzle3
Menu : Menuju Kehalaman Menu
Gambar 3.8 Storyboard Halaman Game
9. Storyboard Halaman Profil Modul
: Profil
Nama File
: Profil
Frame No
: 12 dari 70
Gambar
:-
Animasi
: Sarang Lebah
Audio
: Backsound ( )
Navigasi
:-
Judul aplikasi
teks
Materi
foto
Video
Game Profil
Menu : Menuju Kehalaman
admin
Menu
Gambar 3.9 Storyboard Halaman profil
Animasi Lebah
37
3.3.2.2 Perancangan Use Case Diagram Use Case Diagram adalah interaksi atau dialog antara sistem dan actor, termasuk pertukaran pesan dan tindakan yang dilakukan oleh sistem. Diagram ini menunjukkan fungsionalitas sistem dan bagaimana sistem berinterasi dengan penggunanya. Use Case Diagram Aplikasi ini sebagai berikut :
Materi Video Game
User
<
> <>
Profil
<> <>
Update soal
Login
<> <>
Ganti password
Admin Gambar 3.10 Use Case Diagram
Pada Aplikasi Pembelajaran Biologi SMP kelas VIII Berbasis Multimedia ini, dapat didefinisikan bahwa actor utamanya adalah User (pengguna). Identifikasi actor maka akan didapat suatu Use Case Diagram dan beberapa skenario yang memperlihatkan interaksi-interaksi Use case dengan actor. Berikut gambaran Use Case Diagram: 1. Tabel 3.1 Use Case Diagram Login Admin Nama
Login
Actor
Admin Admin dapat memilih menu admin kemudian memasukan
Deskripsi
nama dan kata sandi lalu klik simpan
38
Lanjutan Tabel 3.1 Use Case Diagram Login Admin Skenario
1. Admin memilih Menu Login 2. Sistem menampilkan form Login admin 3. Admin memasukan nama dan kata sandi. 4.
Sistem menampilkan halaman utama admin jika nama dan kata sandi benar.
Kondisi Awal
Admin menerima halaman form login admin
Kondisi Akhir
Menampilkan halaman admin
2. Tabel 3.2 Use Case Diagram Update Soal Nama
Update Soal
Actor
Admin
Deskripsi Skenario
Admin dapat memilih menu admin kemudian memilih menu Update soal yang ada didalam halaman admin. 1. Admin memilih Menu Admin 2. Sistem menampilkan halaman Admin 3. Admin memilih menu update soal 4. Sistem menampilkan halaman update soal.
Kondisi Awal
Admin ser menerima halaman game yang berupa puzzle
Kondisi Akhir
Admin mengerjakan soal
3. Tabel 3.3 Use Case Diagram Ganti Password Nama
Ganti Sandi
Actor
Admin
Deskripsi Skenario
Admin dapat memilih menu ganti sandi yang ada didalam halaman admin. 1. Admin memilih menu admin 2. Sistem menampilkan halaman admin 3. Admin memilih ganti sandi 4. Sistem menampilkan halaman ganti sandi yang berupa password lama, password baru dan ulangi password.
39
Lanjutan Tabel 3.3 Use Case Diagram Ganti Password Kondisi Awal Kondiri Akhir
Admin menerima halaman admin dan kemudian memilih menu ganti sandi. Menampilkan halaman ganti sandi
4. Tabel 3.4 Use Case Diagram Materi Nama Actor Deskripsi Skenario
Materi Pengguna (User) User dapat memperoleh penjelasan materi serta latihan soal dari halaman materi dengan memilih menu materi 1. User memilih menu materi 2. Sistem menampilkan halaman materi. 3. User memilih submateri 4. Sistem menampilkan submateri yang dipilih. 5. User memilih latihan soal. 6. Sistem menampilkan halaman latihan. 7. User menjawab pertanyaan-pertanyaan. 8. Sistem menampilkan score yang didapat.
Kondisi Awal Kondisi Akhir
User menerima halaman materi yang terdapat berbagai penjelasan materi yang diinginkan. User siap mempelajari materi
5. Tabel 3.5 Use Case Diagram Video Nama
Video
Actor
Pengguna (User)
Deskripsi Skenario
User dapat melihat video dihalaman video dengan memilih menu video 1. User memilih Menu video 2. Sistem menampilkan halaman video
Kondisi Awal
User menerima halaman video.
Kondisi Akhir
User siap memperhatikan halaman video.
40
6. Tabel 3.6 Use Case Diagram Game Nama
Game
Actor
Pengguna (User)
Deskripsi Skenario
User dapat memilih menu game yang ada didalam halaman game. 1. User memilih Menu game 2. Sistem menampilkan halaman game 3. User mengerjakan game
Kondisi
User menerima halaman game yang berupa puzzle
Awal Kondisi
User mengerjakan game
Akhir
7. Tabel 3.7 Use Case Diagram Profil Nama
Profil
Actor
Pengguna (User)
Deskripsi Skenario
User dapat melihat data dan foto penulis dengan memilih menu profil 1. User memilih Menu profil 2. Sistem menampilkan halaman profil
Kondisi Awal Kondisi
User menerima halaman profil yang terdapat data dan foto penulis User dapat melihat data dan foto penulis
Akhir Kondisi Akhir
User menerima halaman profil
41
3.3.2.3 Perancangan Activity Diagram Activity Diagram menunjukkan langkah demi langkah untuk melakukan komputasi. Diagram ini menggambarkan langka yang mana yang harus dijalankan secara berurutan dan langkah yang mana yang bisa dijalankan secara bersamaan. 1. Perancangan Activity Diagram Halaman Admin Aktivitas dimulai ketika admin atau user memilih menu admin, kemudian sistem menampilkan halaman utama admin kemudian admin atau user harus memasukkan data nama dan kata sandi terlebih dahulu kemudian aktivitas selanjutnya adalah sistem akan memeriksa apakah data nama dan kata sandi sesuai dengan data yang ada didatabase, jika data tidak sesuai dengan data dalam database maka admin atau user harus mengulang proses login. Tetapi jika nama dan kata sandi sesuai dengan data dalam database maka login diterima dan admin atau user bisa mengakses halaman utama admin.
Sistem
User
Mengisi form Admin
Mengirim data ke database Apakah username dan password sesuai dengan database admin?
tidak ya Menampilkan halaman utama admin
Gambar 3.11 Activity Diagram Halaman Admin
2. Perancangan Activity Diagram Halaman Update Password untuk pengecekan kesamaan Password Admin Lama dengan Password Admin Baru
42
Aktivitas dimulai ketika admin atau user memilih update password, kemudian sistem menampilkan halaman update soal kemudian admin atau user memasukkan password lama kemudian database mengecek apakah password yang lama sesuai dengan yang ada didalam database, jika ya maka admin dapat mengganti password yang lama dengan yang baru. Kemudian jika tidak maka akan kembali kehalaman sebelumnya.
Admin
Memilih menu Update Password
Sistem
Menampilkan halaman Update Password
Mengganti password admin
Mengecek password lama dengan database admin
tidak
ya Password admin terganti
Gambar 3.12 Activity Diagram halaman ganti Password
43
3. Perancangan Activity Diagram Halaman Update Soal Aktivitas dimulai ketika admin atau user memilih update soal, kemudian sistem menampilkan halaman update soal kemudian admin atau user memilih menu yang akan user lakukan apakah menambah soal, mengedit soal atau menghapus soal yang sudah ada kemudian kemudian sistem akan melakukan apa yang yang dipilih oleh user, jika ya maka sistem akan mengupdate database tetapi jika tidak maka program akan berakhir.
Admin
Sistem
Memilih menu Update Soal
Menampilkan menu Update soal
Pilihan - Tambah - Edit - Hapus
Menampilkan menu yang dipilih
Melakukan aktivitas sesuai menu pilihan
ya
Melakukan update database
tidak
Gambar 3.13 Activity Diagram halaman Update soal
44
4. Perancangan Activity Diagram Halaman Materi Akitivitas dimulai ketika pengguna memilih menu materi. Selanjutnya sistem akan menampilkan halaman materi. Aktivitas selanjutnya adalah memilih menu materi yang terdiri dari Bab 1, Bab 2, Bab 3, Bab 4, Bab 5, Bab 6, Bab 7, Bab 8, bab 9. Kemudian sistem akan menampilkan menu yang dipilih. User
Sistem
Menampilkan halaman menu materi
Memilih menu Materi
Menampilkan halaman Materi yang dipilih
Memilih materi
Latihan
Menampilkan Submateri Pelajaran
Submateri
tidak
ya Menampilkan halaman Latihan
Memeriksa jawaban
Manjawab Pertanyaan
ya
Jawaban Benar ?
tidak
Nilai + 0
Nilai + 10
Jumlah Soal = 10
tidak
ya
Menampilkan Hasil
Gambar 3.14 Activity Diagram Halaman Materi
45
5. Perancangan Activity Diagram Halaman Video Aktivitas dimulai ketika pengguna memilih menu video, kemudian sistem menampilkan halaman video.
User
Sistem
Menampilkan Halaman Video
Memilih Menu Video
Tampilan Video ya tidak
Gambar 3.15 Activity Diagram Halaman Video
46
7. Perancangan Activity Diagram Halaman Game Aktivitas dimulai ketika pengguna memilih menu game, kemudian sistem menampilkan halaman game, aktivitas selanjutnya adalah mengerjakan game yang tersedia. kemudian sistem akan menampilkan jawaban yang benar dan jawaban yang salah. User
Memilih Menu Game
Memainkan Game
Sistem
Menampilkan Halaman Game
ya tidak
Gambar 3.16 Activity Diagram Halaman Game
47
3.3.2.4 Perancangan Sequence Diagram Sebuah Sequence Diagram secara khusus menjabarkan aktivitas sebuah skenario tunggal. Diagram tersebut menunjukkan sejumlah objek contoh dan pesan-pesan melalui objek-objek didalam use case diagram (Fowler,2005). Dari use case yang telah digambarkan sebelumnya, dapat dibuat sequence diagram. 1. Perancangan Sequence Diagram Untuk Halaman Admin
Halaman Login Admin
Halaman Form Login
Data login Admin
Halaman Admin
Pengguna 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.17 Sequence Diagram Admin
48
2. Perancangan Sequence Diagram Untuk Halaman Update soal .
halaman update soal
Admin
Mengakses menu update soal
menampilkan halaman update soal
Menambah soal
Mengedit Soal
Menghapus soal
menampilkan pesan " soal terupdate"
Gambar 3.18 Sequence Diagram Update Soal
Database
49
3. Perancangan Sequence Diagram Untuk Halaman Ganti Sandi
halaman ganti sandi
sandi lama
Database
sandi lama
Admin
Akses menu ganti sandi
menampilkan halaman ganti sandi
Mengisi sandi lama
Isi data kembali Bila sandi lama tidak sama dengan sandi admin
Verifikasi data
Mengisi sandi baru dan ulang sandi
Isi data kembali Bila sandi baru kosong atau sandi baru dan sandi lama tidak sama
Mengganti sandi admin
Menampilkan pesan "Kata sandi admin telah terganti"
Gambar 3.19 Sequence Diagram Ganti Sandi
50
4. Perancangan Sequence Diagram Untuk Halaman Materi Materi
Menu Materi
Sum Materi
Sum Materi
Pengguna
Akses menu materi
menampilkan menu materi
Pilih materi
Menampilkan halaman dari materi
Pilih submateri
Menampilkan submateri
Masuk halaman latihan
Menampilkan halaman latihan
Menjawab soal
Cek jawaban
Menampilkan hasil
Gambar 3.20 Sequence Diagram Halaman Materi
51
6. Perancangan Sequence Diagram Untuk Halaman Video Sequence Diagram halaman video menggambarkan skenario dan langkahlangkah yang dilakukan pengguna. Pertama pengguna masuk halaman menu kemudian memilih video, kemudian sistem menampilkan halaman pilihan video, setalh itu video menampilkan video.
Video
Menu Video
Pengguna
Akses menu video
menampilkan menu video
Memilih video
Menampilkan Video yang dipilih
Gambar 3.21 Sequence Diagram video
52
7. Perancangan Sequence Diagram Untuk Halaman Game Sequence Diagram halaman game menggambarkan skenario dan langkahlangkah yang dilakukan pengguna. Pertama pengguna masuk halaman menu kemudian memilih game, kemudian sistem menampilkan halaman game, selanjutnya pengguna memilih game yang dimainkan , sistem menampilkan halaman game, kemudian sistem mengecek jawaban lalu menampilkan jawaban yang benar dan jawaban yang salah.
Game
Menu Game
Pengguna
Akses menu Game
menampilkan menu Game
Pilih Game
Menampilkan Game yang dipilih
Gambar 3.22 Sequence Diagram Game
53
3.3.2.5 Perancangan Antar Muka Perancangan antar muka (interface) disesuaikan dengan kebutuhan pengguna yang akan melihat informasi yang mereka butuhkan. Rancangan dalam aplikasi ini, sebagai berikut : 1. Rancangan Halaman Intro Rancangan ini digunakan sebagai tampilan awal yang berisi animasi dengan tampilnya tombol mulai. Tombol mulai ini digunakan untuk memasuki tampilan halaman menu.
Aplikasi Pembelajaran Biologi SMP kelas VIII gambar Animasi lebah
Mulai
Animasi Lebah
Animasi Lebah
Gambar 3.23 Rancangan Halaman Intro
2. Rancangan Halaman Menu Rancangan halaman menu merupakan tampilan yang memuat beberapa objek-objek multimedia yang berupa animasi, teks, gambar, suara, latar dan juga tombol-tombol navigasi. Tombol navigasi dalam tampilan ini terdiri dari tombol menu materi, video, game, dan profil.
54
Judul aplikasi
Materi Video
Game Profil
Animasi Lebah
Admin
Gambar 3.24 Rancangan Halaman Menu
3. Rancangan Halaman Admin Rancangan ini digunakan sebagai tampilan menu admin
yang berisi
username dan password. Tombol admin ini digunakan untuk memasuki tampilan halaman admin.
Username Password
Masuk
Kembali
Gambar 3.25 Rancangan Halaman Admin
55
4. Rancangan Halaman Materi Rancangan halaman materi menampilkan sembilan tombol menu yang berupa teks Bab 1 Pertumbuhan Dan Perkembangan, Bab 2 Sistem Gerak Pada Manusia, Bab 3 Sistem Percernaan Makanan, Bab 4 Sistem Pernapasan Manusia, Bab 5, Sistem Peredaran Darah, Bab 6 Struktur Dan Fungsi Jaringan Tumbuhan, Bab 7 Fotosintesis, Bab 8 Gerak Pada Tumbuhan, Bab 9 Hama dan Penyakit pada tumbuhan. Tombol menu untuk menuju kehalaman yang akan ditampilkan pada setiap kecuali halaman intro dan halaman keluar.
Judul Aplikasi
Bab 1 Pertumbuhan dan Perkembangan Bab 2 Sistem Gerak Manusia
Materi Video
Game Profil
Bab 3 Sistem Pencernaan Makanan Bab 4 Sistem Pernapasan Manusia Bab 5 Sistem Peredararan Darah Bab 6 Struktur Dan Fungsi Jaringan Tubuh Bab 7 Fotosintesis Bab 8 Gerak Pada Tumbuhan Bab 9 Hama Dan Penyakit Pada Tumbuhan
admin
Animasi Lebah
Gambar 3.26 Rancangan Halaman Materi
56
5. Rancangan Halaman Video Rancangan ini digunakan sebagai tampilan menu video yang berisi percernaan, pernafasan dan metamorfosis. Tombol video ini digunakan untuk memasuki tampilan halaman video. Judul aplikasi
Materi Video
Game
Video
Profil
Percernaan n
admin
Metamorfosi s
Pernafasa n
Gambar 3.27 Rancangan Halaman Video
6. Rancangan Halaman Game Rancangan ini digunakan sebagai tampilan menu game yang berisi game yang akan dijawab oleh siswa-siswi. Tombol game ini digunakan untuk memasuki tampilan halaman game. Judul aplikasi Mater Game
i
Video
Game
Profil
admin
Puzzel 1
Puzzel 2
Puzzel 3
Gambar 3.28 Rancangan Halaman Game
57
7. Rancangan Halaman Profil Rancangan halaman profil ini digunakan untuk menampilkan data diri penulia.
Judul aplikasi
Foto
Materi Game
Video
Teks
Profil
Animasi Lebah
admin
Gambar 3.29 Rancangan Halaman Profil
8. Rancangan Halaman Keluar Rancangan halaman keluar menampilkan tombol keluar dan kembali.
Anda yakin ingin keluar.....??? ya
Tidak
Gambar 3.30 Rancangan halaman keluar
58
