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