3.5 Pembuatan Storyboard
Storyboard merupakan uraian yang berisi penjelasan dari masing-masing alur dalam flowchart. Satu kolom dalam storyboard mewakili satu tampilan layar di monitor.
Berikut ini merupakan storyboard yang dibuat adalah sebagai berikut:
Tabel 3.2 Storyboard Perancangan No Rancangan
Visual 1
Kerangka Tampilan Halaman
Awal, seperti
Gambar 3.3 1.
Judul: Aplikasi Pembelajaran Fisiologi Tubuh Manusia Menggunakan Macromedia Flash 8.
Animasi backround akan berubah-ubah menjadi pemandangan atau bunga.
2. Tombol Mulai: berupa bentuk silinder transparan
yang didalamnya terdapat teks berwarna hitam. Apabila kursor mengarah pada silinder dan teks,
maka silinder akan berubah warna menjadi merah.
2 Kerangka
Halaman Menu, seperti Gambar 3.4
1. Menu: Terdapat di bagian atas. Menu-menu yang
ditampilkan adalah otak, jantung, paru-paru, hati, lambung, ginjal, latihan dan tutup.
2. Tombol Otak: berupa bentuk silinder berwarna hijau,
biru dan hitam yang didalamnya terdapat teks berwarna hijau. Apabila kursor mengarah pada
No Rancangan Visual
silinder, maka silinder dan teks akan berubah warna. Silinder akan berwarna hitam dan merah, sedangkan
teks akan berwarna hitam.
3. Tombol Jantung: berupa bentuk silinder berwarna
hijau, biru dan hitam yang didalamnya terdapat teks berwarna hijau. Apabila kursor mengarah pada
silinder, maka silinder dan teks akan berubah warna. Silinder akan berwarna hitam dan merah, sedangkan
teks akan berwarna hitam.
4. Tombol Paru-Paru: berupa bentuk silinder berwarna
hijau, biru dan hitam yang didalamnya terdapat teks berwarna hijau. Apabila kursor mengarah pada
silinder, maka silinder dan teks akan berubah warna. Silinder akan berwarna hitam dan merah, sedangkan
teks akan berwarna hitam.
5. Tombol Hati: berbentuk silinder berwarna hijau, biru
dan hitam yang didalamnya terdapat teks berwarna hijau. jika kursor mengarah pada silinder, maka
silinder dan teks akan berubah warna. 6.
Tombol Lambung: berupa bentuk silinder berwarna hijau, biru dan hitam yang didalamnya terdapat teks
berwarna hijau. Apabila kursor mengarah pada silinder, maka silinder dan teks akan berubah warna.
Silinder akan berwarna hitam dan merah, sedangkan teks akan berwarna hitam.
7. Tombol Ginjal: berupa bentuk silinder berwarna
hijau, biru dan hitam yang didalamnya terdapat teks berwarna hijau. Apabila kursor mengarah pada
silinder, maka silinder dan teks akan berubah warna. Silinder akan berwarna hitam dan merah, sedangkan
teks akan berwarna hitam.
1. Tombol Latihan: berupa silinder berwarna hijau,
biru dan hitam, lalu teks berwarna hijau. Apabila kursor mengarah pada silinder, maka silinder dan
teks akan berubah warna. Silinder akan berwarna hitam dan merah, sedangkan teks akan berwarna
hitam. 2.
Tombol Tutup: berupa silinder berwarna hijau, biru dan hitam yang didalamnya terdapat teks
berwarna hijau. Apabila kursor mengarah pada silinder, maka silinder dan teks akan berubah
warna.
3 Kerangka
Tampilan awal materi, seperti
pada Gambar 3.5
1. Tombol Menu: berupa silinder berwarna biru yang
didalamnya terdapat teks berwarna putih. Apabila kursor mengarah pada silinder, maka silinder dan teks
akan berubah warna. Silinder akan berwarna putih, merah dan hitam, sedangkan teks akan berwarna
merah.
2. Gambar Organ: berupa gambar organ tubuh manusia,
yaitu: otak, jantung, paru-paru, hati, lambung, dan ginjal.
3. Nama Organ: berupa nama organ tubuh manusia,
yaitu: otak, jantung, paru-paru, hati, lambung, dan ginjal.
4. Tombol Pengertian Organ: berupa teks yang
berwarna hitam. Apabila kursor mengarah pada tombol, maka teks akan berubah warna menjadi
merah. Ketika tombol pengertian organ di klik, maka akan menuju ke halaman materi pengertian organ.
5. Tombol Fungsi Organ: berupa teks yang berwarna
hitam. Apabila kursor mengarah pada tombol, maka teks akan berubah warna menjadi merah. Ketika
tombol fungsi organ di klik, maka akan menuju ke halaman materi fungsi organ.
6. Tombol Cara Kerja Organ: berupa teks yang
berwarna hitam. Jika kursor mengarah pada tombol, maka teks akan berubah warna menjadi merah.
Ketika tombol cara kerja organ di klik, maka akan menuju ke halaman materi cara kerja organ.
7. Tombol Navigasi Back: berupa lingkaran yang
berwarna biru dan abu-abu. Jika di klik, maka akan kembali ke halaman sebelumnya.
8. Tombol Navigasi Next: berupa lingkaran yang
berwarna biru dan abu-abu. Jika di klik, maka akan menuju ke halaman selanjutnya.
4 Kerangka
Tampilan Materi
Pengertian Organ, seperti Gambar 3.6
1. Tombol Menu: berbentuk silinder berwarna biru yang
didalamnya terdapat teks berwarna putih. Jika kursor mengarah pada silinder, maka silinder dan teks akan
berubah warna. Silinder akan berwarna putih, merah dan hitam, sedangkan teks akan berwarna merah.
2. Gambar Organ: berupa gambar organ tubuh manusia
yaitu: otak, jantung, paru-paru, hati, lambung, dan ginjal.
3. Nama Organ: berupa nama organ tubuh manusia.
4. Tombol Pengertian Organ: berupa teks yang
berwarna hitam. Apabila kursor mengarah pada tombol, maka teks akan berubah warna menjadi
merah. Ketika tombol pengertian organ di klik, maka akan kembali ke tampilan awal materi.
5. Materi Pengertian Organ:
Otak: merupakan pengendali utama dari tubuh manusia. Otak terdiri atas beberapa bagian utama yaitu
serebrum, serebelum dan batang otak.
Jantung: merupakan organ utama sistem kardiovaskuler, berotot, dan berongga yang terletak di antara dua paru-
paru.
Paru-Paru: adalah organ pada sistem pernapasan respirasi dan berhubungan dengan sistem peredaran
darah sirkulasi ketika manusia sedang bernafas.
Hati: merupakan kelenjar paling besar di tubuh manusia. Hati berada di bagian kanan atas rongga abdomen, yang
memenuhi hampir semua kondrium kanan dan tepat di bawah diafragma.
Lambung: adalah bagian saluran cerna yang paling lebar dan terletak di antara ujung esofagus di pangkal usus
halus. Ginjal: adalah organ berbentuk dua buncis yang terletak
di bagian posterior abdomen, satu buah terletak di sisi kolumna vertebralis, di belakang peritoneum.
6. Tombol Navigasi Back: berupa lingkaran yang
berwarna biru dan abu-abu. Apabila di klik, maka akan kembali ke halaman sebelumnya.
7. Tombol Navigasi Next: berupa lingkaran yang
berwarna biru dan abu-abu. Apabila di klik, maka akan menuju ke halaman selanjutnya.
5 Kerangka
Tampilan Fungsi 1.
Tombol Menu: berbentuk silinder berwarna biru yang didalamnya terdapat teks berwarna putih. Jika kursor
Organ, seperti Gambar 3.7
mengarah pada silinder, maka silinder dan teks akan berubah warna. Silinder akan berwarna putih, merah
dan hitam, sedangkan teks akan berwarna merah.
2. Gambar Organ: berupa gambar organ tubuh manusia
3. Nama Organ: berupa nama organ tubuh manusia,
yaitu: otak, jantung, paru-paru, hati, lambung, dan ginjal.
Tombol Fungsi Organ: berupa teks yang berwarna hitam. Apabila kursor mengarah pada tombol, maka
teks akan berubah warna menjadi merah. Ketika tombol fungsi organ di klik, maka akan kembali ke
tampilan awal materi.
4. Materi Fungsi organ:
a. Otak berfungsi untuk:
1. Mengendalikan seluruh panca indra
2. Mengendalikan seluruh organ tubuh
3. Mengendalikan aktivitas bahasa, berbicara dan
menulis 4.
Mengatur dan mengendalikan emosi
b. Jantung berfungsi untuk memompa darah ke
seluruh tubuh dan menampungnya kembali setelah di bersihkan oleh paru-paru.
c. Paru-paru berfungsi untuk menukarkan oksigen
O
2
dari udara dengan karbondioksida CO
2
dari darah.
d. Hati berfungsi untuk:
1. Membantu metabolisme karbohidrat
2. Membantu metabolisme lemak
3. Membantu metabolisme protein
4. Penetralisir racun
5. Mensekresikan cairan empedu
6. Mensintesis garam-garam empedu
7. Tempat penyimpanan vitamin A,B12, D, E,
K dan mineral Fe dan Co
8. Fagosit
9. Mengaktifkan vitamin D
10. Menghasilkan kolesterol tubuh
e. Lambung berfungsi untuk:
1. Mengaduk makanan, memecah makanan lebih
lanjut dan mencampurkannya dengan sekresi dari kelenjar lambung.
2. Melanjutkan pencernaan makanan dengan
bantuan getah lambung.
f. Ginjal Berfungsi untuk:
1. Mengatur volume dan komposisi darah
2. Membantu mempertahankan Ph darah
3. Mengatur tekanan darah
4. Mengeluarkan komponen-komponen asing
5. Mengeluarkan hasil metabolisme tubuh
5. Tombol Navigasi Back: berupa lingkaran yang
berwarna biru dan abu-abu. Apabila di klik, maka
akan kembali ke halaman sebelumnya.
6. Tombol Navigasi Next: berupa lingkaran yang
berwarna biru dan abu-abu. Apabila di klik, maka
akan menuju ke halaman selanjutnya.
6 Kerangka
Tampilan Cara Kerja Organ,
seperti pada Gambar 3.8
1. Tombol Menu: berbentuk silinder berwarna biru yang
didalamnya terdapat teks berwarna putih. Apabila kursor mengarah pada silinder, maka silinder dan teks
akan berubah warna. Silinder akan berwarna putih, merah dan hitam, sedangkan teks akan berwarna
merah. Ketika tombol menu di klik, maka akan kembali ke halaman menu.
2. Gambar Organ: berupa gambar organ tubuh manusia,
yaitu: otak, jantung, paru-paru, hati, lambung, dan ginjal.
3. Tombol Cara Kerja Organ: berupa teks yang
berwarna hitam. Apabila kursor mengarah pada tombol, maka teks akan berubah warna menjadi
merah. Ketika tombol cara kerja organ di klik, maka akan kembali ke tampilan awal materi.
4. Materi Cara Kerja Organ:
a. Otak
Otak bekerja sama dengan organ tubuh lainnya sehingga tubuh kita bisa bekerja sesuai perintahnya.
Otak dan Sum-sum tulang belakang membentuk sistem syaraf pusat, kedua sistem ini bekerja sama
untuk mengkoordinasikan seluruh kegiatan tubuh.
b. Jantung
Pada saat berdenyut setiap ruang jantung mengendur dan terisi darah disebut diastol.
Selanjutnya jantung berkontraksi dan memompa darah keluar dari ruang jantung disebut sistol.
Kedua serambi mengendur dan berkontraksi secara bersamaan, dan kedua bilik juga mengendur dan
berkontraksi secara bersamaan. Darah yang kehabisan oksigen dan mengandung
banyak karbondioksida darah kotor dari seluruh tubuh mengalir melalui dua vena berbesar vena
kava menuju ke dalam atrium kanan. Setelah atrium kanan terisi darah, ia akan mendorong darah
ke dalam ventrikel kanan melalui katup trikuspidalis.Darah dari ventrikel kanan akan
dipompa melalui katup pulmoner ke dalam arteri pulmonalis menuju ke paru-paru.
Darah akan mengalir melalui pembuluh yang sangat kecil pembuluh kapiler yang mengelilingi kantong
udara di paru-paru, menyerap oksigen, melepaskan karbondioksida dan selanjutnya dialirkan kembali
ke jantung. ฀Darah yang kaya akan oksigen
mengalir di dalam vena pulmonalis menuju ke atrium kiri. Peredaran darah di antara bagian kanan
jantung, paru-paru dan atrium kiri disebut sirkulasi
pulmoner karena darah dialirkan ke paru-paru.
Darah dalam atrium kiri akan didorong menuju ventrikel kiri melalui katup bikuspidalismitral,
yang selanjutnya akan memompa darah bersih ini
melewati katup aorta masuk ke dalam aorta arteri terbesar dalam tubuh.
Darah kaya oksigen ini disirkulasikan ke seluruh tubuh, kecuali paru-paru.
c. Paru-paru
Manusia menghirup udara untuk mendapatkan oksigen, namun tidak semua udara yang dihirup
dapat digunakan oleh tubuh, karena udara tercampur dengan berbagai jenis gas. Pada waktu
kita bernapas, paru-paru menarik udara dari ruang tenggorokan. Saat dihembuskan, rangka tulang
rusuk tertarik ke arah dalam, dan diafragma di bawah tulang rusuk bergerak ke atas. Ketika paru-
paru mengecil, udara yang ada di dalam kantung udara sedikit demi sedikit terdorong ke luar melalui
batang tenggorokan.
d. Hati
Kerja hati sebagai sistem ekskresi jauh lebih
kompleks daripada sistem kerja organ paru-paru dan kulit.
Hati mensekresi enzim orginase yang mengkatalisis penguraian orginin salah satu jenis asam amino
menjadi asam amino ornitin dan urea. Ornitin selanjutnya akan mengikat NH
3
dan CO
2
Senyawa hemin selanjutnya diubah menjadi bilirubin dan biliverdin yang selanjutnya
dikeluarkan dari dalam tubuh bersama feces. Bilirubin dioksidasi sehingga berwarna kuning
kecokelatan inilah yang memberi warna pada urine dan feces.
, sedangkan urea diangkut menuju ginjal untuk
dibuang bersama urine. Selain itu, di dalam hati juga terjadi perombakan eritrosit tua menjadi
senyawa globin dan hemin.
e. Lambung
Di dalam lambung, makanan dicerna dengan bantuan enzim pepsin yang berfungsi mengubah
protein menjadi pepton. Di lambung terdapat asam klorida yang berfungsi
untuk membunuh kuman penyakit dan mengaktifkan pepton.
Makanan yang telah dicerna di lambung akan berubah menjadi halus dan bergerak menuju usus
halus.
f. Ginjal
Ginjal berperan untuk menyaring darah. Darah dialirkan kedalam ginjal melalui arteri ginjal arteri
renalis. Pertama kali penyaringan darah terjadi di badan Malpighi. Plasma darah dan zat yang terlarut
di dalamnya disaring oleh glomerulus di dalam badan Malpighi. Setelah disaring oleh badan
Malpighi, darah keluar dari ginjal melalui vena ginjal vena renalis. Hasil saringan filtrat, berupa
filtrat glomerulus selanjutnya masuk kedalam simpai Bowman.
Kemudian, filtrat glomerulus tersebut mengalir ke
tubulus menuju ke bagian rongga ginjal. Dari sini terbentuk urin yang mengalir ke kandung kemih
melalui ureter.
5. Tombol Navigasi Back: lingkaran yang berwarna biru
dan abu-abu. Jika di klik, akan kembali ke halaman sebelumnya.
6. Tombol Navigasi Next: lingkaran berwarna biru dan
abu-abu. Jika di klik, akan ke halaman selanjutnya.
7
Kerangka Tampilan Latihan,
seperti pada
Gambar 3.9
1. Nomor Latihan: nomor soal
2. Pertanyaan: Pertanyaan atau soal
3. Tombol Jawaban a: apabila kursor mengarah pada
jawaban, maka akan muncul silinder transparant. Jika di klik, maka silinder akan berwarna putih, kemudian
melanjutkan ke soal selanjutnya.
4. Tombol Jawaban b: apabila kursor mengarah pada
jawaban, maka akan muncul silinder transparant. Jika
di klik, maka silinder akan berubah warna menjadi putih, kemudian melanjutkan ke soal selanjutnya.
5. Tombol Jawaban c: apabila kursor mengarah pada
jawaban, maka akan muncul silinder transparant. Jika di klik, maka silinder akan berubah warna menjadi
putih , kemudian melanjutkan ke soal selanjutnya.
6. Tombol Jawaban d: apabila kursor mengarah pada
teks, maka akan muncul silinder transparant. Jika di klik, maka silinder akan berubah warna menjadi
putih, kemudian melanjutkan ke soal selanjutnya.
8 Kerangka Skor
Nilai, seperti pada Gambar 3.10
1. Nilai Anda: berupa teks yang bewarna merah muda
pink.
2. Skor Nilai: nilai yang didapatkan setelah menjawab
pertanyaan.
BAB 4 IMPLEMENTASI SISTEM
4.1 Tampilan Menu Utama
Ketika pertama kali membuka Aplikasi Pembelajaran Fisiologi Tubuh Manusia Menggunakan Macromedia Flash 8, maka tampilan yang akan muncul adalah seperti
tampak berikut ini:
Gambar 4.1 Halaman Awal Animasi