Tidak Tidak
Ya Ya
Tidak
Ya
Gambar 3.4 Flowchart Aplikasi PBK untuk pokok bahasan Kimia Senyawa Hidrokarbon Benzena akhir sub-bagian latihan
3.4 Storyboard
Storyboard merupakan uraian yang berisi visual dan audio penjelasan dari masing- masing alur dalam flowchart. Satu kolom dalam storyboard mewakili satu tampilan di
layar monitor. Dengan demikian, biasanya storyboard cukup banyak hingga berlembar-lembar. Fungsi dari storyboard antara lain:
a. Memperjelas flowchart.
b. Pedoman bagi animator, programmer, dan narrator.
c. Sebagai dokumen tertulis.
d. Bahan pembuatan buku manual.
Adapun storyboard dari rancangan aplikasi PBK untuk pokok bahasan Kimia Senyawa Hidrokarbon Benzena yang akan dibangun, setiap halaman akan disajikan
pada tabel 3.2 sebagai berikut.
Soal no. 5 terjawab
Soal no. 5; bobot -1
terjawab
6
Soal no. 5; bobot -2
terjawab
6
6 D
6 C
A Total Jawaban
Benar; Total Jawaban
Universitas Sumatera Utara
Tabel 3.2 Storyboard Perancangan Aplikasi PBK untuk pokok bahasan Kimia Senyawa Hidrokarbon Benzena
No. Kategori
Visual Audio
1. Halaman Utama.
keterangan: untuk posisi atau
letak objek lihat gambar 3.5
a. Judul:
BENZENA DAN TURUNANNYA
TEKS:
1 Warna: hitam
2 Jenis Font: Trajan Pro
b. Keterangan Logo:
PROGRAM EKSTENSI S1 ILMU KOMPUTER DEPARTEMEN ILMU KOMPUTER
FAKULTAS MIPA UNIVERSITAS SUMATERA UTARA
1 Warna: hitam
2 Jenis Font: Times New Roman
c. Standar Kompetensi:
-
Mengetahui sejarah benzena - Memahami rumus struktur dan sifat-sifat benzena
- Mengenal beberapa turunan dari benzena
1 Warna: hitam
2 Jenis Font: Times New Roman
d. Teks copyright:
copyright ondo_sakties 2010
1 Warna: hitam
2 Jenis Font: Arno Pro Smbd Display
a. Logo USU.
GAMBAR:
b. Tombol menu bergambar Benzena dengan keterangan Keluar.
Sound Effect muncul
ketika meng- klik tombol
Universitas Sumatera Utara
No. Kategori
Visual Audio
… no.1 lanjutan c. Tombol menu bergambar Benzena dengan
keterangan Materi. d. Tombol menu bergambar Benzena dengan
keterangan Latihan. e.
Background Tampilan bergambar benzena dengan wujud lebih transparan dari tampilan
lainnya.
ANIMASI:
Berdasarkan waktunya, urutan animasi dari yang paling awal hingga yang paling akhir muncul
adalah:
a. Logo USU beserta keterangan 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.
c. Gambar benzena pada tombol materi muncul
dari ukuran kecil ke ukuran normalnya disusul keluarnya keterangan teks materi. Animasi
berikutnya dengan proses yang sama terjadi untuk tombol latihan dan tombol keluar.
d. Teks copyright muncul di sudut kiri bawah,
berjalan dari kanan ke kiri.
Universitas Sumatera Utara
No. Kategori
Visual Audio
2. Halaman Materi.
keterangan: untuk posisi atau
letak objek lihat gambar 3.6
a. Judul:
BENZENA DAN TURUNANNYA
TEKS
1 Warna: hitam
2 Jenis Font: Times New Roman
b. Isi pembuka:
Benzena, juga dikenal dengan nama C6H6, PhH, dan benzol, adalah senyawa kimia organik yang
merupakan cairan tak berwarna dan mudah terbakar serta mempunyai bau yang manis. Benzena adalah
sejenis karsinogen. Benzena adalah salah satu komponen dalam bensin dan merupakan pelarut yang
penting dalam dunia industri. Benzena juga adalah bahan dasar dalam produksi obat-obatan, plastik,
bensin, karet buatan, dan pewarna. Selain itu, benzena adalah kandungan alami dalam minyak
bumi, namun biasanya diperoleh dari senyawa lainnya yang terdapat dalam minyak bumi.
1 Warna: hitam + merah
2 Jenis Font: Arial
b. Menu materi 1
Warna: hitam 2
Jenis Font: Ravie
c. Keterangan Logo:
PROGRAM EKSTENSI S1 ILMU KOMPUTER DEPARTEMEN ILMU KOMPUTER
FAKULTAS MIPA UNIVERSITAS SUMATERA UTARA
1 Warna: hitam
2 Jenis Font: Times New Roman
Sound Effect muncul
ketika meng- klik tombol
Universitas Sumatera Utara
No. Kategori
Visual Audio
… no.2 lanjutan
d. Teks copyright:
copyright ondo_sakties 2010
1 Warna: hitam
2 Jenis Font: Arno Pro Smbd Display
a. Logo USU.
GAMBAR
b. Tombol menu sub bagian materi dengan teks
sejarah benzena.
c. Tombol menu sub bagian materi dengan teks
sifat-sifat benzena.
d. Tombol menu sub bagian materi dengan teks
turunan benzena .
e. Background Tampilan bergambar benzena
dengan wujud lebih transparan dari tampilan lainnya.
ANIMASI
Berdasarkan waktunya, urutan animasi dari yang paling awal hingga yang paling akhir muncul
adalah:
a. Teks judul muncul dari bentuk transparan ke
warna sebenarnya.
b. Teks isi pembuka muncul perbaris dimulai dari
baris yang paling atas.
Universitas Sumatera Utara
No. Kategori
Visual Audio
… no.2 lanjutan
c. Link sejarah, sifat-sifat dan turunan benzena
muncul dari kiri layar ke posisi yang telah ditentukan.
d. Teks copyright muncul di sudut kiri bawah,
berjalan dari kanan ke kiri.
e. tombol menu utama muncul dari bentuk
transparan ke warna yang sebenarnya disertai animasi berbentuk segitiga yang berganti-ganti
warna dibawahnya.
3. Halaman Sub
Materi 1.
keterangan: untuk posisi atau
letak objek lihat gambar 3.7
a. Judul:
Sejarah
TEKS
1 Warna: hitam
2 Jenis Font: Times New Roman
c. Isi:
Benzena pertama kali ditemukan pada tahun 1825 oleh seorang ilmuwan Inggris, Michael Faraday 1791
- 1867 dari gas minyak asitalena yang diisolasikannya di kota London, Inggris, dan menamakannya
bikarburet dari Hidrogen. Cairan hasil isolasi tersebut merupakan senyawa yang memiliki rumus
molekul C6H6 yang kemudian diberinya nama Benzene Benzena. Senyawa hidrokarbon umumnya
mudah mengalami reaksi adisi, dan sangat sukar mengalami reaksi substitusi. Akan tetapi, alangkah
terkejutnya para ilmuwan waktu itu ketika mengetahui bahwa senyawa benzena tidak dapat
diadisi oleh cairan Bromin Br dan malah dapat disubstitusi oleh senyawa halogen. Artinya,
kedudukan dan fungsi keenam atom Carbon C dalam senyawa benzena adalah sama atau ekivalen.
Sound Effect muncul
ketika meng- klik tombol
Universitas Sumatera Utara
No. Kategori
Visual Audio
… no.3 lanjutan
1 Warna: hitam 2 Jenis Font: Arial
b. Menu materi 1
Warna: hitam 2
Jenis Font: Ravie
c. Keterangan Logo:
PROGRAM EKSTENSI S1 ILMU KOMPUTER DEPARTEMEN ILMU KOMPUTER
FAKULTAS MIPA UNIVERSITAS SUMATERA UTARA
1 Warna: hitam
2 Jenis Font: Times New Roman
d. Keterangan Gambar:
Michael Farraday
e. Teks copyright:
copyright ondo_sakties 2010
1 Warna: hitam
2 Jenis Font: Arno Pro Smbd Display
a. Logo USU.
GAMBAR
b. Tombol “materi” untuk kembali ke menu utama
materi.
c. Tombol menu sub bagian materi 2 dengan teks
sifat-sifat benzena.
Visual
Universitas Sumatera Utara
No. Kategori
Audio … no.3 lanjutan
d. Tombol menu sub bagian materi 3 dengan teks
turunan benzena . e.
Tombol “berikutnya” yang akan membawa user ke halaman berikutnya tetapi masih dalam
pembahasan sejarah benzena. f.
Tombol “sebelumnya” yang akan membawa user ke halaman sebelumnya tetapi masih dalam
pembahasan sejarah benzena. g.
Background Tampilan bergambar benzena dengan wujud lebih transparan dari tampilan
lainnya.
ANIMASI
Berdasarkan waktunya, urutan animasi dari yang paling awal hingga yang paling akhir muncul
adalah: a.
Teks judul muncul secara blink. b.
Teks isi muncul perbaris dimulai dari baris yang paling atas.
c. Teks copyright muncul di sudut kiri bawah,
berjalan dari kanan ke kiri. 4.
Halaman Sub Materi 2.
keterangan: untuk posisi atau
letak objek lihat gambar 3.8
a. Judul:
Sifat-sifat
TEKS
1 Warna: hitam
2 Jenis Font: Times New Roman b.
Isi:
Sifat Fisika: a. Berbentuk zat cair pada suhu ruangan ± 25
o
C. b. Tidak berwarna.
c. Berbau menyengat.