apabila masih terdapat pertanyan selanjutnya, maka proses akan kembali ke pemunculan soal selanjutnya. Jika tidak ada soal selanjutnya, akan muncul total skor
keseluruhan dan keterangan soal-soal yang dijawab dengan benar ataupun salah. Apabila terdapat soal yang dijawab salah, maka akan muncul tombol untuk melihat
penyelesaian.
3.4 Perancangan Storyboard Papan Cerita Aplikasi
Storyboard merupakan rancangan tampilan yang dideskripsikan secara berurut mengenai fungsi menu ataupun navigasi lainnya dalam suatu aplikasi. Storyboard
menjelaskan secara rinci isi dari setiap tampilan sehingga pembaca mengetahui alur cerita dari aplikasi tersebut. Hasil dari storyboard akan digunakan untuk membangun
aplikasi agar lebih terstruktur.
3.4.1 Pendefenisian Fungsi Menu Aplikasi
Penjabaran tentang fungsi menu dan navigasi serta proses yang berlangsung di dalam aplikasi dapat dijelaskan pada Tabel 3.2.
Universitas Sumatera Utara
Tabel 3.2 Storyboard
No Aktifitas adegan
Nama Layar
Audio Video
Navigasi
1. Gambar latar dan Teks
Tombol Pengenalan Tombol Materi ke-1
Tombol Materi ke-2 Tombol Materi ke-3
Tombol Latihan Tombol Profil
Tombol Keluar Tombol Sound
Menu Utama • Musik latar
• Tombol Pengenalan : ke layar pengenalan
• Tombol Materi 1 : ke layar materi unit topologi jaringan
• Tombol Materi 2 : ke layar materi subnetting
• Tombol Materi 3 : ke layar materi protokol jaringan
• Tombol Latihan : ke layar latihan soal
• Tombol Profil : ke layar profil • Tombol Keluar : keluar dari aplikasi
• Tombol Sound : aktif atau non-aktif music latar
2. Teks dan gambar
Tombol Menu Utama Tombol Animasi 1
Tombol Animasi 2 Tombol Animasi 3
Tombol Animasi 4 Tombol Sound
Menu Materi 1 Topologi
Jaringan • Musik latar
• Tombol Menu Utama : ke layar Menu utama
• Tombol Animasi 1: ke layer Animasi 1
• Tombol Animasi 2: ke layer Animasi 2
• Tombol Animasi 3: ke layer Animasi 1
• Tombol Animasi 4: ke layer Animasi 4
• Tombol Sound : aktif atau non-aktif music latar
3. Animasi
Tombol Menu Utama Tombol Kembali Ke
Materi 1 Tombol Sound
Sub Menu Materi 1
Animasi 1 • Musik latar
• Suara penjelasan
• Tombol Menu Utama : ke layar Menu utama
• Tombol Kembali Ke Materi 1 ke layar Materi 1
• Tombol Sound : aktif atau non-aktif music latar
4. Animasi
Tombol Menu Utama Tombol Kembali Ke
Materi 1 Tombol Sound
Sub Menu Materi 1
Animasi 2 • Musik latar
• Suara penjelasan
• Tombol Menu Utama : ke layar Menu utama
• Tombol Kembali Ke Materi 1 ke layar Materi 1
• Tombol Sound : aktif atau non-aktif music latar
5. Animasi
Tombol Menu Utama Tombol Kembali Ke
Materi 1 Tombol Sound
Sub Menu Materi 1
Animasi 3 • Musik latar
• Suara penjelasan
• Tombol Menu Utama : ke layar Menu utama
• Tombol Kembali Ke Materi 1 ke layar Materi 1
• Tombol Sound : aktif atau non-aktif music latar
Universitas Sumatera Utara
Tabel 3.2 Storyboard lanjutan
No Aktifitas
adegan Nama Layar
Audio Video Navigasi
6. Animasi
Tombol Menu Utama
Tombol Kembali Ke Materi 1
Tombol Sound Sub Menu Materi
1 Animasi 4 • Musik latar
• Suara penjelasan
• Tombol Menu Utama : ke layar
Menu utama • Tombol
Kembali Ke Materi 1 ke
layar Materi 1 • Tombol Sound :
aktif atau non- aktif music latar
7. Teks dan gambar
Tombol Menu Utama
Tombol Sound Menu Materi 2
Subnetting • Musik latar
• Tombol Menu Utama : ke layar
Menu utama • Tombol Sound :
aktif atau non- aktif music latar
8. Teks dan Gambar
Tombol Menu Utama
Tombol Sound Menu Materi 3
Protokol Jaringan
• Musik Latar • Tombol Menu
Utama : ke layar Menu utama
• Tombol Sound : aktif atau non-
aktif music latar 9.
Teks dan Gambar Tombol Menu
Utama Tombol Sound
Menu Latihan • Musik Latar
• Tombol Menu Utama : ke layar
Menu utama • Tombol Sound :
aktif atau non- aktif music latar
10. Teks dan Gambar
Tombol Menu Utama
Tombol Sound Menu Profil
• Musik Latar • Tombol Menu
Utama : ke layar Menu utama
• Tombol Sound : aktif atau non-
aktif music latar
3.4.2 Perancangan Tampilan
Pendefinisian tentang fungsi-fungsi menu dan proses yang berlangsung di dalam aplikasi dapat dijabarkan secara lebih rinci sebagai berikut:
Universitas Sumatera Utara
3.4.2.1 Tampilan Utama
Tampilan utama aplikasi ini menampilkan menu pengenalan, materi, contoh kasus, latihan, profil. Pada tampilan ini juga tersedia tombol untuk keluar aplikasi dan
tombol-tombol sound. Rancangan tampilan halaman utama dapat dilihat pada Gambar 3.4.
Gambar 3.4 Tampilan Halaman Utama
Keterangan 1.
Tombol menu home merupakan tombol yang akan menampilkan bagian isi menu home yang berupa pengenalan tentang jaringan komputer dan penjelasan
secara umum aplikasi pembelajaran. 2.
Tombol menu topologi jaringan merupakan tombol yang akan menampilkan beberapa contoh animasi topologi jaringan.
3. Tombol menu subnetting merupakan tombol yang akan menampilkan isi dari
materi subnetting. 4.
Tombol menu materi pendukung merupakan tombol yang akan menampilkan isi dari materi mengenai protokol jaringan dan arsitektur.
1 2
3
4 8
6 5
7
Universitas Sumatera Utara