Pembuatan Halaman Opening Pembuatan Video dan Kuis

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