BAB IV IMPLEMENTASI DAN PENGUJIAN
4.1 Implementasi dan pengujian
4.1.1 Lingkungan implementasi dan pengujian
Dalam pengujian aplikasi ini, penulis menggunakan komputer dengan spesifikasi sebagai berikut: 1. Hardware a. Intel (R) core (TM) 2 Duo CPU T6570 @ 2.10 GHz b. RAM 1 GB 2. Software a. Adobe Flash CS 3 b. MySql c. Windows 7 4.1.2 Tahap impelementasi
Tahap implementasi yang penulis terapkan terdiri dari tiga cakupan yaitu perangkat keras (hardware), perangkat lunak (software) dan implementasi sistem aplikasi pendukung yang meliputi pengkodean (coding) dan desain antarmuka.
62
4.2 Pengumpulan bahan 4.2.1 Teks Teks dalam aplikasi ini dibuat berdasarkan panduan kurikulum mata pelajaran matematika untuk kelas enam, dan sebagian diambil dari materi kelaskelas sebelumnya, yang membahas materi bangun datar dan bangun ruang.
4.2.2 Gambar Gambar yang terdapat dalam aplikasi ini berasal dari gambar yang dibuat penulis, dan gambar dari internet yang diolah dan diedit dengan menggunakan software Adobe Photoshop 7 dan Corel Draw X3.
4.2.3 Animasi Animasi yang terdapat dalam aplikasi ini dibuat dengan menggunakan software Adobe Flash CS 3 dan sebagian berasal dari internet dengan ditambahkan penyesuaian.
4.2.4 Suara Suara yang ada dalam aplikasi ini sebagai musik background , penulis unduh dari internet. 4.2.5 Tombol navigasi Dalam aplikasi ini terdapat beberapa tombol navigasi yang memiliki tautan (link) untuk menghubungkan satu halaman ke halaman lainnya.
63
Tabel 4.1. Pengumpulan bahan no nama
type
4.1. Pengumpulan bahan 1Tabel Tombol masuk png
sumber
keterangan
Dibuat
-
sendiri 2 Tombol centang png Tabel 4.1. Pengumpulan bahan
Internet dengan
http://www.Graphicsand-desktop-icons.com
perubahan Tombol menu
png
Dibuat
-
sendiri Tombol next
Common
Adobe Flash CS 3
libraries toonlandia
jpg
-
-
matheazy
png
Dibuat
-
sendiri karakter
png
internet
Creation-subReal-
wav
internet
http://www.flashkit.com
wav
internet
http://www.flashkit.com
flv
internet
3D Shapes I Know flv
internet
2372 Electroldeus_sou179 Bagaimana Menghitung
Luas
Lingkaran Bumi
(song for kids) Sifat-Sifat Ruang
Bangun flv
internet
64
Tabel 4.1. Pengumpulan bahan (lanjutan) Materi bangun datar
pdf
e-book
Pengenalanbangun-datardan-sifat2nya.
Materi bangun ruang
pdf
e-book
Pengenalanbangun-ruangdan-sifat2nya.
Tabel 4.2 Tombol Navigasi no
Tombol navigasi
Menuju ke halaman selanjutnya, terletak pada scene intro 1.
1
Menuju ke halaman awal, terletak pada scene intro 2
2
3
4
5
Penjelasan fungsi
MATERI
GAME
VIDEO
Menuju halaman Materi, terletak pada halaman awal
Menuju kehalaman game, terletak pada halaman awal
Menuju ke halaman video, terletak pada halaman awal
65
Menuju ke halaman bantuan, terletak pada halaman awal
6
BANTUAN
PROFIL
7
Menuju ke halaman profil, terletak pada halaman awal
Tabel 4.1 Tombol Navigasi (lanjutan)
KEMBALI
8
Mengarahkan aplikasi kembali ke halaman sebelumnya, terdapat pada setiap halaman.
Menuju ke pembahasan kategori pembahasan bangun datar
9
Bangun Datar
Bangun Ruang
10
11
Menuju ke pembahasan kategori pembahasan bangun ruang
Untuk memilih video, terdapat tiga pilihan video.
12
VIDEO 1
Untuk memilih pilihan materi yang akan dibahas.
4.3 Proses Dalam aplikasi “ MathEazy” ini spesifikasi layar yang digunakan 800 x 600 pixel dengan frame rate 12 fps, bahasa pemrograman yang digunakan action
66
script 2.0 dan Movie flash dalam aplikasi ini dibagi dalam beberapa scene yang dapat menampilkan suatu adegan atau skenario tertentu Setiap scene terdapat animasi yang menggunakan beberapa teknik diantaranya motion tween yaitu teknik yang digunakan untuk membuat gamabar atau objek bergerak secara otomatis serta animasi frame perframe. Scene 1.Scene kesatu Dalam scene “kesatu” ini terdapat beberapa layer yang memiliki fungsi. Tabel 4.2 Susunan layer scene ke satu no
Layer
Fungsi
1
action
Menampung kode-kode mengatur jalannya animasi
2
title
Sebagai pengaturan judul aplikasi
3
intro
Menampung animasi kalimat yang muncul dengan ditangani script kode
4
tombol
Sebagai tempat kemunculan button ”masuk”
5
background
Sebagai latar animasi
6
musik
Terdapat musik latar
Gambar 4.1 tampilan Scene 1
yang
kemunculan
67
2.Scene kedua Dalam scene ”kedua ” ini terdapat beberapa layer, yaitu Tabel 4.3 Susunan layer scene kedua no
Layer
Fungsi
1
explode
Menampung efek explode pada logo ”welcome”
2
Action
Menampung kode-kode mengatur jalannya animasi
3
Karakter
Menampung animasi karakter yang bergerak
4
Tombol
Sebagai tempat kemunculan button ”centang”
5
background
Sebagai latar animasi
6
Teks
Menampung animasi teks petunjuk yang dimaninkan secara frame by frame
7
music
Terdapat musik latar
8
Id_nama
Tempat terdapat input teks nama penguna
Gambar 4.2a Tampilan Scene Kedua
yang
68
Gambar 4.2b Tampilan Scene Kedua dengan Input Text
3.Scene “Scene3” Dalam scene ”Scene 3 ” ini terdapat beberapa layer, yaitu Tabel 4.4 Susunan layer scene “Scene3” no
Layer
Fungsi
1
Action
Menampung kode yang mengatur jalannya frame
2
Musik
Terdapat musik latar
3
Karakter1
Mengatur animasi karakter bergerak
4
Karakter2
Mengatur animasi karakter yang mengandung teknik motiontween
5
Konfirm_id
Menampung dan menampilkan id_nama dari scene ”kedua”
6
Tombol
Terdapat tombol-tombol menu
7
perintah
Terdapat animasi frame by frame untuk menampilkan perintah pilih menu
8
background
Sebagai latar animasi
69
Gambar 4.3 Tampilan Scene ”Scene3”
4.Scene keempat Tabel 4.5 Susunan layer scene keempat no
Layer
Fungsi
1
Action
Menampung kode yang mengatur jalannya frame
2
Musik
Terdapat musik latar
3
buku
Mengatur animasi karakter buku bergerak
4
Tombol
Terdapat tombol-tombol menu
7
perintah
Terdapat animasi motion twen untuk menampilkan perintah
8
background
Sebagai latar animasi
70
Gambar 4.4 Tampilan Scene keempat 4.4 Pengujian
Metode pengujian yang dialkukan dalam pengujian aplikasi ini adalah metode pengujian Black Box Testing. Black Box Testing adalah metode pengujian pada program aplikasi yang berdasarkan spesifikasi fungsional dari program dan bertujuan untuk menemukan kesalahan fungsional pada program.
4.4.1 Pengujian blackbox testing Tabel 4.6 hasil pengujian balckbox testing Menu yang diuji
Bagian diuji
yang Input
Intro 1
Klik tombol Ke scene sukses masuk kedua
sesuai
Intro 2
Klik tombol Ke scene 3 “centang”
sukses
sesuai
Materi
Klik tombol Ke menu sukses “MATERI” materi
sesuai
Game
Klik tombol Ke menu sukses “GAME” game
sesuai
Output
Hasil
Menu
71
Tabel 4.6 hasil pengujian blackbox testing(lanjutan) Video
Klik tombol Ke “VIDEO” video
menu sukses
sesuai
Profil
Klik tombol Ke “PROFIL” profil
menu sukses
sesuai
Bantuan
Klik tombol Ke menu sukses “BANTUAN” bantuan
sesuai
Update
Klik
menu sukses
sesuai
ke sukses
sesuai
tombol Ke
“UPDATE” Kembali
Klik
update
tombol Kembali
“KEMBALI”
halaman yang dituju
4.4.2 Kesimpulan Hasil Pengujian
Pada halaman intro1, bagian yang diuji adalah tombol masuk yang diinput dari sistem tersebut menghasilkan halaman scene kedua, maka progrma pada aplikasi ini menampilkan output sesuai harapan. Pada halaman intro2, bagian yang diuji adalah tombol centang yang diinput dari sistem tersebut menghasilkan halaman scene3, maka program pada aplikasi ini menampilkan output sesuai harapan. Pada menu materi, bagian yang diuji adalah tombol materi yang diinput dari sistem tersebut menghasilkan halaman materi, maka program pada aplikasi ini menampilkan output sesuai harapan. Pada menu game , bagian yang diuji adalah tombol game yang diinput dari sistem tersebut menghasilkan halaman game, maka program pada aplikasi ini menampilkan output sesuai harapan.
72
Pada menu profil , bagian yang diuji adalah tombol profil yang diinput dari sistem tersebut menghasilkan halaman game, maka program pada aplikasi ini menampilkan output sesuai harapan. Pada menu bantuan , bagian yang diuji adalah tombol bantuan yang diinput dari sistem tersebut menghasilkan halaman bantuan, maka program pada aplikasi ini menampilkan output sesuai harapan
4.5 Distribusi Dalam tahap selanjutnya, yaitu tahap distribusi, aplikasi ini akan dikemas dalam bentuk keping CD.
4.6 Tampilan aplikasi
Aplikasi ini terdiri dari 1 program utama. Cara kerja aplikasi ini adalah ketika menjalankan aplikasi ini akan muncul halaman intro berupa judul aplikasi dan kalimat pembuka, selanjutnya klik tombol masuk dan aplikasi akan menampilkan halaman menu yang terdiri dari tombol pilihan menu 1.Materi 2.Video 3.Game 4.Bantuan 5.Profil 6.Update tampilan aplikasi ini berjalan pada spesifikasi layar 800x600 pixel dengan frame rate 12 fps. a. Halaman Intro Pada halaman ini, pengguna disajikan tampilan pembuka, klik tombol masuk untuk melanjutkan ke hlaman berikutnya.
73
Gambar 4.5 Tampilan Halaman Intro
b. Halaman intro 2a pada halaman ini pengguna akan disajikan animasi “welcome”.
Gambar 4.6 Tampilan Halaman Intro 2
74
c. Halaman intro 2b Pada halaman ini pengguna diminta untuk memasukan nama, selanjutnya klik tombol centang untuk melanjutkan ke halaman berikutnya, yaitu halaman awal
Gambar 4.7 Tampilan Halaman Intro 2b
d. Halaman Awal Pada halaman ini nama yang dimasukan pada input text scene intro 2b akan dipanggil ke dalam menu awal. Dalam halaman ini terdapat pilihan menu yang terletak di samping kiri. Pengguna dapat memilih salah satu menunya dengan cara mengklik tombol sesuai pilihan
Gambar 4.4 Tampilan Halaman Awal
75
e. Menu Materi sub menu kategori Dalam menu materi ini pembahasan dibagi kedalam dua kategori yaitu bangun datar dan bangun ruang.
Gambar 4.8 Tampilan Menu Materi sub menu kategori f. Menu Materi –jenis bidang datar Dalam menu materi ini ditampilkan berbagai pilihan jenis bidang datar yang tersedia
Gambar 4.9 Tampilan Menu Materi jenis bangun datar
76
g. Menu Materi -pembahasan Dalam menu ini ditampilkan pembahasan materi sesuai dengan pilihan pengguna
Gambar 4.10 Tampilan Menu Pembahasan h. Menu Bantuan Menu bantuan menampilkan petunjuk bagaimana menggunakan aplikasi ini.
Gambar 4.11 Tampilan Menu Bantuan
77
i. Menu Profil Menu profil pembuat aplikasi ini
Gambar 4.12 Tampilan Menu Profil
