bab iii pembahasan 3.1 analisis kebutuhan · menciptakan dan mengelola suasana kelas menjadi...
TRANSCRIPT
51
BAB III
PEMBAHASAN
3.1 Analisis Kebutuhan
Dalam proses belajar mengajar , guru memiliki peran penting dalam
menciptakan dan mengelola suasana kelas menjadi menyenangkan agar materi yang
di sampaikan dapat di terima dengan baik dan siswa tidak merasa bosan dan jenuh
ketika proses belajar mengajar berlangsung. Selain itu, guru juga harus
memperhatikan media yang sesuai dan tetap untuk setiap materi yang di sampaikan.
Karena penggunaan media yang tepat akan menunjang untuk pencapaian tujuan
pembelajaran yang efektif dan efisien.
Media pembelajaran ini di tujukan khususnya untuk siswa sekolah dasar.
Tujuan utama dari penelitian ini adalah untuk menyampaikan informasi tentang
sistem pernafasan mahluk hidup melalui media animasi audio dan visual, yang
diharapkan mampu menjadi media pembelajaran yang interaktif dan menarik. Media
pembelajaran animasi interaktif yang dirancang di mulai dari tampilan awal, menu
utama yang berisi materi, evaluasi, petunjuk dan profil.
3.2 Perancangan Perangkat Lunak
Perancangan animasi interaktif ini melingkupi perancangan storyboard dan
perancangan antarmuka.
52
3.2.1 Rancangan Storyboard
a. Storyboard Tampilan Menu Utama
VISUAL SKETSA AUDIO
Dalam tampilan
menu utama ini
terdapat gambar,
objek movie clip
yang menyimpan
beberapa pilihan
menu dan Tombol
keluar.
Sleep
away.mp3
Gambar III.1 Storyboard Menu Utama
JUDUL
KELUAR
GAMBAR MATERI
EVALUASI
PETUNJUK
PROFIL
53
b. Storyboard Tampilan Pemilihan Materi
VISUAL SKETSA
AUDIO
Dalam scene
pemilihan materi
ini ada pilihan
kategori materi
yang bisa di
pelajari. Serta
terdapat pilihan
kembali ke menu
utama.
Sleep
away.mp3
Gambar III.2 Storyboard Pemilihan Materi
HOME
MATERI2
MATERI3
MATERI5
MATERI4
MATERI1
MATERI
54
c. Storyboard Tampilan Materi
VISUAL SKETSA AUDIO
Dalam scene
materi ini terdapat
materi tentang
sistem pernafasan
yang di pilih serta
gambar dan
penjelasan nya.
Terdapat tombol
kembali ke menu
utama.
Sleep
away.mp3
Gambar III.3 Storyboard Materi
HOME
GAMBAR
MATERI
PENJELASAN
MATERI
55
d. Storyboard Tampilan Evaluasi
VISUAL
SKETSA
AUDIO
Dalam scene
evaluasi ini
terdapat soal-soal
yang berhubungan
dengan sistem
pernafasan dalam
bentuk pertanyaan
/pilihan ganda.
Jumlah soal
adalah 10 soal.
Setelah memilih
jawaban maka
halaman akan
berpindah
otomatis ke soal
berikutnya.
Sleep
away.mp3
HOME
a.PILIHAN JAWABAN
SOAL /PERTANYAAN
b.PILIHAN JAWABAN
c.PILIHAN JAWABAN
d.PILIHAN JAWABAN
56
Gambar III.4 Storyboard Evaluasi
e. Storyboard Tampilan Petunjuk
VISUAL SKETSA
AUDIO
Pada tampilan
petunjuk terdapat
petunjuk/intruksi
penggunaan
aplikasi di semua
scene. Serta
terdapat pilihan
tombol kembali ke
menu utama.
Sleep
away.mp3
Gambar III.5 Storyboard Petunjuk
HOME
Tabel
III.1
Hasil
Penguji
an
Black
Box
Testing
terhada
p Form
Tampil
an
Awal
Tabel
III.1
Hasil
Penguji
an
PETUNJUK
PENGGUNAAN
APLIKASI
57
f. Storyboard Tampilan Profil
VISUAL SKETSA AUDIO
Pada tampilan
tentang terdapat
informasi
mengenai
pembuat aplikasi.
Serta terdapat
pilihan tombol
kembali ke menu
utama.
Sleep
away.mp3
Gambar III.6 Storyboard Profil
HOME
INFORMASI TENTANG
PROFIL
58
3.2.2 Rancangan Antar Muka
Menjelaskan rancangan antar muka (interface) yang terdapat pada aplikasi
sistem pernapasan mahluk hidup.
1. Tampilan Judul
Tampilan ini berisi tentang judul program animasi yang sedang di mainkan.
Terdapat tombol masuk untuk menuju ke menu utama, dan tombol on off untuk
mengatur musik latar belakang.
Gambar III.7
Tampilan Judul
TEKS JUDUL
GAMBAR
on off
TOMBOL
59
2. Tampilan Menu Utama
Tampilan menu utama ini berisi 4 tombol menu dan tombol keluar
.
Gambar III.8
Tampilan Menu Utama
TEKS JUDUL
GAMBAR
Menu 1
Menu 2
Menu 3
Menu 4
Keluar
60
3. Tampilan menu materi
Tampilan menu materi ini berisi gambar dan penjelasan materi yang di bahas
serta ada tombol home untuk kembali ke menu utama.
Gambar III.9
Tampilan Materi
menu pilihan
Tombol home
Gambar
Penjelasan materi
61
4. Tampilan Petunjuk
Pada menu petunjuk terdapat penjelasan mengenai tombol-tombol yang
terdapat di menu utama.
Gambar III.10
Tampilan Petunjuk
menu pilihan Tombol home
Penjelasan tentang petunjuk
62
5. Tampilan awal evaluasi
Pada saat menekan tombol evaluasi di menu utama kita akan di alihkan menuju
ke menu awal evaluasi yang berisi tombol mulai untuk memulai evaluasi dan
tombol home untuk kembali ke menu utama.
Gambar III.11
Tampilan Awal Evaluasi
Teks
Tombol
Tombol
Tombol home
63
6. Tampilan Soal Evaluasi
Pada soal evaluasi akan ada 10 pertanyaan yang berkaitan dengan sistem
pernapasan. Pada saat jawaban di pilih akan langsung menuju ke soal
berikutnya.
Gambar III.12
Tampilan Soal Evaluasi
Pertanyaan
Pilihan jawaban
64
7. Tampilan Menu Profil
Menu profil berisi tentang profil singkat pembuat program serta ada tombol
home untuk kembali ke menu utama.
Gambar III.13
Tampilan Menu Profil
3.3 Implementasi dan Pengujian Unit
3.3.1 Implementasi
A. Implementasi Rancangan Antarmuka
Implementasi rancangan antar muka pada aplikasi sistem pernafasan pada
mahluk hidup berdasarkan hasil rancangan antar muka.
Tombol home
Menu pilihan
Profil
65
1. Tampilan Judul
Tampilan ini berisi tentang judul program animasi yang sedang di mainkan.
Terdapat tombol masuk untuk menuju ke menu utama, dan tombol on off untuk
mengatur musik latar belakang.
Gambar III.14
Tampilan Judul
66
2. Tampilan Menu Utama
Tampilan menu utama ini berisi 4 tombol menu dan tombol keluar
Gambar III.15
Tampilan Menu utama
67
3. Tampilan menu materi
Tampilan menu materi ini berisi gambar dan penjelasan materi yang di bahas
serta ada tombol home untuk kembali ke menu utama.
Gambar III.9
Tampilan Materi
68
4. Tampilan Petunjuk
Pada menu petunjuk terdapat penjelasan mengenai tombol-tombol yang
terdapat di menu utama.
Gambar III.10
Tampilan Petunjuk
69
5. Tampilan awal evaluasi
Pada saat menekan tombol evaluasi di menu utama kita akan di alihkan menuju
ke menu awal evaluasi yang berisi tombol mulai untuk memulai evaluasi dan
tombol home untuk kembali ke menu utama.
Gambar III.11
Tampilan Awal Evaluasi
70
6. Tampilan Soal Evaluasi
Pada soal evaluasi akan ada 10 pertanyaan yang berkaitan dengan sistem
pernapasan. Pada saat jawaban di pilih akan langsung menuju ke soal
berikutnya.
Gambar III.12
Tampilan Soal Evaluasi
71
7. Tampilan Menu Profil
Menu profil berisi tentang profil singkat pembuat program serta ada tombol
home untuk kembali ke menu utama.
Gambar III.13
Tampilan Menu Profil
72
8. Spesifikasi Perangkat Lunak
Dalam pembuatan animasi interaktif berbasis komputer, diperlukan spesifikasi
yang memadai untuk menunjang keberhasilan dalam pembuatan animasi interaktif
tersebut. Dibutuhkan perangkat keras (hardware) dan perangkat lunak (software)
yang kompatibel, agar ketika proses perancangan animasi tersebut tidak memiliki
hambatan berarti.
1. Perangkat Keras (Hardware)
Spesifikasi perangkat keras (hardware) yang digunakan penulis untuk pembuatan
aplikasi ini diantaranya :
a. Processor Intel(R) Atom(T M) CPU N450 @1,66GHz (2CPUs), ~1,7GHz
b. Memory 1024MB RAM
c. Monitor LCD dengan resolusi1152 x 864
2. Perangkat Lunak (Software)
Selain perangkat keras (hardware) , perangkat lunak (software) juga dibutuhkan
sebagai media perancangan animasi interaktif diantaranya :
a. Windows 7 Starter 32bit
b. Adobe Flash Profesional CS5
3.3.2 Pengujian Unit
A. Blackbox Testing
Metode uji coba yang digunakan adalah black box testing yang memfokuskan
pada keperluan fungsional dari animasi. Oleh karena itu, uji coba black box
73
memungkinkan pengembang software untuk membuat himpunan kondisi input yang
akan melatih seluruh syarat-syarat fungsional suatu program.
1. Pengujian Terhadap Form Tampilan Awal
Tabel III.1
Hasil Pengujian Black Box Testing terhadap Form Tampilan Awal
Input/Event
Proses
Output/
Next
Stage
Hasil
Pengujian
Tombol
“masuk”
masuk.addEventListener(MouseEvent.CLICK,
masuk_ClickToGoToAndPlayFromFrame);
function masuk_ClickToGoToAndPlayFromFrame
(event:MouseEvent):void
{gotoAndPlay(5);}
Tampil
Menu
Utama
Sesuai
74
2. Pengujian Terhadap Form Menu Utama
Tabel III.2
Hasil Pengujian Black Box Testing terhadap Form Menu Utama
Input/Ev
ent
Proses
Output/
Next
Stage
Hasil
Pengujian
Tombol
“Materi”
materi.addEventListener(MouseEvent.CLICK,
materi_ClickToGoToAndPlayFromFrame);
function materi_ClickToGoToAndPlayFromFrame
(event:MouseEvent):void
{gotoAndPlay(10);}
Tampil
Materi
Sesuai
Tombol
“Evaluas
i”
evaluasi.addEventListener(MouseEvent.CLICK,
evaluasi_ClickToGoToAndPlayFromFrame);
function evaluasi_ClickToGoToAndPlayFromFrame
(event:MouseEvent):void
{gotoAndPlay(40);}
Tombol
Evaluas
i
Sesuai
Tombol
“Petunju
k”
petunjuk.addEventListener(MouseEvent.CLICK,
petunjuk_ClickToGoToAndPlayFromFrame);
function petunjuk_ClickToGoToAndPlayFromFrame
(event:MouseEvent):void
Tampil
Petunju
k
Sesuai
75
{gotoAndPlay(45);}
Tombol
“Profil”
profil.addEventListener(MouseEvent.CLICK,
profil_ClickToGoToAndPlayFromFrame);
function profil_ClickToGoToAndPlayFromFrame
(event:MouseEvent):void
{gotoAndPlay(50);}
Tampil
Profil
Sesuai
Tombol
“Keluar”
function clickHandler(event:MouseEvent):void {
fscommand("quit");}
keluar.addEventListener(MouseEvent.MOUSE_DOWN,
clickHandler);
Keluar
dari
progra
m
Sesuai
76
3. Pengujian Terhadap Form Materi
Tabel III.2
Hasil Pengujian Black Box Testing terhadap Form Menu Utama
Input/Event
Proses
Output/
Next
Stage
Hasil
Pengujia
n
Tombol
“manusia”
manusia.addEventListener(MouseEvent.CLICK,
manusia_ClickToGoToAndPlayFromFrame);
function manusia_ClickToGoToAndPlayFromFrame
(event:MouseEvent):void
{gotoAndPlay(15);}
Tampil
Materi
Sesuai
Tombol
“hewan”
hewan.addEventListener(MouseEvent.CLICK,
hewan_ClickToGoToAndPlayFromFrame);
function hewan_ClickToGoToAndPlayFromFrame
(event:MouseEvent):void
{gotoAndPlay(20);}
Tombol
Evaluasi
Sesuai
Tombol
“tumbuhan”
tumbuhan.addEventListener(MouseEvent.CLICK,
tumbuhan _ClickToGoToAndPlayFromFrame);
function tumbuhan_ClickToGoToAndPlayFromFrame
(event:MouseEvent):void
Tampil
Petunjuk
Sesuai
77
{gotoAndPlay(25);}
Tombol
“gangguan”
gangguan.addEventListener(MouseEvent.CLICK,
gangguan_ClickToGoToAndPlayFromFrame);
function gangguan_ClickToGoToAndPlayFromFrame
(event:MouseEvent):void
{gotoAndPlay(30);}
Tampil
Profil
Sesuai
Tombol
“tips”
tips.addEventListener(MouseEvent.CLICK,
tips_ClickToGoToAndPlayFromFrame);
function tips_ClickToGoToAndPlayFromFrame
(event:MouseEvent):void
{gotoAndPlay(35);}
Keluar
dari
program
Sesuai
78
4. Pengujian Terhadap Form Evaluasi
Tabel III.4
Hasil Pengujian Black Box Testing terhadap Form Evaluasi
Input/Event
Proses
Output/
Next
Stage
Hasil
Pengujian
Tombol
“mulai”
mulai.addEventListener(MouseEvent.CLICK,
mulai_ClickToGoToAndPlayFromFrame);
function mulai_ClickToGoToAndPlayFromFrame
(event:MouseEvent):void
{gotoAndPlay(95);}
Tampil
Menu
Utama
Sesuai
79
B. Penerimaan User Terhadap Animasi
Tabel III.5
Form Koesioner
No.Soal Pertanyaan untuk responden/user Ya Tidak
1 Apakah user mudah dalam menjalankan program
aplikasi ini ?
2 Apakah User memahami tentang sistem
pernapasan setelah menjalankan aplikasi ini ?
3 Apakah suara di dalam permainan ini terdengar
jelas ?
4 Apakah gambar yang terdapat dalam aplikasi ini
menarik dan dapat dipahami ?
5 Apakah komposisi warna terlihat jelas dan
menarik ?
80
0
10
20
30
40
50
60
70
80
1 2 3 4 5
Ya
Tidak
Gambar III.14
Grafik Form Koesioner