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

BAB 4 IMPLEMENTASI

4.1 Implementasi

Untuk mempermudah penggunaan Aplikasi Pengajaran Berbantuan Komputer untuk Materi Optik geometri pada Fisika, maka perancangan aplikasi yang telah dibuat diimplementasikan dengan menggunakan perangkat lunak Macromedia Flash Professional 8. Untuk menguji Aplikasi Pengajaran Berbantuan Komputer untuk Materi Optik geometri pada Fisika agar dapat dioperasikan dengan baik, maka hardware dan software yang disarankan adalah sebagai berikut: a. Prosessor Intel Pentium IV – 2.4 GHz b. Sistem Operasi Windows 98 atau lebih tinggi c. Resolusi monitor 1024 x 768 pixel dengan kedalaman warna 16 bit d. Sound card yang baik agar kualitas suara lebih baik e. Ram 128 MB atau lebih tinggi f. Ruang Kosong Harddisk 5 GB atau lebih tinggi g. Software Macromedia Flash Professional 8 h. Software Macromedia Flash Player 8. i. Software Macromedia Flash CS3 Professional. j. Software Macromedia Dreamweaver 8. k. Software XAMPP Control Panel Application. Universitas Sumatera Utara

4.2 Tampilan Aplikasi

Tampilan Aplikasi Pengajaran Berbantuan Komputer untuk Materi Optik Geometri pada Fisika adalah sebagai berikut:

4.2.1 Tampilan Selamat datang

Tampilan selamat datang adalah tampilan yang pertama dari Aplikasi Pengajaran Berbantuan Komputer untuk Materi Optik geometri pada Fisika. Pada tampilan selamat datang terdapat tombol play yang diberikan kepada pengguna yaitu apabila diklik akan masuk ke tampilan utama dari Aplikasi Pengajaran Berbantuan Komputer untuk Materi Optik geometri pada Fisika. Tampilan selamat datang dapat dilihat pada Gambar 4.1. Gambar 4.1 Tampilan Selamat Datang

4.2.2 Tampilan Utama

Tampilan utama dari Aplikasi Pengajaran Berbantuan Komputer untuk Materi Optik geometri pada Fisika dapat dilihat pada Gambar 4.2. Universitas Sumatera Utara Gambar 4.2 Tampilan Utama

4.2.3 Tampilan Menu Home

Ketika menu home diklik maka tampilan yang akan muncul adalah tampilan seperti pada menu utama. Tampilan menu home dapat dilihat pada Gambar 4.2.

4.2.4 Tampilan Menu Materi

Untuk dapat melihat menu materi tinggal mengklik pada tombol materi yang ada pada tampilan utama. Pada bagian isi terdiri dari tombol-tombol navigasi untuk ke submenu materi yang merupakan tampilan penjelasan pelajaran Fisika pada materi Optik geometri. Tampilan menu materi dapat dilihat pada Gambar 4.3. Universitas Sumatera Utara Gambar 4.3 Tampilan Menu Materi Tampilan menu materi terdiri atas dua submenu materi, yang terdiri dari submenu Pembiasan Cahaya dan Pemantulan Cahaya. Kemudian submenu materi Pembiasan Cahaya terdiri daripada Indeks Bias, Prisma, Lensa Cekung, dan Lensa Cembung. Sedangkan submenu materi Pemantulan Cahaya terdiri dari Cermin Datar, Cermin Cekung, dan Cermin Cembung. Sebagai contoh, apabila diklik submenu Pembiasan Cahaya akan tampil tampilan seperti yang terlihat pada Gambar 4.4. Pada submenu materi Pembiasan Cahaya akan terdapat tombol-tombol navigasi pada bagian atas. Tombol ini berupa angka-angka, angka 1 sampai dengan 9 untuk melihat halaman berikutnya, yang berisi materi daripada penjelasan materi tentang Indeks bias, Prisma, Lensa Cekung, Lensa Cembung, Cermin Datar, Cermin Cekung, dan Cermin Cembung. Universitas Sumatera Utara Gambar 4.4 Tampilan Penyampaian Menu Materi Pembiasan Cahaya tentang Indeks Bias Tombol navigasi yang berupa tombol angka 1 berisi tentang Indeks Bias seperti yang terlihat pada Gambar 4.4. Sedangkan tombol angka 2 berisi tentang lanjutan daripada indeks bias yang berisi tabel indeks bias mutlak, seperti yang ditunjukkan pada Gambar 4.5. Gambar 4.5 Tampilan Penyampaian Menu Materi Pembiasan Cahaya Lanjutan tentang Indeks Bias Universitas Sumatera Utara Tombol navigasi yang berupa tombol angka 9 berisi Submateri Pemantulan Cahaya tentang Cermin Cembung seperti yang terlihat pada Gambar 4.6, yang berisi rumus umum untuk cermin cembung beserta penjelasannya. Gambar 4.6 Tampilan Penyampaian Menu Materi Pemantulan Cahaya tentang Cermin Cembung

