Tabel 4. 2.

Deskripsi Storyboard Aplikasi

No Scene Isi Keterangan

1. Scene 1 Halaman Intro aplikasi Pada halaman ini terdapat

intro aplikasi berupa
animasi, teks dan tombol
masuk ke menu materi.

2. Scene 2 Halaman menu materi Pada halaman ini terdapat

menu materi kakawihan.

3. Scene 3 Halaman menu utama Pada halaman ini terdapat

materi beberapa menu yaitu daftar
lagu, daftar video, evaluasi.

4. Scene 4 Halaman menu daftar lagu Pada halaman ini terdapat

beberapa daftar lagu
kakawihan kaulinan barudak
sunda, tombol kembali ke
menu utama.

5. Scane 5 Halaman menu daftar Pada halaman ini terdapat

video beberapa daftar video
kakawihan kaulinan barudak
sunda, tombol kembali ke
menu utama.

6. Scene 6 Halaman menu evaluasi Pada halaman ini terdapat

tampilan evaluasi dari lagu
kakawihan kaulinan barudak
sunda.

7. Scene 7 Tentang Pada halaman ini terdapat

informasi pembuat aplikasi.
Dari ringkasan pada tabel 4.2 belum menggambarkan keseluruhan isi dari aplikasi, maka pada
tahapan ini terdapat beberapa halaman yang akan dijelaskan secara rinci diantaranya yaitu
sebagai berikut:
a.Halaman Intro
Halaman pembuka yaitu halaman tampilan pertama ketika aplikasi dijalankan sebelum ke
halaman berikutnya. Berikut ini storyboard halaman menu pembuka dapat dilihat pada tabel
4.3.
Tabel 4.3. Storyboard Halaman Intro
No Isi Keterangan

1. Scene 1

2. Halaman Pembuka

3. Durasi -

4. Gambar Background,

5. Animasi Garis Loading

6. Suara -

7. Navigasi -

8. Deskripsi Halaman ini menampilkan teks karawitan sekar sunda

sebelum ke halaman berikutnya.
 No Isi Keterangan

9. Visual

KARAWITAN SEKAR SUNDA

Halaman awal ini merupakan opening aplikasi sebelum melanjutkan ke halaman selanjutnya,
menampilkan teks dengan animasi dengan durasi kurang lebih 3 detik dan langsung menuju
halaman selanjutnya.
a. Halaman menu materi
Halaman menu materi menampilkan materi kakawihan barudak sundadisertai tombol navigasi
untuk menuju halaman selanjutnya. Berikut ini storyboard halaman menu materi dapat dilihat
pada tabel 4.4.
Tabel 4.4. Halaman Menu materi
No Isi Keteragan

1. Scene 2

2. Halaman Menu materi

3. Durasi -

4. Gambar - Gambar garis terputus dan kotak

5. Animasi -
 No Isi Keteragan

6. Suara - Suara tombol

7. Navigasi 1. Tombol masuk ke isi materi

8. Deskripsi Halaman ini terdapat tombol navigasi masuk ke isi

materi.

9. Visual MENU MATERI

KAKAWIHAN

KAULINAN

BARUDAK SUNDA

Halaman menu materi ini berisi materi tentang kakawihan barudak sunda, dilengkapi dengan
tombol navigasi untuk ke halaman menu isi materi.
b. Halaman Menu Utama Materi
Pada halaman ini terdapat beberapa tombol untuk melanjutkan ke halaman materi yang
diinginkan. Berikut ini storyboard halaman menu utama materi dapat dilihat pada tabel 4.5.
Tabel 4.5. Halaman Menu Utama Materi
No Isi Keterangan

1 Scene 3

2 Halaman Halaman menu utama materi

3 Durasi -
 No Isi Keterangan

4 Gambar Background, gambar kartun anak

5 Animasi -

6 Suara -

7 Navigasi 1. Tombol Menu daftar lagu

2. Tombol Menu daftar vidio
3. Tombol Menu evaluasi

