Gambar 4.2 Storyboard matahari sebagai bintang
Gambar 4.3 Storyboard matahari sebagai salah satu bintang
39
Gambar 4.4 Storyboard sumber energi matahari
Gambar 4.5 Storyboard lapisan-lapisan matahari
40
Gambar 4.6 Storyboard gangguan-gangguan pada matahari
Gambar 4.7 Storyboard fakta-fakta seputar matahari
41
Gambar 4.8 Storyboard Sumber dan referensi
Gambar 4.9 Storyboard Kuis dan Latihan
42
Gambar 4.10 Storyboard Kuis
Gambar 4.11 Storyboard Games
43
4.1.2.2. Perancangan Flowchart
Perancangan flowchart menggambarkan tahapan proses dari suatu sistem, termasuk sistem multimedia Suyanto,2003:364.
Keterangan : A. Halaman menu Home
B. Introduction C. Halaman menu matahari sebagai bintang
D. Halaman menu kuis dan game
Start
Tampilan Menu Utama Home
Matahari Sebagai bintang
Kuis dan Latihan Introduction
Keluar Tampilan materi Matahari Sebagai
Bintang
Tampilan Pilihan Kuis dan Game A
B Ya
Tidak Tidak
Ya
Gambar 4.12 Rancangan flowchart menu utama
Pada gambar flowchart 4.12 menjelaskan bahwa halaman menu utama terdiri dari tiga proses, yaitu: Introduction, matahari sebagai bintang, dan
44
kuis dan games. Menu Home dan Introduction hanya menampilkan keterangan saat aplikasi pertama kali dibuka , selanjutnya menu tersebut
tidak berfungsi. 1. Halaman menu matahari sebagai bintang.
Ya
Tidak Ya
Tidak Ya
Tidak Ya
Tidak Ya
Tidak Ya
Gambar 4.13 Rancangan flowchart menu Materi
Pada gambar flowchart 4.13 menjelaskan bahwa halaman materi matahari sebagai bintang terdiri dari enam proses, yaitu matahari sebagai
salah satu bintang, sumber energi matahari, lapisan-lapisan matahari,
45
gangguan-gangguan pada matahari, fakta-fakta seputar matahari dan sumber referensi. Jika pengguna memilih matahari sebagai salah satu
bintang maka akan ditampilkan sub menu materi tentang matahari sebagai bintang, bentuk matahari dan struktur dasar matahari.
Gambar 4.14 Rancangan Menu materi Matahari sebagai salah satu bintang
Pada gambar flowchart 4.14 menjelaskan bahwa halaman sub menu materi matahari sebagai salah satu bintang. Terdiri dari tiga pokok
pembahasan yaitu, tentang matahari sebagai bintang, bentuk matahari, struktur dasar matahari.
46
2
Sumber Energi Matahari
Bentuk Energi Matahari
Komposisi Energi Matahari
Tampilan Materi tentang bentuk energi matahari
Tampilan Materi komposisi energi matahari
Ya
Ya Tidak
Tidak
Gambar 4.15 Rancangan menu materi Sumber Energi Matahari
Pada gambar flowchart 4.15 menjelaskan bahwa halaman sub menu materi sumber energi matahari terdiri dari dua pokok
pembahasan yaitu, tentang bentuk energi matahari dan tentang komposisi energi matahari.
47
Gambar 4.16 Rancangan menu materi Lapisan-lapisan Matahari
Pada gambar flowchart 4.16 menjelaskan bahwa halaman sub menu materi lapisan-lapisan Matahari terdiri dari lima pokok
pembahasan yaitu , tentang lapisan pada matahari, lapisan inti, lapisan fotosfer, lapisan kromosfer dan lapisan korona.
48
4
Gangguan- gangguan pada
matahari
Bintik Matahari
Prominensa lidah api
Tampilan Materi tentang bintik matahari
Tampilan Materi Prominensa lidah api
Ya
Ya Tidak
Tidak
Angin dan Badai Matahari
Tampilan Materi Angin dan Badai Matahari
Ya Tidak
Gambar 4.17 Rancangan menu materi Gangguan-gangguan pada Matahari.
Pada gambar flowchart 4.17 menjelaskan bahwa halaman sub menu materi gangguan-gangguan pada matahari terdiri dari tigak
pokok pembahasan yaitu, bintik matahari, Prominesa lidah api dan angin dan badai matahari.
49
Gambar 4.18 Rancangan menu materi fakta-fakta seputar matahari
Pada gambar flowchart 4.18 menjelaskan bahwa halaman sub menu materi fakta-fakta seputar matahari terdiri dari dua pokok
pembahasan yaitu, fakta seputar matahari dan manfaat matahari.
50
Gambar 4.19 Rancangan menu Sumber dan Referensi
Pada gambar flowchart 4.19 menjelaskan bahwa halaman sub menu Sumber dan Referensi terdiri dari Daftar sumber dan referensi
materi matahari sebagai bintang.
51
2. Halaman menu kuis dan latihan
Gambar 4.20 Rancangan menu Kuis dan Latihan
Pada gambar flowchart 4.20 menjelaskan bahwa halaman kuis dan latihan menampilkan dua pilihan sub menu yaitu, kuis dan
games atau permainan. Jika pengguna memilih menu kuis maka akan ditampilkan beberapa pertanyaan yang harus dijawab pengguna.
52
Gambar 4.21 Rancangan menu Kuis
Pada gambar flowchart 4.21 menjelaskan bahwa halaman Menampilkan menu kuis yang terdiri dari delapan pertanyaan atau soal
yang diakhiri dengan hasil jawaban pengguna. Sebelumnya pengguna harus mengisi form nama. Pengguna dapat kembali mengisi soal kuis
atau kembali ke menu utama.
53
Gambar 4.22 Rancangan menu Games
54
Pada gambar flowchart 4.22 menjelaskan bahwa halaman menampilkan menu games terdiri dari 15 pertanyaan atau soal, pengguna harus
memilih jawaban dengan benar
4.1.2.3. Perancangan Struktur Navigasi
Untuk perancangan sistem navigasi yang digunakan adalah komposit, sebab struktur ini dapat memberikan keinteraksian yang lebih
tinggi, sehingga pengguna dapat melakukan navigasi dengan bebas secara non-linier.
Gambar 4.23 Perancangan Struktur Navigasi
55
4.1.2.4. Perancangan Diagram Transisi STD
a. Rancangan struktur menu utama
Gambar 4.24 Rancangan STD Menu UtamaHome
56
b. Rancangan struktur menu matahari sebagai bintang
Gambar 4.25
Rancangan STD menu matahari sebagai bintang
57