PERANCANGAN APLIKAS
3.3 Perancangan Storyboard
Perancangan storyboard digunakan untuk membuat skenario dari suatu program multimedia. Storyboard menampilkan rancangan tampilan beserta penjelasan isi dari tampilan tersebut. Storyboard menjelaskan secara rinci isi dari setiap tampilan sehingga pembaca mengetahui alur cerita dari program.
Tampilan Aplikasi Pengajaran Berbantuan Komputer dirancang dengan menampilkan animasi pada bagian materi/isi dibandingkan dengan antarmuka. Tujuannya adalah agar pengguna lebih fokus pada materi dan lebih mengerti akan isi materi. Desain tampilan antarmuka dirancang dengan sederhana, namun tetap mudah digunakan.
Aplikasi ini memiliki empat tampilan, yaitu tampilan halaman, tampilan awal (home), tampilan materi atau isi, dan tampilan latihan, serta tampilan profil. Substansi/isi dari aplikasi ini hanya berupa materi Penganjaran berbantuan komputer yang membahas tentang momentum, impuls, hukum kekekalan momentum, dan tumbukan serta di tambahin dengan fitur lain seperti, contoh soal, dan video. Menu utama dari aplikasi ini ada tiga, yaitu momentum, impuls, hukum kekekalan momentum, dan tumbukan yang semuanya adalah materi. Selain menu utama terdapat menu keluar untuk menutup aplikasi.
Adapun storyboard dari rancangan aplikasi pengajaran berbantuan komputer tentang momentum linear yang akan dibangun, adalah sebagai berikut. Lihat pada tabel 3.2.
Tabel 3.2 Storyboard Perancangan Aplikasi Pengajaran Berbantuan Komputer
No. Kategori Fungi / Visual Audio
1. Halaman Pembuka.
keterangan: untuk posisi atau letak objek lihat gambar 3.9
Fungsi:
Sebagai halaman pembuka
Teks:
a. Judul:
Pengajaran Berbantuan Komputer Momentum Linear Pada Pelajaran Fisika SMA. (warna kuning dan jenis font Arial)
b. Keterangan Logo:
- Universitas Sumatera Utara (warna hijau)
- Tutwurihandayani (warna biru)
Gambar: a. Logo USU. b. Logo Tutwurihandayani Sound Effect muncul ketika meng- klik tombol
No. Kategori Fungi / Visual Audio Animasi:
Berdasarkan waktunya, urutan animasi dari yang paling awal hingga yang paling akhir muncul adalah:
a. Logo USU beserta Logo tutuwurihandayani bertumbukan ditengah-tengah tampilan, dan masing-masing bertolak kebelakang keposisi semula. logonya secara serentak muncul dari berwarna putih hingga berwarna aslinya di sudut kanan atas.
b.Teks judul muncul terartur per-karakter disusul oleh teks standar komptensi per-karakter pula.
2. Halaman Menu
Utama.
keterangan: untuk posisi atau letak objek lihat gambar 3.10
Fungsi:
Sebagai tampilan menu utama(home). Memiliki tiga menu utama, yaitu: menu momentum, impuls, hukum kekekalan momentum, tumbukan, latihan. Selain itu terdapat menu keluar untuk menutup aplikasi
Teks
a. Judul:
Momentum Linear (Warna: putih , Jenis Font:
Eric demi ITC)
b. Isi pembuka:
- Selamat Datang di Multimedia
Pembelajaran Fisika SMA. (warna putih, dan jenis font Eric demi ITC)
- Klik menu tombol diatas untuk memilih dan memulai pembelajaran. (warna kuning dan
Sound Effect
muncul ketika meng- klik tombol
No. Kategori Fungi / Visual Audio
Jenis fonts: Arial)
Gambar
a. Animasi Logo.
b. Gambar orang dengan menunjukkan “klik menu disamping untuk memilih dan memulai pembelajaran.
Animasi:
Berdasarkan waktunya, urutan animasi dari yang paling awal hingga yang paling akhir muncul adalah:
a. Background diiringi dengan muncul satu
persatu dengan tombol materi yang bersamaan dan dengan muncul gambar orang yang mengucapkan dengan teks “Selamat Datang di Multimedia Pembelajaran Fisika SMA.
b.Logo animasi yang berputar-putar, yang letaknya disebelah teks judul Momentum Linear
Tombol Navigasi:
- Momentum (warna hijau+kuning dan jenis font arial)
- Impuls (warna hijau+kuning dan jenis font arial)
- Hukum Kekekalan Momentum (warna
hijau+kuning dan jenis font arial)
- Tumbukan (warna hijau+kuning dan jenis font arial)
- Profil (warna hijau dan jenis font arial) - Latihan (warna hijau dan jenis font arial)
No. Kategori Fungi / Visual Audio
- Tujuan (warna hijau dan jenis font arial) - Keluar (warna merah bentuknya petak)
Link:
a. Tombol Momentum, jika ditekan akan masuk ke scene 3 (tampilan materi momentum). b. Tombol Impuls, jika ditekan akan masuk ke
scene 4 (tampilan materi impuls).
c. Tombol Hukum Kekekalan Momentum, jika ditekan akan masuk ke scene 5 (tampilan materi Hukum Kekekalan Momentum).
d. Tombol Tumbukan, jika ditekan akan masuk ke scene 6 (tampilanmateri tumbukan).
e. Tombol Latihan, Jika ditekan akan masuk ke
scene 7 (tampilan latihan)
f. Tombol keluar, jika ditekan akan keluar dari aplikasi.
Fungsi:
Sebagai tampilan penyampaian materi Momentum. Memiliki 3 halaman, yaitu halaman pertama penjelasan tentang momentum, halaman kedua contoh animasi, dan halamn ketiga contoh soal. Selain itu terdapat menu keluar untuk menutup aplikasi.
Teks:
a. Judul:
- Momentum Linear (Warna: putih , Jenis
No. Kategori Fungi / Visual Audio
3. Halaman Tampilan Momentum
keterangan: untuk posisi atau letak objek lihat gambar 3.11
b. Isi:
Penjelasan tentang materi Momentum (Warna: hitam dan Jenis Font: Arial)
Gambar:
- Logo animasi yang letakknya disebelah teks momentum linear
- Gambar tentang Impuls yang menunjukkan halaman tentang pembahasan Impuls.
Animasi:
a. Logo animasi yang berputar-putar, yang letaknya disebelah teks judul Momentum Linear b.Animasi contoh mementum
Tombol Navigasi:
- Profil (warna hijau dan jenis font arial) - Menu utama/Home (warna hijau dan jenis
font arial)
- Keluar (warna merah bentuknya segi empat) - Tombol selanjutnya (warna biru dan jenis
font: Arial)
- Tombol sebelumnya (warna biru dan jenis font: Arial)
Link:
a. Tombol selanjutnya, jika ditekan akan tetap di
scene 3 (tampilan materi momentum), tapi
halaman penjelasan momentum akan berpindah kehalaman tentang contoh animasi dan bila ditekan tombol selanjutnya halaman akan berpindah lagi ke halaman tiga, yaitu halaman
Sound Effect muncul ketika meng- klik tombol Dan, Suara narasi untuk penjelasan dari materi momentum.
No. Kategori Fungi / Visual Audio
contoh soal.
b. Tombol sebelumnya, jika ditekan tombol akan tetap di scene 3 (tampilan materi momentum). Misalnya dari halaman contoh animasi akan berpindah ke halaman penjelasan momentum. Artinya tombol sebelumnya berfungsi untuk kembali lagi ke halaman sebelumnya.
c. Tombol menu utama (home), jika ditekan tombol home akan berpindah ke scene 2 (tampilan awal).
d. Tombol author, jika ditekan tombol akan berpindah ke tampilan profil.
4. Halaman
Tampilan Impuls
keterangan: untuk posisi atau letak objek lihat gambar 3.12
Fungsi:
Sebagai tampilan penyampaian materi Momentum. Memiliki 5 halaman, yaitu halaman pertama penjelasan tentang impuls dan video, halaman kedua contoh animasi, halaman ketiga rumus, halaman keempat penjelasan tentang hubungan impuls dan momentum, serta halaman ke lima contoh soal. Selain itu terdapat menu keluar untuk menutup aplikasi.
Teks:
a. Judul:
- Momentum Linear (Warna: putih , Jenis
Font: Eric demi ITC)
b. Isi:
Penjelasan tentang materi Impuls (Warna: hitam dan Jenis Font: Arial)
Sound Effect muncul ketika meng- klik tombol Dan, Suara narasi untuk penjelasan dari materi Impuls.
No. Kategori Fungi / Visual Audio Gambar:
- Logo animasi yang letakknya disebelah teks momentum linear
- Gambar tentang Impuls yang menunjukkan halaman tentang pembahasan Impuls.
Animasi:
a. Logo animasi yang berputar-putar, yang letaknya disebelah teks judul Momentum Linear.
b.Animasi narasi pada saat narasi on c. Animasi contoh Impuls.
Video:
a. Video satu, berisikan tentang sesorang memukul palu ke batubata
b.Video dua, berisikan seseorang memukul kayu dengan tangan.
Tombol Navigasi:
- Profil (warna hijau dan jenis font arial) - Menu utama/Home (warna hijau dan jenis
font arial)
- Keluar (warna merah bentuknya segi empat) - Tombol selanjutnya (warna biru dan jenis
font: Arial)
- Tombol sebelumnya (warna biru dan jenis font: Arial)
Link:
a. Tombol selanjutnya, jika ditekan akan tetap di