16

BAB III

PEMBAHASAN

3.1. Analisis Kebutuhan

Dalam mempermudah analisis untuk menentukan keseluruhan kebutuhan

secara lengkap dan maksimal. Disini ada Tujuan analisis kebutuhan fungsional

adalah mengidentifikasi data apa saja dan proses apa saja yang dibutuhkan dalam

pembuatan program animasi edukatif ini, diantaranya:

1. Membuat animasi tanaman dan manfaatnya sebagai media pembelajaran

pada anak sekolah dasar.

2. Membuat quiz untuk mengetahui kemampuan anak dalam memahami

materi tentang tanaman obat dan manfaatnya.

A. Analisis Kebutuhan Fungsional

Kebutuhan fungsional berisi proses-proses apa saja yang nantinya dilakukan

oleh Program animasi. Kebutuhan fungsional juga berisi informasi-informasi

apa saja yang harus ada dan dihasilkan oleh sistem tersebut yaitu:

1) Pada aplikasi ini dapat menampilkan 7 (tujuh) tampilan diantaranya terdiri

dari tampilan loading, tampilan menu utama, tampilan menu pilihan

tanaman obat, menu materi tanaman obat, kuis, bantuan dan profil.

2) Pada program tersebut mampu menampilkan materi berupa teks, animasi

gambar, dan audio.

3) Terdapat menu quiz berupa pertanyaan seputar tanaman obat dan

manfaatnya

17

3.2. Perancangan Perangkat Lunak

3.2.1. Rancangan Storyboard

Storyboard yang terdapat dalam program animasi ini diantaranya adalah:

1. Storyboard Tampilan Loading

Tabel III.1.

Storyboard Tampilan Loading

Visual Sketsa Audio

Keterangan:

Di dalam frame

ini terdapat

teks

Musik/Suara: -

Efek: teks yang

berubah warna

dan lingkaran

yang berputar.

2. Storyboard Tampilan Masuk Menu Utama

Tabel III.2.

Storyboard Tampilan Menu Utama

Visual Sketsa Audio

Keterangan:

Di dalam frame

menu ini adalah

menu untuk

masuk ke menu

utama

Musik/Suara:

sound1.swf

Efek: teks

yang berubah

warna.

Masuk menu utama

Teks

mulai

18

3. Storyboard Tampilan Menu Utama

Tabel III.3.

Storyboard Tampilan Menu Utama

Visual Sketsa Audio

Keterangan:

Di dalam frame

menu ini ada 4

menu yang

dapat dipilih

untuk masuk

kedalam sub

menu lainnya

Musik/Suara:

sound1.swf

Efek: teks

yang berubah

warna.

4. Storyboard Tampilan Menu Pilihan Tanaman obat menurut abjad

Tabel III.4.

Storyboard Tampilan Menu Pilihan Tanaman obat menurut abjad

Visual Sketsa Audio

Keterangan:

Di dalam frame

menu pilihan

tanaman obat

ini terdapat 26

buah button

pilihan

tanaman obat

yang dapat

dipilih sesuai

dengan

keinginan dan

satu buah

tombol home

dan tombol

exit.

Musik/Suara:

sound2.swf

Efek: teks yang

berubah warna.

Teks

A

F

B

G

C

H

D

I

E

J

Home

K

P

L

Q

M

R

O

T

N

S

W

Z

V

Y

U

X

Teks

Pengenalan tanaman obat

Jenis & manfaat tanaman

obbat

kuis

bantuan bantuan

profile

Exit

Exit

19

5. Tampilan Menu Utama Tanaman obat

Tabel III.5.

Storyboard Tampilan Menu Utama Tanaman Obat

Keterangan:

Di dalam frame

menu utama

tanaman obat

terdapat 3 buah

menu yang

dapat di pilih

sesuai

keinginan yang

dilengkapi

dengan tombol

exit untuk

keluar dan

tombol

kembali.

Musik/Suara:

sound3.swf

Efek: teks yang

berubah warna

6. Tampilan Menu Game Quiz

Tabel III.6.

Storyboard Tampilan Menu Game Quiz

Visual Sketsa Audio

Keterangan:

Di dalam frame

game quiz ini

terdapat timer,

pertanyaan, 4

(empat) pilihan

jawaban, serta

score.

Musik/Suara:

sound4.swf

Efek:-

Efek: -

Ho

me

Nama obat

Timer

Score

Pertanyaan

1

2

3

4

Nama obat

Nama obat

