3.4 Perancangan Tampilan
3.4.1 Halaman Awal
Halaman awal adalah tampilan animasi yang pertama kali muncul ketika aplikasi dibuka untuk yang pertama kali. Halaman ini berisi tentang judul yaitu “Aplikasi
Pembelajaran Fisiologi Tubuh Manusia Menggunakan Macromedia Flash 8” serta sebuah tombol yang akan menuju menu materi.
Gambar 3.3 Kerangka Halaman Awal
2 1
1. Judul
2. Tombol
Mulai
3.4.2 Halaman Menu
Halaman menu merupakan halaman dimana semua menu-menu ditampilkan. Pada halaman ini terdapat 3 tombol, yaitu: otak, jantung, paru-paru, hati, lambung, ginjal,
latihan dan tutup.
Gambar 3.4 Kerangka Halaman Menu
1
2 3
4 1.
Menu 2.
Tombol Materi 3.
Tombol Latihan 4.
Tombol Tutup
3.4.3 Halaman Materi
Halaman materi ini berisi tentang Pembelajaran Fisiologi Tubuh Manusia. Materi- materi yang dibahas adalah pengertian, fungsi serta cara kerja dari organ tubuh
manusia, yaitu: otak, jantung, paru-paru, hati, lambung, dan ginjal.
Gambar 3.5 Kerangka Tampilan Awal Materi
Gambar 3.6 Kerangka Tampilan Materi Pengertian Organ
2
1
3
4 5
6
7 8
1. Tombol Menu
2. Gambar Ogan
3. Nama Organ
4. Tombol Pengertian
Organ 5.
Tombol Fungsi Organ
6 T
b l C K j
1 2
3 4
5
6 7
1. Tombol Menu
2. Gambar Organ
3. Nama Organ
4. Tombol Pengertian
Organ 5.
Materi Pengertian Organ 6
T b l N i i b k
Gambar 3.7 Kerangka Tampilan Materi Fungsi Organ
Gambar 3.8 Kerangka Tampilan Materi Cara Kerja Organ
1 2
3 4
5
6 7
1. Tombol Menu
2. Gambar Organ
3. Nama Organ
4. Tombol Fungsi Organ
5. Materi Fungsi Organ
6. Tombol Navigasi back
7 Tombol Navigasi next
1 2
3 4
5 6
1. Tombol Menu
2. Nama Organ
3. Tombol Cara Kerja
Organ 4.
Materi Cara Kerja Organ
5 T b l N i
i b k
3.4.5 Halaman Latihan
Halaman latihan merupakan suatu halaman dimana user pengguna dapat menerapkan ilmu yang telah didapat dari Aplikasi Pembelajaran Fisiologi Tubuh
Manusia. Tampilan Latihan ini berupa pilihan berganda.
Gambar 3.9 Kerangka Tampilan Latihan
Gambar 3.10 Kerangka Skor Nilai
1 2
3 5
4 6
1. Nomor Latihan
2. Pertanyaan
3. Tombol Jawaban
a 4.
Tombol Jawaban b
1
2 1.
Nilai Anda
3.5 Pembuatan Storyboard