bab iii pembahasan...evaluasi ini terdapat soal-soal yang berhubunga n dengan sistem tata surya...

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 disampaikan dapat diterima dengan baik dan siswa tidak merasa bosan dan

jenuh ketika proses belajar mengajar berlangsung. Selain itu, guru juga harus

memperhatikan media yang disampaikan. Karena penggunaan media yang tepat

akan menunjang untuk pencapaian tujuan pembelajaran yang efektif dan efisien.

Media pembelajaran ini di tunjukan khususnya untuk siswa sekolah dasar.

Tujuan utama dari penelitian ini adalah untuk menyampaikan informasi tentang

sistem tata surya melalui media animasi audio dan visual, yang diharapkan

mampu menjadi media pembelajaran yang interaktif dan menarik. Media

pembelajaran animasi interaktif yang dirancang dimulai dari tampilan awal, menu

utama yang berisi materi, evaluasi, petunjuk dan profil.

20

21

3.2. Perancangan Perangkat Lunak

3.2.1. Rancangan Storyboard

a. Storyboard Tampilan Menu Utama

VISUAL SKETSA AUDIODalam tampilan menu utamaini terdapat gambar, objek movieclip yang menyimpan beberapa pilihan menu diantaranya:Menu Materi yangdigunakan untuk penjelasan tentang sistem tata surya dan nama-nama planet, Menu evaluasi digunakan untuk tebak gambar dan tebak cepat, Menu profil yang menjelaskandata diri penulis, Petunjuk digunakan instruksi penggunaan

Musik Instrumen

KELUAR

PROFIL

EVALUASI

PETUNJUK

JUDUL

MATERIGAMBAR

22

aplikasi disemua scene dan tombol keluar untukkeluar dari program animasi.

Gambar III.1 Storyboard Menu Utama

b.Tampilan Menu Materi

VISUAL SKETSA AUDIODalam scene menu materi ada beberapa materi, Materi satu menjelaskan tentang tata surya, materi dua menjelaskan tentang benda langitdan materi tiga menjelaskan tentang revolusi danrotasi. Sertaada tombol kembali ke menu utama

Musik Instrumen

Gambar III.2 Storyboard Menu Materi

MATERI 3

MATERI 2

MATERI 1

MATERI

HOME

23

c. Tampilan Menu Penjelasan Materi

VISUAL SKETSA AUDIODalam scene materi ini terdapat penjelasan dari materi beserta gambarnya yang menjelaskan tentang sistem tata surya, matahari, planet dan nama-nama planet. Terdapat tombol kembali ke menu utama.

Musik Instrumen

Gambar III.3 Storyboard Tampilan Menu Penjelasan Materi

JUDUL MATERI

PENJELASANGAMBAR

HOME

24

d. Storyboard Tampilan Menu Evaluasi

VISUAL SKETSA AUDIODalam scene evaluasi ini terdapat soal-soal yang berhubungan dengan sistem tata surya dalambentuk pertanyaan atau pilihan ganda. Jumlah soal40 soal dan tebak gambar nama-nama planet. Setelah memilih jawaban maka halaman akan berpindah otomatis ke soal berikutnya. Jika salah maka akan tetap dihalaman itu sampai jawabnnya yang dipilih

Musik Instrumen

SOAL/PERTANYAHOME

TEBAK

d. PILIHAN JAWABAN

c. PILIHAN JAWABAN

b. PILIHAN JAWABAN

a. PILIHAN JAWABAN

25

benar.

Gambar III.4 Storyboard Tampilan Evaluasi

e. Storyboard Tampilan Petunjuk

VISUAL SKETSA AUDIOPada tampilan petunjuk terdapat instruksi penggunaan aplikasi disemuascene. Serta terdapat pilihan tombol kembali ke menu utama.

Musik Instrumen

Gambar III.5 Storyboard Tampilan Petunjuk

f. Storyboard Tampilan Profil

VISUAL SKETSA AUDIO

PETUNJUKPENGGUNAAN

APLIKASI

HOME

26

Pada tampilan menu profil terdapat informasi mengenai pembuatan aplikasi. Serta terdapat pilihan tombol kembali ke menu utama.

Musik Instrumen

Gambar III.6 Storyboard Tampilan Profil

3.2.2. Rancangan antar muka

Rancangan antar muka (interface) menjelaskan tentang yang terdapat pada

aplikasi sistem tata surya.

1. Tampilan menu utama

Tampilan ini berisi loading untuk masuk ke menu utama. Dalam menu utama

