bab iii pembahasan 3.1 analisa kebutuhan software...31 3.2.1 penulisan storyboard mengenai penulisan...

30

BAB III

PEMBAHASAN

3.1 Analisa Kebutuhan Software

Proses pembuatan animasi interaktif dibuat sesuai dengan kebutuhan.

Identifikasi perlu dilakukan untuk mencari jalan keluar dari permasalahan yang ada

di dalam proses pembelajaran di sekolah dasar. Rancangan animasi interaktif yang

penulis uraikan dalam sub bab ini terdiri dari beberapa bentuk. Dari semuanya itu

merupakan bagian yang diperlukan penulis dalam pembuatan aplikasi animasi

interaktif.

Atas dasar hal ini penulis kemudian mempunyai ide untuk program animasi

yang berisi mengenai pelajaran IPA (Ilmu Pengetahuan Alam) kelas 4 sekolah dasar.

Adanya program ini para siswa akan terlihat secara interaktif dan program ini

dimaksudkan sebagai media penambahan ilmu pengetahuan untuk para siswa sekolah

dasar tersebut maupun sebagai tambahan pengajaran bagi para orangtua maupun para

pengajar.

3.2 Desain

Animasi ini berbasis inkuiri praktikum yang memiliki konsep dasar animasi

sebagai pengenalan sistem pernafasan pada hewan laut dan darat. Animasi ini

ditujukan bagi siswa/siswi sekolah dasar kelas 4. Tujuan dari animasi interaktif ini

supaya siswa dapat memahami pelajaran IPA (Ilmu Pengetahuan Alam). Selain itu,

diharapkan dengan pembelajaran menggunakan media interaktif ini siswa dapat lebih

memahami perbedaan tentang sistem pernafasan pada hewan laut dan darat.

31

3.2.1 Penulisan Storyboard

Mengenai penulisan storyboard, penulis membagi dua macam yaitu:

1. Setting dan Synopsis

Pada settingan awal merupakan judul dari tugas akhir kemudian masuk ke

menu utama ada 4 pilihan didalam menu yaitu mulai belajar, bermain, info aplikasi

dan keluar.

Synopsis animasi ini mempunyai scenario dan alur cerita sebagai berikut.

Animasi ini dibuka dengan tampilan pembuka judul yang didalamnya menampilkan

judul dari tugas akhir. Kemudian masuk ke dalam scene menu dimana terdapat 4

submenu yaitu submenu pertama menampilkan tombol mulai belajar, ketika diklik

didalamnya berisi tulisan “Pilih kategori belajar, lalu akan keluar tampilan yang

berisi hewan amphibi, ikan, cacing tanah, burung dan serangga. Jika diklik salah satu

menu tersebut akan muncul pengertian, sifat dan contoh hewan yang lumayan

lengkap berlaku pada 3 menu tersebut.

Submenu selanjutnya ada pada menu pertama yaitu bermain. Masuk menu

kita diberi 2 pilihan game yaitu Tebak Cepat dan Cari Jalan. Jika diklik tebak cepat,

kita harus menebak pertanyaan yang sudah ada dan akan diberi point perjawaban, 1

jawaban benar pointnya 100. Jika diklik cari jalan kita harus menjawab pertanyaan,

jika jawaban benar maka kumbang akan berjalan terus ke titik yang sudah

disediakan. Tetapi jika tidak bisa menjawab pertanyaan maka kumbang tidak akan

berjalan dan waktu akan habis.

32

2. Desain Aplikasi

Alur pembelajaran dalam animasi interaktif pengenalan bilangan berbasis

inkuiri praktikum adalah:

Gambar III.1

Alur Utama Animasi Sistem Pernafasan Pada Hewan

Rancangan ini dibuat dalam bentuk form yang terpecah dalam beberapa

bagian guna membagi keterangan aplikasi yang akan dikerjakan secara rinci. Rincian

keterangan ini mempermudah dalam proses pembuatan aplikasi secara lengkap.

Desain aplikasi dibuat seperti tampilan dibawah ini

Start

Judul animasi

Menu utama

Belajar About

Bermain Exit

Ikan Amphibi

Tebak

Cepat Susun

Gambar

Cacing Tanah Burung Serangga

33

a. Storyboard Judul Animasi

Berikut adalah desain storyboard dari tampilan judul animasi.

Name Frame: Judul Animasi (Opening)

Level :-

Layar Tampilan

Keterangan Tampilan

1. Menampilkan teks Please Wait...

Animasi

Tidak ada

Sound

Tidak ada

Contents / Teks

Sama dengan tampilan

Gambar III.2

Storyboard Judul Animasi (Opening)

Please Wait...

34

b. Storyboard Menu Utama

Berikut adalah desain storyboard dari tampilan menu utama.

Name Frame : Menu Utama

Level :-

Layar Tampilan

Keterangan Tampilan

1. Belajar menampilkan

penjelasan dan contoh hewan

2. Bermain menampilkan

permainan tebak cepat dan

cari jalan.

3. About menampilkan info

tentang aplikasi.

4. Keluar : Keluar dari program

Animasi

