Implementasi Persiapan Teknis Tampilan Aplikasi

BAB 4 IMPLEMENTASI

4.1 Implementasi

Untuk mempermudah penggunaan Aplikasi Pembelajaran Berbantuan Komputer Barisan dan Deret Aritmatika, maka perancangan aplikasi yang telah dilakukan diimplementasikan dengan menggunakan perangkat lunak Macromedia Flash Professional 8.

4.2 Persiapan Teknis

Untuk dapat menguji Aplikasi Pembelajaran Berbantuan Komputer Berbasis Multimedia, hardware dan software yang direkomendasikan 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. Perangkat Lunak Macromedia Flash Professional 8. h. Perangkat Lunak Macromedia Flash Player 8. i. Perangkat Lunak Adobe Photoshop CS. Pada pengembangan aplikasi CAI, penulis menguji sistem dengan menggunakan teknik penggujian alfa dengan melibatkan beberapa teman penulis. Universitas Sumatera Utara

4.3 Tampilan Aplikasi

Tampilan Aplikasi Pembelajaran Barisan dan Deret Aritmatika adalah sebagai berikut:

4.3.1 Tampilan Loading

Tampilan loading adalah tampilan yang pertama dari Aplikasi Pembelajaran Berbantuan Komputer Barisan dan Deret Aritmatika. Tampilan loading dapat dilihat pada Gambar 4.1 Gambar 4.1 Tampilan Loading

4.3.2 Tampilan Selamat Datang

Tampilan selamat datang merupakan tampilan kedua setelah tampilan loading dijalankan. Pada tampilan selamat datang ada 2 pilihan yang diberikan kepada Universitas Sumatera Utara pengguna yaitu pilihan mulai, pilihan yang apabila diklik akan masuk ke tampilan utama dari Aplikasi Pembelajaran Berbantuan Komputer Barisan dan Deret Aritmatika dan kedua pilihan keluar, pilihan yang apabila diklik akan keluar dari Aplikasi Pembelajaran Berbantuan Komputer Barisan dan Deret Aritmatika. Tampilan selamat datang dapat dilihat pada Gambar 4.2. Gambar 4.2 Tampilan Selamat Datang

4.3.3 Tampilan Utama

Tampilan utama dari Aplikasi Pembelajaran Berbantuan Komputer Barisan dan Deret Aritmatika dapat dilihat pada Gambar 4.3. Universitas Sumatera Utara Gambar 4.3 Tampilan Utama Aplikasi

4.3.4 Tampilan Menu Home

Untuk dapat melihat tampilan menu home tinggal mengklik tombol home pada menu yang ada pada tampilan utama. Pada bagian isi menu home terdapat tombol scroll ke atas dan ke bawah yang berfungsi untuk menggulung tampilan isi menu home ke atas dan ke bawah, dan tombol kembali pada bagian bawah isi menu home berfungsi untuk mengembalikan ke tampilan utama. Tampilan menu home dapat dilihat pada Gambar 4.4. Universitas Sumatera Utara Gambar 4.4 Tampilan Menu Home

4.3.5 Tampilan Menu Profil

Untuk dapat melihat menu profil tinggal mengklik pada tombol profil yang ada pada tampilan utama. Pada bagian isi menu profil juga terdapat tombol kembali pada bagian bawah isi menu profil yang berfungsi untuk mengembalikan ke tampilan utama. Tampilan menu profil dapat dilihat pada Gambar 4.5. Universitas Sumatera Utara Gambar 4.5 Tampilan Menu Profil