terdapat tombol materi, evalusi, tentang, dan tombol keluar.

Gambar III.7 Tampilan Menu Utama

2. Tampilan Menu Materi

INFORMASITENTANG

PROFIL

HOME

KELUAR

EVALUASI

JUDUL

PROFIL

MATERI

27

Tampilan menu materi ini berisi gambar dan penjelasan materi yang dibahas

serta ada tombol home untuk kembali ke menu utama.

Gambar III.8 Tampilan Menu Materi

3. Tampilan Menu Belajar Tata surya

Pada tampilan menu belajar berisi gambar dan materi pembahasan mengenai sistem tata surya serta tombol kembali ke menu utama.

Gambar III.9 Tampilan Menu Belajar Tata Surya

JUDUL

TOMBOL

BENDA LANGIT

TOMBOL

REVOLUSI dan

TOMBOL

TATASURYA

TOMBOLKEMBALI

JUDUL

PENJELASANGAMBAR

TOMBOLKEMBALI

28

4. Tampilan Menu Belajar Benda Langit

Pada tampilan menu belajar benda langit terdapat gambar benda-benda langit beserta penjelasannya dan tombol kembali ke menu utama.

Gambar III.10 Menu Belajar Benda Langit

5. Tampilan Menu Belajar Revolusi dan Rotasi

Pada tampilan menu revolusi dan rotasi ini terdapat gambar dan penjelasannya serta tombol kembali ke menu utama.

TOMBOL MATERI PENJELASANJUDUL

GAMBAR PENJELASANTOMBOLKEMBALI

TOMBOL KEMBALI

JUDUL

PENJELASANGAMBAR

TOMBOL KEMBALI

29

Gambar III.11 Menu Belajar Revolusi dan Rotasi

6. Tampilan Menu Evaluasi

Pada tampilan pada menu evaluasi berisi tebak cepat dan tebak gambar yang terdiri dari 40 soal dan tombol kembali ke menu utama.

Gambar III.12 Tampilan Menu Evaluasi

7. Tampilan Menu Tebak Gambar

Tampilan tebak gambar berisi soal gambar, kolom pertanyaan, kolom jawaban, waktu, score dan tombol kembali untuk ke menu utama.

JUDUL

TEBAK CEPAT

TEBAK GAMBAR

TOMBOL KEMBALI

JUDUL

WAKTUSCORE

WAKTUSCORE

GAMBAR

GAMBAR

PERTANYAAN

PERTANYAAN

TOMBOLKEMBALI

TOMBOLKEMBALI

PILIHAN JAWABANPILIHAN JAWABAN

30

Gambar III.13 Tampilan Menu Tebak Gambar

8. Tampilan Menu Tebak Cepat

Pada tampilan menu tebak cepat berisi kolom pertanyaan, kolom jawaban, score, dan waktu.

Gambar III.14 Tampilan Menu Tebak Cepat

3.3. Implementasi dan Pengujian Unit

3.3.1. Implementasi

A. Implementasi Rancangan Muka

Implementasi rancangan antar muka pada aplikasi sistem tata surya

berdasarkan hasil rancangan antar muka.

1. Tampilan Menu Utama

Merupakan layar yang menapilkan menu utama yang berisi judul, menu

belajar, menu bermain,tentang dan tombol keluar.

JUDUL

SCORE WAKTU

PERTANYAAN PILIHAN JAWABAN

31

Gamb

ar III.15 Tampilan Menu Utama

2. Tampilan Menu Materi

Merupakan layar yang menapilkan menu belajar, dimana terdapat objek-objek

gambar dan tombol. Menu Belajar berisi tentang materi atau teori pelajaran

yang dipilih. Terdapat empat tombol yaitu tombol tata surya, tombol benda

langit, tombol revolusi & rotasi, dan tombol kembali yang berfungsi untuk

kembali ke menu utama.

Gambar III.16 Tampilan Menu Materi

32

3. Tampilan Menu Belajar Tata Surya

Menu tata surya merupakan layar menu materi susunan tata surya. Pada menu

tata surya terdapat beberapa tombol yaitu tombol tata surya, tombol planet, dan

tombol kembali. Pada gambar planet ketika di klik pada salah satu gambar

planet maka akan tampil penjelasan tentang planet tersebut.

Gamb ar

III.17

Tampilan Menu Belajar Tata Surya

4. Tampilan Menu Belajar Benda Langit

Menu benda langit merupakan layar menu materi tentang benda langit. Pada