Nomor

exit

teks

TEKS

bac

k

20

3.2.2. Rancangan Antarmuka

Berikut ini adalah rancangan antarmuka program animasi interaktif

tersebut:

1. Rancangan Tampilan Loading

Tampilan loading merupakan tampilan sebelum masuk ke dalam menu

utama.

Gambar III.1.

Rancangan Tampilan masuk menu utama

2. Rancangan Tampilan Menu Pilihan Tanaman obat

Tampilan menu utama berisi 4 (empat) pilihan menu utama yang terdiri

dari menu pengenalan tanaman obat, menu jenis & manfaat tanaman obat,

menu kuis, menu bantuan.

Gambar III.2.

Gambar III.2.

Rancangan Tampilan Menu Utama Tanaman obat

Background

Teks

Background

teks

Pengenalan tanaman obat

Jenis & manfaat tanaman obat

kuis

bantuan

21

3. Rancangan Tampilan Tanaman Obat Berdasarkan Abjad

Gambar III.3.

Rancangan Tampilan Tanaman Obat Berdasarkan Abjad

4. Rancangan Tampilan Menu Materi Pengenalan Tanaman obat

Tampilan menu materi pengenalan tanaman obat berisi tentang penjelasan

tentang tanaman obat yang dilengkapi dengan tombol back untuk kembali.

Gambar III.4.

Rancangan Tampilan Menu Materi Pengenalan Tanaman obat

Ho

me

Nama obat

Nama obat

Nama obat

exit

teks

TEKS

bac

k

Teks

A

F

B

G

C

H

D

I

E

J

Home

K

P

L

Q

M

R

O

T

N

S

W

Z

V

Y

U

X

Exit

22

5. Rancangan Tampilan Menu Game Quiz

Tampilan game quiz berisi soal-soal yang berkaitan dengan tanaman obat.

Gambar III.5.

Rancangan Tampilan Menu Game Quiz

3.3. Implementasi dan Pengujian Unit

1. Implementasi Tampilan Loading

Gambar III.6.

Implementasi Tampilan Loading

Background Timer

Nomor

Pertanyaan

1

2

3

4

Score

23

2. Implementasi Tampilan Masuk Menu Utama Tanaman obat

Gambar III.7.

Implementasi Tampilan Menu Utama Tanaman obat

3. Implementasi Tampilan Pengenalan Tanaman Obat

Gambar III.8.

Implementasi Tampilan Menu Pengenalan Tanaman Obat

24

4. Implementasi Tampilan Jenis Tanaman obat

Gambar III.9.

Implementasi Tampilan Menu Jenis Tanaman obat

5. Implementasi Tampilan Menu Game Quiz

Gambar III.10.

Implementasi Tampilan Menu Game Quiz

25

6. Implementasi Tampilan Menu Soal Quiz

Gambar III.11.

Implementasi Tampilan Menu Soal Quiz

7. Implementasi Tampilan Menu Bantuan

Gambar III.12.

Implementasi Tampilan Menu Bantuan

26

8. Implementasi Tampilan Menu Profil

Gambar III.13.

Implementasi Tampilan Menu Profil

3.3.2. Pengujian Blackbox Testing

1. Blackbox Tampilan Loading

Tabel III.7.

Blackbox Tampilan Loading

Input/Event Proses Output/Next

Stage Hasil

_root.gotoAndStop(2); Menu Utama Sesuai

2. Blackbox Tampilan Masuk Menu Utama Tanaman obat

Tabel III.8.

Blackbox Tampilan Masuk Menu Utama Tanaman obat

Input/Event Proses Output/Next

Stage Hasil

Menu 1 on (release) {

loadMovieNum("teory1.swf",0);}

Masuk Menu

Utama Sesuai

27

3. Blackbox Tampilan Menu Pilihan Tanaman obat

Tabel III.9.

Blackbox Tampilan Menu Utama Pilihan Tanaman obat

Input/Event Proses Output/Next

Stage Hasil

Menu

pengenalan

tanaman

obat

on (release) {

loadMovieNum("materi1a.swf",0);

}

Materi

penjelasan

tanaman

obat

Sesuai

Menu

bantuan

on (release) {

loadMovieNum("bantuan.swf",0);

}

penjelasan

bantuan Sesuai

Menu jenis

tanaman

obat &

manfaat

on (release) {

loadMovieNum("materi4.swf",0);

}

Materi

penjelasan

tanaman

obat &

manfaat

