Oleh : Nama: Totok Dwi Apriyanto NIM:

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

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 YOGYAKARTA 2012


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 2012

ii


iii

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI iv

iv


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 !!

Kupersembahkan Karyaku ini untuk : Tuhan Yesus Kristus Ayah, Ibu, Kakak, dan Kekasih Semua Sahabat yang aku sayangi

v


vi


vii


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.

Kata kunci = multimedia, biologi, fotosintesis, aplikasi

viii


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.

Keywords = multimedia, biology, photosynthesis, application

ix


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 dan mendampingi penulis selama menempuh ilmu di Teknik Informatika

x

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 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

Penulis

xi


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

2.3

Metodologi Penelitian ...................................................................................11

xii

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 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 5.1

Testing...........................................................................................................76

xiii

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI xiv

5.1.1

Pengujian Black box ...............................................................................76

5.1.2

Pengujian Kemudahan Penggunaan Program dan Manfaat Program Dengan...................................................................................................79

5.1.3 5.2

Interpretasi Skor .....................................................................................85

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 …….. 9 Gambar 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 Gambar 4.5: Gambar menu mulai bagian hasil fotosintesis ………………….……. 64

xiv

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 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 Tabel 5.9: Tabel interpretasi skor Kategori Perceived Ease of Use …….................. 87

xv


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 memberikan kemudahan penyampaian materi, salah satunya adalah dengan dibuatnya 1

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 2

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 tahapan, yakni:


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 multimedia dibuat. Pembuatan aplikasi didasarkan pada tahap design.


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 Penulis mengimplementasikan dan menganalisa program.


Bab V : ANALISA HASIL PENELITIAN DAN PEMBAHASANNYA Berisi analisa hasil dan manfaat, serta kelebihan dan kekurangan dari perangkat lunak tersebut. Bab VI : KESIMPULAN Kesimpulan beserta saran.


BAB II. LANDASAN TEORI

2.1Visualisasi 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.2Fotosintesis Fotosintesis berasal dari kata foton yang berarti cahaya, dan sintesis yang berarti menyusun. Jadi fotosintesis dapat diartikan sebagai suatu penyusunan senyawa kimia kompleks yang memerlukan energi cahaya. Sumber energi cahaya alami adalah 6


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: klorofil

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 batang.


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.

Gambar 2.2: Bagian kloroplas


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.

Gambar 2.3: Proses fotosintesis reaksi terang dan siklus Kelvin


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, pembelajaran dan lain – lain). Dasar aturan untuk perancangan juga ditentukan pada tahap ini, misalnya ukuran aplikasi, target, dan lain-lain.


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. Tahap ini biasanya menggunakan perangkat lunak authoring, seperti Adobe Flash.


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. Storyboard biasanya digunakan untuk kegiatan :


1. Film 2. Teater 3. Animasi 4. Photomatic 5. Buku komik 6. Bisnis 7. Media interaktif

2.5User 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

tugas/keperluan

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 butuhkan aturan dalam menentukan warna yaitu :


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 orang lain.


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 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 programming. Kita dapat mendesain gambar atau objek yang akan kita animasikan


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 penulis menggunakan media kuesioner. Kuesioner merupakan alat survei yang terdiri


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 5. It would be easy for me become skillful at using Chart Master


BAB III. ANALISA DAN PERANCANGAN SISTEM

3.1Concept 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.2Design 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 

Kebutuhan hardware pengembang

20


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. 

Kebutuhan software pengguna


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

GUI

Narasi

Keterangan

e 1

Menampilkan Gambar matahari

Tombol yang

Fotosintesis

glosarium

halaman utama. Gambar pohon

Mulai fotosintesis

- Jika di klik

evaluasi petunjuk

disediakan:

tombol Mulai keluar

maka menuju ke scene 2. - Jika diklik tombol Glosarium maka menuju ke scene 3 - Jika di klik tombol petunjuk maka menuju ke scene 4.


- 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. Durasi: -


2.1 gambar rumah

Gambar buah

gambar gas O2

Gambar pohon

kembali

ulang

lanjut

Banyak manfaat

Menampilkan

yang dapat kita

animasi manfaat

rasakan dari

tumbuhan bagi

tumbuhan, antara

kehidupan

lain; buah yang

manusia.

bisa kita makan,

Tombol:

batang tumbuhan besar yang bisa

-

Kembali

Jika dipilih

kita gunakan untuk tombol kembali bahan bangunan,

maka akan

dan oksigen yang

menuju ke

kita hirup setiap

scene 1

hari.

-

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. 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 Durasi: -


2.2 Apa itu fotosinteis?

Animasi kata fotosintesis kembali