menu benda langit terdapat beberapa tombol yaitu tombol materi komet,

asteroid, meteoroid, lubang hitam, galaxy, satelit, dan tombol kembali. Pada

gambar benda langit ketika di klik pada salah satu gambar benda langit maka

akan tampil penjelasan tentang benda langit tersebut.

33

Ga

mbar

III.18

Tampilan Menu Belajar Benda langit

5. Tampilan Menu Belajar Revolusi dan Rotasi

Menu revolusi & rotasi merupakan layar menu materi tentang revolusi &

rotasi. Pada menu revolusi & rotasi menjelaskan tentang teori revolusi bumi

dan rotasi bumi.

Gambar III.19 Tampilan Menu Belajar Rotasi dan Revolusi

6. Tampilan Menu Evaluasi

34

Menu Bermain berisi tentang Evaluasi merupakan bentuk evaluasi soal-soal

yang berkaitan tentang materi pelajaran. Terdapat beberapa soal yang dapat

dijawab oleh pengguna.

Gambar III.20 Tampilan Menu Evaluasi

7. Tampilan Menu Tebak Gambar

Menu Bermain Tebak gambar berisi tentang menebak beberapa gambar dengan

benar dan cepat dan waktu yang diberikan hanya 1 menit dan jika benar maka

akan mendapat poin 100 dan jika salah maka poin akan berkurang 50.

35

Ga mbar

III.21 Tampilan Menu Tebak Gambar

8. Tampilan Menu Tebak Cepat

Menu Bermain Tebak cepat berisi tentang

menebak beberapa

soal dengan

benar dan

cepat dan

waktu yang diberikan hanya 5 menit menyelesaikan 40 soal dan jika benar

maka akan mendapat poin 10 dan jika salah maka poin akan berkurang 5.

Gambar III.22 Tampilan Menu Tebak Cepat.

9.

Support

36

Dalam pembuatan animasi interaktif agar media komputer berjalan dengan

baik dibutuhkan spesifikasi yang sesuai dengan program aplikasi yang