Tulisan Bergerak

Sound

Musik Instrumen

Contents / Teks


Gambar III.3

Storyboard Menu Utama

Animasi

exit

Belajar

Bermain

About

35

c. Storyboard Menu Belajar

Berikut adalah desain storyboard dari tampilan menu belajar.

Name Frame : Menu Belajar

Level :-

Layar Tampilan

Keterangan Tampilan

1. Pilih Kategori Belajar

menampilkan beberapa jenis

hewan dan penjelasannya.

Animasi

Hewan dan Tulisan Bergerak

Sound

Musik Instrumen

Contents / Teks


Gambar III.4

Storyboard Menu Belajar

Amphibi

Ikan

Cacing Tanah

Burung

Serangga

Pilih Kategori Belajar

Kembali

36

d. Storyboard Menu Bermain

Berikut adalah desain storyboard dari tampilan menu bermain.

Name Frame : Menu Bermain

Level :-

Layar Tampilan

Keterangan Tampilan

1. Tebak Cepat menampilkan

soal dengan pilihan ganda

2. Cari Jalan menampilkan soal

dengan pilihan ‘Ya’ atau

‘Tidak’

Animasi

Tidak ada

Sound

Musik Instrumen

Contents / Teks


Gambar III.5

Storyboard Menu Bermain

Tebak Cepat Cari Jalan

Pilih Permainan Yang Kamu Suka

Kembali

37

e. Storyboard Menu Info Aplikasi

Berikut adalah desain storyboard dari tampilan menu info aplikasi.

Name Frame : Menu Info Aplikasi

Level :-

Layar Tampilan

Keterangan Tampilan

Tampilan Menu Info Aplikasi

terdiri dari :

3.2.1 Menu Info Aplikasi

yang menampilkan tujuan

aplikasi tersebut dibuat.

Animasi

Tidak ada

Sound

Musik Instrumen

Contents / Teks


Gambar III.6

Storyboard Menu Info Aplikasi

Tentang Info Aplikasi

38

3.2.2 User Interface

1. Judul Animasi

Halaman loading dari animasi ini berisi teks yaitu please wait, hitungan

mundur diberikan kurang dari 1 menit untuk menuju ke menu utama.

Gambar III. 7

Tampilan Halaman Judul Animasi

2. Menu Utama

Halaman menu utama dari animasi ini berisi teks, judul, tombol belajar, tombol

bermain tombol tentang aplikasi dan tombol keluar.

Gambar III. 8

Tampilan Halaman Menu Utama

39

3. Menu Belajar

Halaman menu belajar ini menampilkan beberapa macam hewan dengan

penjelasannya.

Gambar III. 9

Tampilan Halaman Kategori Hewan

4. Hewan Amphibi

Halaman menu amphibi berisi tentang penjelasan berserta contohnya.

Gambar III. 10

Tampilan Halaman Hewan Amphibi

40

5. Contoh Hewan Amphibi

Berikut user interface dari tampilan menu belajar pada animasi interaktif

tentang alat pernafasan pada Katak.

Gambar III. 11

Tampilan Halaman Contoh Hewan Amphibi

6. Alat Pernafasan Pada Ikan


tentang alat pernafasan pada Ikan.

Gambar III. 12

Tampilan Halaman Alat Pernafasan Pada Ikan

41

7. Proses Pernafasan Pada Ikan


tentang proses pernafasan pada Ikan.

Gambar III. 13

Tampilan Halaman Proses Pernafasan Pada Ikan

8. Alat Pernafasan Pada Cacing Tanah


tentang alat pernafasan pada Cacing Tanah

Gambar III. 14

Tampilan Halaman Alat Pernafasan Pada Cacing Tanah

42



tentang alat pernafasan pada Cacing Tanah

Gambar III. 15




tentang alat pernafasan pada Cacing Tanah.

Gambar III. 16


43

11. Alat Pernafasan Pada Burung


tentang alat pernafasan pada burung.

Gambar III. 17

Tampilan Halaman Alat Pernafasan Pada Burung

12. Alat Pernafasan Pada Burung


Urutan alat pernafasan pada burung.

Gambar III. 18

Tampilan Halaman Urutan Alat Pernafasan Pada Burung

44

13. Alat Pernafasan Pada Serangga


tentang alat pernafasan pada Serangga.

Gambar III. 19

Tampilan Halaman Alat Pernafasan Pada Serangga

14. Menu Bermain

Halaman menu bermain disini berisi menu tebak cepat, cari jalan dan tombol

kembali.

Gambar III. 20

Tampilan Halaman Menu Bermain

45

15. Menu Tentang Aplikasi

Halaman menu info aplikasi dari animasi ini menampilkan tujuan aplikasi

tersebut dibuat dan tombol ke menu utama.

Gambar III. 21

Tampilan Halaman Menu Tentang

16. Menu Keluar

Halaman menu keluar dari animasi ini berisi teks judul dan tombol keluar

berakhirnya aplikasi animasi.

Gambar III. 21

Tampilan Halaman Menu Tentang

Gambar III. 22

Tampilan Halaman Menu Keluar

46

3.3 Implementasi

