APLIKASI VISUALISASI
FOTOSINTESIS BERBASIS MULTIMEDIA
SKRIPSI
Diajukan Untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Komputer (S.Kom.)
Program Studi Teknik Informatika
Oleh :
Nama: Totok Dwi Apriyanto
NIM: 065314020
JURUSAN TEKNIK INFORMATIKA
FAKULTAS SAINS DAN TEKNOLOGI
UNIVERSITAS SANATA DHARMA
ii
APPLICATION OF VISUALIZATION PHOTOSYNTHESIS
BASED ON MULTIMEDIA
A THESIS
Presented as Partial Fulfillment of the Requirements To Obtain the Sarjana Komputer Degree In Department of Informatics Engineering
Oleh :
Nama: Totok Dwi Apriyanto
NIM: 065314020
JURUSAN TEKNIK INFORMATIKA
FAKULTAS SAINS DAN TEKNOLOGI
UNIVERSITAS SANATA DHARMA
YOGYAKARTA
v
HALAMAN MOTTO
Kegagalan hanya terjadi bila kita menyerah
Pengalaman adalah guru terbaik
Jadikanlah kekecewaan masa lalu menjadi senjata
sukses dimasa depan
Prayer… is the greatest power !!
viii
ABSTRAK
Semakin berkembangnya teknologi, membuat metode belajar harus lebih
berkembang agar menciptakan generasi yang semakin cerdas. Oleh karena itu, minat
belajar harus di kembangkan sedini mungkin. Penelitian ini menerapkan teknologi
multimedia pada pembelajaran biologi khususnya materi fotosintesis. Pembelajaran
tidak hanya di sekolah saja melainkan dimana saja seperti di rumah dengan bantuan
media pembelajaran seperti aplikasi yang memanfaatkan media komputer.
Pada kesempatan kali ini penulis mencoba membuat sebuah aplikasi yang
membantu proses belajar biologi khusunya materi fotosintesis dimana didalam
aplikasi tersebut terdapat pembelajaran mengenai fotosintesis, latihan, serta
glosarium. Hal ini diharapkan supaya tidak menyita waktu ketika pengamatan dan
tidak membutuhkan biaya yang mahal untuk membeli alat bantu seperti mikroskop.
Untuk itu penulis berharap agar para pengguna bisa merasakan manfaat dari aplikasi
ini.
ix
ABSTRACT
The continued development of technology, make learning methods have to be
developed in order to create a more intelligent generation. Therefore, interest of
learning has to be developed as early as possible. This research applied the
multimedia technology on biology learning especially photosynthesis materials.
Learning is not only at the school but everywhere such as at home supported by
learning media like applications that use computer.
On this occasion the researcher tried to create an application that helps biology learning process especially photosynthesis materials which is included in the application learning about photosynthesis, exercises, and a glossary. It is expected that when the observations are not wasting time and do not require expensive cost in order to buy aids like microscopes. Therefore, the researcher expected that the users can experience the advantages of this
application.
x
KATA PENGANTAR
Puji syukur kepada Tuhan Yang Maha Esa karena atas segala berkat dan
rahmat-Nya penulis dapat menyelesaikan tugas akhir dengan judul “Aplikasi
Visualisasi Fotosintesis Berbasis Multimedia”.
Penulisan tugas akhir ini diajukan untuk memenuhi salah satu syarat
memperoleh gelar Sarjana Komputer Program Studi Teknik informatika Universitas
Sanata Dharma Yogyakarta.
Dengan terselesaikannya penulisan tugas akhir ini, penulis mengucapkan
terima kasih kepada pihak-pihak yang telah membantu memberikan dukungan baik
berupa masukan ataupun berupa saran. Ucapan terima kasih sebanyak-banyaknya
ditujukan kepada :
1. Ibu Sri Hartati Wijono, S.Si., M.Kom. selaku dosen pembimbing yang telah
memberikan dukungan, bantuan dan dorongan kepada penulis selama
mengikuti proses perkuliahan sampai dengan penyelesaian skripsi ini.
2. Ibu P.H. Prima Rosa S.Si., M.Sc., selaku Dekan Fakultas Sains dan Teknologi
Universitas Sanata Dharma Yogyakarta.
3. Ibu Ridowati Gunawan,S.Kom.,M.T., selaku Ketua Jurusan Teknik
Informatika Fakultas Sains dan Teknologi Universitas Sanata Dharma
Yogyakarta.
4. Bapak Iwan Binanto S.Si., M.Cs. dan Bapak Alb. Agung Hadhiatma S.T.,
M.T. selaku dosen penguji
5. Para dosen Teknik Informatika yang penuh kesabaran dan kesetiaan mendidik
xi 6. Kedua Orang Tua, Bernardinus Jumanto dan Fredeswinda Sumarsih, kakak tercinta, Agnes ika Listianingsih dan Harjanto serta keponakan-keponakan yang lucu yang telah memberi dukungan kepada penulis baik moral, spiritual maupun material selama masa studi.
7. Kekasih penulis, Bernadeta Devi Primasari yang dengan sabar menunggu
dengan setia dan memberi semangat penulis selama pengerjaan skripsi ini.
8. Deti, Ricky, Rai, Mei, Hari, Lugas, Florry, Theo dan semua teman-teman
Teknik Informatika angkatan 2006, terima kasih atas semangat dan bantuan
yang sangat berarti sehingga akhirnya skripsi ini dapat terselesaikan.
9. Semua pihak yang tidak dapat disebutkan satu persatu. Terima kasih atas
bantuan, dukungan, dan bimbingannya.
Dalam penulisan skripsi ini, pastilah masih banyak kekurangan dan hal yang perlu diperbaiki. Oleh karena itu saran dan kritik dari pembaca yang sekiranya dapat membangun sangat penulis harapkan.
Akhir kata, semoga penulisan skripsi ini berguna untuk menambah wawasan ataupun menjadi referensi bagi para pembaca sekalian khususnya pada mahasiswa Teknik Informatika.
Yogyakarta, 20 Desember 2012
xii
DAFTAR ISI
HALAMAN JUDUL ……….… i
HALAMAN JUDUL (INGGRIS) ……… ii
HALAMAN PERSETUJUAN ……….... iii
HALAMAN PENGESAHAN ……… iv
HALAMAN MOTTO ……….. v
PERNYATAAN KEASLIAN KARYA ………. vi
PERNYATAAN PERSETUJUAN PUBLIKASI ……….. vii
ABSTRAK ... viii
KATA PENGANTAR ... x
DAFTAR ISI ... xii
DAFTAR GAMBAR ... xiv
DAFTAR TABEL ... xv
BAB I. PENDAHULUAN ... 1
1.1 Latar Belakang ...1
1.2 Rumusan Masalah ...2
1.3 Tujuan ...2
1.4 Batasan Masalah ...2
1.5 Metodologi Penelitian ...2
1.6 Sistem Penulisan ...4
BAB II. LANDASAN TEORI ... 6
2.1 Visualisasi ...6
2.2 Fotosintesis ...6
xiii
2.4 Storyboard ...13
2.5 User Interface Design (UID) ...14
2.6 Multimedia ...16
2.6.1 Adobe Flash Profesional CS5 ...17
2.7 Pengujian perangkat lunak ...18
2.8 Kuesioner ...18
BAB III. ANALISA DAN PERANCANGAN SISTEM ... 20
3.1 Concept ...20
3.2 Design ...20
3.2.1 Perancangan Sistem yang dikembangkan ...20
3.2.2 Kebutuhan Sistem (Hardware – Software) ...20
3.2.3 Storyboard ...22
3.2.4 Diagram Use Case...48
3.2.5 Use Case Narrative ...48
3.2.6 Activity Diagram ...53
3.3 Material Collecting ...57
BAB IV IMPLEMENTASI SISTEM ... 60
4.1 Assembly...60
4.1.1 Tampilan Awal...60
4.1.2 Menu Mulai ...62
4.1.3 Menu Petunjuk ...67
4.1.4 Menu Glosarium ...70
4.1.5 Menu Evaluasi ...71
BAB V ANALISA HASIL PENELITIAN DAN PEMBAHASANNYA ... 76
xiv
5.1.1 Pengujian Black box ...76
5.1.2 Pengujian Kemudahan Penggunaan Program dan Manfaat Program Dengan ...79
5.1.3 Interpretasi Skor ...85
5.2 Distribution ...88
BAB VI. KESIMPULAN ... 89
5.1 Kesimpulan ...89
5.2 Saran ...89
Daftar Pustaka ... 90
DAFTAR GAMBAR
Gambar 2.1: Bagian – bagian yang menyusun daun yang dipotong melintang …….. 9Gambar 2.2: Bagian kloroplas ………..……….……….. 9
Gambar 2.3: Proses fotosintesis reaksi terang dan siklus Kelvin ………... 10
Gambar 3.1: Gambar diagram use case ………….………..…………...……… 48
Gambar 3.2: Gambar Activity diagram mulai fotosintesis ………...……….. 53
Gambar 3.3: Gambar Activity diagram petunjuk ……….……….. 54
Gambar 3.4: Gambar Activity diagram glosarium ………...….. 55
Gambar 3.5:Gambar Activity diagram mulai fotosintesis ……… 56
Gambar 3.6: Gambar Activity diagram keluar ………...……… 56
Gambar 4.1: Gambar tampilan awal ……….……….. 60
Gambar 4.2: Gambar menu mulai bagian manfaat ………..……... 62
Gambar 4.3: Gambar bagian penjelasan kata fotosintesis …………...……….. 63
Gambar 4.4: Gambar menu mulai bagian fotosintesis yang terjadi di daun …….…. 63
xv
Gambar 4.6: Gambar menu mulai bagian penjelasan rumus kimia ………... 64
Gambar 4.7: Gambar menu mulai tentang penjelasan bagian dari daun……… 65
Gambar 4.8: Gambar menu mulai menjelaskan proses yang terjadi di kloroplas ..… 66
Gambar 4.9: Gambar menu petunjuk tampilan awal ………….……… 67
Gambar 4.10: Gambar menu petunjuk menu mulai bagian fotosintesis kloroplas … 67 Gambar 4.11: Gambar menu petunjuk glosarium ………….………….……… 68
Gambar 4.12: Gambar menu petunjuk evaluasi bagian drag dan drop …….……… 68
Gambar 4.13: Gambar menu petunjuk evaluasi bagian pilihan ganda ……….……. 69
Gambar 4.14: Gambar menu glosarium ……….……… 70
Gambar 4.15: Gambar menu evaluasi bagian drag dan drop ….……… 71
Gambar 4.16: Gambar menu evaluasi bagian pilihan ganda….………….………… 73
DAFTAR TABEL Tabel 2.1: Tabel karakteristik GUI ………. 15
Tabel 3.1: Storyboard ………….……… 22
Tabel 3.2: Tabel Material Collecting ………….………. .. 57
Tabel 5.1: Tabel Pengujian Halaman Utama……….………..….. 76
Tabel 5.2: Tabel Pengujian Halaman Materi fotosintesis ……….………....…. 77
Tabel 5.3: Tabel Pengujian Halaman Glosarium………….……….. 77
Tabel 5.4: Tabel Pengujian Halaman Evaluasi……….…….……… 78
Tabel 5.5: Tabel Pengujian Halaman petujuk………..….……….… 78
Tabel 5.6: Tabel Data Hasil Responden Sample Kategori Perceived of Usefulness . 83 Tabel 5.7: Tabel Data Hasil Responden Sample Kategori Perceived .…………..… 84
Tabel 5.8: Tabel interpretasi skor Kategori Perceived Usefulness……… 87
1
BAB I. PENDAHULUAN
1.1
Latar Belakang
Penggunaan perangkat komputer digunakan di berbagai bidang, seperti kantor,
sekolah dan rumah. Dengan menggunakan komputer, masyarakat mempunyai akses
secara cepat terhadap informasi dari seluruh dunia. Instansi pemerintah yang sudah
mulai menggunakan media komputer untuk membantu menyelesaiakan pekerjaan
agar lebih efesien dan lebih terdata. Salah satunya pada instansi sekolah sudah mulai
menerapkan beberapa perangkat berbasis multimedia sebagai media pembelajaran
yang bertujuan membantu proses belajar peserta didik memahami materi yang
disampaikan. Beberapa contoh penggunaan media pembelajaran yang sering kita
jumpai saat ini antara lain cd interaktif dan game edukasi.
Salah satu pelajaran yang diajarkan sekolah adalah Ilmu Pengetahuan Alam
atau IPA. Proses pembelajaran IPA tidak lepas dalam kehidupan sehari – hari contohnya manfaat tumbuhan bagi kehidupan manusia, memompa air menggunakan
tenaga kincir angin, mengubah energi panas menjadi energi listrik dan masih banyak
lagi. Seharusnya kita mengetahui manfaat yang di berikan oleh alam supaya kita dapat
menjaga kelangsungan hidup umat manusia. Biologi merupakan salah satu cabang
dari pelajaran IPA, cabang ini banyak mempelajari proses alam.
Beberapa materi biologi yang dalam penyampaiannya masih bersifat abstrak
atau membutuhkan sesuatu yang nyata untuk dipelajari. Beberapa materi terkadang
membutuhkan pengamatan dalam waktu yang sangat lama, bahkan memerlukan
bantuan peralatan khusus, salah satunya adalah materi fotosintesis. Untuk mengamati
proses tersebut secara langsung tentunya memakan waktu yang lama dan
membutuhkan peralatan yang mahal. Adanya aplikasi ini diharapkan dapat
visualisasi pelajaran Biologi materi fotosintesis dengan memanfaatkan konsep
teknologi multimedia. Dengan penggunaan alat peraga seperti aplikasi pembelajaran
berbasis multimedia, diharapkan masyarakat bisa mudah untuk memahami tentang
fotosintesis.
1.2
Rumusan Masalah
Bagaimana menjelaskan proses fotosintesis menggunakan teknologi
multimedia.
1.3
Tujuan
Tujuan dari penelitian ini adalah:
Merancang dan membangun aplikasi visualisasi fotosintesis yang bermanfaat
dan mudah digunakan.
1.4
Batasan Masalah
1. Program yang dibuat untuk materi fotosintesis materi yang disampaikan hanya
gambaran umum mengenai proses fotosintesis
2. Aplikasi tidak digunakan untuk pembelajaran di dalam kelas melainkan untuk
umum
3. Animasi yang digunakan 2 dimensi
4. Menggunakan bahasa pemrograman Action script 2.0
1.5
Metodologi Penelitian
Motodologi penelitian yang digunakan penulis dilakukan dalam beberapa
1. Studi pendahuluan
a. Analisis kebutuhan
b. Studi literatur berupa studi pustaka mengenai data – data yang dibutuhkan dari berbagai sumber berupa buku, laporan, karya ilmiah, makalah.
2. Tahap – tahap pengembangan multimedia Luther [1]: 1. Concept
Tahap concept (konsep) adalah tahap untuk menentukan tujuan dan siapa
pengguna program (identifikasi audience). Selain itu menentukan macam
aplikasi (presentasi, interaktif, dll) dan tujuan aplikasi (hiburan, pelatihan,
pembelajaran, dll).
2. Design
Design (perancangan) adalah tahap membuat spesifikasi mengenai
arsitektur program, gaya, tampilan, diagram konteks, diagram berjenjang,
DFD dan kebutuhan material/bahan untuk program.
3. Material Collecting
Material Collecting adalah tahap dimana pengumpulan bahan yang sesuai
dengan kebutuhan yang dilakukan. Tahap ini dapat dikerjakan paralel
dengan tahap assembly. Pada beberapa kasus, tahap Material Collecting dan
tahap Assembly akan dikerjakan secara linear tidak paralel.
4. Assembly
Tahap assembly (pembuatan) adalah tahap dimana semua objek atau bahan
5. Testing
Dilakukan setelah selesai tahap pembuatan (assembly) dengan menjalankan
aplikasi/program dan dilihat apakah ada kesalahan atau tidak. Tahap ini
disebut juga sebagai tahap pengujian alpha (alpha test) dimana pengujian
dilakukan oleh pembuat atau lingkungan pembuatnya sendiri. Selain itu
pengujian juga dilakukan kepada masyarakat umum yang sudah mengenal
komputer dengan menggunakan kuesioner untuk mengetahui kegunaan dan
manfaat aplikasi visualisasi fotosintesis.
6. Distribution
Tahapan dimana aplikasi disimpan dalam suatu media penyimpanan. Pada
tahap ini jika media penyimpanan tidak cukup untuk menampung
aplikasinya, maka dilakukan kompresi terhadap aplikasi tersebut.
1.6
Sistem Penulisan
Bab I : PENDAHULUAN
Bagian ini berisi mengenai latar belakang, rumusan masalah, tujuan,
batasan masalah, metodologi penelitian dan sistematika penulisan.
Bab II : LANDASAN TEORI
Teori yang digunakan sebagai acuan dalam penelitian ini di jelaskan pada
bab ini.
Bab III : ANALISA DAN PERANCANGAN SISTEM
Langkah-langkah yang di gunakan penulis secara sistematis, sesuai
dengan landasan teori.
Bab IV : IMPLEMENTASI SISTEM
Bab V : ANALISA HASIL PENELITIAN DAN PEMBAHASANNYA
Berisi analisa hasil dan manfaat, serta kelebihan dan kekurangan dari
perangkat lunak tersebut.
Bab VI : KESIMPULAN
6
BAB II. LANDASAN TEORI
2.1
Visualisasi
Visualisasi (Inggris: visualization) adalah rekayasa dalam pembuatan gambar,
diagram atau animasi untuk penampilan suatu informasi. Secara umum, visualisasi
dalam bentuk gambar baik yang bersifat abstrak maupun nyata telah dikenal sejak
awal dari peradaban manusia. Contoh dari hal ini meliputi lukisan di dinding-dinding
gua dari manusia purba, bentuk huruf hiroglip Mesir, sistem geometri Yunani, dan
teknik pelukisan dari Leonardo da Vinci untuk tujuan rekayasa dan ilmiah, dll.
Visualisasi bertujuan menampilkan data dengan menggunakan gambar,
animasi serta menemukan cara terbaik untuk mengingat informasi dengan cara
penerimaan alami manusia. Contoh, struktur tree dan grafik (gambar atau animasi).
[2]
Pemilihan visualisasi sangat bermanfaat bagi manusia karena:
1. Visualisasi digunakan karena pola pikir manusia tentang pengenalan pola
sangat tinggi mengenai scanning, recognizing, remembering images.
2. Gambar memungkinkan pembandingan dengan: panjang, bentuk, orientasi,
tekstur
3. Gambar animasi membedakan perjalanan waktu
4. Warna membantu perbedaan
2.2
Fotosintesis
Fotosintesis berasal dari kata foton yang berarti cahaya, dan sintesis yang
berarti menyusun. Jadi fotosintesis dapat diartikan sebagai suatu penyusunan senyawa
matahari. Proses ini dapat berlangsung karena adanya suatu pigmen tertentu dengan
bahan CO2 dan H2O. Cahaya matahari terdiri atas beberapa spektrum, masing-masing
spectrum mempunyai panjang gelombang berbeda, sehingga pengaruhnya terhadap
proses fotosintesis juga berbeda. [3].
Rumus kimia dari proses fotosintesis sebagai berikut:
6CO2 + 6H2O + energi matahari C6H12O6 + 6O2
Berdasarkan uraian diatas dapat kita tarik beberapa pengertian sebagai berikut:
1. Fotosintesis menggunakan energi matahari untuk menyusun zat gula sederhana.
2. Zat gula disusun dari bahan dasar, yaitu berupa H2O (air) dan CO2 (karbon
dioksida).
3. Fotosintesis menghasilkan bahan sisa berupa O2 (oksigen) dan C6H12O6
(glukosa)
4. Fotosintesis hanya dapat dilakukan oleh tumbuhan dan beberapa jenis bakteri
Anatomi dari Daun
Daun terdiri dari jaringan-jaringan yang masing-masing mempunyai fungsi
spesifik. Jaringan-jaringan tersebut adalah :
1. Kultikula (cuticle): bersifat anti air untuk mencegah terjadinya penyerapan
sinar matahari ataupun penguapan air yang berlebihan.
2. Epidermis : Jaringan ini terbagi menjadi epidermis atas dan epidermis bawah,
berfungsi melindungi jaringan yang terdapat di bawahnya.
3. Jaringan Pagar atau Jaringan Tiang (palisade mesophil cell) dikenal juga
dengan istilah jaringan palisade, merupakan jaringan yang berfungsi sebagai
tempat terjadinya proses fotosintesis.
4. Jaringan bunga karang (spongy mesophil cell) disebut juga jaringan spons
karena lebih berongga bila dibandingkan dengan jaringan palisade, berfungsi
sebagai tempat menyimpan cadangan makanan.
5. Berkas pembuluh angkut (vein) terdiri dari xilem atau pembuluh kayu dan
floem atau pembuluh tapis, pada tumbuhan dikotil keduanya dipisahkan oleh
kambium.
6. Xilem berfungsi untuk mengangkut air dan garam yang diserap akar dari
dalam tanah ke daun (untuk digunakan sebagai bahan fotosintesis).
7. Floem berfungsi untuk mengangkut hasil fotosintesis dari daun ke seluruh
bagian tumbuhan, termasuk daun itu sendiri.
8. Stoma (jamak: stomata) berfungsi sebagai organ respirasi. Stoma mengambil
CO2 dari udara untuk dijadikan bahan fotosintesis, mengeluarkan O2 sebagai
hasil fotosintesis. Stoma ibarat hidung kita dimana stoma mengambil CO2 dari
udara dan mengeluarkan O2, sedangkan hidung mengambil O2 dan
mengeluarkan CO2. Stoma terletak di epidermis bawah. Selain stoma,
tumbuhan tingkat tinggi juga bernafas melalui lentisel yang terletak pada
Gambar 2.1: Bagian – bagian yang menyusun daun yang dipotong melintang
Fotosintesis terjadi di kloroplas, kloroplas adalah salah satu organel sel yang
tergolong ke dalam plastida, selain kromoplas (plastida berwarna) dan leukoplas
(plastida tidak berwarna). Di dalam sel tumbuhan, kloroplas berfungsi ibarat pabrik
energi.
1. Outer membrane (membran luar) : membran luar kloroplas yang
mengandung porin yang menyebabkan membran ini permeable (dapat
menyerap) terhadap molekul.
2. Inner membrane (membrane dalam) : Membran dalam menutupi daerah
yang berisi cairan.
3. Stroma : cairan atau matriks fluid
4. Granum : terdiri atas membran tilakoid yang merupakan tempat terjadinya
reaksi terang dan ruang tilakoid yang merupakan ruang di antara membran
tilakoid
5. Thylakoids (tilakoid) : sebagai tempat berlangsungnya reaksi terang
fotosintesis
6. Lumen : Sistem halus yang berupa membrane tilakoid yang saling
terhubung memisahkan stroma dari ruangan lain.
Reaksi terang menggunakan energi matahari untuk membuat ATP dan
NADPH, yang masing – masing berfungsi sebagai energy kimiawi dan tenaga pereduksi dalam siklus Calvin. Berlawanan dengan ATP yang dihasilkan oleh
respirasi seluler, ATP yang diproduksi dalam reaksi terang fotosintesis biasanya
digunakan untuk satu jenis kerja seluler, yaitu menggerakkan siklus Calvin. Siklus
Calvin memasukkan CO2 ke dalam molekul organik, yang diubah menjadi gula.
Membrane tilakoid, khususnya yang berada di grana, merupakan tempat reaksi terang,
sementara siklus Calvin terjadi di stroma.
2.3
Metodologi Penelitian
Pengembangan multimedia dilakukan berdasarkan 6 tahap, yaitu concept,
design, material collecting, assembly, testing dan distribution [1]:
1. Concept
Tahap concept (pengonsepan) adalah tahap untuk menentukan tujuan dan
siapa pengguna program (identifikasi audiens). Tujuan dan pengguna akhir program
berpengaruh pada nuansa multimedia sebagai pencerminan dari identitas organisasi
yang menginginkan informasi sampai pada pengguna akhir. Karakteristik pengguna
termasuk kemampuan pengguna juga perlu dipertimbangkan karena dapat
mempengaruhi pembuatan desain. Selain itu, tahap ini juga akan menentukan jenis
aplikasi (presentasi, interaktif, dan lain-lain) dan tujuan aplikasi (hiburan, pelatihan,
2. Design
Design (perancangan) adalah tahap pembuatan spesifikasi mengenai arsitektur
program, gaya, tampilan dan kebutuhan material/bahan untuk program. Spesifikasi
dibuat cukup rinci sehingga pada tahap berikutnya, yaitu tahap pengumpulan bahan
dan pembuatan tidak dibutuhkan keputusan baru, melainkan menggunakan apa yang
telah ditetapkan pada tahap disain. Namun demikian, sering terjadi penambahan atau
pengurangan bahan, bahkan ada perubahan pada bagian aplikasi pada awal pengerjaan
multimedia.
Tahap desain multimedia sering melibatkan kegiatan pembuatan diagram konteks,
diagram berjenjang, DFD dan pembuatan storyboard, yaitu pemetaan elemen-elemen
atau bahan (material) multimedia pada setiap layar aplikasi multimedia.
3. Material Collecting
Material collecting adalah tahap pengumpulan bahan sesuai kebutuhan yang
dikerjakan. Bahan-bahan tersebut antara lain gambar clip art, foto, animasi, video,
audio dan lain-lain yang dapat dieproleh secara gratis atau dengan pemesanan kepada
pihak lain sesuai dengan rancangannya. Tahap ini dapat dikerjakan secara parallel
dengan tahap assembly. Namun, pada beberapa kasus, tahap material collecting dan
tahap assembly akan dikerjakan secara liner dan tidak parallel.
4. Assembly
Tahap assembly adalah tahap pembuatan semua objek atau bahan multimedia.
Pembuatan aplikasi didasarkan pada tahap design, seperti storyboard, bagan alir,
dan/atau struktur navigasi.
5. Testing
Tahap testing (pengujian) dilakukan setelah menyelesaikan tahap pembuatan
(assebly) dengan menjalankan aplikasi/program dan melihatnya apakah ada kesalahan
atau tidak. Tahap pertama pada tahap ini disebut pengujian alpha (alpha test) yang
pengujiannya dilakukan oleh pembuat atau lingkungan pembuatnya sendiri. Setalah
lolos dari pengujian alpha, pengujian beta yang melibatkan pengguna akhir akan
dilakukan dengan menggunakan black box yang dilakukan oleh pengguna yang bukan
sebenarnya, dan menggunakan kuesioner yang di berikan kepada pengguna yang
sebenarnya.
6. Distribution
Pada tahap ini, aplikasi akan disimpan dalam suatu media penyimpanan.
Tahap ini juga dapat disebut tahap evaluasi untuk pengembangan produk yang sudah
jadi supaya menjadi lebih baik. Hasil evaluasi ini dapat digunakan sebagai masukan
untuk tahap concept pada produk selanjutnya.
2.4
Storyboard
Storyboard merupakan bentuk visualisasi ide dari aplikasi yang akan
dibangun, sehingga dapat memberikan gambaran dari aplikasi yang akan dihasilkan.
Storyboard dapat dikatakan juga visual script yang akan dijadikan outline dari sebuah
proyek, ditampilkan shot by shot yang biasa disebut dengan istilah scene. [4]
Penggunaan storyboard sangat bermanfaar bagi pengembang dan pemilik
multimedia, storyboard merupakan visual test pertama dari gagasan dimana secara
keseluruhan dapat dilihat apa yang akan disajikan.
1. Film
2. Teater
3. Animasi
4. Photomatic
5. Buku komik
6. Bisnis
7. Media interaktif
2.5
User Interface Design (UID)
Tujuan dari UID adalah merancang interface yang efektif untuk sistem
perangkat lunak. Efektif artinya siap digunakan, dan hasilnya sesuai dengan
kebutuhan. Kebutuhan disini adalah kebutuhan penggunanya. Pengguna sering
menilai sistem dari interface, bukan dari fungsinya melainkan dari user interfacenya.
Jika desain user interfacenya yang buruk, maka itu sering jadi alasan untuk tidak
menggunakan software. Selain itu interface yang buruk sebabkan pengguna membuat
kesalahan fatal.
Saat ini interface yang banyak digunakan dalam software adalah GUI (Graphical
Pengguna Interface). GUI memberikan keuntungan seperti [5]:
1. mudah dipelajari oleh pengguna yang pengalaman dalam menggunakan
komputer cukup minim
2. berpindah dari satu layar ke layar yang lain tanpa kehilangan informasi
dimungkinkan
3. akses penuh pada layar dengan segera untuk beberapa macam
Beberapa karakteristik dari GUI dan penjelasannya dapat dilihat pada tabel berikut:
Karakteristik Penjelasan
Window Beberapa window bisa menampilkan informasi-informasi
berbeda sekaligus pada layar
Icon Mewakili informasi yang berbeda seperti icon untuk file, icon
folder atau icon untuk program tertentu
Pointing Alat penunjuk seperti mouse untuk memilih pilihan pada layar
Graphic Gambar yang bisa dicampur dengan teks pada display yang
sama untuk menyajikan informasi
Tabel 2.1 Tabel karakteristik GUI
Prinsip – prinsip dalam merancang UID :
1. User familiarity / Mudah dikenali : gunakan istilah, konsep dan kebiasaan user
bukan komputer.
2. Consistency/ “selalu begitu” : Konsisten dalam operasi dan istilah di seluruh sistem sehingga tidak membingungkan.
3. Minimal surprise / Tidak buat kaget user : Operasi bisa diduga prosesnya
berdasarkan perintah yang disediakan.
4. Recoverability/pemulihan : Recoverability ada dua macam: Confirmation of
destructive action (konfirmasi terhadap aksi yang merusak) dan ketersediaan
fasilitas pembatalan (undo)
5. User guidance/ bantuan : Sistem manual online, menu help, caption pada icon
khusus tersedia
6. User diversity/keberagaman : Fasilitas interaksi untuk tipe user yang berbeda
disediakan. Misalnya ukuran huruf bisa diperbesar
Pemilihan warna juga sangat penting dalam pembuatan user interface, maka di
[image:30.595.87.513.93.641.2]1. Batasi jumlah warna yang digunakan dan gunakan secara konservatif.
2. Gunakan perubahan warna untuk menunjukkan perubahan status sistem.
3. Gunakan pengkodean warna untuk mendukung pekerjaan yang sedang
dilakukan.
4. Gunakan kode warna dengan hati-hati dan konsisten.
5. Berhati-hatilah dalam membuat pasangan warna.
2.6
Multimedia
Multimedia dalam konteks komputer adalah: pemanfaatan komputer untuk
membuat dan menggabungkan teks, grafik, audio, video, dengan menggunakan tool
yang memungkinkan pemakai berinteraksi, berkreasi, dan berkomunikasi. Dalam
pembuatan media pembelajaran yang berupa software pembelajaran yang cocok dan
unggul dalam penyajian, terdapat beberapa software aplikasi untuk mendukung
pembelajaran fotosintesis yang menarik, yaitu Power Point dan Adobe Flash
Profesional cs5.
Multimedia sebagai suatu media pembelajaran mempunyai karakteristik
sebagai berikut [6]:
a. Memiliki lebih dari satu media yang konvergen, misalnya menggabungkan
unsur audio dan visual.
b. Bersifat interaktif, dalam pengertian memiliki kemampuan untuk
mengakomodasi respon pengguna.
c. Bersifat mandiri, dalam pengertian memberi kemudahan dan kelengkapan isi
sedemikian rupa sehingga pengguna bisa menggunakan tanpa bimbingan
Menurut Sutopo multimedia dapat digunakan untuk bermacam-macam bidang
pekerjaan, tergantung dari kreatifitas untuk mengembangkannya [1]. Setelah
mengetahui defenisi dari multimedia serta elemen-elemen multimedia yang ada, serta
aplikasi-aplikasi yang saat ini digunakan pada bidang kehidupan manusia, maka dapat
diketahui bahwa tujuan dari penggunaan multimedia adalah sebagai berikut :
1. Multimedia dalam penggunaannya dapat meningkatkan efektivitas dari
penyampaian suatu informasi.
2. Penggunaan multimedia dalam lingkungan dapat mendorong partisipasi,
keterlibatan serta eksplorasi pengguna tersebut.
3. Aplikasi multimedia dapat meransang panca indera, karena dengan
penggunaannya multimedia akan meransang beberapa indera penting manusia,
seperti : Penglihatan, pendengaran, aksi maupun suara.
2.6.1
Adobe Flash Profesional CS5
Flash merupakan software yang memiliki kemampuan menggambar sekaligus
menganimasikannya, serta mudah dipelajari Animasi yang dihasilkan flash adalah
[image:32.595.93.504.190.552.2]animasi berupa file movie. Movie yang dihasilkan dapat berupa grafik atau teks.
Grafik yang dimaksud disini adalah grafik yang berbasis vektor, sehingga saat diakses
melalui internet, animasi akan ditampilkan lebih cepat dan terlihat halus. Selain itu
flash juga memiliki kemampuan untuk mengimpor file suara, video maupun file
gambar dari aplikasi lain.
Flash seperti software campuran dimana didalamnya terdapat semua kelengkapan
yang dibutuhkan. Mulai dari fitur menggambar, ilustrasi, mewarnai, animasi, dan
langsung pada Flash. Fitur programming pada Flash menggunakan bahasa
ActionScript.
ActionScript dibutuhkan untuk memberi efek gerak dalam animasi.
ActionScript di flash pada awalnya memang sulit dimengerti jika seseorang tidak
mempunyai dasar atau mengenal flash. Tetapi jika sudah mengenalnya, kita tidak bisa
lepas dari ActionScript karena dapat membuat pekerjaan jauh lebih cepat dan mudah.
Salah satu fungsi ActionScript adalah memberikan sebuah konektivitas terhadap
sebuah objek, yaitu dengan menuliskan perintah – perintah didalamnya.
2.7
Pengujian perangkat lunak
Metode ujicoba blackbox memfokuskan pada keperluan fungsional dari
software. Karena itu ujicoba blackbox memungkinkan pengembang software untuk
membuat himpunan kondisi input yang akan melatih seluruh syarat – syarat fungsional suatu program. Ujicoba blackbox merupakan pendekatan yang melengkapi
untuk menemukan kesalahan. Ujicoba blackbox berusaha untuk menemukan
kesalahan dalam beberapa kategori [7]:
1. Fungsi-fungsi yang salah atau hilang
2. Kesalahan interface
3. Kesalahan dalam struktur data atau akses database eksternal
4. Kesalahan performa
5. Kesalahan inisialisasi dan terminasi
2.8
Kuesioner
Untuk mengetahui respon pengguna terhadap program yang telah dibuat
atas serangkaian pertanyaan tertulis yang bertujuan mendapatkan tanggapan dari
kelompok orang terpilih atas sesuatu yang diperlihatkan / didemonstrasikan. Setelah
program selesai, maka penulis membuat kuesioner yang berisikan daftar pertanyaan
yang berfungsi mendapatkan feedback dari responden atas aplikasi yang
diperlihatkan.
Kuesioner dibuat berdasarkan format kuesioner dari penelitian dari Fred F.
Davis yang berfungsi untuk mengukur seberapa besar manfaat aplikasi (Perceived of
Usefulness) dan kemudahan penggunaan aplikasi (Perceived Ease of Use), yang
terdiri dari :
Perceived of Usefulness
1. Using Chart Master in my job would enable me to accomplish task more
quickly
2. Using Chart Master would improve my job performance
3. Using Chart Master would enhance my effectiveness on the job
4. Using Chart Master would make it easier to do my job
5. I would find Chart Master useful in my job
Perceived Ease of Use
1. Learning to operate Chart Master would be easy for me
2. I would find it easy to get Chart Master to do what I want it to do
3. My interaction with Chart Master would be clear dan understandable
4. It would be easy for me to operate Chart Master
20
BAB III. ANALISA DAN PERANCANGAN SISTEM
3.1
Concept
Sistem yang akan dibangun adalah aplikasi simulasi berbasis multimedia yang
menampilkan penjelasan tentang fotosintesis baik berupa teks, gambar, audio,
maupun animasi. Program ini bertujuan untuk mempermudah siswa maupun
masyarakat umum dalam menerima informasi proses fotosintesis. Pengguna sendiri
adalah siswa ataupun masyarakat umum yang sudah mengenal penggunaan media
komputer. Program ini bersifat interaktif. Dalam pengembangan program bantu yang
berbasis multimedia dengan menggunakan Adobe Flash. Program ini akan
didistribusikan untuk siswa atau masyarakat umum dalam bentuk softcopy maupun
cd, sedangkan untuk proses keberhasilan program ini akan diujikan melalui kuesioner
yang dibahas pada bab selanjutnya.
3.2
Design
3.2.1
Perancangan Sistem yang dikembangkan
Sistem yang dikembangan adalah aplikasi simulasi fotosintesis berbasis
multimedia dengan menggabungan teks, animasi, audio, gambar sehingga dalam
menyampaikan informasi proses fotosintesis dapat mudah dipahami dan menjadikan
pembelajaran lebih menarik.
3.2.2
Kebutuhan Sistem (Hardware
–
Software)
a. Kebutuhan Hardware
Analisa kebutuhan hardware atau perangkat keras adalah analisa
kebutuhan dari perangkat keras yang dibutuhkan oleh penulis untuk
melakukan pembuatan aplikasi ini. Perangkat yang digunakan adalah :
- Prosesor : Intel Core i5 2.27 GHz
- RAM : 4096 MB
- Sistem Operasi : Windows 7 64-bit
- VGA : NVIDIA GeForce 310M 512mb
- Harddisk : 500 GB
- Optical : DVD-RW
Kebutuhan hardware pengguna
Agar pengguna dapat menggunakan program bantu ini, pengembang
merekomendasikan kebutuhan perangkat keras sebagai berikut:
- Prosesor : Intel Pentium 4, AMD Athlon 64
- RAM : 512MB
- VGA : VGA dengan memory 64MB
- Harddisk : 40GB
- OS : Windows XP , Windows 7
- Optical : DVD-ROM
- Speaker : Speaker 2 channel
b. Kebutuhan Software
Kebutuhan software pengembang
Perangkat lunak yang dibutuhkan untuk menyelesaikan penelitian ini
adalah Adobe Flash Profesioanal CS5, Adobe Ilustrator CS5, dan Adobe
fireworks CS5.
Untuk menjalankan program bantu ini, perangkat lunak yang harus dipenuhi
pengguna adalah Flash Player 9 atau flash player yang terbaru atau player yang bisa
memutar file .swf.
3.2.3
Storyboard
Scen
e
GUI Narasi Keterangan
1 Menampilkan
halaman utama.
Tombol yang
disediakan:
- Jika di klik
tombol Mulai
maka menuju
ke scene 2.
- Jika diklik
tombol
Glosarium
maka menuju
ke scene 3
- Jika di klik
tombol
petunjuk
maka menuju
ke scene 4.
[image:37.595.79.557.195.762.2]- Jika di klik
tombol
evaluasi,
maka menuju
ke scene 5
- Jika di klik
keluar maka
menutup /
keluar dari
aplikasi
menuju ke
scene 6
Gambar:
matahari,
pohon dan
papan
fotosintesis
Teks: Judul
Fotosintesis
Animasi:
Matahari
bergerak.
2.1 Banyak manfaat
yang dapat kita
rasakan dari
tumbuhan, antara
lain; buah yang
bisa kita makan,
batang tumbuhan
besar yang bisa
kita gunakan untuk
bahan bangunan,
dan oksigen yang
kita hirup setiap
[image:39.595.79.558.67.749.2]hari. Menampilkan animasi manfaat tumbuhan bagi kehidupan manusia. Tombol: - Kembali Jika dipilih tombol kembali maka akan menuju ke scene 1 - Ulang Jika diklik tombol ulang maka aplikasi akan mengulang pembahasan materi tersebut - Lanjut Jika diklik tombol lanjut maka aplikasi Gambar pohon Gambar buah gambar gas O2 gambar rumah
akan
melanjutkan
kembali materi
yang telah
disiapkan.
[image:40.595.80.558.67.755.2]Teks: -
Gambar buah,
pohon, gas O2
Animasi:
gambar buah,
rumah, gas CO2
muncul
perlahan secara
bersama dan
dijelaskan satu
per satu
manfaatnya
kemudian
menghilang
secara perlahan.
Audio:
manfaat.mp3
2.2 Fotosintesis
merupakan siklus
terpenting dari
tumbuhan.
Fotosintesis terdiri
dari kata foto dan
synthesis, yang berarti suatu penyusunan senyawa kimia kompleks yang memerlukan energi cahaya. Aplikasi mencoba menjelaskan pengertian fotosintesis. Tombol: - Kembali Jika dipilih tombol kembali maka akan menuju ke scene 1 - Ulang Jika diklik tombol ulang maka aplikasi akan mengulang pembahasan materi tersebut - Lanjut Jika diklik tombol lanjut maka aplikasi akan melanjutkan
Apa itu fotosinteis?
Animasi kata fotosintesis
kembali materi
yang telah
disiapkan.
Teks: judul apa
itu fotosintesis?
Gambar: -
Animasi:
Kata foto dan
sintesis muncul
secara terpisah
dan dijelaskan
satu per satu.
Kemudian kata
tersebut
disatukan
membentuk
kata baru
“Fotosintesis”
dan dijelaskan.
Audio :
fotosintesis.mp3
2.3 Tumbuhnan akan
mencari air dan
unsur hara
menggunakan akar
kemudian diangkut
menggunakan
pembuluh angkut
xylem menuju ke
daun. Lapisan luar
daun menyerap
energy matahari
dan udara karbon
[image:43.595.76.559.69.749.2]dioksida melalui stoma, setelah semua bahan terpenuhi maka terjadilah proses fotosintesis dengan menghasilkan oksigen dan glukosa yang dimanfaatkan oleh tumbuhan itu sendiri.) aplikasi mencoba menjelaskan bahan yang dibutuhkan untuk proses fotosintesis. Tombol: - Kembali Jika dipilih tombol kembali maka akan menuju ke scene 1 - Ulang Jika diklik tombol ulang maka aplikasi akan mengulang pembahasan materi tersebut - Lanjut Jika diklik tombol lanjut maka aplikasi Gambar pohon Gambar matahari gambar tanah gambar air gambar CO2
akan
melanjutkan
kembali materi
yang telah
disiapkan.
[image:44.595.80.558.67.757.2]Teks: -
Gambar:
matahari, tanah,
gas CO2, air.
Animasi:
gambar tanah,
matahari, CO2,
dan air muncul
serta di berikan
tanda panah
menuju ke
tanaman, hal ini
bertujuan
bahwa
tumbuhan
memerlukan
bahan – bahan tersebut.
Setelah itu
menghilang secara perlahan. Audio: pengumpulan bahan.mp3 Durasi: -
2.4 Tumbuhnan akan
mencari air dan
unsur hara
menggunakan akar
kemudian diangkut
menggunakan
pembuluh angkut
xylem menuju ke
daun. Lapisan luar
daun menyerap
energy matahari
dan udara karbon
[image:45.595.76.558.69.752.2]dioksida melalui stoma, setelah semua bahan terpenuhi maka terjadilah proses fotosintesis dengan menghasilkan Aplikasi mencoba menjelaskan bahan yang dihasilkan selama proses fotosintesis terjadi. Tombol: - Kembali Jika dipilih tombol kembali maka akan menuju ke scene 1 - Ulang Jika diklik tombol ulang maka aplikasi Gambar pohon gambar O2 Gambar glukosa
oksigen dan
glukosa yang
dimanfaatkan oleh
tumbuhan itu
sendiri.
Apabila tumbuhan
kelebihan glukosa
maka tumbuhan
tersebut akan
menghasilkan buah. akan mengulang pembahasan materi tersebut - Lanjut Jika diklik tombol lanjut maka aplikasi akan melanjutkan kembali materi yang telah disiapkan. Teks: - Gambar:
glukosa dan gas
O2
Animasi:
gambar O2 dan
glukosa muncul
secara perlahan,
disertai tanda
panah keluar
dari tumbuhan,
hal ini sebagai
tumbuhan
menghasilkan
glukosa dan gas
O2. Setelah itu
menghilang secara perlahan. Audio: pengumpulan bahan.mp3 dan lebih glukosa.mp3 Durasi: -
2.5 Berikut rumus
kimia dari
fotosintesis..6co2
+ 6h2o + energy
matahari dengan bantuan klorofil menghasikan glukosa (c6h12o6) dan 6oksigen Aplikasi menyajikan rumus kimia dari proses fotosintesis. Tombol: - Kembali Jika dipilih tombol kembali maka akan menuju ke scene 1 Rumus kimia
6CO2 + 6H2O + energi cahaya 6H12O6 + 6O2 klorofil
- Ulang
Jika diklik
tombol ulang
maka aplikasi
akan mengulang
pembahasan
materi tersebut
- Lanjut
Jika diklik
tombol lanjut
maka aplikasi
akan
melanjutkan
kembali materi
yang telah
disiapkan.
Gambar: -
Teks: rumus
kimia
fotosintesis,
6CO2 + 6H2O +
energi cahaya
dengan bantuan
klorofil menjadi
Animasi :
tulisan “rumus kimia” muncul dari atas dengan
effect alpha,
untuk rumusnya
sendiri muncul
satu persatu dari
effect blur.
Audio: rumus
kimia.mp3
Durasi: -
2.7 Coba perhatikan
potongan dari daun
berikut setelah diperbesar menggunakan mikroskop. Aplikasi mencoba menjelaskan bagian dimana proses fotosintesis itu berlangsung. Tombol: - Kembali Jika dipilih tombol kembali Gambar pohon Gambar daun Kaca mikro skop
maka akan
menuju ke
scene 1
- Ulang
Jika diklik
tombol ulang
maka aplikasi
akan mengulang
pembahasan
materi tersebut
- Lanjut
Jika diklik
tombol lanjut
maka aplikasi
akan
melanjutkan
kembali materi
yang telah
disiapkan.
Gambar: pohon,
daun,
mikroskop.
Animasi:
pertama gambar
memisahkan daunnya satu, kemudian kaca pembesar memfokuskan pada daun tersebut, sehingga efek diperbesar dimulai. Audio: bagian daun1.mp3 Durasi:
2.8 bagian yang
dimiliki daun antara lain: kultikula, epidermis atas, jaringan tiang, xylem, floem, epidermis bawah, jaringan pelindung, jaringan bunga
karang dan stroma.
Aplikasi ini
menjelaskan
bagian jaringan
yang menyusun
daun beserta
fungsi – fungsinya. Tombol: - Kembali Jika dipilih tombol kembali maka akan jaringan penyusun daun
Gambar potong melintang daun
menuju ke
scene 1
- Ulang
Jika diklik
tombol ulang
maka aplikasi
akan mengulang
pembahasan
materi tersebut
- Lanjut
Jika diklik
tombol lanjut
maka aplikasi
akan
melanjutkan
kembali materi
yang telah
disiapkan.
Gambar: daun
potong
melintang
Teks: jaringan
yang penyusun
daun.
jaringan diberi
nama dan
penunjuk.
Audio:
kultikula.mp3,
epidermis
atas.mp3,
jaringan
tiang.mp3,
xylem.mp3,
floem.mp3,
epidermis
bawah.mp3,
jaringan
pelindung.mp3,
jaringan bunga
karang.mp3 dan
stoma.mp3
2.10 Fotosintesis
terjadi di bagian
kloroplas; perhatikan proses fotosintesis berikut; mula-mula kloroplas mendapat sinar matahari yang menggerakkan electron, kemudian h2o
atau air tersedia
dalam granum
dibantu elktron
dan NADP+
menhasilkan
NADPH dan
oksigen, disinilah
air terurai menjadi
oksigen.
Kemudian adp
dan fosfat menuju
granum menghasilkan Aplikasi menampilkan proses fotosintesis I dan fotosintesis II. Tombol:
- Jika di klik
tombol
kembali maka
halaman
kembali ke
scene 1.
- Jika diklik
“ulang” maka animasi akan dimulai pada scene 2.10 Gambar: kloroplas Animasi: aliran fotosintesis yang terjadi selama fotosintesis I
Proses fotosintesis dalam kloroplas
Proses fotosintesis
ATP, proses ini
sering disebut
phosphorilasi.
Proses ini disebut
juga sebagai
fotosintesis reaksi
terang karena
membutuhkan
sinar matahari
secara langsung.
Kemudian udara
co2 atau
karbondioksida
masuk stroma
yang
mebutuhkan
NADPH dan ATP
untuk mengurai
menjadi glukosa,
NADP+ dan ADP
+ fosfat. Proses
ini disebut siklus
kelvin.
dan fotosintesis
II.
Audio:
fotosintesisI.mp
3,
fotosintesisII.m
p3
3 Menampilkan
halaman istilah
kata yang telah
disediakan.
Tombol:
- Jika di klik
tombol
kembali,
maka menu
glosarium
menutup dan
kembali ke
scene 1.
- Jika user
memilih
salah satu
istilah yang
terdapat pada
glosarium
maka aplikasi
akan
memberikan
informasi
dari kata
yang telah
Cari
Daftar istilah keterangan
dipilih
Gambar: -
Teks: judul
Glosarium
Animasi: -
Audio: -
4 Menampilkan
halaman
petunjuk
penggunaan
tombol.
- Jika di tekan
tombol
kembali
maka menu
petunjuk
menutup dan
kembali ke
scene 1.
- Jika ditekan
tombol lanjut
maka menu
petunjuk
PETUNJUK
menampilkan
petunjuk
berikutnya
Gambar: -
Teks: judul
Petunjuk
5.1 Menampilkan
halaman
evaluasi yang
menggunakan
drop target
yang sudah
ditentukan
letaknya, user
akan diberikan
nama bagian
dari daun dan
meletakan pada
tempat yang
sudah
ditentukan.
Tombol:
- jika diklik
back maka
kembali ke Gambar bagian
dari daun
nama
scene 1.
- jika di kill
tombol next
menuju ke
scene 5.2
Animasi: darg
dan drop
Audio: -
Durasi: -
5.2 Menampilkan
halaman
evaluasi
lanjutan,
evaluasi ini
berbentuk
pilihan ganda,
sehingga user
dapat memilih
salah satu
jawaban yang
benar. Tidak
ada
penghitungan
score.
Tombol : peratanyaan
jawaban
jawaban
jawaban
- jika user
memilih
salah satu
jawaban akan
muncul
peringatan
apakah
jawaban
tersebut
benar atau
salah.
- jika user
memilih
tombol back
maka
kembali ke
scene 1.
- jika user
memilih
tombol next
maka muncul
pertanyaan
yang baru
sampai tidak
next lagi.
Animasi: -
Audio: -
Durasi: -
6 Menampilkan
pesan menutup
aplikasi,
pengguna
disajikan 2
pilihan “ya” dan “tidak”. Hal ini
bertunjuan
untuk
menanggulangi
kesalahan
pengguna yang
secara tidak
sengaja memilih
tombol keluar.
Tombol:
- Jika
pengguna Apakah anda ingin mengakhiri?
menekan
tombol “ya”
maka aplikasi
menutup.
- Jika
pengguna
menekan
tombol tidak”
maka
kembali ke
scene 1
Gambar: -
Teks:
peringatan
“Apakah anda
ingin
mengakhiri”
Animasi:
peringatan
muncul secara
perlahan.
Audio: -
Durasi: -
3.2.4
Diagram Use Case
user/pengguna
mulai fotosintesis
petunjuk
glosarium
evaluasi
keluar
Aplikasi visualisasi
fotosintesis
berbasis multimedia
Gambar 3.1 : Gambar Diagram Use Case
3.2.5
Use Case Narrative
Nama Use Case : mulai fotosintesis
Primary actor : User
Deskripsi : aplikasi menampilkan visualisasi fotosintesis
Pre-kondisi : User telah masuk ke dalam menu utama
Skenario :
Aksi Aktor Reaksi Sistem
Skenario Normal :
1. Tampilkan menu utama
2. Memilih mulai
fotosintesis
fotosintesis
4. Memilih lanjut
5. Klik lanjut
6. Melanjutkan visualisasi fotosintesis
7. Memilih ulang
8. Klik ulang
9. Mengulang yang selesai divisualisasikan
10.Jika di klik “Kembali” Sekenario Alternatif
11.Kembali ke menu utama
Tabel 3.2: Use case narrative mulai fotosintesis
Nama Use Case : petunjuk
Primary actor : User
Deskripsi : aplikasi menampilkan petunjuk penggunaan aplikasi
Pre-kondisi : User telah masuk ke dalam menu utama
Skenario :
Aksi Aktor Reaksi Sistem
Skenario Normal :
1. Tampilkan menu utama
2. Memilih petunjuk
3. Menampilkan halaman petunjuk
penggunaan aplikasi
4. Memilih lanjut
5. Klik lanjut
6. Melanjutkan petunjuk yang selanjutnya
7. Memilih kembali
8. Klik kembali
9. Kembali ke petunjuk yang sebelumnya
11.Kembali ke menu utama
Tabel 3.3: Use case narrative petunjuk
Nama Use Case : glosarium
Primary actor : User
Deskripsi : aplikasi menampilkan halaman glosarium
Pre-kondisi : User telah masuk ke dalam menu utama
Skenario :
Aksi Aktor Reaksi Sistem
Skenario Normal :
1. Tampilkan menu utama
2. Memilih glosarium
3. Menampilkan halaman glosarium
4. Memilih istilah yang
disediakan
5. Menampilkan penjelasan istilah yang
dipilih
6. Jika di klik “Kembali” Sekenario Alternatif
7. Kembali ke menu utama
Tabel 3.4: Use case narrative glosarium
Nama Use Case : evaluasi
Primary actor : User
Deskripsi : apliaski menampilkan halaman evaluasi
Pre-kondisi : User telah masuk ke dalam menu utama
Aksi Aktor Reaksi Sistem
Skenario Normal :
1. Tampilkan menu utama
2. Memilih evaluasi
3. Menampilkan halaman evaluasi bagian
drag dan drop istilah
4. Men-drag dan drop
istilah yang muncul
5. Mencocokan istilah dengan letak yang
seharusnya sudah ditentukan, jika benar
maka istilah masuk, jika salah istilah
kembali ke posisi awal, dan jika istilah
seudah tidak ada lagi maka lanjut ke
pertanyaan pilihan ganda
6. Memilih lanjut
7. Klik lanjut
8. Menampilkan halaman evaluasi pilihan
ganda
9. Memilih jawaban
10.Jika benar aplikasi merespon benar, jika
salah aplikasi merespon salah.
11.Memilih ulang
12.klik ulang
13.Aplikasi akan mereset ulang jawaban
14.Memilih lanjut
15.Klik lanjut
16.Aplikasi melanjutkan pertanyaan yang
selanjutnya
17.Jika di klik “Kembali” Sekenario Alternatif
18.Kembali ke menu utama
Nama Use Case : keluar
Primary actor : User
Deskripsi : aplikasi keluar
Pre-kondisi : User telah masuk ke dalam menu utama
Skenario :
Aksi Aktor Reaksi Sistem
Skenario Normal :
1. Tampilkan menu utama
2. Memilih keluar
3. Menampilkan peringatan “ya” dan
“tidak”
4. Memilih tidak
5. Klik tidak
6. Peringatan hilang
7. Memilih ya
8. Klik ya
9. Aplikasi menutup
3.2.6
Activity Diagram
3.2.6.1
Activity Diagram Mulai Fotosintesis
kembali lanjut ulang
ulang
ulang
ulang
ulang
kembali
kembali
kembali
kembali lanjut
lanjut
Mulai Visualisasi
manfaat tumbuhan
bahan dan hasil fotosintesis
Rumus kimia fotosintesis
Bagian daun
Proses fotosintesis di kloroplas
selesai visualisasi
lanjut
3.2.6.2
Activity Diagram Petunjuk
lanjut
Pilih petunjuk
Petunjuk Halaman awal
Petunjuk menu visualisasi
Petunjuk glosarium
Petunjuk Evaluasi drag
Dan drop
Petunjuk evaluasi pilihan ganda
selesai visualisasi
lanjut
lanjut
lanjut kembali
kembali
kembali
kembali
kembali
3.2.6.3
Activity Diagram Glosarium
Pilih glosarium
selesai glosarium Tampilkan
[image:70.595.102.495.97.607.2]penjelasan Pilih istilah
3.2.6.4
Activity Diagram Evaluasi
Pilih evaluasi
selesai evaluasi Soal pilihan
ganda Menyelesaikan Soal Drag dan drop
kembali
kembali
lanjut lanjut
[image:71.595.93.493.90.714.2]go
Gambar 3.5: Gambar Activity diagram mulai fotosintesis
3.2.6.5
Activity Diagram Keluar
Pilih keluar
Aplikasi menutup
Peringatan menutup
Klik tombol ya
Klik tombol tidak
3.3
Material Collecting
Material Collecting atau pengumpulan data, adalah tahap dimana pengumpulan
bahan/data yang sesuai dengan kebutuhan dilakukan.
Topic Gambar Source Video / audio
Menu
utama /
tampilan
awal
1.
2.
3.
4.
5.
6.
vectorimages.org
dragonartz.wordpress.com
vectorimages.org
vectorimages.org
vectorimages.org
- suara angin.mp3
Menu
fotosintesis 7.
8.
vectorartisfree.com
- manfaat.mp3
- fotosintesis .mp3
- air dan tanah .mp3
- matahari dan
[image:72.595.84.519.183.764.2]9. 10. 11. 12. 13. 14. 15. how-to-draw-funny-cartoons.com freevectors.com freevectors.com freevectors.com freevectors.com
- oksigen dan
glukosa.mp3
- lebih glukosa
.mp3
- rumus kimia.mp3
- bagian daun1
.mp3 - kultikula.mp3 - epidermis atas.mp3 -epidermis bawah.mp3 - jaringan tiang.mp3
- jaringan bunga
karang.mp3 - xilem.mp3 -f loem.mp3 - jaringan pelindung.mp3 - stoma.mp3
- sinar matahari
.mp3
- proses h2o .mp3
pospat.mp3
- co2 terurai .mp3
Menu
Glosarium
Freevector.com
Menu
evaluasi
Freevector.com
Menu
petunjuk
[image:74.595.83.520.67.609.2]Freevector.com
60
BAB IV IMPLEMENTASI SISTEM
4.1
Assembly
Pada bagian ini diberikan gambaran mengenai tahap Assembly aplikasi
visualisasi votosintesis berbasis multimedia berdasarkan hasil perancangan yang
sudah dibuat pada Bab III.
4.1.1
Tampilan Awal
Tampilan awal dari aplikasi ini menyajikan beberapa pilihan yang dapat
[image:75.595.93.496.322.608.2]dipilih oleh pengguna diantaranya; menu “mulai”, “glosarium”, “evaluasi”, “petunjuk”, dan “keluar”.
Gambar 4.1 : Gambar tampilan awal
Action script yang di berikan pada setiap tombol sebagai berikut:
a. Tombol “MULAI”
on (release) {
_root.gotoAndPlay("mulai"); }
Ketika pengguna memilih tombol ini yang terjadi adalah menjalankan frame
yang diberi label “mulai”.
b. Tombol “Glosarium”
on (release) {
_root.gotoAndPlay("glosarium"); }
Ketika pengguna memilih tombol ini yang terjadi adalah menjalankan frame yang
diberi label “glosarium”.
c. Tombol “Evaluasi”
on (release) {
_root.gotoAndPlay("evaluasi"); }
Ketika pengguna memilih tombol ini yang terjadi adalah menjalankan frame
yang diberi label “evaluasi”. d. Tombol “Petunjuk”
on (release) {
_root.gotoAndPlay("petunjuk"); }
Ketika pengguna memilih tombol ini yang terjadi adalah menjalankan frame
yang diberi label “petunjuk”. e. Tombol “keluar”
on (release) {
_root.peringatan.gotoAndPlay(2); }
Ketika pengguna memilih tombol ini yang terjadi adalah menjalankan movie
4.1.2
Menu Mulai
Tampilan ini merupakan penyampaian visualisasi fotosintesis, penjelasan yang
dimulai dari manfaat tumbuhan bagi kehidupan, apa itu fotosintesis, bahan yang
diperlukan dalam proses fotosintesis, hasil fotosintesis, bagian dari daun, dan proses
[image:77.595.95.497.220.510.2]fotosintesis yang terjadi pada kloroplas.
Gambar 4.2 : Gambar menu mulai bagian manfaat
Tampilan diatas merupakan penjelasan tentang beberapa manfaat yang dapat
kita rasakan kegunaan dari tumbuhan, buah yang kita konsumsi setiap hari, kayu yang
dapat kita gunakan untuk bahan bangunan dan yang sangat terpenting adalah udara
yang dihasilkan untuk kelangsungan hidup manusia. Pada halaman ini juga diberi
Gambar 4.3 : Gambar bagian penjelasan kata fotosintesis
Tampilan diatas merupakan bagian dari penjelasan mengenai arti dari kata
[image:78.595.91.504.216.597.2]fotosintesis, dengan menggunakan suara untuk menyamapaikan maka diberi suara fotosintesis.mp3.
Gambar 4.4 : Gambar menu mulai bagian fotosintesis yang terjadi di daun
Untuk halaman berikutnya setelah megklik tombol next adalah mengenai
bahan yang diperlukan dalam proses fotosintesis, dari proses penyerapan air dan
penyerapan sinar matahari dan gas karbondioksida oleh daun. Pada penjelasan ini
[image:79.595.92.505.163.744.2]menggunakan suara yaitu dengan pengumpulan bahan.mp3.
Gambar 4.5 : Gambar menu mulai bagian hasil fotosintesis
Setelah selesai menerangkan mengenai bahan yang diperlukan pada halaman
ini menjelaskan hasil dari fotosintesis yaitu berupa glukosa atau gula dan oksigen atau
02 apabila glukosa berlebihan makan menjadi buah. Suara yang digunakan
Gambar 4.6 : Gambar menu mulai bagian penjelasan rumus kimia
Pada halaman ini memberikan penjelasan mengenai rumus kimia dari proses
[image:80.595.95.501.174.463.2]fotosintesis, dibantu dengan menggunakan suara yaitu rumus kimia.mp3
Gambar 4.7 : Gambar menu mulai tentang penjelasan bagian dari daun
Pada halaman ini aplikasi mencoba menjelaskan bagian dari daun dan
menunjukkan bagiannya. Dengan dibantu suara untuk mempermudah penjelasan yaitu
dengan bagian daun1.mp3, kultikula.mp3, epidermis atas.mp3, jaringan tiang.mp3,
xilem.mp3, floem.mp3, epidermis bawah.mp3, jaringan pelindung.mp3, jaringan
Gambar 4.8 : Gambar menu mulai menjelaskan proses yang terjadi di kloroplas
Pada halaman yang terkahir menjelaskan tentang proses fotosintesis yang
terjadi di kloroplas. Penjelasan ini juga dibantu dengan suara yaitu sinar
matahari.mp3, proses h2o.mp3, dan co2 terurai.mp3. halaman ini juga memberi
tombol yang berfungsi sebagai kembali ke scene awal dan mengulang proses
fotosintesis yang terjadi pada kloroplas.
Action script yang terdapat halaman ini sebagai berikut;
a. Tombol kembali
on (release) { gotoAndPlay(1); }
Pada tombol ini akan menuji ke frame 1
b. Tombol ulang
on (release) {
gotoAndPlay(2782); }
4.1.3
Menu Petunjuk
Gambar 4.9 : Gambar menu petunjuk tampilan awal
Tampilan menu diatas merupakan penjelasan mengenai cara penggunaan
tombol dari masing-masing menu yang disediakan, misalkan menu utama seperti
gambar diatas menampilkan menu “mulai”, “glosarium”, “evaluasi”, dan “petunjuk”
bisa digunakan oleh pengguna. Pada halaman ini juga disediakan tombol „kembali”
untuk kembali ke menu utama dan “lanjut” jika ingin melihat penggunaan tombol
pada menu yang lainnya.
Gambar diatas menunjukan dan menjelaskan penggunaan tombol “kembali” untuk menuju ke halaman/tampilan utama dan tombol “ulang” untuk mengulang proses fotosintesis yang terjadi di kloroplas.
Gambar 4.11 : Gambar menu petunjuk glosarium
Gambar petunjuk diatas membahas mengenai cara penggunaan pada menu
glosarium. Untuk tombol yang disediakan antara lain tombol “kembali untuk kembali ke petunjuk yang sebelumnya dan tombol “lanjut” untuk melihat petunjuk
[image:83.595.88.506.488.743.2]penggunaan selanjutnya.
Gambar petunjuk diatas membahas mengenai cara penggunaan pada menu
evalusi menggunakan drag dan drop. Untuk tombol yang disediakan antara lain
tombol “kembali untuk kembali ke petunjuk yang sebelumnya dan tombol “lanjut”
[image:84.595.96.496.212.546.2]untuk melihat petunjuk penggunaan selanjutnya.
Gambar 4.13 : Gambar menu petunjuk evaluasi bagian pilihan ganda
Gambar petunjuk diatas membahas mengenai cara penggunaan pada menu
4.1.4
Menu Glosarium
Gambar 4.14 : Gambar menu glosarium
Pada halaman glosarium, disajikan beberapa istilah yang digunakan dalam
penyampaian proses fotosintesis. Pengguna bebas memilih istilah dengan mengklik
salah satu yang telah disediakan maka aplikasi akan memberikan penjelasan.
Pengguna juga di berikan tombol untuk kembali ke scene awal.
Setiap istilah diberi script untuk menjalankannya misalnya pada tombol “ATP” seba