digunakan. Berikut adalah s[esifikasi minimum komputer untuk menjalankan

program aplikasi Adobe Flash CS5, dan Adobe Photoshop CS5.

Spesifikasi Kebutuhan Hardware dan Software

Tabel III.1Tampilan Spesifikasi Kebutuhan Hardware dan SoftwareN

O KEBUTUHAN KETERANGAN1 Processor Intel Dual Core 2.3 Ghz2 Motherboard Socket LGA 7753 Memory (RAM) DDR2 1024 MB4 VGA Card 2 GB (NVIDIA / ATI)5 Harddisk 1 GB (IDE / SATA)6 PSU 450 Watt (220V / 4A)7 Monitor CRT / LCD / LED8 Keyboard QWERTY Port Ps/2 atau USB9 Mouse Port Ps/2 atau USB10 Sound Card On Board atau PCI11 Sistem Operasi Windows XP SP3

37

3.3.2.Pengujian Unit

A. White box

Yang dimaksud metode White Box adalah suatu metode desain test case yang

menggunakan struktur kontrol desain prosedural untuk memperoleh test case.

Dengan menggunakan metode pengujian White Box, perekayasaan sistem dapat

melakukan test case yang dapat :

1. Memberikan jaminan bahwa semua jalur independen pada suatu modul telah

digunakan paling tidak satu kali.

2. Menggunakan semua keputusan logis pada sisi true dan false.

3. Mengeksekusi semua loop (perulangan) pada batasan mereka dan pada batas.

4. Operasional pengguna aplikasi

Pengujian ini digunakan pada Menu Utama, Menu Belajar, dan Menu

Bermain. Pada pengujian Menu Utama secara garis besar algoritmanya sebagai

berikut:

1. Pengguna menjalankan aplikasi animasi interaktif.

2. Aplikasi akan menampilkan tampilan loading sebelum masuk ke Menu Utama.

3. Pengguna dapat memilih menu yang akan dijalankan. Menu Belajar, Menu

Bermain, Menu Tentang, dan Keluar adalah menu-menu yang dapat dipilih

oleh pengguna.

38

Gambar III.22 Grafik Alir Menu Utama

Stop();

stop();

stopAllSounds();

kirupaSound = new Sound(this);

kirupaSound.attachSound("themes");

kirupaSound.start(0, 99);

39

stop();

on(release){

_root.gotoAndStop("mbelajar");

}

on(release){

_root.gotoAndStop("tatasurya");

}

on(release){

_root.gotoAndStop("tatasurya");

}

on(release){

_root.gotoAndStop("revolusi");

}

on(release){

_root.gotoAndStop("menuutama");

}

on(release){

_root.gotoAndStop("mgame");

}

40

on(release){

_root.gotoAndStop("mtg");

}

on(release){

_root.gotoAndStop("mtc");

}

on(release){

_root.gotoAndStop("menuutama");

}

on(release){

_root.gotoAndStop("tentang");

}

on(release){

_root.gotoAndStop("menuutama");

}

on(release){

_root.gotoAndStop("keluar");

}

41

Kompleksitas Siklomatis (pengukuran kuantitatif terhadap

kompleksitaslogis suatu program) dari grafik alir dapat diperoleh dengan

perhitungan:

Dimana:

E = Jumlah edge grafik alir yang ditandakan dengan gambar panah

N = Jumlah simpul grafik alir yang ditandakan dengan gambar lingkaran

Sehingga kompleksitas siklomatisnya

V(G) = 13-10+2=5

Basis set yang dihasilkan dari jalur independen secara linier adalah jalur

sebagai berikut:

1-2-3-5-7-9-10

1-2-3-4-2

1-2-3-5-6-2

1-2-3-5-7-8-2

1-2-3-5-7-9-2

Ketika aplikasi dijalankan, maka terlihat bahwa salah satu basis set yang

dihasilkan adalah 1-2-3-5-7-9-10 dan terlihat bahwa simpul telah dieksekusi satu

kali.

Berdasarkan pengamatan ketentuan tersebut dari segi kelayakan software,

sistem ini telah memenuhi syarat. Jadi dapat dikatakan bahwa hasil pengujian

untuk Menu Utama telah memenuhi syarat.

42

Pada pengujian Menu Belajar, pengujian tidak digunakan pada setiap

pembahasan materi karena prinsip kerjanya sama seperti pembahasan materi

lainnya. Secara garis besar, algoritma menu materi adalah:

1. Pengguna memilih menu materi yang tersedia yaitu tata surya, benda langit,

dan revolusi & rotasi.

2. Pengguna diharapkan mampu memahami materi yang ada.

3. Pengguna dapat menggunakan tombol-tombol yang tersedia untuk memahami

materi.

43

Gambar III.24 Grafik Alir Menu Belajar

on(release){_root.gotoAndStop("tatasurya");

}on(release){

_root.gotoAndStop("tatasurya");}on(release){

_root.gotoAndStop("revolusi");}on(release){

_root.gotoAndStop("menuutama");

44

}

on(release){_root.gotoAndStop("tatasurya");

}on(release){

_root.gotoAndStop("merkurius");}on(release){

_root.gotoAndStop("venus");}on(release){

_root.gotoAndStop("bumi");}on(release){

_root.gotoAndStop("mars");}on(release){

_root.gotoAndStop("jupiter");}on(release){

_root.gotoAndStop("saturnus");}on(release){

_root.gotoAndStop("uranus");}on(release){

_root.gotoAndStop("neptunus");}on(release){

_root.gotoAndStop("tatasurya2");}on(release){

_root.gotoAndStop("planet");}on(release){

_root.gotoAndStop("mbelajar");}

45

on(release){_root.gotoAndStop("bendalangit");

}

on(release){_root.gotoAndStop("asteroid");

}on(release){

_root.gotoAndStop("meteoroid");}on(release){

_root.gotoAndStop("lubang hitam");}on(release){

_root.gotoAndStop("galaxy");}on(release){

_root.gotoAndStop("satelit");}on(release){

_root.gotoAndStop("komet");}on(release){

_root.gotoAndStop("mbelajar");}

on(release){_root.gotoAndStop("revolusi");

}

on(release){_root.gotoAndStop("prevolusi");

}on(release){

_root.gotoAndStop("rotasi");}on(release){

_root.gotoAndStop("rotasi");}

46

on(release){_root.gotoAndStop("mbelajar");

}on(release){

_root.gotoAndStop("menuutama");}

Kompleksitas Siklomatis (pengukuran kuantitatif terhadap

kompleksitaslogis suatu program) dari grafik alir dapat diperoleh dengan

perhitungan:

Dimana:

E = Jumlah edge grafik alir yang ditandakan dengan gambar panah

N = Jumlah simpul grafik alir yang ditandakan dengan gambar lingkaran

Sehingga kompleksitas siklomatisnya

V(G) = 13-10+2=5

Basis set yang dihasilkan dari jalur independen secara linier adalah jalur

sebagai berikut:

1-2-3-5-7-9-10

1-2-3-4-2

1-2-3-5-6-2

1-2-3-5-7-8-2

1-2-3-5-7-9-2

Ketika aplikasi dijalankan, maka terlihat bahwa salah satu basis set yang

dihasilkan adalah 1-2-3-5-7-9-10 dan terlihat bahwa simpul telah dieksekusi satu

kali.

47

Berdasarkan pengamatan ketentuan tersebut dari segi kelayakan software,

sistem ini telah memenuhi syarat. Adapun untuk materi lainnya, alur jalannya

aplikasi sama dengan materi lainnya berbeda pada materi yang disediakan. Jadi

dapat dikatakan bahwa hasil pengujian untuk materi lainnya juga telah memenuhi

syarat.

Pengujian pada menu Bermain tidak digunakan pada setiap sesi evaluasi

karena prinsip kerjanya sama seperti sesi evaluasi sebelumnya. Secara garis besar,

algoritma evaluasi sesi pertama adalah:

1. Pengguna diwajibkan untuk menjawab soal yang diberikan dengan jawaban

yang menurutnya benar.

2. Pengguna diwajibkan memperhatikan waktu yang diberikan saat evaluasi

berjalan.

3. Pengguna dapat mencoba kembali menjawab soal evaluasi, jika tidak pengguna

dapat mengakhiri evaluasi belajar atau finish.

48

Gambar III.25 Grafik Alir Menu Tebak Gambar

49

on(release){

_root.play();

}

on(release){

_root.gotoAndStop("mgame");

}

on(release){

_root.play();

}

on (release) {

suarasalah = new Sound(this);

suarasalah.attachSound("salah");

suarasalah.start();

score -= 20;

txtscore = score;

}

on (release) {

suarabetul = new Sound(this);

suarabetul.attachSound("betul");

i++;

acak = arraylist02[i];

50

gotoAndStop(acak);

suarabetul.start();

score += 100;

txtscore = score;

if (i > arraylist02.length - 1)

{

//acakarr();

//i = 0;

//acak = arraylist02[i];

gotoAndStop("habis");

//trace(arraylist02);

}

}

txttotalscore = score;

if (txttotalscore >= 500)

{

kata = "KAMU BERHASIL";

}

else

{

kata = "KAMU GAGAL";

}

on(release){

_root.gotoAndPlay("ltg");

51

}

on(release){

_root.gotoAndStop("mgame");

}

on(release){

_root.gotoAndStop("mgame");

}

Kompleksitas Siklomatis (pengukuran kuantitatif terhadap

kompleksitaslogis suatu program) dari grafik alir dapat diperoleh dengan

perhitungan:

Dimana:

E = Jumlah edge grafik alir yang ditandakan dengan gambar panah

N = Jumlah simpul grafik alir yang ditandakan dengan gambar lingkaran

Sehingga kompleksitas siklomatisnya

V(G) = 15-12+2=5

Basis set yang dihasilkan dari jalur independen secara linier adalah jalur

sebagai berikut:

1-2-3-4-5-6-7-8-9-10-11-12

1-2-3-4-5-6-7-6

1-2-3-4-5-6-7-8-9-4

1-2-3-4-5-6-7-8-9-10-2

1-2-3-4-5-6-7-8-9-10-11-2

52

Ketika aplikasi dijalankan, maka terlihat bahwa salah satu basis set yang

dihasilkan adalah 1-2-3-4-5-6-7-8-9-10-11-12 dan terlihat bahwa simpul telah

dieksekusi satu kali. Berdasarkan pengamatan ketentuan tersebut dari segi

kelayakan software, sistem ini telah memenuhi syarat. Adapun untuk sesi evaluasi

selanjutnya, alur jalannya permainan sama dengan sesi awal hanya berbeda pada

soal yang disediakan. Jadi dapat dikatakan bahwa hasil pengujian untuk sesi

evaluasi selanjutnya juga telah memenuhi syarat.

B. Penerimaan User Terhadap Animasi

No Pertanyaan untuk responden/user Ya Tidak1 Apakah aplikasi ini mudah dijalankan?

2 Apakah Animasi sistem tata surya mudah

dipelajari?3 Apakah menjalankan fitur yang ada pada

aplikasi animasi dapat dengan mudah

dimengerti?4 Apakah Materi dan Bahasa yang ada di aplikasi

mudah di mengerti?Gambar III.26 Lembar Kuisioner