4.2.5 Tampilan Menu Contoh Soal

Tampilan menu contoh soal pada aplikasi ini, dapat dijalankan dengan mengklik tombol Contoh Soal pada tampilan menu utama. Tampilan menu Contoh Soal dapat dilihat pada Gambar 4.7. Pada menu ini juga terdapat tombol-tombol navigasi yang berupa angka-angka. Angka 1 sampai dengan 9 merupakan contoh soal 1, contoh soal 2, contoh soal 3, dan seterusnya. Tombol navigasi ini serupa dengan tombol navigasi yang terdapat pada menu Materi. Contoh soal yang berikut ini merupakan contoh soal 1 yang terdapat pada tombol navigasi 1, seperti pada Gambar 4.7 di bawah ini. Universitas Sumatera Utara Gambar 4.7 Tampilan Menu Contoh Soal 1 Di sini terdapat ScrollPane akan tetapi pada contoh soal ini tidak berfungsi karena Contoh Soal 1 dapat dimuat dalam satu layar saja. Sedangkan pada Contoh Soal 2 ScrollPane dapat dijalankan karena tidak muat dalam satu layar sehingga tanda panah pada ScrollPane ini dapat diklik, seperti pada Gambar 4.8 dan Gambar 4.9. Gambar 4.8 Tampilan Menu Contoh Soal 2 Universitas Sumatera Utara Berikut adalah Gambar 4.9, tampilan menu contoh soal setelah ScrollPane diklik yang berisi lanjutan penjelasan dari contoh soal 2. Gambar 4.9 Tampilan Menu Contoh Soal 2 Mengenai Penjelasan Lanjutannya Setelah itu apabila kita klik lagi maka akan terdapat penjelasan selanjutnya beserta jawaban dari contoh soal 2, seperti pada gambar 4.10. Gambar 4.10 Tampilan Menu Contoh Soal 2 Mengenai Penjelasan Lanjutannya beserta Jawaban Universitas Sumatera Utara

4.2.6 Tampilan Menu Latihan

Jika mengklik tombol tidak maka akan kembali ke menu utama tetapi jika mengklik tombol ya maka akan muncul tampilan yang mengharuskan pengguna untuk memasukkan nama sebelum memulai latihan seperti pada Gambar 4.11. Gambar 4.11 Tampilan Input Nama untuk Memulai Latihan Sebagai contoh, diinputkan nama Ria. Lalu akan muncul tampilan soal-soal latihan. Salah satu soal latihan terlihat seperti pada Gambar 4.12. Universitas Sumatera Utara Gambar 4.12 Tampilan Soal Latihan Pada setiap soal-soal latihan hanya terdapat dua tombol utama yaitu tombol navigasi next yang terdapat pada sebelah kanan tampilan dan tombol-tombol jawaban dari soal yang berjumlah lima buah. Apabila mengklik salah satu jawaban dari soal tersebut maka setiap jawaban baik benar maupun salah akan bertambah satu dari jawaban benar ataupun salah sebelumnya dan akan muncul soal berikunya. Apabila tidak yakin akan jawabannya, hanya perlu mengklik tombol navigasi next untuk melanjutkan ke soal berikutnya. Hal ini berguna sebab setiap jawaban yang salah maka nilai yang didapatkan akan berkurang 1, sedangkan untuk tiap jawaban yang benar maka nilai yang didapatkan akan bertambah 4. Soal latihan terdiri dari 10 soal, jika user menjawab semua soal dengan benar maka nilai total yang diperoleh ialah 40. Misalkan telah dijawab semua soal-soal latihan yang disajikan maka akan ditampilkan hasil nilai yang didapat seperti terlihat pada Gambar 4.13. Universitas Sumatera Utara Gambar 4.13 Tampilan Hasil Latihan Pada Gambar 4.13 terlihat nilai yang didapat oleh nama yang diinput sebelumnya yaitu Ria mendapatkan nilai 70, terdapat berapa soal yang dijawab salah, berapa soal yang dijawab benar , dan berapa soal yang tidak dijawab. Di tampilan itu terdapat grafik beserta berapa persen benar, berapa persen salah, dan berapa persen soal yang tidak terjawab. Tombol save yang akan menyimpan data user ke dalam database, jika tombol save diklik maka akan terdapat saran untuk user. Apabila user berhasil menjawab soal dengan nilai di atas 28 maka hasil yang di dapat adalah seperti Gambar 4.14, yang menyatakan bahwa user dinyatakan lulus beserta berisi saran agar user meningkatkan belajar untuk mendapatkan nilai yang terbaik. Universitas Sumatera Utara Gambar 4.14 Tampilan Hasil Latihan yang Berisi Saran untuk User Jika nilai yang didapat di bawah 28 maka user dinyatakan tidak lulus dan disarankan untuk mengulang seperti pada Gambar 4.15. Gambar 4.15 Tampilan Hasil Latihan yang Menyatakan User Tidak Lulus Universitas Sumatera Utara

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