3.3 Material Collecting
Material Collecting atau pengumpulan data, adalah tahap dimana pengumpulan bahandata 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
co2.mp3
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 - adp dan
pospat.mp3 - co2 terurai .mp3
Menu Glosarium
Freevector.com
Menu evaluasi
Freevector.com
Menu petunjuk
Freevector.com
Tabel 3.2 : Tabel Material Collecting
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 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.gotoAndPlaymulai; }
Ketika pengguna memilih tombol ini yang terjadi adalah menjalankan frame yang diberi label
“mulai”. b.
Tombol “Glosarium” on release {
_root.gotoAndPlayglosarium; }
Ketika pengguna memilih tombol ini yang terjadi adalah menjalankan frame yang diberi label
“glosarium”. c.
Tombol “Evaluasi” on release {
_root.gotoAndPlayevaluasi; }
Ketika pengguna memilih tombol ini yang terjadi adalah menjalankan frame yang diberi label
“evaluasi”. d.
Tombol “Petunjuk” on release {
_root.gotoAndPlaypetunjuk; }
Ketika pengguna memilih tombol ini yang terjadi adalah menjalankan frame yang diberi label
“petunjuk”. e.
Tombol “keluar” on release {
_root.peringatan.gotoAndPlay2; }
Ketika pengguna memilih tombol ini yang terjadi adalah menjalankan movie clip
“peringatan” dan berjalan pada frame yang ke 2.
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 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
suara dalam menyampaikannya yaitu dengan manfaat.mp3.
Gambar 4.3 : Gambar bagian penjelasan kata fotosintesis
Tampilan diatas merupakan bagian dari penjelasan mengenai arti dari kata 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
garam mineral oleh akar di bawa ke daun menggunakan pembuluh angkut xilem dan
penyerapan sinar matahari dan gas karbondioksida oleh daun. Pada penjelasan ini 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 merupakan lanjutan dari pengumpulan bahan.mp3.
Gambar 4.6 : Gambar menu mulai bagian penjelasan rumus kimia
Pada halaman ini memberikan penjelasan mengenai rumus kimia dari proses 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
bunga karang.mp3
, dan stoma.mp3.
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 { gotoAndPlay1;
}
Pada tombol ini akan menuji ke frame 1
b. Tombol ulang
on release { gotoAndPlay2782;
}
Pada tombol ini akan menuju ke frame 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 4.10 : Gambar menu petunjuk menu mulai bagian fotosintesis kloroplas
Gambar diatas menunjukan dan menjelaskan penggunaan tombol “kembali”
untuk menuju ke halamantampilan utama dan tomb ol “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 penggunaan selanjutnya.
Gambar 4.12 : Gambar menu petunjuk evaluasi bagian drag dan drop
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” untuk melihat petunjuk penggunaan selanjutnya.
Gambar 4.13 : Gambar menu petunjuk evaluasi bagian pilihan ganda
Gambar petunjuk diatas membahas mengenai cara penggunaan pada menu evalusi menggunakan drag dan drop
. Untuk tombol yang disediakan tombol “kembali untuk kembali ke petunjuk yang sebelumnya.
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”
sebagai berikut; on release {
gotoAndPlayatp; }
Hal ini juga terdapat di setiap istilah yang membedakan hanya pemberian nama pada label. Untuk tombol kembali diberikan script sebaga berikut;
on release { _root.gotoAndPlay1;
}
4.1.5 Menu Evaluasi
Pada tampilan ini pengguna akan di berikan beberapa pertanyaan, pertanyaan ada dua jenis yang pertama menggunakan drag dan drop, dan yang kedua
menggunakan pilihan ganda.
Gambar 4.15 : Gambar menu evaluasi bagian drag dan drop
Pada halaman evaluasi drag dan drop, pengguna akan disajikan beberapa tombol; tombol kembali, tombol berupa movie clip yang nantinya akan di drag ke
tempat yang telah disediakan oleh aplikasi dan tombol lanjut untuk langsung ke pertanyaan pilihan ganda tanpa menyelesaikan evaluasi drag dan drop.
Action script yang digunakan sebagai berikut a.
Tombol “kembali”
on release { _root.gotoAndStop1;
}
Jika pengguna mengklik tombol kembali maka aplikasi akan kembali ke frame 1.
c. Tombol “lanjut”
on release { gotoAndPlay106;
}
Jika pengguna mengklik tombol lanjut maka aplikasi akan menuju ke frame 106 tempat pertanyaan pilihan ganda.
d. Tombol drag dan drop
Misalkan pada tombol “jaringan bunga karang” sebagai berikut
onClipEvent load { x_pos = this._x; posisi istilah pertama pada sumbu x
y_pos = this._y; posisi istilah pertama pada sumbu y this.onPress = function
{ startDragthis;
}; this.onRelease = function
{ if evalthis._droptarget == _root.evaluasi.jaringan_bunga apabila ketika
mouse di lepas pada kotak maka istilah akan masuk {
kondisi benar this._x = _root.evaluasi.jaringan_bunga._x;
this._y = _root.evaluasi.jaringan_bunga._y; _root.evaluasi.keterangan.text = tepat;memberi komentar
_root.evaluasi.gotoAndPlay11;jika benar maka menuju ke frame 11 lanjut ke istilah berikutnya
} else
{ kondisi salah maka kembali ke posisi awal
this._x = x_pos; this._y = y_pos;
_root.evaluasi.keterangan.text = coba lagi; memberi komentar }
stopDrag; };
}
Pertama adalah menentukan posisi awal istilah yang muncul, kemudian diberikan perintah supaya istilah yang di convert menjadi movie clip bisa dipindah
menggunakan mouse, jika kondisi benar yaitu istilah ditempatkan pada tempat yang telah ditentukan maka akab memberikan komentar bahwa istilah itu benar
ditempatnya, jika salah maka istilah tersebut kembali ke posisi awal yaitu dalam kotak. Hal ini juga di berikan pada setiap istilah yang muncul satu persatu antara lain;
kultikula, epidermis atas, xylem, floem, epidermis bawah, jaringan pelindung, jaringan tiang, dan stoma.
Gambar 4.16 : Gambar menu evaluasi bagian pilihan ganda
Pada tampilan evaluasi diatas adalah evaluasi dalam bentuk pilihan ganda, pengguna akan diberikan beberapa tombol yang bisa digunakan antara lain; tombol kembali,
tombol ulang, tombol lanjut, dan tombol pilihan masing-masing jawaban. Script yang digunakan sebagai berikut;
a. Tombol
“kembali”
on release { _root.gotoAndStop1;
}
Jika pengguna mengklik tombol ini maka aplikasi akan kembali ke tampilan awal. b.
Tombol “ulang”
on press { tanda._x = _x;
tanda._y = _y-500; mengubah posisi silang y ke posisi baru -500 tombola.enabled = true;
tombolb.enabled = true; tombolc.enabled = true;
tombold.enabled = true; }
Jika pengguna mengklik tombol ini maka aplikasi akan mengkodisikan awal dari pertanyaan tersebut. Pada script diatas digunakan untuk menghilangkan tanda
silang ke koordinat yang baru yaitu koordinat x=0 dan y=-500, setelah itu tombol yang semula tidak aktif karena sudah memilih jawaban di aktifkan kembali.
c. Tombol “lanjut”
on release { _root.evaluasi.benar.gotoAndStop1;
_root.evaluasi.salah.gotoAndStop1; nextFrame;
_root.evaluasi.tanda._alpha = 0; }
Jika pengguna memilih tombol ini maka aplikasi akan mengganti pertanyaan yang baru.
d. Tombol “pilihan”
Misalkan yang dipilih adalah tombol pilihan a, sebagai berikut;
on press { _root.evaluasi.benar.gotoAndPlay2;
tanda._x = a._x; memposisikan silang yang 1 sama dengan posisi x tombol ini tanda._y = a._y; memposisikan silang yang 1 sama dengan posisi y tombol ini
tombola.enabled = false; tombolb.enabled = false;
tombolc.enabled = false; tombold.enabled = false;
}
Ketika pilihan di klik maka akan menjalankan movie clip “benar” pada frame
ke 2, kemudian menggerakan tanda silang ke koordinat yang baru yaitu pada movie clip
“tanda”, selain itu tombol pilihan yang semula aktif di matikan atau dinonaktifkan sehingga pengguna tidak bisa meilih lagi, jika ingin memilih lagi
pengguna mengklik tombol “ulang”. Untuk tombol yang lain juga hampir sama action
scriptnya, yang membedakan hanya movie clip yang dijalankan jika salah maka yang dimainkan adalah movie clip
“salah”. Hal ini juga digunakan pada pertanyaan yang selanjutnya, ketika pada pertanyaan yang terkahir pengguna diberikan tombol selain
“lanjut” karena tidak ada lagi pertanyaan yang disediakan.
76
BAB V ANALISA HASIL PENELITIAN DAN PEMBAHASANNYA
5.1 Testing
Kategori