0 Perangkat Lunak
3.5 Pembuatan 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.
Tabel 3.3 Storyboard Perancangan Perangkat Lunak Tumbuhan Biji Pelajaran Biologi Sekolah Menengah Pertama Kelas VII
No Rancangan Visual Audio
1 Menu Intro : Lihat pada Gambar 3.15
Judul : Pengajaran Berbantuan Komputer Tumbuhan Biji (kuning di bagian tengah stage) Tampilan intro ini berisi judul PBK yaitu
Sound Effect
Rancangan Tampilan Intro
“Pengajaran Berbantuan Komputer Tumbuhan Biji” Animasi : gelembung-gelembung dengan
background berwarna biru
ketika program di buka 2 Menu Utama : Lihat pada Gambar 3.16 Rancangan Tampilan Menu Utama halaman 1
1. Judul : Spermatophyta (Tumbuhan Biji), warna hijau di bagian atas
2. Tombol Menu Home : berupa teks dengan warna hijau, apabila kursor mengarah ke teks maka teks akan berubah menjadi warna kuning dan teks akan membesar. Klik tombol home untuk melihat isi halaman home.
3. Tombol Menu Materi : berupa teks dengan warna hijau, apabila kursor mengarah ke teks maka teks akan berubah menjadi warna kuning dan teks akan membesar.
4. Tombol Menu Tes : berupa teks dengan warna hijau, apabila kursor mengarah ke teks maka teks akan berubah menjadi warna kuning dan teks akan membesar.
5. Tombol Menu About Me : berupa teks dengan warna hijau, apabila kursor mengarah ke teks maka teks akan berubah menjadi warna kuning
Sound Effect muncul ketika program di buka
dan teks akan membesar. Apabila tombol About
Me di klik, maka akan tampil halaman isi dari
menu tentang saya. Klik tombol About Me untuk melihat isi halaman About Me.
6. Halaman Isi : Teks berwarna putih
Tumbuhan biji termasuk ke dalam divisi
Spermatophyta dimana alat reproduksi generatif
berupa biji. Spermatophyta (tumbuhan berbiji) memiliki ciri-ciri antara lain:
a. makroskopis dengan ketinggian bervariasi b. bentuk tubuhnya bervariasi
c. cara hidup fotoautotrof (dapat membuat makanan sendiri dengan bantuan energi energi cahaya matahari dan kimia)
d. habitatnya kebanyakan di darat tapi ada juga yang mengapung di air (teratai)
e. mempunyai pembuluh floem dan xylem f. reproduksi melalui penyerbukan (polinasi)
dan pembuahan (fertilisasi).
7. Tombol Sound : warna hijau berbentuk bulat (sudut kiri atas).
Klik untuk menghentikan sound effect.
(sudut kanan atas).
Klik untuk menutup aplikasi. 3 Menu Materi: Lihat pada Gambar 3.17 Rancangan Tampilan Menu Materi
1. Judul : Spermatophyta (Tumbuhan Biji), warna hijau di bagian atas
2. Halaman Isi Materi : Teks berwarna Putih
Semua tumbuhan yang menghasilkan biji merupakan kelompok Spermatophyta. Sistem pengklasifikasian tumbuhan biji berdasarkan pada letak bakal biji atau bijinya.
Terdapat dua versi klasifikasi tumbuhan biji. Sistem klasifikasi terdahulu membedakan tumbuhan biji menjadi dua anak divisi (sub divisio), yaitu:
a. Tumbuhan biji terbuka (gymnospermae) b. Tumbuhan biji tertutup (angiospermae)
3. Tombol Submateri : Tombol navigasi berwarna hijau, apabila diklik maka akan masuk ke submateri tumbuhan biji terbuka (gymnospermae).
Teks berwarna putih (disamping tombol navigasi), apabila diklik maka akan masuk ke submateri tumbuhan biji terbuka
Sound Effect muncul ketika program di buka
(gymnospermae).
4. Tombol Submateri : Tombol navigasi berwarna hijau, apabila diklik maka akan masuk ke
submateri tumbuhan biji tertutup(angiospermae). Teks berwarna putih (disamping tombol navigasi), apabila diklik maka akan masuk ke submateri tumbuhan biji tertutup (angiospermae).
5. Tombol Sound : Warna hijau berbentuk bulat (kanan atas di bawah tombol home).
Klik untuk menghentikan sound effect.
6. Tombol Home : Warna hijau berbentuk bulat (kanan atas di bawah tombol close).
Klik untuk kembali ke menu utama.
7. Tombol Close : Warna merah berbentuk bulat (sudut kanan atas).
Klik untuk menutup aplikasi. 4 Menu Materi
1:Gymnosper- mae
Lihat pada
1. Judul : Tumbuhan Biji Terbuka
(Gymnospermae), warna hijau di bagian atas.
2. Halaman Isi Materi : Teks berwarna Putih
Ciri-ciri gymnospermae adalah:
Sound Effect
muncul ketika program
Gambar 3.18 Rancangan Tampilan Materi Gymnosper- mae
a. tidak mempunyai bunga sejati b. tidak memiliki mahkota bunga
c. bakal biji terdapat di luar permukaan dan tidak dilindungi oleh daun buah
d. merupakan tumbuhan heterospora yaitu menghasilkan dua jenis spora berlainan e. megaspora membentuk gamet betina dan
mikrospora menghasilkan serbuk sari f. struktur reproduksi terbentuk di dalam
strobilus
g. dalam reproduksi terjadi pembuahan tunggal
3. Tombol navigasi back : berwarna putih, bentuk bulat. Klik untuk kembali ke halaman sebelumnya.
4. Tombol navigasi next : berwarna putih, bentuk bulat. Klik untuk ke halaman selanjutnya yaitu pembagian ordo dan divisio gymnospermae.
5. Tombol Sound : Warna hijau berbentuk bulat (kanan atas di bawah tombol home).
Klik untuk menghentikan sound effect.
6. Tombol Home : Warna hijau berbentuk bulat (kanan atas di bawah tombol close).
Klik untuk kembali ke menu utama.
7. Tombol Close : Warna merah berbentuk bulat (sudut kanan atas).
Klik untuk menutup aplikasi. 5 Menu Materi 1: Angiosper- mae Lihat pada Gambar 3.19 Rancangan Tampilan Materi Angiosper- mae
1. Judul : Tumbuhan Biji Tertutup (Angiospermae), warna hijau di bagian atas.
2. Halaman isi materi : Teks berwarna Putih Ciri-ciri Angiospermae adalah:
a. memiliki bakal biji atau biji yang tertutup oleh daun buah
b. mempunyai bunga sejati
c. umumnya tumbuhan berupa pohon, perdu, semak, liana dan herba
d. dalam reproduksi terjadi pembuahan ganda
3. Tombol Submateri : Tombol navigasi berwarna hijau, apabila diklik maka akan masuk ke submateri Monocotyledoneae (berkeping satu).
Teks berwarna putih (disamping tombol navigasi), apabila diklik maka akan masuk ke submateri Monocotyledoneae (berkeping satu).
4. Tombol Submateri : Tombol navigasi berwarna hijau, apabila diklik maka akan masuk ke
Sound Effect muncul ketika program di buka
submateri Dicotyledoneae (berkeping dua).
Teks berwarna putih (disamping tombol navigasi), apabila diklik maka akan masuk ke submateri tumbuhan biji tertutup (angiospermae).
5. Tombol navigasi back : berwarna putih, bentuk bulat. Klik untuk kembali ke halaman sebelumnya.
6. Tombol Sound : Warna hijau berbentuk bulat (kanan atas di bawah tombol home). Klik untuk menghentikan sound effect.
7. Tombol Home : Warna hijau berbentuk bulat (kanan atas di bawah tombol close).
Klik untuk kembali ke menu utama.
8. Tombol Close : Warna merah berbentuk bulat (sudut kanan atas).
Klik untuk menutup aplikasi. 6 Menu
Submateri 1: Monokotil
1. Judul : Monocotyledoneae (Tumbuhan Berkeping Satu)
2. Isi halaman Materi : Teks berwarna Putih
Sound Effect
muncul ketika
Lihat pada Gambar 3.20 Rancangan Tampilan Submateri Monokotil
Monokotil disebut juga tumbuhan berkeping satu atau tunggal kerena memiliki biji yang berkecambah dengan satu daun lembaga.
Tumbuhan ini memiliki beberapa ciri, yaitu: a. berakal serabut
b. batang memiliki ruas-ruas c. pertulangan daun sejajar
d. jumlah mahkoa bunga atau kelopak adalah tiga atau kelipatannya
e. batangnya tidak bercabang-cabang.
3. Tombol navigasi back : berwarna putih, bentuk bulat. Klik untuk kembali ke halaman sebelumnya.
4. Tombol navigasi next : berwarna putih, bentuk bulat. Klik untuk ke halaman selanjutnya yaitu contoh monokotil.
5. Tombol Sound : Warna hijau berbentuk bulat (kanan atas di bawah tombol home). Klik untuk menghentikan sound effect.
6. Tombol Home : Warna hijau berbentuk bulat (kanan atas di bawah tombol close). Klik untuk kembali ke menu utama.
program di buka
7. Tombol Close : Warna merah berbentuk bulat (sudut kanan atas).
Klik untuk menutup aplikasi. 7 Menu Submateri 1: Dikotil Lihat pada Gambar 3.21 Rancangan Tampilan Submateri Dikotil
1. Judul : Dicotyledoneae (Tumbuhan Berkeping Dua)
2. Isi halaman Materi : Teks berwarna Putih
Ciri-ciri tumbuhan dikotil, yaitu:
a. tulang daun beranekaragam berupa menjari dan menyirip
b. batang berkambium c. akar tunggang
d. bagian-bagian bunga kelipatan 2, 4, atau 5.
3. Tombol navigasi back : berwarna putih, bentuk bulat. Klik untuk kembali ke halaman
sebelumnya.
4. Tombol navigasi next : berwarna putih, bentuk bulat. Klik untuk kembali ke halaman
selanjutnya yaitu contoh tumbuhan dikotil.
5. Tombol Sound : Warna hijau berbentuk bulat (kanan atas di bawah tombol home). Klik untuk menghentikan sound effect.
6. Tombol Home : Warna hijau berbentuk bulat (kanan atas di bawah tombol close). Klik untuk
Sound Effect muncul ketika program di buka
kembali ke menu utama.
7. Tombol Close : Warna merah berbentuk bulat (sudut kanan atas).
Klik untuk menutup aplikasi. 8 Menu Tes : Lihat pada Gambar 3.22 Rancangan Tampilan Menu Tes
1. Halaman Isi : Berupa gambar
2. Tombol mulai tes : berupa tulisan berwarna putih. Klik untuk memulai tes.
3. Tombol Sound : Warna hijau berbentuk bulat (kanan atas di bawah tombol home). Klik untuk menghentikan sound effect.
4. Tombol Home : Warna hijau berbentuk bulat (kanan atas di bawah tombol close). Klik untuk kembali ke menu utama.
5. Tombol Close : Warna merah berbentuk bulat (sudut kanan atas). Klik untuk menutup aplikasi.
Sound Effect muncul ketika program di buka 9 Menu Tes : Lihat pada Gambar 3.23 Rancangan Tampilan Saat Mengerjakan
1. Pertanyaan : Teks berwarna putih. Pertanyaan dapat juga berupa gambar dengan model soal
random. Soal yang disajikan hanya 10 soal.
2. Pilihan jawaban A : Teks berwarna putih. Jawaban dapat juga berupa gambar. Klik apabila
Sound Effect muncul ketika program di buka
Tes menurut Anda jawaban yang benar. Setelah di klik maka akan masuk ke soal berikutnya.
3. Pilihan jawaban B : Teks berwarna putih. Jawaban dapat juga berupa gambar. Klik apabila menurut Anda jawaban yang benar. Setelah di klik maka akan masuk ke soal berikutnya.
4. Pilihan jawaban C : Teks berwarna putih. Jawaban dapat juga berupa gambar. Klik apabila menurut Anda jawaban yang benar. Setelah di klik maka akan masuk ke soal berikutnya.
5. Pilihan jawaban D : Teks berwarna putih. Jawaban dapat juga berupa gambar. Klik apabila menurut Anda jawaban yang benar. Setelah di klik maka akan masuk ke soal berikutnya.
6. Pilihan jawaban E : Teks berwarna putih. Jawaban dapat juga berupa gambar. Klik apabila menurut Anda jawaban yang benar. Setelah di klik maka akan masuk ke soal berikutnya.
7. Tombol Sound : Warna hijau berbentuk bulat (kanan atas di bawah tombol home). Klik untuk menghentikan sound effect.
(kanan atas di bawah tombol close). Klik untuk kembali ke menu utama.
9. Tombol Close : Warna merah berbentuk bulat (sudut kanan atas). Klik untuk menutup aplikasi. 10 Menu Tes : Lihat pada Gambar 3.24 Rancangan Tampilan Hasil Tes
1. Jumlah jawaban benar : Terdapat teks dan angka. Teks berupa jumlah soal yang benar berwarna putih, kemudian di samping teks terdapat angka (warna biru) yang menunjukkan jumlah soal yang benar.
2. Jumlah jawaban salah : Terdapat teks dan angka. Teks berupa jumlah soal yang salah berwarna putih, kemudian di samping teks terdapat angka (warna merah) yang menunjukkan jumlah soal yang salah.
3. Jumlah nilai : Terdapat teks dan angka. Teks berupa skor dari tes (berwarna putih) dan disamping teks terdapat angka yang menunjukkan skor.
4. Gambar : Gambar sesuai dengan hasil tes.
5. Tombol navigasi : berupa teks “ulang tes” berwarna putih. Klik untuk kembali ke halaman awal tes apabila ingin mengulang tes.
Sound Effect muncul ketika program di buka
6. Tombol Sound : Warna hijau berbentuk bulat (kanan atas di bawah tombol home). Klik untuk menghentikan sound effect.
7. Tombol Home : Warna hijau berbentuk bulat (kanan atas di bawah tombol close). Klik untuk kembali ke menu utama.
8. Tombol Close : Warna merah berbentuk bulat (sudut kanan atas). Klik untuk menutup aplikasi. 11 Menu About Me: Lihat pada Gambar 3.25 Rancangan Tampilan Menu About Me
1. Halaman Isi : Teks berwarna putih. Nama : Yuni Ulfah Harahap
NIM : 081421025
TTL : Medan, 29 Juni 1987
E-mail : yhun_linkinpark@yahoo.com
2. Tombol Sound : Warna hijau berbentuk bulat (kanan atas di bawah tombol home). Klik untuk menghentikan sound effect.
3. Tombol Home : Warna hijau berbentuk bulat (kanan atas di bawah tombol close). Klik untuk kembali ke menu utama.
4. Tombol Close : Warna merah berbentuk bulat (sudut kanan atas). Klik untuk menutup aplikasi.
Sound Effect muncul ketika program di buka