ulang

lanjut

Fotosintesis

Aplikasi

merupakan siklus

mencoba

terpenting dari

menjelaskan

tumbuhan.

pengertian

Fotosintesis terdiri

fotosintesis.

dari kata foto dan

Tombol:

synthesis, yang

- Kembali

berarti suatu

Jika dipilih

penyusunan

tombol kembali

senyawa kimia

maka akan

kompleks yang

menuju ke

memerlukan

scene 1

energi cahaya.

- 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. 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 Durasi: -


2.3

Tumbuhnan akan

aplikasi

mencari air dan

mencoba

unsur hara

menjelaskan

menggunakan akar

bahan yang

gambar

tanah

Gambar matahari

Gambar pohon

gambar air

kemudian diangkut dibutuhkan

gambar CO2

kembali

ulang

lanjut

menggunakan

untuk proses

pembuluh angkut

fotosintesis.

xylem menuju ke

Tombol:

daun. Lapisan luar

- Kembali

daun menyerap

Jika dipilih

energy matahari

tombol kembali

dan udara karbon

maka akan

dioksida melalui

menuju ke

stoma, setelah

scene 1

semua bahan

- Ulang

terpenuhi maka

Jika diklik

terjadilah proses

tombol ulang

fotosintesis dengan maka aplikasi menghasilkan

akan mengulang

oksigen dan

pembahasan

glukosa yang

materi tersebut

dimanfaatkan oleh

- Lanjut

tumbuhan itu

Jika diklik

sendiri.)

tombol lanjut maka aplikasi


akan melanjutkan kembali materi yang telah disiapkan. 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 gambar mulai


menghilang secara perlahan. Audio: pengumpulan bahan.mp3 Durasi: 2.4 gambar O2

Gambar pohon Gambar glukosa

kembali

Tumbuhnan akan

Aplikasi

mencari air dan

mencoba

unsur hara

menjelaskan

menggunakan akar

bahan yang

kemudian diangkut dihasilkan ulang

lanjut

menggunakan

selama proses

pembuluh angkut

fotosintesis

xylem menuju ke

terjadi.

daun. Lapisan luar

Tombol:

daun menyerap

- Kembali

energy matahari

Jika dipilih

dan udara karbon

tombol kembali

dioksida melalui

maka akan

stoma, setelah

menuju ke

semua bahan

scene 1

terpenuhi maka

- Ulang

terjadilah proses

Jika diklik

fotosintesis dengan tombol ulang menghasilkan

maka aplikasi


oksigen dan

akan mengulang

glukosa yang

pembahasan

dimanfaatkan oleh

materi tersebut

tumbuhan itu sendiri.

- Lanjut Jika diklik

Apabila tumbuhan tombol lanjut kelebihan glukosa maka aplikasi maka

tumbuhan akan

tersebut

akan melanjutkan

menghasilkan

kembali materi

buah.

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 penanda bahwa


tumbuhan menghasilkan glukosa dan gas O2. Setelah itu menghilang secara perlahan. Audio: pengumpulan bahan.mp3 dan lebih glukosa.mp3 Durasi: -

2.5 Rumus kimia

klorofil 6CO2 + 6H2O + energi cahaya

kembali

ulang

6H12O6 + 6O2

lanjut

Berikut rumus

Aplikasi

kimia dari

menyajikan

fotosintesis..6co2

rumus kimia

+ 6h2o + energy

dari proses

matahari dengan

fotosintesis.

bantuan klorofil

Tombol:

menghasikan

- Kembali

glukosa (c6h12o6)

Jika dipilih

dan 6oksigen

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 kembali materi yang telah disiapkan. Gambar: Teks: rumus kimia fotosintesis, 6CO2 + 6H2O + energi cahaya dengan bantuan klorofil menjadi C6H12O6 + 6O2


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 mencoba

Kaca mikro skop Gambar daun Gambar pohon

kembali

Aplikasi

ulang

berikut setelah

menjelaskan

diperbesar

bagian dimana

menggunakan

proses

mikroskop.

fotosintesis itu

lanjut

berlangsung. 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 kembali materi yang telah disiapkan. Gambar: pohon, daun, mikroskop. Animasi: pertama gambar pohon


memisahkan daunnya satu, kemudian kaca pembesar memfokuskan pada daun tersebut, sehingga efek diperbesar dimulai. Audio: bagian daun1.mp3 Durasi: 2.8 jaringan penyusun daun

Gambar potong melintang daun

kembali

ulang

bagian yang

Aplikasi ini

dimiliki daun

menjelaskan

antara lain:

bagian jaringan

kultikula,

yang menyusun

epidermis atas,

