APLIKASI MULTIMEDIA PENGENALAN SISTEM PEREDARAN DARAH MANUSIA DENGAN MENGGUNAKAN MACROMEDIA FLASH 8.0
Oleh : Diar Ekawati 331 09 104
Latar Belakang 9 Di dalam tubuh kita terbagi dari banyak organ dengan beragam fungsi antara lain ada rangka, saraf, percenaan, Peredaran darah dan lain-lain. 9 Salah satu dari sistem organ tubuh adalah sistem peredaran darah. Sistem ini terdiri dari banyak organ meliputi jantung, darah, pembuluh darah dan paruparu. 9 Untuk memahami proses peredaran darah ini perlu suatu cara untuk penyajiaannya, agar proses jalanya peredaran darah tersebut bisa terlihat jelas dan menarik. 9 Dengan aplikasi multimedia proses peredaran darah dapat disajikan yang dilengkapi teks, grafik, animasi, audio, video. Ada beragam perangkat lunak multimedia yang dapat digunakan di antarnya flash. Tujuan penulisan yaitu membuat suatu “Aplikasi Multimedia Pengenalan Sistem Peredaran Darah Manusia Dengan Menggunakan Macromedia Flash 8.0”.
Metode Penilitian Perencanaan Penyiapan bahan-bahan sebagai acuhan informasi, Penyiapan perangkat keras, Penyiapan perangkat lunak. Perancangan Perancangan story board atau struktur navigasi, Perancangan tampilan. tampilan Pembuatan aplikasi
Uji coba aplikasi ke responden
Struktur Navigasi Menu Utama
Keluar
Sistem i Peredaran d Darah
Materi
Kuis
Organ Peredaran d Darah Jantungg Paru-paru Pembuluh Darah Darah
Profil
Keterangan Organ Jantung Paru-paru Pembuluh Darah D h Darah Sel Darah Merah Sel Darah Putih Keping Darah Plasma Darah
Story Board Sistem Peredaran Darah
Sistem Peredaran Darah
Manusia
Manusia
Profil
Materi
Keluar
Kuis
Keterangan profil penulis
Kembali
Kembali
Lanjut Kembali
Soal pilihan ganda mulai Kembali
Hasil kuis
soal
mainlagi
jawaban Kembali
Organ peredaran darah
Kembali
Nama organ Gambar organ
Keterang an organ
Kembali Kembali ke menu utama
Perancangan Tampilan Pembuka a
i b
e f g
h
c d
Fram Citra/
Suara
Teks
Animasi
e
gambar
1
Gamba Latar -Teks G b - Suara S L t T k untuk t k
-Animasi A i i
r 3.1
Gambar Fot o -
: the lazy
Baner, font :
pada baner Gambar
song
Times New
-Animasi
untuk
-Suara Suara untuk Roman Roman, Size : pada
tombol
tombol
mouse.
materi,
materi, kuis, white, dan
-Animasi
kuis,
pprofil,, dan
filters gglow.
ppada
pprofil,,
exit :
-Teks
over.wav,
Button materi, d
25, color
untuk backgroun dan exit.
dan clik.wav Button Kuis, -Animasi
-Gambar untuk
Button Profil, pada
backgro
Button Next, tombol
und
font : comic
-gambar
sans ms, size :
orang
15 yellow.
color
-
Perancangan Tampilan Sistem Peredaran Darah a b c f d
e
Fra
Citra/
Suara
Teks
Animasi Gambar
me
gambar
2
Gambar - Suara
Teks untuk Baner, Baner
-Animasi -
3.2
untuk
font : Times New
pada
Gambar
Button
Roman, Size : 25,
baner
untuk
kembali
color white,, filters
-Animasi tombol
dan
glow.
pada
kembali
lanjut:
-Teks untuk
tombol
dan
beep,
Keterangan baner,
kembali
lanjut.
beep
font : comic sans
dan
-Gambar
quick.
ms, Size : 23, color lanjut
untuk
‐Suara
white.
backgrou
-Teks untuk tombol
nd
Fot o
Latar : the lazy song
kembali dan lanjut font: comic sans ms size: 18 ,color white.
-
Perancangan Tampilan Organ Peredaran Darah a c
d
b
Fra Citra/
c
d
f
d
c
d e
Teks
Animasi
Gambar
Foto
me
gambar
3
Gambar -Suara untuk -Teks untuk Baner, -Animasi - Gambar Foto 3.3
c
Suara
Button back font : Times New
pada
untuk
orga
: beep, beep Roman, Size : 25,
gambar
tombol
n
quick.
organ
kembali.
color white, filters
-Suara untuk glow.
-Animasi -Gambar
gambar
-Teks untuk
pada
organ:
gambar organ font : tombol
over.wav,
comic i sans ms,
laser1.wav
Size : 20, color
untuk
dan
white.
backgrou
clik wav clik.wav.
-Teks Teks untuk tombol
nd
- Suara Latar kembali font : : the lazy
comic sans ms,
songg
Size : 20,, color white
organorgan.
k b li -Gambar kembali. G b
Perancangan Tampilan Kuis a
f
Fram
Citra/
b
e
gambar
c
5
Gambar -Suara
d
e
3.5
Suara
Teks
Animasi
Gambar Fot o
untuk Button mulai: over.wav, dan clik.wav. lik - Suara Latar : the lazy song
-Teks untuk baner. font : Comic sans, size : 25, color : white, filters glow.
-
-
Animasi
Gambar
pada
untuk
baner
backgro
dan
und
tombol
-
Perancangan Tampilan Soal Kuis b
c
a
Fram
Citra/
e
gambar
6
Gambar
Suara
Teks
Animasi
Gambar
‐Suara
-Teks
-Animasi -Gambar
untuk
waktu
untuk
soall ddan
ddan
bbackgroun k
jawaban.
tombol
d
font :
kembali
-Gambar
Foto
d f
e
3.6
untuk tombo l kemba li : beep, beep quick.
comic sans ms,
Size : 17, Suara Latar : color the white lazy song
organ
-
Perancangan Hasil Kuis a Fram Citra/
b
e
c d
Suara
Teks
Animas Gambar
Fot
i
o
e
gambar
7
Gambar
-Suara Suara
-Teks Teks
Animas -Gambar Gambar
3.7
untuk
untuk
i pada
untuk
Button
jawaban
tombol
backgrou
main a lagi ag : benar, be a ,
kembal e ba ndd
over.wav,
salah,
i.
dan
nilai,
untuk
clik.wav -Suara untuk Button back : beep beep beep, quick. ‐
keteranga
tombol
n. font :
back
Papyrus,
-Gambar
Size : 25,
untuk
color
waktu
white. - Suara Latar : the lazy song
-Gambar
-
Perancangan Tampilan Profil a
c d
b
e f
Fram
Citra/
Suara
Teks
Animasi
Gambar Fot
e
gambar
8
Gambar
-Suara
-Teks
-Animasi -
3.8
untuk
untuk
pada
Button
Keteranga profil
o
Kembali : n
Gambar logo
profil -Animasi kampus
beep,
font:
pada
.
beep
comic
gambar
-gambar
quick.
sans
-Suara Latar : a public affair.mp 3
ms, logo l
t b l tombol
size : 20,
kembali
color
dan
white white, filters glow.
:
film
-
Hasil Penilaian Responden Terhadap Tampilan dan Informasi Aplikasi Jumlah Responden 20 orang Pendidikan : SMA, Kuliah dan Kerja. Usia : 12 – 23 tahun Jenis Kelamin : Laki-laki dan Perempuan
Tampilan
Informasi Rata‐rata nilai tampilan dan informasi
Layout
2,7
Warna
2.85
Font
3
Animasi
3
Suara
2.9
Gambar
3
Rata‐rata
2.91 3 2,955
Hasil Test Kuis Terhadap Responden Jumlah pertanyaan 30 Rata-rata nilai responden 71,5 Kesimpulan : Angka 71,5 merupakan angka yang relatif cukup dengan rentang skore 1‐ 100
Kesimpulan Secara umum hasil penilaian responden terhadap kriteria: •
Tampilan dan Informasi
:Rata‐rata nilai 2.95 2 95 relatif
baik dari nilai 1 sampai dengan 3. •
Tes Kuis
:Rata‐rata nilai (71,5) relatif cukup dengan rentang skore 1‐100.
