Pembuatan Storyboard LANDASAN TEORI

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