Sesuai

Menu kuis

on (release) {

loadMovieNum("kuisrandom.swf",0);

}

Materi

penjelasan

kuis

Sesuai

Menu exit

on(release){

fscommand("quit",true);

}

Keluar Sesuai

Tombol

profil

on (release) {

loadMovieNum("profile1.swf",0);

}

Profil Sesuai

4. Blackbox Tampilan Menu Materi Tanaman obat

Tabel III.10.

Blackbox Tampilan Menu Materi Tanaman obat

Input/Event Proses Output/Next

Stage Hasil

Tombol exit

on(release){

fscommand("quit",true);

}

Keluar Sesuai

Tombol

Home

on (release)

{

loadMovieNum("teory1.swf",0);

}

Masuk Menu

Utama Sesuai

28

5. Blackbox Tampilan Menu Game Quiz

Tabel III.11.

Blackbox Tampilan Menu Game Quiz

Input/Event Proses Output/Next

Stage Hasil

Jawaban

function soalNext() {

//check the end of the quest ?

if (z<acakArray.length) {

//NO display the next

quest

tekssoal.text =

banksoal["soal"+acakArray[z]];

//for (qq=0; qq<4;

qq++) {

jwb1.text=

banksoal["jwbA"+acakArray[z]];

jwb2.text=

banksoal["jwbB"+acakArray[z]];

jwb3.text=

banksoal["jwbC"+acakArray[z]];

jwb4.text=

banksoal["jwbD"+acakArray[z]];

//

//_root.["jwb"+i].text =

banksoal["jwb"+acakArray[z]];

//}

//unselect the radio

buttons

satu.selected = false;

dua.selected = false;

tiga.selected = false;

empat.selected =

false;

//increment z

z++;

//display which Quest

is in the user

nomor = z;

jumlah = banksoal.jlhSoal;

} else {

//Yes Do this :)

satu.selected = false;

dua.selected = false;

Score

Bertambah

Jika Benar,

Jika Salah

Tidak

Bertambah

Sesuai

29

tiga.selected = false;

empat.selected =

false;

satu.enabled = false;

dua.enabled = false;

tiga.enabled = false;

empat.enabled =

false;

next_btn.enabled =

false;

tekssoal.text = "";

//nextFrame();

gotoAndPlay(21);

}

}

3.3.3. Spesifikasi Sistem Komputer

1. Spesifikasi Perangkat Keras (Hardware)

Berikut ini adalah perangkat keras (hardware) minimum yang dapat

dipakai dalam program tersebut diantaranya sebagai berikut:

a. Processor : Atom

b. Memory : 1 GB

c. Hard disk : 500 GB

d. Keyboard : Standard

e. Mouse : Standard

f. Monitor : 10,1 inch

2. Spesifikasi Perangkat Lunak (Software)

Berikut ini adalah perangkat lunak (software) yang dipakai dalam

program tersebut diantaranya sebagai berikut:

a. Sistem operasi : Windows 7 Ultimate

b. Aplikasi software : Adobe Flash cs 6 dan Adobe Photoshop

CS6

30

3.3.4. Penerimaan Pengguna Terhadap Program Animasi

Penulis menggunakan metode kuesioner langsung terhadap 10 (sepuluh)

orang pengguna dan terdiri dari sepuluh pertanyaan yang akan diajukan

untuk mengetahui respon pengguna terhadap program animasi interaktif

ini. Berikut adalah rincian kuesioner tersebut:

Tabel III.12.

Kuesioner Penerimaan Pengguna Terhadap Program

No. Pertanyaan Ya Tidak

1. Apakah tampilan program animasi mengenal

macam-macam tanaman obat tersebut menarik?

2. Apakah menu-menu yang terdapat dalam program

sudah memenuhi kebutuhan pengguna?

3. Apakah dengan program animasi tersebut

pengguna lebih mengenal tanaman obat?

4. Apakah pengguna dapat memahami materi yang

disampaikan didalam program tersebut?

5. Apakah petunjuk-petunjuk dalam program

tersebut mudah dipahami?

6. Apakah gambar-gambar animasi yang terdapat

dalam program menarik?

7. Apakah program animasi tersebut mudah untuk

dioperasikan?

8. Apakah soal-soal quiz yang ditampilkan mudah

dipahami?

9. Apakah macam-macam tanaman obat yang

ditampilkan sudah lengkap?

10. Apakah program animasi tersebut sudah

memenuhi kebutuhan pengguna?