4.3.1 Pembuatan Modul Flash
Modul Flash digunakan untuk menampilkan materi, video dan kuis yang akan ditampilkan ke user, yang mana dibagi menjadi tiga kelompok, yaitu pembuatan
Halaman opening, halaman materikuis dan ketiga yaitu halaman video. Ketiga kelompok tersebut dijelaskan pada sub-bab berikut ini.
4.3.1.1 Pembuatan Halaman Opening
Untuk mempercantik Modul Pembelajaran, peneliti mendesain dan membuat sebuah gambar bergerak pada opening dan menu. Berikut adalah bagaimana pembuatan
animasi modul pembelajaran ini dibuat. a.
Langkah pertama dalam membuat Modul Pembelajaran Mengenal Win32API dengan Visual Basic 6.0 ini adalah menyusun layer-layer sesuai
kriteria, layer ini berfungsi untuk mengatur tampilan pada layer desktop. b.
Membuat folder pada library lihat untuk menyimpan movieclip yang telah dibuat. Setelah itu langka selanjutnya membuat movieclip sesuai kriteria
yang di inginkan. Di setiap movieclip terdapat masking tween yang membuat gambar static menjadi gerak dan menarik.
c. Setelah kita menyusun dan membuat folder seperti pada Gambar 4.1.
Folder dan Movie Clip , maka langkah selajutnya adalah membuat animasi didalam movie clip yang terdapat pada masing-masing folder. Keterangan
lebih lanjut dapat dilihat gambar dibawah ini yang merupakan Library Movie Clip dari aplikasi Modul Pembelajaran Mengenal Win32API dengan
Visual Basic 6.0.
Gambar 4.1 Gambar Folder Beserta Movie Clip
d. Setelah file yang dibutuhkan terkumpul, maka kita buat movie clip dari file
tersebut. File-file tersebut digabung menjadi satu movie klip seperti pada
Gambar 4.2 dibawah ini.
Gambar 4.2 Isi Movie Clip Opening
e. Objek animasi pada aplikasi ini semuanya dijadikan dalam bentuk movie
clip sehingga masing-masing objek dapat dibuat animasinya dan akan
bergerak menampilkan sebuah animasi seperti pada Gambar 4.3.
Gambar 4.3 Movie Opening
4.3.1.2 Pembuatan Video dan Kuis
Video dan kuis berisi tentang materi yang berkaitan dengan yang diajarkan di setiap modul disertai Materi yang terdapat pada modul pembelajaran ini, dapat diubah
oleh admin. Berikut ini merupkan langkah-langkah yang dilakukan peneliti untuk membuat materi dan kuis.
a. Langkah pertama yang dilakukan peneliti untuk membuat video dan kuis,
yaitu mencari referensi yang terpercaya, baik dari buku maupun situs internet.
b. Kedua yaitu menuliskannya kedalam flash yaitu dengan menggunakan
Dynamic Text Flow, kemudian menyusunnya sehingga tulisan tersebut dapat terbaca dengan baik dan sesuai dengan posisi, yang mana dynamic
text dapat memuat isi materi yang terdapat pada external. Berikut ini skript untuk memuat materi dari external notepad :
stop;
define vars var banksoal = new LoadVars;
to load the content of the text; var acakArray:Array;
to make a random sequence of nomer in it var z = 0;
pos in ther acakArray var score = 0;
var time = 20; var jumlahRandom=10;
i just put this enable coz it will be a restart button and we need that
--------------------------- satu.enabled = true;
dua.enabled = true; tiga.enabled = true;
empat.enabled = true; next_btn.enabled = true;
skor = 0; ---------------------------
load the file. banksoal.loadfscommandmodul_1.txt;
event handler will trigger when the file is completly loaded
banksoal.onLoad = functionsucess { if sucess {
_root.acakArray = _root.sekuensAcakbanksoal.jlhSoal;
_root.soalNext; }
};
c. Langkah keempat yaitu membuat link-link yang mana user dapat
mengulangi dan melanjutkan frame pada video dan kuis. Link-link tersebut dapat diwujudkan dengan membuat button-button yang diberikan fungsi-
fungsi khusus pada pengkodeannya.. Berikut ini adalah skript untuk next soal.
function soalNext { check the end of the quest ?
if zacakArray.length { if zjumlahRandom {
NO display the next quest tekssoal.text = banksoal[soal+acakArray[z]];
for qq=0; qq4; qq++ { jwb1.text= banksoal[jwbA+acakArray[z]];
jwb2.text= banksoal[jwbB+acakArray[z]]; jwb3.text= banksoal[jwbC+acakArray[z]];
jwb4.text= banksoal[jwbD+acakArray[z]];
_root.[jwb+i].text = banksoal[jwb+acakArray[z]];
} unselect the radio buttons
satu.selected = false; dua.selected = false;
tiga.selected = false; empat.selected = false;
increment z z++;
display which Quest is in the user nomor = z;
jumlah = banksoal.jlhSoal; jumlah = jumlahRandom;
} else { Yes Do this :
satu.selected = false; dua.selected = false;
tiga.selected = false; empat.selected = false;
satu.enabled = false; dua.enabled = false;
tiga.enabled = false; empat.enabled = false;
next_btn.enabled = false; tekssoal.text = ;
nextFrame; gotoAndPlay28;
} }
Dari langkah-langkah diatas, maka dihasilkan sebuah materi dan kuis Pembelajaran Mengenal Win32API dengan visual basic 6.0. Langkah-
langkah tersebut diulangi hingga beberapa kali, sebanyak referensi yang
akan dimuat pada frame tersebut. Gambar 4.4 merupakan screenshot dari
salah satu frame materi dan kuis ini.
Gambar 4.4 Hasil Kuis
4.3.1.3 Pembuatan Video