daun beserta

jaringan tiang,

fungsi –

xylem, floem,

fungsinya.

epidermis bawah,

Tombol:

lanjut

jaringan

- Kembali

pelindung,

Jika dipilih

jaringan bunga

tombol kembali

karang dan stroma.

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: daun potong melintang Teks: jaringan yang penyusun daun. Animasi: setiap


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 Durasi: -


2.10 Proses fotosintesis

Proses fotosintesis dalam kloroplas

kembali

ulang

Fotosintesis

Aplikasi

terjadi di bagian

menampilkan

kloroplas;

proses

perhatikan proses

fotosintesis I

fotosintesis

dan fotosintesis

berikut; mula-

II.

mula kloroplas

Tombol:

mendapat sinar

- Jika di klik

matahari yang

tombol

menggerakkan

kembali maka

electron,

halaman

kemudian h2o

kembali ke

atau air tersedia

scene 1.

dalam granum

- Jika diklik

dibantu elktron

“ulang” maka

dan NADP+

animasi akan

menhasilkan

dimulai pada

NADPH dan

scene 2.10

oksigen, disinilah

Gambar:

air terurai menjadi kloroplas oksigen.

Animasi: aliran

Kemudian adp

fotosintesis

dan fosfat menuju

yang terjadi

granum

selama

menghasilkan

fotosintesis I


ATP, proses ini

dan fotosintesis

sering disebut

II.

phosphorilasi.

Audio:

Proses ini disebut

fotosintesisI.mp

juga sebagai

3,

fotosintesis reaksi

fotosintesisII.m

terang karena

p3

membutuhkan

durasi: -

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.


3

Menampilkan halaman istilah Cari keterangan Daftar istilah

kata yang telah disediakan. Tombol: - Jika di klik

kembali

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


dipilih Gambar: Teks: judul Glosarium Animasi: Audio: -

4

Menampilkan halaman petunjuk PETUNJUK

penggunaan tombol. - Jika di tekan

kembali

lanjut

tombol kembali maka menu petunjuk menutup dan kembali ke scene 1. - Jika ditekan tombol lanjut maka menu petunjuk


menampilkan petunjuk berikutnya Gambar: Teks: judul Petunjuk 5.1

Menampilkan halaman evaluasi yang Gambar bagian dari daun nama

menggunakan drop target yang sudah

kembali

lanjut

ditentukan letaknya, user akan diberikan nama bagian dari daun dan meletakan pada tempat yang sudah ditentukan. Tombol: - jika diklik back maka kembali ke


scene 1. - jika di kill tombol next menuju ke scene 5.2 Animasi: darg dan drop Audio: Durasi: 5.2

Menampilkan peratanyaan

halaman evaluasi

jawaban

lanjutan,

jawaban

evaluasi ini jawaban kembali

lanjut

berbentuk pilihan ganda, sehingga user dapat memilih salah satu jawaban yang benar. Tidak ada penghitungan score. Tombol :


- 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 ada tombol


next lagi. Animasi: Audio: Durasi: -

6

Menampilkan pesan menutup aplikasi, Apakah anda ingin mengakhiri?

pengguna ya

tidak

disajikan 2 pilihan “ya” dan “tidak”. Hal ini bertunjuan untuk menanggulangi kesalahan pengguna yang secara tidak sengaja memilih tombol keluar. Tombol: - Jika pengguna


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: Tabel 3.1 : Storyboard


3.2.4 Diagram Use Case Aplikasi visualisasi fotosintesis berbasis multimedia mulai fotosintesis

petunjuk

glosarium user/pengguna evaluasi

keluar

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 3. Menampilkan halaman visualisasi


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


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 10. Jika di klik “Kembali” Sekenario Alternatif


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


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


Skenario

:


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 Tabel 3.5: Use case narrative evaluasi


Nama Use Case : keluar Primary actor

: User

Deskripsi

: aplikasi keluar

Pre-kondisi


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 Tabel 3.6: Use case narrative keluar


3.2.6 Activity Diagram 3.2.6.1 Activity Diagram Mulai Fotosintesis

Mulai Visualisasi

manfaat tumbuhan

ulang kembali lanjut bahan dan hasil fotosintesis

ulang kembali lanjut Rumus kimia fotosintesis

ulang

kembali lanjut Bagian daun

ulang kembali lanjut Proses fotosintesis di kloroplas

ulang

kembali

selesai visualisasi

Gambar 3.2: Gambar Activity diagram mulai fotosintesis


3.2.6.2 Activity Diagram Petunjuk

Pilih petunjuk

Petunjuk Halaman awal

kembali

lanjut Petunjuk menu visualisasi

