E Latihan
Baca Petunjuk
Mulai Latihan
Selesai
X Mengerjakan
Latihan
Hasil Tes
Ulangi Keluar
Selesai
Kembali Ke Menu Utama
Ya Tidak
Tidak Ya
Ya
Tidak
Gambar 3.8 Flowchart Halaman Latihan
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 materiisi 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.
Universitas Sumatera Utara
Aplikasi ini memiliki empat tampilan, yaitu tampilan halaman, tampilan awal home, tampilan materi atau isi, dan tampilan latihan, serta tampilan profil.
Substansiisi 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
Universitas Sumatera Utara
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 utamahome. 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
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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
Font: Eric demi ITC
Universitas Sumatera Utara
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 utamaHome 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.
Universitas Sumatera Utara
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.
Universitas Sumatera Utara
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 utamaHome 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 4 tampilan materi impuls, tapi halaman
Universitas Sumatera Utara
No Kategori
Fungi Visual Audio
penjelasan momentum akan berpindah kehalaman dua tentang contoh animasi dan bila
ditekan lagi tombol selanjutnya halaman akan berpindah lagi ke halaman tiga, yaitu halaman
rumus. Dan seterusnya. b.
Tombol sebelumnya, jika ditekan tombol akan tetap di scene 4 tampilan materi impuls.
Misalnya dari halaman contoh animasi akan berpindah ke halaman penjelasan impuls.
Artinya tombol sebelumnya berfungsi untuk kembali lagi ke halaman sebelumnya.
c. Tombol home, jika ditekan tombol home akan
berpindah ke scene 2 tampilan awal. d.
Tombol profil, jika ditekan tombol profil akan berpindah ke tampilan profil.
e. Tombol video, jika ditekan tombol video akan
mucul video yang menjelaskan tentang video impuls. Dirancangan ini ada dua video, yaitu
video pertama adalah video seseorang memukul palu ke batubata dan video kedua
seseorang yang memukul kayu.
5. Halaman
Tampilan Hukum
Kekekalan Momentum
keterangan: untuk posisi atau
letak objek lihat gambar 3.13
Fungsi:
Sebagai tampilan penyampaian materi Hukum Kekekalan Momentum. Memiliki 5 halaman,
yaitu halaman pertama penjelasan tentang impuls dan video, halaman kedua contoh animasi,
halaman ketiga rumus, halaman keempat rumus, dan halaman ke lima contoh soal. Selain itu
terdapat menu keluar untuk menutup aplikasi. Sound Effect
muncul ketika meng-
klik tombol Dan,
Suara narasi untuk
penjelasan dari materi
hukum
Universitas Sumatera Utara
No Kategori
Fungi Visual Audio
Teks:
a. Judul:
- Momentum Linear Warna: putih , Jenis
Font: Eric demi ITC
b. Isi:
Penjelasan tentang materi Hukum kekekalan momentum Warna: hitam dan Jenis Font:
Arial
Gambar:
- Logo animasi yang letakknya disebelah teks
momentum linear -
Gambar tentang Hukum kekekalan momentum yang menunjukkan halaman
tentang pembahasan Hukum kekekalan momentum.
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 roket yang meluncur
keatas dengan adanya gaya pendorong. b.
Video dua, berisikan seseorang menembakkan senapan dengan peluru.
kekekalan momentum.
Universitas Sumatera Utara
No Kategori
Fungi Visual Audio
Tombol Navigasi:
- Profil warna hijau dan jenis font arial
- Menu utamaHome warna hijau dan jenis
font arial -
Tombol selanjutnya warna biru dan jenis font: Arial
- Tombol sebelumnya warna biru dan jenis
font: Arial\ -
Keluar warna merah bentuknya segi empat
Link:
a. Tombol selanjutnya, jika ditekan akan tetap di
scene 5 tampilan materi Hukum Kekekalan Momentum, tapi halaman penjelasan
momentum akan berpindah kehalaman dua tentang contoh animasi dan bila ditekan lagi
tombol selanjutnya halaman akan berpindah lagi ke halaman tiga, yaitu halaman rumus dan
seterusnya. b.
Tombol sebelumnya, jika ditekan tombol akan tetap di scene 5 tampilan materi Hukum
Kekekalan Momentum. Misalnya dari
halaman contoh animasi akan berpindah ke halaman penjelasan Hukum Kekekalan
Momentum. Artinya tombol sebelumnya berfungsi untuk kembali lagi ke halaman
sebelumnya. c.
Tombol home, jika ditekan tombol home akan berpindah ke scene 2 tampilan awal.
d. Tombol profil, jika ditekan tombol profil akan
berpindah ke tampilan profil e.
Tombol video, jika ditekan tombol video akan
Universitas Sumatera Utara
No Kategori
Fungi Visual Audio
mucul video yang menjelaskan tentang video
Hukum Kekekalan Momentum. Dirancangan ini ada dua video, yaitu video pertama adalah
video roket dan video kedua adalah video
tentang senapan menembakkan pelurunya.
6 Halaman
Tampilan Tumbuka
keterangan: untuk posisi atau
letak objek lihat gambar 3.14
Fungsi:
Sebagai tampilan penyampaian materi tumbukan. Memiliki 7 halaman, yaitu halaman pertama
penjelasan tentang tumbukan, halaman kedua penjelasan tumbukan lenting sempurna dan
contoh animasi, halaman ketiga rumus dari tumbukan lenting sempurna, halaman keempat
contoh soal dari pembahasan tumbukan lenting sempurna, halaman kelima penjelasan tentang
tumbukan lenting sebagian dan video, halaman keenam contoh animasi penjelasan tentang
tumbukan lenting sebagian, halaman ketujuh contoh soal dari tentang tumbukan lenting
sebagian, dan halaman kedelapan penjelasan dari tumbukan tak lenting sama sekali dan contoh
animasi tumbukan tak lenting sama sekali. 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 Tumbukan Warna:
hitam dan Jenis Font: Arial Sound Effect
muncul ketika meng-
klik tombol Dan,
Suara narasi untuk
penjelasan dari materi
tumbukan
Universitas Sumatera Utara
No Kategori
Fungi Visual Audio
Gambar:
- Logo animasi yang letakknya disebelah teks
momentum linear -
Gambar tentang tumbukan yang menunjukkan halaman tentang pembahasan tumbukan.
Animasi:
a. Logo animasi yang berputar-putar, yang
letaknya disebelah teks judul Momentum Linear b.
Animasi contoh Tumbukan tumbukan dua bola
Tombol Navigasi:
- Profil warna hijau dan jenis font arial
- Menu utamaHome 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 6 tampilan materi tumbukan, tapi halaman penjelasan tumbukan akan berpindah
kehalaman penjelasan tumbukan lenting sempurna dan bila ditekan tombol selanjutnya,
halaman akan berpindah lagi ke halaman tiga, yaitu halaman rumus dari tumbukan lenting
sempurna. b.
Tombol sebelumnya, jika ditekan tombol akan
Universitas Sumatera Utara
No Kategori
Fungi Visual Audio
tetap di scene 3 tampilan materi tumbukan. Misalnya dari halaman penjelasan tumbukan
lenting sempurna akan berpindah ke halaman penjelasan tumbukan. Artinya tombol
sebelumnya berfungsi untuk kembali lagi ke halaman sebelumnya.
c. Tombol home, jika ditekan tombol home akan
berpindah ke scene 2 tampilan awal. d.
Tombol profil, jika ditekan tombol profil akan berpindah ke tampilan profil.
7 Halaman
Tampilan Latihan
keterangan: untuk posisi atau
letak objek lihat gambar 3.15
Fungsi:
Sebagai tampilan penyampaian latihan. Memiliki 3 halaman, yaitu halaman pertama petunjuk
mengerjakan latihan, halaman kedua proses mengerjakan latihan, dan halaman ketiga tampian
dari hasil latihan Gambar.312. Selain itu terdapat menu keluar untuk menutup aplikasi
Teks:
a. Judul:
- Latihan Warna: putih , Jenis Font: Eric demi
ITC b.
Isi: -
Penjelasan tentang petunjuk mengerjakan latihan Warna: hitam dan Jenis Font: Arial
- Soal-soal latihan pembelajaran
Gambar:
- Logo animasi yang letakknya disebelah teks
Latihan. -
Gambar tentang latihan yang menunjukkan
Sound Effect muncul
ketika meng- klik tombol
Universitas Sumatera Utara
No Kategori
Fungi Visual Audio
- halaman tentang pengerjaan latihan.
Tombol Navigasi:
- Profil warna hijau dan jenis font arial
- Menu utamaHome warna hijau dan jenis
font arial -
Keluar warna merah bentuknya segi empat -
Mulai warna biru bentuknya persegi
panjang.
Link:
a. Tombol mulai, jika ditekan akan tetap di scene
7 tampilan latihan, tapi halaman petunjuk mengerjakan latihan akan berpindah
kehalaman kedua proses mengerjakan latihan. b.
Tombol home, jika ditekan tombol home akan berpindah ke scene 2 tampilan awal.
c. Tombol profil, jika ditekan tombol profil akan
berpindah ke tampilan profil.
8 Tampilan Hasil
Latihan
keterangan: untuk posisi atau
letak objek lihat gambar 3.16
Teks:
a. Judul:
- Latihan Warna: putih , Jenis Font: Eric demi
ITC b.
Isi: -
Hasil latihan anda Warna: merah dan Jenis Font: Arial
- Pesan dari hasil latihan.
- Benar Warna: biru dan Jenis Font: Arial
- Salah Warna: merah dan Jenis Font: Arial
- Latihan Warna: merah dan Jenis Font:
Arial. Sound Effect
muncul ketika meng-
klik tombol
Universitas Sumatera Utara
No Kategori
Fungi Visual Audio
Gambar:
- Logo animasi yang letakknya disebelah teks
Latihan. -
Gambar tentang latihan yang menunjukkan halaman tentang pengerjaan latihan.
- Desain kotak-kotak untuk tempat hasil benar
atau salah latihan.
Tombol Navigasi:
- Profil warna hijau dan jenis font arial
- Menu utamaHome warna hijau dan jenis
font arial -
Keluar warna merah bentuknya segi empat -
Kembali warna biru bentuknya persegi
panjang.
Link:
a. Tombol Kembali, jika ditekan akan tetap di
scene 7 tampilan latihan, tapi halaman hasil latihan akan berpindah kehalaman halaman
pertama petunjuk mengerjakan latihan. b.
Tombol home, jika ditekan tombol home akan berpindah ke scene 2 tampilan awal.
c. Tombol profil, jika ditekan tombol profil akan
berpindah ke tampilan profil.
3.4 Perancangan Tampilan
