BAB IV Implementasi dan Analisa Hasil Uji Coba Sistem
A. Implementasi Sistem
Pada bab ini akan dijelaskan pengimplementasian aplikasi CAI tentang Sistem Reproduksi Manusia, dengan menggunakan perangkat lunak Photoshop versi 7.0 dan Macromedia Flash MX 2004. Pada tahap implementasi ini, perangkat lunak Photoshop versi 7.0 digunakan untuk membuat skin, dan untuk implementasi pembuatan aplikasi CAI menggunakan perangkat lunak Macromedia Flash MX 2004.
a. Halaman Pembuka
Halaman pembuka merupakan halaman pertama saat kita masuk ke program CAI tentang Sistem Reproduksi Manusia. Di halaman pembuka ini terdapat beberapa animasi. Di halaman pembuka ini disertai audio berupa backsound sebagai intro. Pada halaman pembuka terdapat action yang mengatur tampilan agar tampilan terlihat fullscreen, yaitu:
fscommand(“fullscreen”,”true”);
Pada halaman ini juga dan semua halaman lainnya terdapat animasi mouse trails,berikut ini adalah ActionSkript pada mouse trails:
Gambar 4.1 Halaman Pembuka
Pada halaman ini terdapat beberapa tombol yang aktif dengan Action Script, diantaranya:
• Tombol ”Motivasi”, on (release)
{ loadMovie("motivasi.swf", 0); }
ActionScript ini berarti menavigasikan halaman ”Motivasi” dengan memanggil file motivasi.swf, yang dimulai pada frame ke-0.
• Tombol ”Menu Utama” on (release)
{ loadMovie("menu.swf", 0); }
ActionScript ini berarti menavigasikan halaman ”Menu Utama” dengan memanggil file menu.swf, yang dimulai pada frame ke-0.
• Tombol ”Tujuan” on (release)
ActionScript ini berarti menavigasikan halaman ”Tujuan” dengan memanggil file tujuan.swf, yang dimulai pada frame ke-0.
• Tombol ”Bantuan” on (release)
{ loadMovie("bantuan.swf", 0); }
ActionScript ini berarti menavigasikan halaman ”Bantuan” dengan memanggil file bantuan.swf, yang dimulai pada frame ke-0.
• Tombol ”Keluar” on(release)
{ fscommand("quit"); }
ActionScript ini berarti keluar dari program.
Implementasi interface pada halaman ”Tujuan”, ”Motivasi”, ”Menu Utama”, ”Bantuan”, ”Struktur Organ Reproduksi Pria”, ”Struktur Organ Reproduksi Wanita” dan ”Reproduksi Seksual”, sama dengan implementasi interface pada halaman pembuka (Gambar 4.1). Tetapi berbeda pada tombol yang aktif serta content. Berikut ini penjelasannya:
1. Pada halaman “Motivasi” tombol yang aktif beserta ActionScript-nya, diantaranya:
• Tombol ”Kembali Ke Awal” on (release)
{ loadMovie("opening.swf", 0); }
ActionScript ini berarti menavigasikan halaman Pembuka dengan memanggil file opening.swf, yang dimulai pada frame ke-0.
• Tombol ”Menu Utama” on (release)
{ loadMovie("menu.swf", 0); }
ActionScript ini berarti menavigasikan halaman ”Menu Utama” dengan memanggil file menu.swf, yang dimulai pada frame ke-0.
• Tombol ”Tujuan”
on (release)
{ loadMovie("tujuan.swf", 0); }
ActionScript ini berarti menavigasikan halaman ”Tujuan” dengan memanggil file tujuan.swf, yang dimulai pada frame ke-0.
• Tombol ”Bantuan”
on (release)
{ loadMovie("bantuan.swf", 0); }
ActionScript ini berarti menavigasikan halaman ”Bantuan” dengan memanggil file bantuan.swf, yang dimulai pada frame ke-0.
• Tombol ”Keluar”
on(release)
{ fscommand("quit"); }
ActionScript ini berarti keluar dari program.
2. Pada halaman “Menu Utama” tombol yang aktif beserta ActionScript-nya, diantaranya:
• Tombol ”Kembali Ke Awal” on (release)
ActionScript ini berarti menavigasikan halaman Pembuka dengan memanggil file opening.swf, yang dimulai pada frame ke-0.
• Tombol ”Motivasi”
on (release)
{ loadMovie("motivasi.swf", 0);}
ActionScript ini berarti menavigasikan halaman ”Motivasi” dengan memanggil file motivasi.swf, yang dimulai pada frame ke-0.
• Tombol ”Tujuan”
on (release)
{ loadMovie("tujuan.swf", 0); }
ActionScript ini berarti menavigasikan halaman ”Tujuan” dengan memanggil file tujuan.swf, yang dimulai pada frame ke-0.
• Tombol ”Bantuan”
on (release)
{ loadMovie("bantuan.swf", 0); }
ActionScript ini berarti menavigasikan halaman ”Bantuan” dengan memanggil file bantuan.swf, yang dimulai pada frame ke-0.
• Tombol ”Keluar”
on(release)
{ fscommand("quit"); }
3. Pada halaman “Tujuan” tombol yang aktif beserta ActionScript-nya, diantaranya:
• Tombol ”Motivasi”
on (release)
{ loadMovie("motivasi.swf", 0); }
ActionScript ini berarti menavigasikan halaman ”Motivasi” dengan memanggil file motivasi.swf, yang dimulai pada frame ke-0.
•Tombol ”Menu Utama”
on (release)
{ loadMovie("menu.swf", 0); }
ActionScript ini berarti menavigasikan halaman ”Menu Utama” dengan memanggil file menu.swf, yang dimulai pada frame ke-0.
• Tombol ”Kembali Ke Awal” on (release)
{ loadMovie("opening.swf", 0); }
ActionScript ini berarti menavigasikan halaman Pembuka dengan memanggil file opening.swf, yang dimulai pada frame ke-0.
• Tombol ”Bantuan”
on (release)
{ loadMovie("bantuan.swf", 0); }
ActionScript ini berarti menavigasikan halaman ”Bantuan” dengan memanggil file bantuan.swf, yang dimulai pada frame ke-0.
• Tombol ”Keluar”
on(release)
{ fscommand("quit"); }
ActionScript ini berarti keluar dari program.
4. Pada halaman “Bantuan” tombol yang aktif beserta ActionScript-nya, diantaranya:
• Tombol ”Motivasi”
on (release)
{ loadMovie("motivasi.swf", 0); }
ActionScript ini berarti menavigasikan halaman ”Motivasi” dengan memanggil file motivasi.swf, yang dimulai pada frame ke-0.
• Tombol ”Menu Utama” on (release)
{ loadMovie("menu.swf", 0); }
ActionScript ini berarti menavigasikan halaman ”Menu Utama” dengan memanggil file menu.swf, yang dimulai pada frame ke-0.
• Tombol ”Kembali Ke Awal” on (release)
{ loadMovie("opening.swf", 0); }
ActionScript ini berarti menavigasikan halaman Pembuka dengan memanggil file opening.swf, yang dimulai pada frame ke-0.
• Tombol ”Tujuan”
on (release)
ActionScript ini berarti menavigasikan halaman ”Tujuan” dengan memanggil file tujuan.swf, yang dimulai pada frame ke-0.
• Tombol ”Keluar”
on(release)
{ fscommand("quit"); }
ActionScript ini berarti keluar dari program.
5. Pada halaman ”Struktur Organ Reproduksi Pria” tombol yang aktif beserta ActionScript-nya, diantaranya:
• Tombol ”Bab Sebelumnya” on (release)
{ loadMovie("bab1.swf", 0); }
ActionScript ini berarti menavigasikan halaman ”Bab I” dengan memanggil file bab1.swf, yang dimulai pada frame ke-0.
• Tombol ”Bab Selanjutnya” on (release)
{ loadMovie("bab3.swf", 0); }
ActionScript ini berarti menavigasikan halaman ”Bab III” dengan memanggil file bab3.swf, yang dimulai pada frame ke-0.
• Tombol ”Halaman Selanjutnya” on (release)
{ loadMovie("organwanita.swf", 0); } ActionScript ini berarti menavigasikan halaman ”Struktur Organ Reproduksi Wanita” dengan memanggil file organwanita.swf, yang dimulai pada frame ke-0. Pada halaman ini juga terdapat tombol aktif lainnya yang terdapat pada bagian materi, yaitu:
“testis”,
on (release)
{ gotoAndStop(7); }
ActionScript ini berarti menuju ke frame 7 pada file
organPria.swf, kemudian menghentikan movie flash dalam
frame tersebut. “vas deferens”,
on (release)
{ gotoAndStop(8); }
ActionScript ini berarti menuju ke frame 8 pada file organPria.swf , kemudian menghentikan movie flash dalam frame tersebut.
”uretra”,
on (release)
{ gotoAndStop(9); }
ActionScript ini berarti menuju ke frame 9 pada file organPria.swf, kemudian menghentikan movie flash dalam frame tersebut.
“prostat”,
on (release)
{ gotoAndStop(10); }
ActionScript ini berarti menuju ke frame 10 pada file organPria.swf, kemudian menghentikan movie flash dalam frame tersebut.
“penis”,
on (release)
{ gotoAndStop(11); }
ActionScript ini berarti menuju ke frame 11 pada file
organPria.swf, kemudian menghentikan movie flash dalam
frame tersebut.
“glans”,
on (release)
{ gotoAndStop(12); }
ActionScript ini berarti menuju ke frame 12 pada file organPria.swf, kemudian menghentikan movie flash dalam frame tersebut.
”skrotum” ,
on (release)
{ gotoAndStop(13); }
ActionScript ini berarti menuju ke frame 13 pada file organPria.swf, kemudian menghentikan movie flash dalam frame tersebut. Dengan fasilitas ini user dapat memilih yang dikehendaki.
6. Pada halaman ”Struktur Organ Reproduksi Wanita” tombol yang aktif beserta ActionScript-nya, diantaranya:
• Tombol ”Bab Sebelumnya” on (release)
ActionScript ini berarti menavigasikan halaman ”Bab I” dengan memanggil file bab1.swf, yang dimulai pada frame ke-0.
• Tombol ”Bab Selanjutnya” on (release)
{ loadMovie("bab3.swf", 0); }
ActionScript ini berarti menavigasikan halaman ”Bab III” dengan memanggil file bab3.swf, yang dimulai pada frame ke-0.
• Tombol ”Halaman Sebelumnya” on (release)
{ loadMovie("organPria.swf", 0); }
ActionScript ini berarti menavigasikan halaman ”Struktur Organ Reproduksi Pria” dengan memanggil file organPria.swf, yang dimulai pada frame ke-0. Pada halaman ini juga terdapat tombol aktif lainnya yang terdapat pada bagian materi, yaitu:
“ovarium”,
on (release)
{ gotoAndStop(7); }
ActionScript ini berarti menuju ke frame 7 pada file organwanita.swf, kemudian menghentikan movie flash dalam frame tersebut.
“tuba fallopi”,
on (release)
ActionScript ini berarti menuju ke frame 8 pada file organwanita.swf, kemudian menghentikan movie flash dalam frame tersebut.
“rahim (uterus)”,
on (release)
{ gotoAndStop(9); }
ActionScript ini berarti menuju ke frame 9 pada file organwanita.swf, kemudian menghentikan movie flash dalam frame tersebut.
“vagina”,
on (release)
{ gotoAndStop(10); }
ActionScript ini berarti menuju ke frame 10 pada file organwanita.swf, kemudian menghentikan movie flash dalam frame tersebut.
“serviks (leher rahim)”, on (release)
{ gotoAndStop(11); }
ActionScript ini berarti menuju ke frame 11 pada file organwanita.swf, kemudian menghentikan movie flash dalam frame tersebut.
“mulut vagina”,
on (release)
ActionScript ini berarti menuju ke frame 12 pada file organwanita.swf, kemudian menghentikan movie flash dalam frame tersebut.
“klitoris”,
on (release)
{ gotoAndStop(13); }
ActionScript ini berarti menuju ke frame 13 pada file organwanita.swf, kemudian menghentikan movie flash dalam frame tersebut. Dengan fasilitas ini user dapat memilih yang dikehendaki.
7. Pada halaman ”Reproduksi Seksual” tombol yang aktif beserta ActionScript-nya, diantaranya:
• Tombol ”Bab Selanjutnya” on (release)
{ loadMovie("bab2.swf", 0); }
ActionScript ini berarti menavigasikan halaman ”Bab II” dengan memanggil file bab2.swf, yang dimulai pada frame ke-0.
• Tombol ”Halaman Sebelumnya” on (release)
{ loadMovie("bab1.swf", 0); }
ActionScript ini berarti menavigasikan halaman ”Bab I” dengan memanggil file bab1.swf, yang dimulai pada frame ke-0.
b. Halaman “Bab I”
Gambar 4.2 Halaman ”Bab I”
Pada halaman “Bab I” tombol yang aktif beserta ActionScript-nya, diantaranya:
• Tombol ”Menu Utama” on (release)
{ loadMovie("menu.swf", 0); }
ActionScript ini berarti menavigasikan halaman ”Menu Utama” dengan memanggil file menu.swf, yang dimulai pada frame ke-0.
• Tombol ”Bab Selanjutnya” on (release)
{ loadMovie("bab2.swf", 0); }
ActionScript ini berarti menavigasikan halaman ”Bab II” dengan memanggil file bab2.swf, yang dimulai pada frame ke-0.
• Tombol ”Halaman Selanjutnya” on (release)
ActionScript ini berarti menavigasikan halaman ”Reproduksi Seksual” dengan memanggil file bab1_1.swf, yang dimulai pada frame ke-0.
• Tombol ”Latihan Soal” on (release)
{ loadMovie("soal.swf", 0); }
ActionScript ini berarti menavigasikan halaman ”Latihan Soal” dengan memanggil file soal.swf, yang dimulai pada frame ke-0. Interface pada halaman Bab II dan Bab III, sama dengan interface pada halaman ”Bab I” (Gambar 4.2). Tetapi berbeda pada tombol yang aktiv serta contentnya. Berikut ini penjelasannya:
1. Pada halaman “Bab II” tombol yang aktif beserta ActionScript-nya, diantaranya:
• Tombol ”Menu Utama” on (release)
{ loadMovie("menu.swf", 0); }
ActionScript ini berarti menavigasikan halaman ”Menu Utama” dengan memanggil file menu.swf, yang dimulai pada frame ke-0.
• Tombol ”Bab Sebelumnya” on (release)
{ loadMovie("bab1.swf", 0); }
ActionScript ini berarti menavigasikan halaman ”Bab I” dengan memanggil file bab1.swf, yang dimulai pada frame ke-0.
• Tombol ”Bab Selanjutnya” on (release)
{ loadMovie("bab3.swf", 0); }
ActionScript ini berarti menavigasikan halaman ”Bab III” dengan memanggil file bab3.swf, yang dimulai pada frame ke-0.
• Tombol ”Halaman Selanjutnya” on (release)
{ loadMovie("organPria.swf", 0); }
ActionScript ini berarti menavigasikan halaman ”Struktur Organ Reproduksi Pria” dengan memanggil file organPria.swf, yang dimulai pada frame ke-0.
Pada halaman ini juga terdapat tombol aktif lainnya yang terdapat pada bagian materi, yaitu ”pria” dan ”wanita” . Dengan fasilitas ini user dapat memilih yang dikehendaki.
2. Pada halaman “Bab III” tombol yang aktif beserta ActionScript-nya, diantaranya:
• Tombol ”Menu Utama” on (release)
{ loadMovie("menu.swf", 0);}
ActionScript ini berarti menavigasikan halaman ”Menu Utama” dengan memanggil file menu.swf, yang dimulai pada frame ke-0.
• Tombol ”Bab Sebelumnya” on (release)
ActionScript ini berarti menavigasikan halaman ”Bab II” dengan memanggil file bab2.swf, yang dimulai pada frame ke-0.
• Tombol ”Halaman Selanjutnya” on (release)
{ loadMovie("spermatogenesis.swf", 0); }
ActionScript ini berarti menavigasikan halaman ”Spermatogenesis” dengan memanggil file spermatogenesis.swf, yang dimulai pada frame ke-0. Pada halaman ini juga terdapat tombol aktif lainnya yang terdapat pada bagian materi, yaitu ”spermatogenesis”, “oogenesis”, “siklus mentruasi” dan ”fertilisasi (pembuahan)” . Dengan fasilitas ini user dapat memilih yang dikehendaki.
c. Halaman “Spermatogenesis”
Gambar 4.3 ”Spermatogenesis”
Pada halaman ini terdapat beberapa tombol yang aktif dengan ActionScript, diantaranya:
• Tombol ”Bab Sebelumnya”, on (release)
{ loadMovie("bab2.swf", 0); }
ActionScript ini berarti menavigasikan halaman ”Bab II” dengan memanggil file bab2.swf, yang dimulai pada frame ke-0.
• Tombol ”Halaman Sebelumnya” on (release)
{ loadMovie("bab3.swf", 0); }
ActionScript ini berarti menavigasikan halaman ”Bab III” dengan memanggil file bab3.swf, yang dimulai pada frame ke-0.
• Tombol ”Halaman Selanjutnya” on (release)
ActionScript ini berarti menavigasikan halaman ”Oogenesis” dengan memanggil file oogenesis.swf, yang dimulai pada frame ke-0. Pada halaman ini juga terdapat tombol aktif lainnya yang terdapat pada bagian materi, yaitu ”Lanjut”. Dengan ActionScript:
on (release)
{ gotoAndStop(2); }
ActionScript ini berarti menuju ke frame 2 pada file spermatogenesis.swf, kemudian menghentikan movie flash dalam frame tersebut.
Interface pada halaman sub bab ”Oogenesis”, ”Siklus Menstruasi” dan ” Fertilisasi”, sama dengan interface pada halaman Sub Bab ”Spermatogenesis” (Gambar 4.3). Tetapi berbeda pada tombol yang aktiv serta contentnya. Berikut ini penjelasannya:
1. Pada halaman ”Oogenesis” tombol yang aktif beserta ActionScript-nya, diantaranya:
• Tombol ”Bab Sebelumnya”, on (release)
{ loadMovie("bab2.swf", 0); }
ActionScript ini berarti menavigasikan halaman ”Bab II” dengan memanggil file bab2.swf, yang dimulai pada frame ke-0.
• Tombol ”Halaman Sebelumnya” on (release)
ActionScript ini berarti menavigasikan halaman ”Spermatogenesis” dengan memanggil file spermatogenesis.swf, yang dimulai pada frame ke-0.
• Tombol ”Halaman Selanjutnya” on (release)
{ loadMovie("siklus.swf", 0); }
ActionScript ini berarti menavigasikan halaman ”Siklus Menstruasi” dengan memanggil file siklus.swf, yang dimulai pada frame ke-0. Pada halaman ini juga terdapat tombol aktif lainnya yang terdapat pada bagian materi, yaitu ”Lanjut”. Dengan ActionScript:
on (release)
{ gotoAndStop(2); }
ActionScript ini berarti menuju ke frame 2 pada file oogenesis.swf, kemudian menghentikan movie flash dalam frame tersebut.
2. Pada halaman ”Siklus Menstruasi” tombol yang aktif beserta ActionScript-nya, diantaranya:
• Tombol ”Bab Sebelumnya” on (release)
{ loadMovie("bab2.swf", 0); }
ActionScript ini berarti menavigasikan halaman ”Bab II” dengan memanggil file bab2.swf, yang dimulai pada frame ke-0.
• Tombol ”Halaman Selanjutnya” on (release)
{ loadMovie("fertilisasi.swf", 0); }
ActionScript ini berarti menavigasikan halaman ”Fertilisasi” dengan memanggil file fertilisasi.swf, yang dimulai pada frame ke-0. Pada halaman ini juga terdapat tombol aktif lainnya yang terdapat pada bagian materi, yaitu ”fase aliran menstruasi”, “fase proliferasi” dan ”fase sekresi” . Dengan fasilitas ini user dapat memilih yang dikehendaki. Pada halaman ini juga terdapat tombol ”Lanjut”. Dengan ActionScript:
on (release)
{gotoAndStop(2); }
ActionScript ini berarti menuju ke frame 2 pada file siklus.swf, kemudian menghentikan movie flash dalam frame tersebut.
3. Pada halaman ”Fertilisasi” tombol yang aktif beserta ActionScript-nya, diantaranya:
• Tombol ”Bab Sebelumnya”, on (release)
{ loadMovie("bab2.swf", 0); }
ActionScript ini berarti menavigasikan halaman ”Bab II” dengan memanggil file bab2.swf, yang dimulai pada frame ke-0.
• Tombol ”Halaman Sebelumnya” on (release)
ActionScript ini berarti menavigasikan halaman ”Siklus Menstruasi” dengan memanggil file siklus.swf, yang dimulai pada frame ke-0. Pada halaman ini juga terdapat tombol aktif lainnya yang terdapat pada bagian materi, yaitu ”Lanjut”. Dengan ActionScript:
on (release)
{ gotoAndStop(2); }
ActionScript ini berarti menuju ke frame 2 pada file
fertilisasi.swf, kemudian menghentikan movie flash dalam
frame tersebut.
d. Halaman movie ”Fertilisasi”
Gambar 4.4 Halaman Movie ”Fertilisasi”
Pada halaman ini terdapat tombol close movie , play movie dan sound. Berikut adalah ActionSkript tombol ”close”:
on (release)
{ gotoAndStop(1); }
ActionScript ini berarti menuju ke frame 1 pada file fertilisasi.swf, kemudian menghentikan movie flash dalam frame tersebut.
e. Halaman lanjutan ”Siklus Menstruasi”
Gambar 4.5 Halaman Lanjutan”Siklus Menstruasi”
Pada halaman ini terdapat tombol aktif yang ada pada bagian materi, yaitu ”Kembali”. Berikut adalah ActionSkriptnya:
on (release)
{ loadMovie("sikluss.swf", 0); }
ActionScript ini berarti menavigasikan halaman ”Siklus Menstruasi” dengan memanggil file siklus.swf, yang dimulai pada frame ke-0. Implementasi interface pada halaman lanjutan sub bab ”Spermatogenesis”, ”Oogenesis”, halaman ”Fase Proliferasi” dan ”Fase Sekresi”, sama seperti implementasi ”Fase Aliran Menstruasi”.
f. Halaman ”Latihan Soal”
Gambar 4.6 Halaman ”Latihan Soal”
Hhalaman latihan soal ini ada pada Bab I, Bab II dan Bab III. Pada halaman ini terdapat tombol aktif yaitu benar dan salah. Berikut adalah ActionSkript tombol “Benar”:
on (release)
{ gotoAndStop(2); }
ActionScript ini berarti menuju ke frame 2 pada file soal.swf, kemudian menghentikan movie flash dalam frame tersebut.
Untuk ttombol “Salah”, berikut adalah ActionSkriptnya: on (release)
{ gotoAndStop(3); }
ActionScript ini berarti menuju ke frame 3 pada file soal.swf, kemudian menghentikan movie flash dalam frame tersebut.
Gambar 4.7 Halaman ”Message Box”
Pada halaman ini jika klik pada tombol ”OK”, maka akan menavigasi ke halaman berikutnya, tetapi untuk pernyataan ke-5 akan menavigasi ke halaman bab. Berikut adalah ActionSkriptnya:
on (release)
{ gotoAndStop(4); }
ActionScript ini berarti menuju ke frame 4 pada file soal.swf, kemudian menghentikan movie flash dalam frame tersebut.
on (release)
{ loadMovie("bab1.swf", 0); }
ActionScript ini berarti menavigasikan halaman ”Bab I” dengan memanggil file siklus.swf, yang dimulai pada frame ke-0.