3.3.1 Code Generation

Sebuah program yang dibuat agar dapat menghasilkan instrksi atau kode

program sesuai dengan kebutuhan pengguna dalam ruang lingkup tertentu.

1. Kode Menu Login

stop();

fscommand("fullscreen", true);

2. Kode Menu Utama

awal = new Sound();

//masukkan suara berlinkage musik dari panel library ke dalam variable musik

awal.attachSound("theme");

//ubah nilai variable Stop menjadi true

awal.start(0,99);

3. Menu Belajar

on(release){

_root.gotoAndStop('belajar');

}

4. Menu Bermain

on(release){

_root.gotoAndStop('bermain');

}

47

5. Menu

on(release){

_root.gotoAndStop('tentang');

}

6. Menu Keluar

on(release){

_root.gotoAndStop('keluar');

}

48

3.3.2 Black Box Testing

Animasi yang dibuat dapat berfungsi dengan benar dan sesuai dengan

kebutuhan user. Penguji black box disini tidak memperlihatkan struktur logika intern

animasi yang dibuat.

Tabel III.1

Tabel Pengujian Black Box

INPUT PROSES OUTPUT VALIDASI

Tombol

belajar

Menampilkan perbedaan

sistem pernafasan hewan

laut dan darat berserta

penjelasannya

Tampilan pilihan

tentang beberapa

macam hewan beserta

penjelasannya

Sesuai

Tombol

bermain

Menampilkan latihan

tentang hewan laut dan

darat

Tampilan tebak cepat

dan cari jalan

Sesuai

Tombol

info aplikasi

Menampilkan info

tentang aplikasi

Tampilan info tentang

aplikasi

Sesuai

Tombol

Keluar

Menampilkan opsi keluar

dari program

Tampilan opsi keluar

dari program

Sesuai

49

KUISIONER MINAT BELAJAR TENTANG HEWAN LAUT DAN DARAT

MENGGUNAKAN MEDIA INTERAKTIF

IDENTITAS RESPONDEN

Nama :

Kelas :

Jenis Kelamin :

Tabel III.2

Kuesioner Aplikasi Pengenalan Hewan Laut dan Darat

NO DAFTAR PERTANYAAN UNTUK PESERTA

DIDIK

YA TIDAK

1 Menurut adik-adik apakah aplikasi animasi ini

mudah digunakan?

2 Apakah gambar dan animasi yang terdapat di

aplikasi ini menarik bagi adik-adik?

3 Apakah dengan adanya aplikasi ini pekajaran teori

itu membosankan?

4 Apakah aplikasi animasi ini dapat membantu adik-

adik dalam perbedaan tentang hewan laut dan

darat?

5 Menurut adik-adik apakah apliksasi animasi ini

menarik dan mudah untuk dipelajari?

6 Apakah setelah mencoba aplikasi animasi ini adik-

adik lebih tertarik menggunakan media ini?

7 Menurut adik-adik apakah soal-soal yang ada di

quiz interaktif sulit untuk dijawab?

8 Apakah aplikasi animasi ini membuat adik-adik

ingin lebih rajin dalam belajar?

9 Apakah pembahasan materi yang ada di aplikasi

ini mudah di mengerti?

10 Apakah suara didalam aplikasi animasi ini

terdenger jelas?

50

Keterangan : Beri tanda (√) pada jawaban yang dipilih

Dari hasil kuesioner yang telah disebar ke perwakilan 10 siswa atau siswi dan

grafik diatas dapat diambil kesimpulan bahwa sebagian besar siswa sekolah dasar

kelas 4 dapat membantu dalam pelajaran IPA (Ilmu Pengetahuan Alam) mengenal

perbedaan sistem pernafasan hewan laut dan darat, dan membuat siswa lebih

bersemangat dalam proses belajar mengajar disekolah untuk bidang pelajaran IPA.

80%

90%

60%

50%

70%

80%

70%

90%

80%

90%

20%

10%

40%

50%

30%

20%

30%

10%

20%

10%

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

YA TIDAK

51

3.3.3 Spesifikasi Sistem Komputer

Dalam sistem komputer harus ada Hardware dan Software untuk spesifikasi

menggunakan program Adobe Flash CS6 supaya animasi berjalan lancar. Berikut

adalah spesifikasi minimum komputer untuk menjalankan program aplikasi Adobe

Flash CS6 dan Adobe Illustrator:

1. Processor : Intel® Coleron ® CPU B820

2. Motherboard : Socket LGA 775

3. Memory (RAM) : 2048 MB

4. VGA Card : 512 MB (NVIDIA/ATI)

5. Harddisk : 80 GB (IDE/SATA)

6. PSU : 450 Watt (220V/4A)

7. Monitor : CRT / LCD / LED

8. Keyboard : QWERTY Port Ps/2 atau USB

9. Mouse : Port Ps/2 atau USB

10. Sound Card : On Board atau PCI

11. Operating System : Windows 7 Home Premium 32-bit

bab iii pembahasan 3.1 analisa kebutuhan software...31 3.2.1 penulisan storyboard mengenai penulisan...

Documents