4.3.6 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 Barisan dan Deret Aritmatika. Tampilan menu materi dapat dilihat pada Gambar 4.6. Universitas Sumatera Utara Gambar 4.6 Tampilan Menu Materi Tampilan menu materi terdiri atas empat submenu materi, yang terdiri dari submenu Barisan, Suku Tengah, Deret, dan Sisipan. Pada kanan bawah tampilan juga terdapat menu kembali yang berfungsi untuk kembali ke tampilan utama. Sebagai contoh, apabila mengklik submenu Suku Tengah, maka akan tampil tampilan seperti yang terlihat pada Gambar 4.7. Universitas Sumatera Utara Gambar 4.7 Tampilan Awal Materi Suku Tengah Tampilan submenu materi berisikan tentang penjelasan pelajaran Suku Tengah pada Barisan Aritmatika yang memiliki tampilan yang lebih sederhana, hal ini bertujuan agar pengguna dalam hal ini siswa dapat lebih berkonsentrasi dalam mempelajari materi yang ditampilkan. Pada tampilan terdapat tombol navigasi selanjutnya di sebelah kanan tampilan yang berfungsi untuk melanjutkan ke penjelasan pelajaran berikutnya. Terdapat juga tombol navigasi kembali untuk kembali ke menu utama, tombol play sound untuk memainkan musik pendukung dan juga tombol stop sound untuk menghentikan musik pendukung. Bila mengklik tombol navigasi selanjutnya maka akan muncul tampilan seperti yang terlihat pada Gambar 4.8. Universitas Sumatera Utara Gambar 4.8 Tampilan Lanjutan pada Materi Suku Tengah Pada Gambar 4.8 terlihat tampilan kelanjutan dari penjelasan materi pelajaran Suku Tengah pada Barisan Aritmatika. Pada tampilan tersebut sudah terdapat tombol navigasi sebelumnya yang berfungsi untuk kembali ke penjelasan pelajaran sebelumnya. Pada tampilan juga masih terdapat tombol navigasi selanjutnya yang fungsinya untuk melanjutkan ke penjelasan pelajaran berikutnya. Terdapat juga tombol navigasi kembali yang juga berfungsi untuk kembali ke menu utama. tombol play sound untuk memainkan musik pendukung dan juga tombol stop sound untuk menghentikan musik pendukung Bila mengklik tombol navigasi selanjutnya maka akan muncul tampilan seperti yang terlihat pada Gambar 4.9. Universitas Sumatera Utara Gambar 4.9 Tampilan Contoh Soal 1 pada Materi Suku Tengah Pada Gambar 4.9 terlihat tampilan contoh yang ada pada Materi Suku Tengah. Pada tampilan tersebut juga telah terdapat tombol navigasi sebelumnya yang berfungsi untuk kembali ke penjelasan pelajaran sebelumnya. Pada tampilan juga masih terdapat tombol navigasi selanjutnya tampilan yang fungsinya untuk melanjutkan ke penjelasan pelajaran berikutnya, tetapi apabila mengklik tombol navigasi selanjutnya, maka tidak akan dapat melihat tampilan jawaban dari contoh soal 1 diatas. Untuk dapat melihat proses penyelesaian contoh soal tersebut, harus mengklik tombol penyelesaian yang berupa tulisan yang terdapat dibawah contoh soal 1. Bila mengklik tombol penyelesaian maka akan ditampilkan penyelesaian contoh soal 1 tersebut seperti terlihat pada Gambar 4.10. Universitas Sumatera Utara Gambar 4.10 Tampilan Penyelesaian I Contoh Soal 1 pada Suku Tengah Pada Gambar 4.10 terlihat penyelesaian I dari contoh soal 1 pada materi Suku Tengah tetapi soal tersebut belum didapatkan jawabannya hanya diberitahukan apa yang diketahui dari soal tersebut. Untuk dapat melanjutkan penyelesaian dari soal tersebut harus mengklik kembali tombol penyelesaian. Bila mengklik kembali tombol penyelesaian maka akan ditampilkan penyelesaian II contoh soal 1 tersebut seperti terlihat pada Gambar 4.11. Universitas Sumatera Utara Gambar 4.11 Tampilan Penyelesaian II Contoh Soal 1 pada Suku Tengah Pada Gambar 4.11 terlihat penyelesaian II dari contoh soal pada materi Suku Tengah tetapi soal tersebut juga belum didapatkan jawabannya hanya diberitahukan apa yang diketahui dan yang ditanya dari soal tersebut. Untuk dapat melanjutkan penyelesaian dari soal tersebut juga harus mengklik kembali tombol penyelesaian. Bila mengklik tombol penyelesaian kembali maka akan ditampilkan penyelesaian terakhir contoh soal 1 tersebut seperti terlihat pada Gambar 4.12. Universitas Sumatera Utara Gambar 4.12 Tampilan Penyelesaian III Contoh Soal 1 pada Suku Tengah Pada Gambar 4.11 terlihat penyelesaian terakhir dari contoh soal pada materi Suku Tengah. Soal tersebut telah benar-benar didapatkan jawabannya sehingga telah didapatkan penyelesaian akhir dari soal tersebut. Pada tampilan menu materi terdapat masing-masing 3 contoh soal. Pada contoh soal 2 akan sama seperti contoh 1 setelah muncul soal 2 juga akan terdapat 3 tahap penyelesaian yaitu tampilan apa yang diketahui, tampilan apa yang ditanya dan juga jawaban pertanyaan soal 2. Setelah diklik tombol selanjutnya maka ditampilkan contoh soal 3. Berbeda dengan 2 contoh soal sebelumnya pada contoh 3 user akan bebas menentukan apa yang menjadi pertanyaan dari materi barisan dan deret aritmatika dan juga penyelesaiannya. Seperti pada materi suku tengah akan ada 3 buah kasus yang muncul yang akan menjadi pertanyaan yaitu mencari suku pertama, suku tengah ataupun mencari suku terakhir, seperti yang ditampilkan pada gambar 4.13. Universitas Sumatera Utara Gambar 4.13 Tampilan Contoh Soal 3 pada Materi Suku Tengah Dalam contoh 3 jika user mengklik tombol 1. Suku Pertamaa atau U t-1 , maka akan muncul tampilan baru dimana user akan diminta untuk memasukkan data yang berhubungan dalam menjawab pertanyaan suku pertama pada materi suku tengah yaitu suku tengah itu sendiri dan juga suku terakhirnya. Setelah user memasukkan 2 data tersebut maka untuk menampilkan berapa jawaban suku pertama dari data yang dimasukkan maka user harus mengklik tombol penyelesaiaan, baru setelah itu mucul berapa jawaban suku pertama, seperti yang terlihat dalam gambar 4.14 Universitas Sumatera Utara Gambar 4.14 Tampilan Contoh Soal 3 Suku Pertama Pada gambar 4.14 diatas terlihat bahwa data yang diisikan pada suku tengah 12 dan suku terakhir 16 baru setelah diklik tombol penyelesaian akan diketahiu berapa sebenarnya suku pertama yaitu 8 dan bagaimana bentuk barisan aritmatikanya. Pada gambar itu juga sudah tidak terlihat lagi tombol selanjutnya karena memang materi atau contoh soal sudah tidak ada lagi dan digantikan dengan tombol reset yang mana fungsinya untuk mereset data yang diinput dan juga mereset jawaban. Pada gambar 4.13 ada 2 pilihan lain yang bisa dipilih oleh user yaitu tombol 2. Suku Tengah U t dan tombol 3. Suku Terakhir U n atau U t+1 . Sama seperti mengklik tombol 1. Suku Pertama a atau U t-1 user juga akan diminta memasukkan data-data yang berhubungan dengan masing-masing pertanyaan tersebut baru setelah user mengklik tombol penyelesaian ditemukan jawaban dari pertanyaan berapa suku tengah atau berapa suku terakhirnya. Tampilan contoh 3 untuk kasus 2. Suku Tengah U t dan 3. Suku Terakhir U n atau U t+1 masing-masing dapat dilihat pada gambar 4.15 dan gambar 4.16 Universitas Sumatera Utara Gambar 4.15 Tampilan Soal Contoh 3 Suku Tengah Gambar 4.15 Tampilan Soal Contoh 3 Suku Terakhir Universitas Sumatera Utara

