Implementasi Persiapan Teknis Tampilan Aplikasi

BAB 4 IMPLEMENTASI DAN PENGUJIAN

4.1 Implementasi

Untuk mempermudah penggunaan Aplikasi Pembelajaran Berbantuan Komputer Barisan Untuk Bahan Ajar Pengantar Teknologi Informasi, 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. Sound card yang baik agar kualitas suara lebih baik. d. Ram 256 MB atau lebih tinggi. e. Ruang Kosong Harddisk 1 GB atau lebih tinggi. f. Perangkat Lunak Macromedia Flash Professional 8. g. Perangkat Lunak Macromedia Flash Player 8. Pada pengembangan aplikasi PBK, penulis menguji sistem dengan menggunakan teknik penggujian alpha beta dengan melibatkan beberapa responden dari penulis. Universitas Sumatera Utara

4.3 Tampilan Aplikasi

Tampilan Aplikasi Pembelajaran Berbantuan Komputer Untuk Bahan Ajar Pengantar Teknologi Informasi adalah sebagai berikut:

4.3.1 Tampilan Loading

Tampilan loading adalah tampilan yang pertama dari Aplikasi Pembelajaran Berbantuan Komputer Untuk Bahan Ajar Pengantar Teknologi Informasi. Tampilan loading dapat dilihat pada Gambar 4.1 Gambar 4.1 Tampilan Loading

4.3.2 Tampilan Menu Utama

Tampilan utama dari Aplikasi Pembelajaran Berbantuan Komputer Untuk Bahan Ajar Pengantar Teknologi Informasi. Pada tampilan ini terdapat beberapa pilihan materi dan pilihan latihan. Tampilan menu utama dapat dilihat pada Gambar 4.2. Universitas Sumatera Utara Gambar 4.2 Tampilan Menu Utama Aplikasi

4.3.3 Tampilan Menu Materi

Pada tampilan menu materi ini berisikan materi-materi yang akan dipelajari pada aplikasi ini. Contoh yang di tampilkan disini adalah materi tetang sistem penyimpanan. Dan tampilan menu materi dapat dilihat pada Gambar 4.3. Gambar 4.3 Tampilan Menu Materi Sistem Penyimpanan Universitas Sumatera Utara Pada tampilan gambar di atas dapat kita lihat bahwa pada tampilan menu materi ini 3 tombol dimana : tombol menu utama, tombol nextframe dan tombol keluar. Tombol nextframe adalah tombol panah yang mengarah ke kanan didalam lingkaran hijau yang letaknya di sudut kanan bawah di atas tombol keluar. Fungsi tombol menu utama adalah untuk kembali ke menu utama, sedangkan funsi tombol nextframe adalah lanjut ke frame selanjutnya atau ke materi selanjutnya. Fungsi tombol keluar adalah untuk keluar dari aplikasi ini. Jika kita menekan tombol menu utama, maka kita akan kembali ke menu utama dimana gambar menu utama dapat dilihat pada Gambar 4.2 . Apabila kita menekan tombol nextframe, maka akan tampil tampilan pada Gambar 4.4 Gambar 4.4 Tampilan Menu Materi Sistem Penyimpanan Lanjutan 1 Pada Gambar 4.4 terdapat tombol backframe, dimana tombol ini berfungsi untuk kembali ke frame sebelumnya atau kembali ke materi sebelumnya yang terdapat pada Gambar 4.3. Dan didalam isi materi ini terdapat 2 pilihan yaitu : media magnetik dan media optik, dimana pilihan tersebut adalah sebuah tombol dimana tombol- tombol itu mengarahkan pengguna untuk memilih suatu pulihan yang di kehendakinya. Universitas Sumatera Utara Sebagai contoh, apabila kita memilih media magnetik, maka akan tampil tampilan pada Gambar 4.5. Gambar 4.5 Tampilan Menu Materi Sistem Penyimpanan Lanjutan 2 Pada Gambar 4.5 terdapat tombol checkpoint, dimana tombol ini berfungsi untuk kembali ke suatu materi sebelumnya tergantung pada judul yang pada tombol checkpoint tersebut. Pada contoh tombol checkpoint ini terdapat tulisan ”Jenis Media Penyimpanan” maka tombol ini akan mengarah pada materi tersebut. Dan jika menekan tombol checkpoint tersebut maka akan tampil Gambar 4.4. Gambar 4.6 Tampilan Menu Materi Sistem Penyimpanan Lanjutan 3 Universitas Sumatera Utara Pada Gambar 4.6 terdapat tombol playmovie, dimana tombol ini berfungsi untuk memainkan movieclip yang ada pada materi tersebut. Tombol biasa terletak pada kiri bawah suatu kotak movieclip, yang bergambar segitiga miring kekanan seperti tombol play pada suatu aplikasi biasanya. Gambar 4.7 Tampilan Menu Materi Sistem Penyimpanan Lanjutan 4 Pada gambar 4.8 dapat kita bahwa pada aplikasi ini terdapat video yang dapat dilihat oleh pengguna, dimana video ini dapat diputar secara berulang-ulang oleh pengguna pada layer ini. Dan pengguna juga dapat mem-pause video ini. Gambar 4.8 Tampilan Menu Materi Yang Memutar Video Universitas Sumatera Utara