kembali

lanjut Petunjuk glosarium

kembali lanjut kembali

Petunjuk Evaluasi drag Dan drop

lanjut kembali

Petunjuk evaluasi pilihan ganda

selesai visualisasi

Gambar 3.3: Gambar Activity diagram petunjuk


3.2.6.3 Activity Diagram Glosarium

Pilih glosarium

Pilih istilah

Tampilkan penjelasan

selesai glosarium

Gambar 3.4: Gambar Activity diagram glosarium


3.2.6.4 Activity Diagram Evaluasi

Pilih evaluasi

go lanjut

Menyelesaikan Soal Drag dan drop

kembali

Soal pilihan ganda

lanjut kembali

selesai evaluasi

Gambar 3.5: Gambar Activity diagram mulai fotosintesis

3.2.6.5 Activity Diagram Keluar

Pilih keluar

Klik tombol ya Aplikasi menutup

Klik tombol tidak Peringatan menutup

Gambar 3.6: Gambar Activity diagram keluar


3.3 Material Collecting Material Collecting atau pengumpulan data, adalah tahap dimana pengumpulan bahan/data yang sesuai dengan kebutuhan dilakukan.

Topic

Gambar

Source

Menu utama /

Video / audio - suara angin.mp3

1.

tampilan awal

2. vectorimages.org 3. dragonartz.wordpress.com 4. vectorimages.org

5. vectorimages.org 6.

vectorimages.org Menu

- manfaat.mp3

fotosintesis

vectorartisfree.com

- fotosintesis .mp3

7. - air dan tanah .mp3 8.

- matahari dan co2.mp3


- oksigen dan glukosa.mp3 9.

- lebih glukosa .mp3

10.

how-to-draw-funny-

- rumus kimia.mp3

cartoons.com

- bagian daun1 .mp3

11.

- kultikula.mp3 freevectors.com

- epidermis atas.mp3

12. -epidermis freevectors.com

bawah.mp3 - jaringan

13. tiang.mp3 - jaringan bunga freevectors.com 14.

karang.mp3 - xilem.mp3 -f loem.mp3 - jaringan

15.

pelindung.mp3 freevectors.com

- stoma.mp3 - sinar matahari .mp3 - proses h2o .mp3 - adp dan


pospat.mp3 - co2 terurai .mp3 Menu

Freevector.com

Glosarium

Menu

Freevector.com

evaluasi

Menu

Freevector.com

petunjuk

Tabel 3.2 : Tabel Material Collecting


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.gotoAndPlay("mulai"); }

60


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 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.

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 65 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) { gotoAndPlay(1); }

Pada tombol ini akan menuji ke frame 1

b. Tombol ulang on (release) { gotoAndPlay(2782); }

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 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 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) { gotoAndPlay("atp"); } Hal ini juga terdapat di setiap istilah yang membedakan hanya pemberian nama pada label. Untuk tombol kembali diberikan script sebaga berikut; on (release) { _root.gotoAndPlay(1); }


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.gotoAndStop(1); }

Jika pengguna mengklik tombol kembali maka aplikasi akan kembali ke frame 1.


