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