ActionScript Perancangan Aplikasi Pengajaran Berbantuan Komputer Dengan Model Tutorial Pelajaran Fisika Pada SMA

4.2.7 Tampilan Menu Score

Untuk dapat melihat score, tinggal mengklik tombol score dan akan muncul seperti pada Gambar 4.16 yang berisi dengan score lima urutan terbaik. Gambar 4.16 Tampilan Menu Score

4.3 ActionScript

ActionScript disebut juga dengan Bahasa Pemrograman Flash. Dengan ActionScript, maka dapat membuat aplikasi yang interaktif sehingga pengguna dapat berinteraksi dengan aplikasi tersebut, seperti mengontrol navigasi, memasukkan informasi, menggerakkan objek dengan keyboard dan membuat menu. Berikut ActionScript yang dipakai dalam pembuatan Aplikasi Pengajaran Berbantuan Komputer untuk Materi Optik geometri pada Fisika. Universitas Sumatera Utara

4.3.1 ActionScript untuk Tampilan Layar Penuh

Format penulisan ActionScript untuk mengatur tampilan aplikasi sesuai dengan besar kecilnya resolusi layar komputer yang digunakan dapat dilihat pada Gambar 4.17. Gambar 4.17 ActionScript untuk Tampilan Layar Penuh

4.3.2 ActionScript Stop

ActionScript Stop digunakan untuk menghentikan jalannya aplikasi baik itu berupa movie maupun animasi dari satu frame ke frame selanjutnya. Format ActionScript Stop dapat dilihat pada Gambar 4.18 Gambar 4.18 ActionScript Stop Universitas Sumatera Utara

4.3.3 ActionScript pada Button

ActionScript navigasi frame dapat dilihat pada Gambar 4.19. Gambar 4.19 ActionScript di Button

4.3.4 ActionScript pada Prosedur Latihan

Pada menu Latihan sebelum memulai latihan diminta untuk memasukkan nama pada kolom yang tersedia. Format ActionScript pada prosedur awal latihan dapat dilihat pada Gambar 4.20. Gambar 4.20 Tampilan ActionScript Prosedur Awal Latihan Universitas Sumatera Utara ActionScript pada Gambar 4.20 mendeklarasikan empat variable, yakni benar, salah, hasil, dan total soal. Sedangkan variabel benar, salah, hasil, dan total soal bertipe number dan diberi nilai awal 0 nul. Lalu aplikasi pindah ke frame selanjutnya yang berisi soal-soal latihan seperti pada Gambar 4.12. Pada Gambar 4.12, di setiap pilihan berganda terdapat jawaban benar dan salah. Untuk jawaban yang benar, maka ActionScriptnya dapat dilihat pada Gambar 4.21, sedangkan jika jawabannya yang dipilih pengguna salah maka ActionScripnya dapat dilihat pada Gambar 4.22. Gambar 4.21 ActionScript untuk Jawaban Benar ActionScript pada Gambar 4.21 merupakan pilihan jawaban yang benar dari pengguna yang akan menghasilkan nilai variabel benar bertambah empat dari nilai sebelumnya. Kemudian aplikasi akan berlanjut ke frame selanjutnya yaitu frame soal 2. Universitas Sumatera Utara Gambar 4.22 ActionScript untuk Jawaban Salah ActionScript pada Gambar 4.22 merupakan pilihan jawaban yang salah yang akan menghasilkan nilai variabel salah berkurang satu dari nilai sebelumnya. Kemudian aplikasi akan berlanjut ke frame selanjutnya soal 2. Apabila pengguna tidak memilih pilihan jawaban yang diberikan dan hanya menekan tombol next yang ada di bagian kanan aplikasi maka ActionScriptnya dapat dilihat pada Gambar 4.23. Gambar 4.23 ActionScript untuk Tombol Next pada Latihan ActionScript pada Gambar 4.23 menjelaskan untuk menuju frame selanjutnya soal 2. Universitas Sumatera Utara Setelah selesai menjawab semua soal-soal yang disajikan dalam latihan maka akan dimunculkan hasil dari latihan seperti terlihat pada Gambar 4.13 dan Gambar 4.14 atau Gambar 4.15. ActionScript untuk menampilkan diagram venn yang didapat pengguna dapat dilihat pada ActionScript berikut ini: stop; salah=Math.abssalah; benar=Math.absbenar4; tidak_terjawab=totalSoal-benar+salah; persenBenar=intbenartotalSoal100+; persenSalah=intsalahtotalSoal100+; persenTidakDijawab=inttotalSoal-benar+salah10+; var r = 90; var x = 562; var y = 420; var a; var benarx = benar; var salahx = salah; var sudut = new Array3; sudut[0] = 0; sudut[1] = benarxtotalSoal360; sudut[2] = benarx+salahxtotalSoal360; sudut[3] = 360; var a = new Array3; var warna = new Array3; warna[0] = 0xF7EFDE; warna[1] = 0x0000FF; warna[2] = 0xFF0000; warna[3] = 0xFFFF00; _root.createEmptyMovieClippie_mc, 0; _root[pie_mc].lineStyle1, 0x1F7EDC, 100; _root[pie_mc].moveTox,y; _root[pie_mc].lineTox+r, y; for var i = 1; i=3; i++ { a = Math.tansudut[i]-sudut[i-1]2Math.PI180; _root[pie_mc].beginFillwarna[i],100; if sudut[i]-sudut[i-1]45 { var p = sudut[i]-sudut[i-1]45; var q = Math.tanp2Math.PI180; for var n=sudut[i-1];n=sudut[i];n+=p { var endx = rMath.cosnMath.PI180; var endy = rMath.sinnMath.PI180; var cx = endx+rqMath.cosn-90Math.PI180; var cy = endy+rqMath.sinn-90Math.PI180; _root[pie_mc].curveTocx+x, cy+y, endx+x, endy+y; } } else { var endx = rMath.cossudut[i]Math.PI180; var endy = rMath.sinsudut[i]Math.PI180; Universitas Sumatera Utara var cx = endx+raMath.cossudut[i]-90Math.PI180; var cy = endy+raMath.sinsudut[i]-90Math.PI180; _root[pie_mc].curveTocx+x, cy+y, endx+x, endy+y; } _root[pie_mc].lineTox,y; _root[pie_mc].moveToendx+x,endy+y; _root[pie_mc].endFill; } Sesudah pada bagian bawah dari menu latihan yang terdapat tombol jawaban, ini berguna sebagai tutorial untuk mengetahui jawaban dari soal latihan tadi. Ini dapat terlihat pada Gambar 4.24 yang berisi ActionScript dari tombol jawaban tersebut. Gambar 4.24 ActionScript di Kunci Jawaban

4.3.5 ActionScript Score

Format ActionScript untuk score dari aplikasi dapat dilihat pada Gambar 4.24. Universitas Sumatera Utara Gambar 4.25 ActionScript di Score

4.4 Sintaks PHP