4.3.4 Tampilan Menu Latihan

Tampilan pada menu latihan yang dapat kita lihat pada Gambar 4.8. dimana pada menu latihan terdapat 2 pilihan yang dapat dipilih oleh pengguna Gambar 4.9 Tampilan Menu Latihan Pada menu latihan terdapat 2 pilihan latihan antara lain yaitu : Tanya Jawab Soal dan Merangkai Bagian Sistem Unit. Dimana pilihan tersebut adalah sebuah tombol yang dapat kita pilih. Jika kita memilih ”Tanya Jawab Soal” maka tampilan yang akan tampil dapat dilihat pada Gambar 4.8. dan jika memilih tombol ”Merangkai Bagian Unit Sistem” maka tampilan yang akan tampil dapat dilihat pada Gambar 4.12. Sebagai contoh pertama kita akan memilih tombol ”Tanya Jawab Soal”. Tampilan yang tampil dapat dilihat pada Gambar 4.9. pada pilihan ini pertama-tama kita harus memasukkan nama pengguna, dimana pada contoh ini penulis membuat ”Mhd Makmur”. Setelah nama selesai pengguna dapat menekan tombol ”OK” untuk lanjut ke soal-soal yang akan dijawab. Universitas Sumatera Utara Gambar 4.10 Tampilan Memasukkan Nama Pengguna Tanya Jawab Soal 1 Pada tampilan Gambar 4.11, terdapat soal yang akan di jawab oleh pengguna. Dan beberapa tombol jawaban yang dapat di klik oleh pengguna, karena latihan ini berisikan pilihan ganda, dimana pilihan itu adalah A, B, C, D. Pengguna dapat meng- klik tombol jawaban pada huruf yang ada pada lingkaran hijau dan secara otomatis jawaban pengguna akan tampil yang letaknya berada disamping tombol ”Next”. Setelah pengguna yakin akan jawabannya maka pengguna dapat menekan tombol next untuk lanjut ke pertanyaan berikutnya . Pergantian soal dapat dilihat pada Gambar 4.12. Gambar 4.11 Tampilan Soal Latihan 1 Tanya Jawab Soal 2 Universitas Sumatera Utara Gambar 4.12 Tampilan Soal Latihan 2 Tanya Jawab Soal 3 Jika 10 soal telah di jawab oleh pengguna maka akan ada tampilan nilai yang didapat oleh pengguna. Dan tampilan ini di bedakan menjadi 2 tampilan. Pada Gambar 4.13 dapat kita lihat jika pengguna berhasil menjawab soal dengan benar dan memenuhi syarat atau nilai yang didapat lebih besar dari 50. Pada tampilan Gambar 4.14 dapat kita lihat pengguna yang gagal menjawab soal dengan memenuhi syarat atau nilai yang didapat lebih kecil dari 50. Gambar 4.13 Tampilan Nilai Jika Berhasil Tanya Jawab Soal 4 Universitas Sumatera Utara Gambar 4.14 Tampilan Nilai Jika Gagal Tanya Jawab Soal 5 Dan jika pada menu latihan kita memilih tombol “Merangkai Bagian Unit Sistem”. Tampilan yang tampil dapat dilihat pada Gambar 4.15. Gambar 4.15 Tampilan Soal Latihan Merangkai Bagian Unit Sistem 1 Pada tampilan ini pengguna harus meletakkan atau mengisi bagian komputer pada kotak kosong dengan benar. Jawaban terletak pada kotak sebelah kiri yang berisikan tulisan-tulisan. Jika jawaban salah maka tulisan akan kembali ketempatnya, dan apabila jawaban sudah benar maka tulisan itu akan menempel pada bagian itu Universitas Sumatera Utara secara otomatis. Tampilan dapat dilihat pada Gambar 4.13. Pada contoh gambar tersebut kita dapat melihat bahwa tulisan “Power Supply” menempel pada bagian kotak kosong, berarti jawab tersebut sudah benar. Gambar 4.16 Tampilan Soal Latihan Merangkai Bagian Unit Sistem 2

4.3.5 Tampilan Menu Credit

Pada tampilan menu credit ini bias dilihat pada Gambar 4.17. Diaman tampilan menu credit ini hanya berisilkan info penulis, beberapa orang yang terlibat dalam aplikasi ini dan kata-kata mutiara dari penulis Gambar 4.17 Tampilan Menu Credit Universitas Sumatera Utara

4.3.6 Tampilan Menu Keluar

Pada tampilan menu keluar ini bisa dilihat pada Gambar 4.13. dimana tampilah menu keluar ini hanya berisikan sebuah kata-kata terima kasih yang pembuat aplikasi kepada pengguna yang telah menggunakannya atau yang di sering disebut sebagai ending sebuah aplikasi. Gambar 4.18 Tampilan Menu Keluar

4.4 Pengujian Program