c. Tombol “lanjut” on (release) { gotoAndPlay(106); }

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() { startDrag(this); }; this.onRelease = function() { if (eval(this._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.gotoAndPlay(11);//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.gotoAndStop(1); }

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.gotoAndStop(1); _root.evaluasi.salah.gotoAndStop(1); 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.gotoAndPlay(2); 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.


BAB V ANALISA HASIL PENELITIAN DAN PEMBAHASANNYA 5.1Testing Pada bagian ini membahas tentang pengujian kelayakan program dengan menggunakan metode black box, untuk menguji fungsional program dan menggunakan kuesioner untuk mengetahui respon dari pengguna dilihat dari kegunaan dan kemudahan program yang dibuat.

5.1.1 Pengujian Black box Pada pengujian black box untuk aplikasi visualisasi fotosintesis berbasis multimedia diutamakan mengenai fungsional program antara lain konten dan tombol navigasi yang disajikan. Dengan metode ini kebenaran perangkat lunak yang diuji dilihat berdasarkan keluaran yang dihasilkan dari data atau kondisi masukan yang diberikan untuk fungsi yang ada.

No

Input Pengujian

Fungsi

Hasil yang

Hasil Uji

Diharapkan 1

2.

3.

4

Klik navigasi tombol

Menjalankan

Menampilkan

menu materi

menu materi

menu materi

fotosintesis “MULAI”

fotosintesis

fotosintesis


Menjalankan

Menampilkan

glosarium

menu

menu

glosarium

glosarium


Menjalankan

Menampilkan

evaluasi

menu evaluasi

menu evaluasi


Menjalankan

Menjalankan

petunjuk

menu petunjuk

menu petunjuk

76

Terpenuhi

Terpenuhi

Terpenuhi

Terpenuhi


5.

Klik navigasi exit

Keluar dari

Keluar dari

aplikasi

aplikasi

Terpenuhi

Tabel 5.1 : Tabel Pengujian Halaman Utama

No

Input Pengujian

Fungsi

Hasil yang

Hasil Uji

Diharapkan 1

2

3

Klik navigasi kembali

Klik navigasi ulang

Klik navigasi lanjut

Kembali ke

Kembali ke

halaman utama

halaman utama

Mengulangi

Mengulangi

proses

proses

fotosintesis

fotosintesis

yang terjadi

yang terjadi

pada kloroplas

pada kloroplas

Melanjutkan

Menampilkan

penyampaian

materi

materi

selanjutnya

Terpenuhi

Terpenuhi

terpenuhi

fotosintesis Tabel 5.2 : Tabel Pengujian Halaman Materi fotosintesis

No

Input Pengujian

Fungsi

Hasil yang

Hasil Uji

Diharapkan 1

2


Klik istilah

Kembali ke

Kembali ke

halaman utama

halaman utama

Menampilkan

Menampilkan

penjelasan

penjelasan

mengenai

mengenai

istilah yang

istilah yang

dipilih

dipilih

Tabel 5.3 : Tabel Pengujian Halaman Glosarium

Terpenuhi

Terpenuhi


No

Input Pengujian

Fungsi

Hasil yang

Hasil Uji

Diharapkan 1

2


Klik istilah

Kembali ke

Kembali ke

halaman utama

halaman utama

Menggerakan

Istilah dapat

dengan mouse

masuk

dari tempat

ketempat yang

muncul istilah

ditetapkan dan

ke tempat yang

memberikan

telah

peringatan

disediakan

“benar”, jika

Terpenuhi

Terpenuhi

salah maka kembali ketempat semula istilah muncul dan memberi peringatan “salah” 3

4


Klik navigasi lanjut

Kembali ke

Kembali ke

halaman

halaman

sebelumnya

sebelumnya

Melanjutkan

Melanjutkan

pertanyaan

pertanyaan

yang tersedia

yang tersedia

Terpenuhi

terpenuhi

Tabel 5.4 : Tabel Pengujian Halaman Evaluasi

No

Input Pengujian

Fungsi

Hasil yang

Hasil Uji

Diharapkan 1

2


Klik lanjut

Kembali ke

Kembali ke

halaman utama

halaman utama

Melanjutkan

Melanjutkan

Terpenuhi

terpenuhi


penjelasan

penjelasan

penggunaan

penggunaan

tombol

tombol

navigasi yang

navigasi yang

terdapat di

terdapat di

setiap halaman

setiap halaman

Tabel 5.5 : Tabel Pengujian Halaman petujuk

5.1.2 Pengujian Kemudahan Penggunaan Program dan Manfaat

Program Dengan 5.1.2.1 Pengumpulan data Langkah yang penulis lakukan untuk pengumpulan kuesioner sebagai berikut: 1. Pembuatan kuesioner yang telah dimodifikasi dari Fred F. Davis 2. Penyebaran kuesioner 3. Penarikan kuesioner

Penarikan dilakukan pada hari yang sama dengan penyebaran kuesioner. Responden sebelum mengisi kuesioner yang dibagikan di tugaskan terlebih dahulu mencoba menggunakan aplikasi, setelah selesai responden mengisi jawaban yang ada pada kuesioner.

Mengambil kuesioner dari Fred F. Davis, penulis melakukan modifikasi pertanyaan tersebut untuk mengerahui respon dari pengguna. Berikut adalah hasil modifikasi kuesioner: a. Perceived of Usefulness 1. Menggunakan aplikasi visualisasi fotosintesis berbasis multimedia akan membuat pembelajaran fotosintesis menjadi lebih cepat.


2. Menggunakan aplikasi visualisasi fotosintesis berbasis multimedia akan memudahkan saya dalam belajar fotosintesis. 3. Menggunakan aplikasi visualisasi fotosintesis berbasis multimedia akan meningkatkan efektifitas dalam belajar fotosintesis. 4. Menggunakan aplikasi visualisasi fotosintesis berbasis multimedia akan meningkatkan keingintahuan mengenai fotosintesis dan manfaat pada tumbuhan. 5. Penggunaan aplikasi visualisasi fotosintesis berbasis multimedia untuk para pelajar, menurut saya sangat berguna.

b. Perceived Ease of Use 1. Aplikasi visualisasi fotosintesis berbasis multimedia memudahkan saya untuk melakukan apa yang ingin saya lakukan dengan aplikasi ini 2. Mudah bagi saya untuk mempelajari penggunaan aplikasi visualisasi fotosintesis berbasis multimedia ini 3. Interaksi dengan aplikasi visualisasi fotosintesis berbasis multimedia jelas dan dapat dimengerti 4. Mudah bagi saya untuk mengoperasikan aplikasi visualisasi fotosintesis berbasis multimedia 5. Mudah bagi saya untuk mahir menggunakan aplikasi visualisasi fotosintesis

berbasis multimedia

5.1.2.2 Form kuesioner Form kuesioner yang disebarkan untuk responden yang dipilih secara acak dari masyarakat umum sebagai berikut :


KUESIONER APLIKASI VISUALISASI FOTOSINTESIS BERBASIS MULTIMEDIA

Nama

: ……………………

Pekerjaan

: ……………………

1. Persepsi manfaat yang dirasakan dari program. Beri tanda silang (X) pada salah satu jawaban.

No.

Pernyataan

Sangat Setuju

Setuju

Tidak

Sangat

setuju

tidak setuju

1

Menggunakan

aplikasi

visualisasi

fotosintesis berbasis multimedia akan membuat

pembelajaran

fotosintesis

menjadi lebih cepat. 2

Menggunakan aplikasi visualisasi fotosintesis berbasis multimedia akan memudahkan saya dalam belajar fotosintesis.

3

Menggunakan

aplikasi

visualisasi

fotosintesis berbasis multimedia akan meningkatkan efektifitas dalam belajar fotosintesis. 4

Menggunakan

aplikasi

visualisasi

fotosintesis berbasis multimedia akan meningkatkan keingintahuan mengenai

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 82 fotosintesis

dan

manfaat

pada

tumbuhan.

5

Penggunaan

aplikasi

visualisasi

fotosintesis berbasis multimedia untuk para pelajar, menurut saya sangat berguna. 2. Persepsi kemudahan penggunaan yang dirasakan dari program. Beri tanda silang (X) pada salah satu jawaban.

No.

Pernyataan

Sangat Setuju

Setuju

Tidak

Sangat

setuju

tidak setuju

1

Aplikasi

visualisasi

fotosintesis

berbasis multimedia memudahkan saya untuk melakukan apa yang ingin saya lakukan dengan aplikasi ini 2

Mudah

bagi

saya

untuk

mempelajari penggunaan aplikasi visualisasi

fotosintesis

berbasis

multimedia ini 3

Interaksi dengan aplikasi visualisasi fotosintesis

berbasis

multimedia

jelas dan dapat dimengerti 4

Mudah

bagi

saya

untuk

mengoperasikan aplikasi visualisasi

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 83 fotosintesis berbasis multimedia

5

Mudah bagi saya untuk mahir menggunakan aplikasi visualisasi fotosintesis berbasis multimedia

Yogyakarta,

(

)

5.1.2.3 Data dari responden Dalam melakukan survei ini, kuesioner dibagikan kepada masyarakat umum yang dipilih secara acak. Penulis mengambil sampel berjumlah 30 orang dari berbagai kalangan antara lain mahasiswa 7 orang, guru 6 orang, pegawai negeri sipil 1 orang, dan pelajar 16 orang. Berikut hasil data kuesioner dari 30 responden, dimana skor untuk jawaban sangat setuju adalah 4, sampai sangat tidak setuju adalah 1.

a. Perceived of Usefulness ( kuesioner dapat dilihat pada lampiran) No

Nama

No 1

No 2

No 3

No 4

No 5

Total

1

Helen Manurung

4

4

4

4

3

19

2

Ricky Roland Manurung

4

4

4

3

3

18

3

Cornelius Florry Saputra

3

4

3

3

4

17

4

Victoria Wahyu Natalia

4

4

4

4

4

20

5

Agnes

4

3

3

3

4

17

6

Agnes Mintarti

3

4

3

4

4

17

7

Sumarsih

4

4

4

4

4

20


8

Gabriel

3

4

3

4

4

18

9

Ray

3

3

3

3

3

15

10

Vionita

3

3

3

3

3

15

11

Adrian Baskoro Adjie

4

3

3

4

2

16

12

Gerardo Fajar Adi P

4

4

3

3

4

18

13

Anggie Putri

3

3

3

3

3

15

14

Lolita Agastya

4

3

4

4

4

19

15

Deo Noor Kartiko

4

4

4

4

4

20

16

A Suyanto

4

4

4

4

4

20

17

Devi Primasari

4

4

4

3

4

19

18

Sephian Dewi A

3

4

4

3

4

18

19

C Audreylia

4

4

3

3

4

18

20

Adinda Budi P

3

3

3

3

3

15

21

Karin Sugiono S

3

3

3

3

4

16

22

Cheng Gabriel

3

3

3

2

2

13

23

Kenny Setyani

3

3

3

3

3

15

24

Adrian Gunawan

3

3

2

3

3

14

25

Jason S C

3

3

3

3

3

15

26

Natalia Purnama Setiawan

3

4

4

4

4

19

27

Petrus Awo Permana Yudha

4

3

3

3

3

16

28

Joe

3

4

3

4

3

17

29

Yohanes

3

3

3

4

3

18

30

Rudi

4

4

3

3

3

17

Tabel 5.6 : Tabel Data Hasil Responden Sample Kategori Perceived of Usefulness

b. Perceived Ease of Use (kuesioner dapat dilihat pada lampiran) No

Nama

No 1

No 2

No 3

No 4

No 5

Total

1

Helen Manurung

3

4

4

4

4

19

2

Ricky Roland Manurung

3

4

4

4

4

19

3

Cornelius Florry Saputra

3

4

3

4

4

18

4

Victoria Wahyu Natalia

4

4

3

4

4

19

5

Agnes

3

2

3

3

2

13

6

Agnes Mintarti

3

4

3

3

4

17


7

Sumarsih

3

4

3

4

4

18

8

Gabriel

3

3

3

3

4

16

9

Ray

3

3

3

3

3

15

10

Vionita

3

3

3

2

2

13

11

Adrian Baskoro Adjie

2

4

4

3

4

17

12

Gerardo Fajar Adi P

4

3

2

4

2

15

13

Anggie Putri

3

3

3

3

3

15

14

Lolita Agastya

2

4

3

4

4

17

15

Deo Noor Kartiko

4

4

4

4

4

20

16

A Suyanto

4

4

4

3

4

19

17

Devi Primasari

4

4

3

4

4

19

18

Sephian Dewi A

3

4

4

3

3

17

19

C Audreylia

3

4

4

4

4

19

20

Adinda Budi P

2

3

3

3

4

15

21

Karin Sugiono S

2

4

3

4

3

16

22

Cheng Gabriel

2

3

3

3

3

14

23

Kenny Setyani

3

3

3

3

3

15

24

Adrian Gunawan

3

3

2

3

2

13

25

Jason S C

3

3

2

3

3

14

26

Natalia Purnama Setiawan

2

3

3

3

3

14

27

Petrus Awo Permana Yudha

3

3

2

3

3

14

28

Joe

3

4

4

3

3

17

29

Yohanes

2

3

4

3

3

15

30

Rudi

3

3

4

3

3

16

Tabel 5.7 : Tabel Data Hasil Responden Sample Kategori Perceived Ease of Use

5.1.3 Interpretasi Skor Untuk menentukan kategori maka diperlukan beberapa langkah sebagai berikut: 1. Menentukan berapa kategori yang digunakan, yaitu: tinggi, sedang, rendah 2. Menentukan nilai tertinggi Item (jumlah kuesioner) x nilai tertinggi pada butir skala = 5 x 4 = 20

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 86 3. Menentukan nilai terendah Item (jumlah kuesioner) x nilai terendah pada butir skala = 5 x 1 = 5 4. Menentukan rentangan ( R ) = nilai tertinggi – nilai terendah = 20 – 5 = 15 5. Tentukan simpangan baku = 15 : 6 = 2.5 6. Tentukan lebar interval masing – masing klasifikasi dalam satuan simpangan baku -

Jika kategori yang digunakan 3 maka klasifikasi berinterval = 6 simpangan baku : 3 = 2 simpangan baku, 2 x 2.5 = 5 atau

-

Jika kategori yang digunakan 3 maka klasifikasi berinterval = 15 : 3 = 5

7. Tentukan M (rerata) = (nilai tertinggi + nilai terendah) : 2 = 12.5 8. Menentukan nilai – nilai batas klasifikasi seperti dibawah ini: Klasifikasi

Interval

Tinggi

X > M + 1 SD

Sedang

M – 1 SD ≤ x ≤ M + 1 SD

Rendah

X < M – 1 SD

Klasifikasi

Interval

Tinggi

X > 15

Sedang

10 ≤ x ≤ 15

Rendah

X < 10

Berarti,

a. Perceived Usefulness Sehingga dari norma kategori diatas, maka akan didapat interval kategorisasi seperti dibawah ini.

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 87 Klasifikasi

frekuensi

Persentase %

Interval

Tinggi

22

73 %

X > 15

Sedang

8

27 %

10 ≤ x ≤ 15

Rendah

0

0

X < 10

Tabel 5.8 : Tabel interpretasi skor Kategori Perceived Usefulness

Dari tabel diatas, menurut pengguna dan mengisi kuesioner mengenai maanfaat penggunaan aplikasi ini diperoleh persentase pada kategori/klasifikasi tinggi sebesar 73% sebanyak 22 orang yang diukur berdasarkan total penilaian interval lebih dari 15, dan klasifikasi sedang sebesar 27% sebanyak 8 orang yang diukur berdasarkan total penilaian interval antara 10 – 15.

b. Perceived Ease of Use Sehingga dari norma kategori diatas, maka akan didapat interval kategorisasi seperti dibawah ini. Klasifikasi

frekuensi

Persentase %

Interval

Tinggi

17

57 %

X > 15

Sedang

13

43 %

10 ≤ x ≤ 15

Rendah

0

0

X < 10

Tabel 5.9 : Tabel interpretasi skor Kategori Perceived Ease of Use

Dari tabel tersebut, menurut pengguna dan mengisi kuesioner mengenai kemudahan penggunaan aplikasi diperoleh persentase pada kategori/klasifikasi tinggi sebesar 57% sebanyak 17 orang yang diukur berdasarkan total penilaian interval lebih dari 15, dan klasifikasi sedang sebesar 43% sebanyak 13 orang yang diukur berdasarkan total penilaian interval antara 10 – 15.


5.2 Distribution Setelah tahap pengujian selesai maka aplikasi visualisasi fotosintesis berbasis multimedia di siapkan dalam bentuk cd maupun softcopy dan tidak memerlukan kompresi data karena ukuran filenya tidak besar dan ringan digunakan.

Hal ini

dilakukan untuk mempermudah penyampaian kepada pengguna yang memerlukan aplikasi ini, karena mudah dibawa dan digunakan, aplikasi ini tidak memerlukan kompresi. Pendistribusian kepada pengguna disertai sampul untuk mempermudah penyimpanan.


BAB VI. KESIMPULAN

5.1 Kesimpulan Kesimpulan yang dapat diambil dari tugas akhir ini antara lain sebagai berikut : 1. Menurut pengguna setelah menggunakan aplikasi, maka manfaat yang diperoleh menggunakan apikasi visualisasi fotosintesis berbasis multimedia didapatkan user yang menjawab klasifikasi tinggi memperoleh persentase sebesar 73% dan 23% untuk klasifikasi sedang. 2. Menurut pengguna setelah menggunakan aplikasi, maka kemudahan

penggunaan aplikasi visualisasi fotosintesis berbasis multimedia didapatkan user yang menjawab klasifikasi tinggi memperoleh persentase sebesar klasifikasi tinggi memperoleh persentase sebesar 57% dan klasifikasi sedang 43%.

5.2 Saran Saran yang diberikan selama pengembangan Aplikasi visualisasi fotosintesis berbasis multimedia antara lain dikembangkan pada halaman evaluasi diberikan skor untuk mengetahui kemampuan dan lebih menarik dalam penyajian materi dengan fitur 3 dimensi.

89


Daftar Pustaka

[1] Sutopo, A., 2003. Multimedia Interaktif dengan Flash. Graha Ilmu: Yogyakarta [2] Tanzir, ___. Visualisasi Informasi. [PDF] Jakarta:

Universitas Gunadarma

(http://tanzir.staff.gunadarma.ac.id/Downloads/files/7405/visualinfo.ppt

diakses

tanggal 25 Agustus 2012) [3] Salisbury, F. B dan Ross, C. W. 1995. Fisiologi Tumbuhan Jilid I. Bandung: ITB. [4] Liyanthy, Mellia. ___. Multimedia Interaktif Pertemuan 2 “Storyboard”. Jurusan Teknik informatika, Pasundan. [5] Umi Proboyekti, S.Kom. __ . Perangkat

Lunak.

Pengguna Interface Design (UID) Rekayasa

[PDF]

Teknik

Informatika

UKDW

(http://lecturer.ukdw.ac.id/othie/uid.pdf diakses tangal 12 Juli 2012). Diadaptasi dari: Sommerville, Ian. 2001. Software Engineering .6th . Addison Wesley. [6] Samodra, D., 2009. Pengertian Multimedia Pembelajaran, Klub Guru Online Jateng. [7] Roger S. Pressman, (2005), Software Engineering: A Practitioner Approach, 5th Edition , McGraw Hill.

90

Oleh : Nama: Totok Dwi Apriyanto NIM:

Recommend Documents