commit to user 28
BAB IV
IMPLEMENTASI DAN ANALISA
4.1 Implementasi Struktur Menu Aplikasi 4.1.1 Implementasi Intro
Pembuatan Intro aplikasi meliputi beberapa proses pembuatan komponen seperti teks, judul , button dan gambar.
Gambar 4.1. Pembuatan Intro Aplikasi
Pemberian action script intro aplikasi dimulai dengan pembuatan button mulai pembelajaran, latihan, dan pengembang lalu diisikan action script pada masing-masing button sebagai berikut :
on (rollOver) {
gotoAndPlay("over");
}
on (releaseOutside, rollOut) { gotoAndPlay("out");
}
on (release) {
loadMovieNum("menu.swf", 0);
}
Penjelasan script diatas adalah apabila mouse didekatkan pada button menu maka efek yang terjadi yaitu button berubah menjadi lebih besar, kemudian setelah mouse dijauhkan pada button menu maka button akan berubah sesuai
commit to user 29
ukuran semula dan jika mouse ditekan pada button home akan mengarah pada animasi menu.swf
Gambar 4.2. Tampilan Intro Aplikasi
Gambar 4.2 merupakan tampilan intro dari aplikasi Animasi Pembelajaran Bahasa Korea untuk CTKI. Disini terdapat button mulai pembelajaran, latihan dan pengembang digunakan untuk langsung menuju tampilan menu materi, menu latihan dan profil pengembang.
4.1.2 Implementasi Menu Pembahasan
Pembuatan menu utama aplikasi meliputi beberapa proses pembuatan komponen seperti teks, judul , button dan gambar.
Gambar 4.3. Pembuatan Menu Pembahasan
commit to user 30
Penggunaan masking pada gambar 4.3 menjadi teknik utama dalam menampilkan content agar terlihat tampilan content terlihat transisi.
Pembuatan menu utama ini terdiri dari button pembahasan semua materi pembelajaran.Jika setiap button ditekan maka akan menuju pada pembahasan yang terkait.
Gambar 4.4. Tampilan Menu Pembahasan
4.1.3 Implementasi Pembahasan
Pembuatan menu utama aplikasi meliputi beberapa proses pembuatan komponen seperti teks, judul , button dan gambar.
Gambar 4.5. Pembuatan Pembahasan
commit to user 31
Penggunaan Classic Tween pada gambar 4.5 menjadi teknik utama dalam menampilkan isi content pembahasan agar content yang disajikan terlihat lebih menarik.
Gambar 4.6. Tampilan Pembahasan
4.1.4 Implementasi Latihan
Pembuatan pembahasan aplikasi latihan meliputi beberapa proses pembuatan komponen seperti teks, judul , button dan gambar.
Untuk pembuatan latihan akan disesuaikan dengan keperluan Test Eps TOPIK yang diadakan oleh pemerintah yaitu dengan model pilihan ganda yaitu menjawab satu pilihan jawaban yang benar dari empat pilihan jawaban yang ada.
Gambar 4.7. Pembuatan Latihan
Untuk latihan pilihan ganda yang bersifat random dalam game latihannya:
1. Untuk scriptnya button mulai pada frame 10 dibawah ini : on (release) {
commit to user 32 gotoAndStop(11);
}
Penjelasan dari script diatas yaitu jika button mulai dijalankan akan menjalankan animasi pada frame ke 11 yang berisi soal-soal latihannya.
2. Untuk scriptnya seperti pada frame 11 dibawah ini : stop();
Array.prototype.acak_soal = function() { for (i=0; i<this.length; i++) {
var tmp = this[i];
var acak_soal = random(this.length);
this[i] = this[acak_soal];
this[acak_soal] = tmp;
} };
...
function hitung_nilai():Void { _root.nilaiakhir
Math.ceil((100/_root.array_tanya.length)*_root.benar);
}
Penjelasan dari script diatas yaitu membuat random soal latihan dari data yang diambil dari .xml setiap latihan kemudian dari setiap 10 pertanyaan yang ada akan diberikan 1 point setiap pertanyaan jika menjawab pertanyaan dengan benar dan nilai didapat dari 100 dibagi jumlah soal yang ada pada.xml kemudian dikalikan dengan jumlah jawaban benar.
3. Untuk scriptnya seperti pada frame 12 dibawah ini : _root.cobalagi_btn.onRelease = function() {
gotoAndStop(10);
commit to user 33 };
clearInterval(_root.brs);
_root.nilai_akhir.text = _root.nilaiakhir;
Penjelasan dari script diatas yaitu untuk menampilakan nilai akhir dari keseluruhan pertanyaan yang sudah dijawab pada frame 11 dan jika button coba lagi dijalankan akan kembali ke frame 10 untuk memulai kembali latihan soal-soal.
Gambar 4.8. Tampilan Soal Latihan
Dari Implementasi penilaian kompetensi diatas dibuatnya latihan yang digunakan sebagai penilaian kompetensi dari setiap pembahasan, jika dalam latihan didapatkan nilai yang kurang dari tingkat ketuntasan dari latihan maka belum dinyatakan lulus dalam kompetensi test Eps Topik yang ditentukan.
commit to user 34 4.2 Implementasi Fitur Aplikasi 4.2.1 Implementasi Tombol Close
Fitur Tombol close ini digunakan untuk keluar dari aplikasi, tampilan tombol close seperti dibawah ini :
Gambar 4.9. Tampilan Tombol Close
Pemberian ActionScript pada fitur button close kita berikan ActionScript pada layer button sebagai berikut script dan timeline untuk tombol close :
Gambar 4.10. Tampilan Pembuatan Tombol Close
Script yang diberikan : on (rollOver) {
gotoAndPlay("over");
}
on (releaseOutside, rollOut) { gotoAndPlay("out");
}
on (release) {
loadMovieNum("close.swf", 0);
}
commit to user 35
Penjelasan dari script diatas yaitu jika tombol close ditekan akan memanggil file close.swf yang nantinya akan ada pertanyaan “Apakah Anda Yakin Akan Keluar”, lalu jika tombol YA ditekan akan langsung keluar dari aplikasi dan jika tombol TIDAK ditekan maka akan kembali ketampilan Home.
4.2.2 Implementasi Tombol Fullscreen
Fitur Tombol Fullscreen ini digunakan untuk membuat tampilan aplikasi berukuran fullscreen atau mode normal, tampilan tombol fullscreen seperti dibawah ini :
Gambar 4.11. Tampilan Tombol Fullscreen
Pemberian ActionScript pada fitur button fullscreen kita berikan ActionScript pada layer button sebagai berikut script dan timeline untuk tombol fullscreen :
Gambar 4.12 Tampilan Pembuatan Tombol Fullscreen
Script yang diberikan : ...
on (release) {
if (full == 0) {
fscommand("fullscreen", "true");
hasil = "Normal";
commit to user 36 full = "1";
} else {
fscommand("fullscreen", "false");
hasil = "Full Screen";
full = "0";
} }
Penjelasan script diatas adalah jika button full screen di klik maka proses fullscreen false dengan hasil tampilan aplikasi normal sedangkan jika diklik kembali maka proses fullscreen true akan dijalankan dan tampilan aplikasi akan fullscreen kembali.
4.2.3 Implementasi Jam dan Tanggal
Fitur Jam dan Tanggal ini untuk menampilkan waktu sesuai dengan waktu pada komputer atau pc anda, tampilan fitur jam dan tanggal seperti dibawah ini :
Gambar 4.13. Tampilan Jam dan Tanggal
Pemberian ActionScript pada fitur jam dan tanggal kita berikan ActionScript pada layer action date dan action time sebagai berikut script dan timeline untuk tombol fullscreen :
Gambar 4.14. Pembuatan Jam dan Tanggal
commit to user 37 Untuk jam script yang diberikan : time=new Date();
var seconds = time.getSeconds() var minutes = time.getMinutes() var hours = time.getHours() ...
clock_txt.text = hours + ":" + minutes + ":" + seconds +" "+ ampm;
Penjelasan script diatas adalah untuk script time.getSeconds(), time.getMinutes(), time.getHours() didapatkan dari settingan time yang ada pada PC atau Notebook kita, kemudian ditampilkan dalam Animasi Pembelajaran Bahasa Korea untuk CTKI ini.
Untuk tanggal script yang diberikan : myDate = new Date();
...
myDate = (myDate.getDate()+" "+month[myDate.getMonth()]+"
"+myDate.getFullYear());
Penjelasan script diatas adalah untuk script myDate.getDate(), month[myDate.getMonth()], myDate.getFullYear() didapatkan dari settingan date yang ada pada PC atau Notebook kita kemudian dideklarasikan dalam array untuk nama hari dan nama bulan, kemudian ditampilkan dalam Animasi Pembelajaran Bahasa Korea untuk CTKI ini.
commit to user 38 4.3 Pengujian Aplikasi
Proses pengujian pada Adobe Flash adalah dengan menekan tombol Ctrl+Enter dan menghasilkan file *.swf .
4.4 Melakukan Perbaikan
Proses perbaikan dilakukan jika terdapat kesalahan dalam pembuatan.
Salah satu kesalahan yang sering timbul adalah penulisan action script.
Pada saat terjadi kesalahan dalam penulisan, muncul dialog yang menampilkan letak kesalahannya. Hal-hal seperti itulah yang perlu diperhatikan dalam proses perbaikan.
4.5 Proses Finishing
Proses finishing dilakukan setelah testing dan perbaikan, baik dari segi tampilan maupun content aplikasi. Agar aplikasi ini dapat dijalankan tanpa Flash Player, langkah terakhir adalah proses publikasi ke dalam Windows Projector aplikasi. Hal ini dikarenakan aplikasi flash menggunakan ekstensi *swf, yang hanya dapat dijalankan pada Flash Player.