8 Deskripsi Halaman ini terdapat beberapa menu.

9 Visual

MENU UTAMA

DAFTAR LAGU

DAFTAR VIDEO

EVALUASI

TENTANG

Pada halaman ini terdapat beberapa menu mengenai daftar lagu, daftar vidio, evaluasi, dan
tombol keluar dengan efek warna ketika di tekan.
c. Halaman Menu daftar lagu
Halaman menu daftar lagu terdapat beberapa pilihan lagu yang bisa diputar. Berikut ini
storyboard halaman menu daftar lagu dapat dilihat pada tabel 4.6.
 Tabel 4.6. Halaman Menu Daftar lagu
No Isi Keterangan

1. Scene 4

2. Halaman Menu Daftar Lagu

3. Durasi -

4. Gambar Background,

5. Animasi -

6. Suara -

7. Navigasi Tombol home

8. Deskripsi Halaman ini terdapat lima lagu.

9. Visual
DAFTAR LAGU

Perepet jengkol

cingciripit

Oray-orayan

cacaburange

Paciwit ciwit
lutung

Pada halaman ini terdapat daftar lagu juga di lengkapi tombol home disertai efek warna ketika
di tekan.
d. Menu daftar video
Halaman menu daftar video terdapat beberapa video yang bisa diputar. Berikut ini storyboard
halaman menu daftar video dapat dilihat pada tabel 4.7
Tabel 4.7. Halaman Menu Daftar Video
No Isi Keterangan

1. Scene 4

2. Halaman Menu Daftar Video

3. Durasi -

4. Gambar Background,

5. Animasi -

6. Suara -

7. Navigasi Tombol home

8. Deskripsi Halaman ini terdapat lima video.

9. Visual
DAFTAR VIDEO

Perepet jengkol

cingciripit

Oray-orayan

cacaburange

Paciwit ciwit
lutung

Pada halaman ini terdapat daftar video juga di lengkapi dengan tombol home disertai efek
warna ketika di tekan.
e. Halaman Menu Evaluasi
Menu evaluasi merupakan fitur yang disediakan untuk mengulas materi lagu dan video
kakawihan barudak sunda yang telah dipelajari. Berikut ini storyboard halaman menu
evaluasi dapat dilihat pada tabel 4.8.
Tabel 4.8. Halaman Menu Evaluasi
No Isi Keterangan

1. Scene 5

2. Halaman Menu Evaluasi

3. Durasi -

4. Gambar Background

5. Animasi -

6. Suara -

7. Navigasi 1. Tombol Home

2. Tombol melanjutkan
8. Deskripsi Pada halaman ini terdapat pertanyaan mengenai lagu
dan cara bermain kakawihan dan pilihan ganda untuk
menjawab, dan sebelum mulai mengerjakan soal isi
dulu nama dan no absen.
 No Isi Keterangan

9. Visual EVALUASI

pertanyaan

jawaban

Pada halaman ini terdapat pertanyaan mengenai kakawihan kaulinan barudak sunda dengan
jawaban pilihan ganda dan juga dengan tombol home, dan tombol kembli untuk kembali ke
halaman sebelumnya.
1. Perancangan Strutur Navigasi
Struktur navigasi merupakan gambaran pengorganisasian serta hubungan antar scene sehingga
terbentuk urutan alur informasi dari suatu aplikasi. Adanya struktur navigasi membuat aplikasi
multimedia memiliki pedoman, kegiatan informasi yang jelas. Struktur navigasi yang digunakan
dalam pembuatan aplikasi ini menggunakan struktur navigasi hierarki. Struktur navigasi hierarki
mengandalkan percabangan sehingga menampilkan informasi berdasarkan kriteria tertentu,
tampilan pada menu utama disebut master page dan percabangannya disebut dengan slave page.
Struktur navigasi dari aplikasi pembelajaran karawitan sekar sunda dapat dilihat bada gambar
4.1.
Gambar 4. 1. Struktur Navigasi Aplikasi