4.3.7 Tampilan Menu Latihan

Untuk dapat memulai latihan, tinggal mengklik tombol latihan dan akan muncul pertanyaan seperti Gambar 4.17 Gambar 4.17 Tampilan Pertanyaan untuk Memulai Latihan Pada tampilan pertanyaan ingin memulai latihan diatas terdapat 2 tombol navigasi yaitu tombol ya dan tidak. 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.18. Universitas Sumatera Utara Gambar 4.18 Tampilan Input Nama untuk Memulai Latihan Sebagai contoh, diinputkan nama Rajib. Lalu akan muncul tampilan soal-soal latihan. Salah satu soal latihan terlihat seperti pada Gambar 4.19 Gambar 4.19 Tampilan Soal Latihan Universitas Sumatera Utara Pada setiap soal-soal latihan hanya terdapat dua tombol utama yaitu tombol navigasi selanjutnya 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 selanjutnya untuk melanjutkan ke soal berikutnya. Hal ini penting karena setiap jawaban yang salah maka nilai yang didapatkan akan berkurang 5, sedangkan untuk tiap jawaban yang benar maka nilai yang didapatkan akan bertambah 10. Misalkan telah dijawab semua soal-soal latihan yang disajikan maka akan ditampilkan hasil nilai yang didapat seperti terlihat pada Gambar 4.20. Gambar 4.20 Tampilan Hasil Latihan Pada Gambar 4.20 terlihat nilai yang didapat oleh nama yang diinput sebelumnya yaitu Rajib mendapatkan nilai 70, terdapat tombol coba lagi yang akan membawa user untuk mengulang kembali soal-soal latihan dari no.1 dan terdapat Universitas Sumatera Utara tombol navigasi selanjutnya yang akan membawa pada grafik nilai telah didapatkan oleh Rajib. Grafik nilai yang didapat tersebut terlihat seperti Gambar 4.21. Gambar 4.21 Tampilan Grafik Hasil Latihan

4.3.8 Tampilan Menu Keluar

Untuk dapat memulai keluar, tinggal mengklik tombol keluar dan akan muncul pertanyaan untuk memastikan apakah pengguna benar-benar ingin keluar dari aplikasi seperti pada Gambar 4.22 Universitas Sumatera Utara Gambar 4.22 Tampilan Pertanyaan untuk Keluar dari Aplikasi Pada tampilan pertanyaan diatas juga terdapat 2 tombol navigasi yaitu tombol ya dan tidak. Jika mengklik tombol tidak maka juga akan kembali ke menu utama tetapi jika mengklik tombol ya maka akan pengguna akan keluar dari Aplikasi Pembelajaran Berbantuan Komputer Barisan dan Deret Aritmatika.

4.4 ActionScript