BAB IV PENGUMPULAN BAHAN DAN PEMBUATAN

BAB IV PENGUMPULAN BAHAN DAN PEMBUATAN

4.1 Pengumpulan Bahan

Dalam membangun aplikasi pembelajaran dasar bahasa Jepang ini, penulis membutuhkan beberapa bahan yang akan dijadikan sebagai materi atau faktor pendukung lainnya. Pengumpulan bahan tersebut dilakukan dalam 2 cara yaitu membuat sendiri bahan yang diperlukan dan mengambil atau mengunduh dari website. Penjelasan mengenai pengumpulan bahan tersebut akan dijelaskan pada tabel dibawah ini :

Tabel 4.1 Pengumpulan bahan yang dibuat sendiri No Nama file 1 Gambar huruf – huruf Hiragana

2

3

Tipe

Ukuran file

Durasi

JPG

250 x 250 pixels

-

JPG

250 x 250 pixels

-

JPG

250 x 50 pixels

-

Gambar huruf – huruf Katakana

Gambar tulisan kosakata kata benda. (hiragana, roomaji dan arti).

86

Keterangan Huruf – huruf ini dibuat dengan perangkat lunak Adobe Photoshop CS3 berdasarkan buku yang menjadi landasan materi. Huruf – huruf ini dibuat dengan perangkat lunak Adobe Photoshop CS3 berdasarkan buku yang menjadi landasan materi. Kosakata ini dibuat dengan perangkat lunak Adobe Photoshop CS3 berdasarkan buku yang menjadi landasan materi.

Tabel 4.1 Pengumpulan bahan yang dibuat sendiri (Lanjutan) No Nama file Tipe Ukuran file Durasi 4 Gambar tulisan kosakata kata sifat (perasaan). 250 x 50 (hiragana, JPG pixels roomaji dan arti).

5

6

7

8

Gambar tulisan angka 0 – 100. (hiragana, roomaji dan arti)

JPG

250 x 50 pixels

-

JPG

250 x 250 pixels

-

JPG

250 x 50 pixels

-

Gambar angka 0 – 100 dalam menu angka

Gambar tulisan nama hari, senin – minggu nama Hari. (hiragana, roomaji dan arti) Suara huruf – huruf Hiragana dan Katakana a) a,i,u,e dan o b) ke,ko,ku,sa,se, so,su,te,ne,ni, ha,hi,hu,mo, mu,ya,ra,ru,gi, gu,za,zi,da,bi, pu,

a) 22.4 kb b) 31.1 kb

a) 1 detik b) 2 detik

WAV

c) 35.5 kb c) 2 detik c) ka.ki.si,ta,ti,to, tu,na,no,nu,he,

87

Keterangan Kosakata ini dibuat dengan perangkat lunak Adobe Photoshop CS3 berdasarkan buku yang menjadi landasan materi. Tulisan angka ini dibuat dengan perangkat lunak Adobe Photoshop CS3 berdasarkan buku yang menjadi landasan materi. Gambar ini dibuat dengan perangkat lunak Adobe Photoshop CS3 berdasarkan buku yang menjadi landasan materi. Tulisan nama hari ini dibuat dengan perangkat lunak Adobe Photoshop CS3 berdasarkan buku yang menjadi landasan materi.

Suara ini dibuat oleh suara penulis sendiri dengan menggunakan Sound Recorder.

Tabel 4.1 Pengumpulan bahan yang dibuat sendiri (Lanjutan) No Nama file Tipe Ukuran file Durasi ho,ma,mi,me,y u,yo,ri,re,ro, wa,wo,ga,ge,g o,ze,zo,zu,di, de,do,du,ba,bu ,be,bo,pa,pi,pe ,po,kya,kyu, kyo,sha,shu, sho,cha,chu, cho,nya,nyu, nyo,hya,hyu, hyo,mya,myu,

Keterangan

myo,rya,ryu,ry o,gya,gyu,gyo, ja,ju,jo,bya, byu,byo,pya, pyu dan pyo 9

Suara kosakata kata benda a) Rumah b) Televisi, buku,jam, sepede,meja dan kursi.

Suara kosakata kata sifat (perasaan) a) Senang b) Sedih c) Marah d) Malu

a) 2 detik

b) 39.9 kb

b) 2 detik

c) 44.3 kb

c) 3 detik

WAV

c) Mobil dan pensil. 10

a) 35.5 kb

WAV

a) b) c) d)

39.9 kb 48.7 kb 44.3 kb 35.5 kb

88

a) 2 detik b) 3 detik c) 3 detik d) 2 detik



Tabel 4.1 Pengumpulan bahan yang dibuat sendiri (Lanjutan) No Nama file Tipe Ukuran file Durasi 11 Suara “angka” 0 – 100 angka a) 0 dan 1 a) 35.5 kb a) 2 detik b) 2,3,5 dan 6 b) 39.9 kb b) 2 detik c) 4 c) 75 kb c) 5 detik d) 7 d) 79.4 kb d) 6 detik e) 8,11,12,13,1 e) 48.7 kb e) 3 dan 4 4,21,22,25,3 detik 1,35,42,50,5 5,60,64,79,9 0,95 dan 98 f) 9,10,15,20, f) 44.3 kb f) 3 detik 30,40 dan g) 53 kb g) 3 dan 4 100 detik g) 16,17,19,23, 29,32,33,37, WAV 39,41,43,51, 52,54,61,63, 65,67,70,72, h) 57.4 kb 73,80,85,88, h) 3 dan 4 91,92,94,97 detik dan 99 h) 18,24,26,27, 28,34,36,38, 44,45,46,47, 48,49,53,56, 57,58,59,62, 66,68,69,71, i) 61.8 kb 74,75,77,78, i) 4 detik 81,82,83,84, 86,87,89,93 dan 96 i) 76 12 Suara nama hari WAV a) Senin a) 53 kb a) 3 detik b) Selasa b) 35.5 kb b) 2 detik c) Rabu dan c) 44.3 kb c) 3 detik, 2 detik kamis d) 3 detik d) Jumat d) 48.7 kb e) 2 detik e) Sabtu dan e) 39.9 kb minggu

89

Keterangan


Tabel 4.1 ini menjelaskan tentang pengumpulan bahan yang dibuat sendiri oleh penulis menggunakkan perangkat lunak (software) yang mendukung pembuatan bahan tersebut yaitu Adobe Photoshop CS3 yang disimpan dengan format JPEG, kemudian pada pembuatan suara menggunakan Sound Recorder yang diisi dengan suara penulis sendiri dan disimpan dengan format WMA, kemudian di convert ke dalam format WAV. Tabel 4.2 Pengumpulan bahan yang diunduh dari website No Nama file 1 Gambar ekspersi dalam menu kata sifat yang terdiri dari : a) Senang b) Sedih

Tipe

JPG

Ukuran file Gambar berformat pixels a) 450 x 470 b) 300 x 250

Durasi

-

c) 450 x 470

c) http://www.clipartof.com/ details/clipart/22173.html d) http://zonablogrizal. blogspot.com/2010_07_11 _archive.html

c) Marah d) 320 x 327 d) Malu

2

Gambar benda dalam menu kata benda yang terdiri dari : a) Mobil

a) 255 x 198

Gambar tersebut diunduh melalui alamat website dibawah ini : a) http://webgambar. blogspot.com/2010/08/ga mbar-kartun mobil.html

b) 482 x 504

b) http://faridkrun. blogspot.com/2008/06/

b) Rumah c) Kursi

Keterangan Gambar tersebut diunduh melalui alamat website dibawah ini : a) http://www.clipartof.com/ details/clipart/22135.html b) http://pfffftya.blogspot. com/

JPG

c) 354 x 565

d) 420 x 381 d) Meja e) 481 x 306 e) Sepeda

-

c) http://gs4woodcraft. blogspot.com/2008_10_01 _archive.html d) http://www.parentsguide. co.id/smf/index.php?topic = 1260.15 e) http://mildiferinc.indonet work.web.id/ 234479/ sepeda-tua-onta-oldbikecycle-cyclingold.html

90

Tabel 4.2 Pengumpulan bahan yang diunduh dari website (Lanjutan) No

Nama file

Tipe

Ukuran file

f) Jam

f) 504 x 360

g) Buku

g) 449 x 364

Durasi

f) http:// lulu-luphallah. blogspot.com/ -

h) Televisi

3

4

5

Gambar “binatang” kartun objek latihan pada semua halaman pembelajaran kecuali pada halaman nama hari dan ujian Gambar “karakter” kartun pada halaman latihan yang pertama kecuali pada halaman latihan (tebak suara). Gambar “karakter” kepala kartun pada halaman ujian.

h) 300 x 290

PNG

PNG

PNG

6

7

Gambar “telepon” pada semua halaman pembelajaran kecuali pada halaman ujian Gambar “lampu” pada semua halaman pembelajaran kecuali pada halaman ujian

PNG

PNG

200 x 200 pixels

250 x 250 pixels

200 x 200 pixels

250 x 250 pixels

250 x 250 pixels

91

Keterangan

-

g) http:// bellaamalia. blogspot.com/ h) http://www.childrenofafric a.com/ ?do=eventIdeas Gambar tersebut diunduh melalui alamat website dibawah ini : a) http://ecyrinos.blog. friendster.com/2008/08/cr ayon-shincan/

-

Gambar tersebut diunduh melalui alamat website dibawah ini : a) http://tiarblogg. blogspot.com/2010/12/arti kel.html

-

Gambar tersebut diunduh melalui alamat website dibawah ini : a) http://ecyrinos.blog. friendster.com/2008/08/cr ayon-shincan/

-

Gambar tersebut diunduh melalui alamat website dibawah ini : a) http://www.psdgraphics .com/icons/psd-oldtelephone-icon/

-

Gambar tersebut diunduh melalui alamat website dibawah ini : a) http://www.psdgraphics .com/icons/old-tablelamp-icon-psd/

Tabel 4.2 Pengumpulan bahan yang diunduh dari website (Lanjutan) No Nama file 8 Gambar tombol “mainkan suara” pada halaman latihan (tebak suara) dan tombol “selanjutnya” pada halaman latihan (tebak suara) dan halaman ujian.

9

10

Suara “Kicau _Burung_Anis_Me rah” pada halaman pertama aplikasi dan halaman ujian.

Tipe

Ukuran file

Durasi

PNG

250 x 250 pixels

-

b) http://www.psdgraphics .com/icons/psd-downloadand-upload-icons/

MP3

12

13

1.63 mb

Musik “doraemon” pada halaman menu utama. MP3

11

Musik “audio cai” pada semua halaman pembelajaran kecuali halaman latihan dan ujian. Musik “town” pada semua halaman latihan (tebak gambar) kecuali halaman latihan (tebak suara). Musik “menang” pada halaman latihan (tebak gambar) disaat skor diatas minimal dan “kalah” disaat skor dibawah minimal.

Keterangan Gambar tersebut diunduh melalui alamat website dibawah ini : a) http://www.psdgraphics .com/icons/musik-noteicon-psd/

MP3

MP3

MP3

5.56 mb

3.59 mb

1.25 mb

1.48 mb dan 1.01 mb

92

4.05 menit

3.02 menit

1.57 menit

1.51 menit

49 detik dan 6 detik

Suara atau musik tersebut diunduh melalui alamat website dibawah ini : a) http://prexshare.blogspot .com/2009/01/gratisdownload-macam-macamsuara.html Musik tersebut diunduh melalui alamat website dibawah ini : a) http://www35.indowebster .com/e13949bea404f699fe 12016752b2980e.mp3 Musik tersebut diunduh melalui alamat website tetapi dalam hal ini penulis mendapat file tersebut dengan cara mengcopy file. Musik tersebut diunduh melalui alamat website tetapi dalam hal ini penulis mendapat file tersebut dengan cara mengcopy file. Musik tersebut diunduh melalui alamat website tetapi dalam hal ini penulis mendapat file tersebut dengan cara mengcopy file.

Tabel 4.2 Pengumpulan bahan yang diunduh dari website (Lanjutan) No Nama file 14 Musik “yes” pada halaman latihan (tebak gambar) jika jawaban benar dan “no” jika jawaban salah. 15 Suara “Bubbles_ Pops Soundsnap_6” pada setiap tombol yang ada dalam permbelajaran tersebut. 16 Video “pengenalan diri” dan “Sapaan”

Tipe

Ukuran file

MP3

12.4 kb dan 58.9 kb

MP3

2.44 kb

0 detik dan 0 detik

0 detik

Keterangan Musik tersebut diunduh melalui alamat website tetapi dalam hal ini penulis mendapat file tersebut dengan cara mengcopy file. Musik tersebut diunduh melalui alamat website tetapi dalam hal ini penulis mendapat file tersebut dengan cara mengcopy file.

Video tersebut diunduh melalui alamat website dibawah ini : a) http://www.youtube.com/ v/lw88ngiXo58&hl=en&

FLV

15.2 mb dan 15.7 mb

fs=1&color1=0xe1600f& 5 menit

color2=0xfebd01&border= 1 b) http://www.youtube.com/ p/7F63C778D6667D38& hl=en&fs=1

Tabel 4.2 diatas menjelaskan tentang pengumpulan bahan yang dicari atau dikumpulkan dengan cara mengunduh dari alamat-alamat situs yang berkaitan dengan bahan tersebut. File tersebut berupa gambar, suara, musik dan video. Pada gambar yang di unduh berformat JPEG dan PNG (sudah mengalami pengeditan oleh penulis sehingga file disimpan dalam format PNG), suara dan musik yang di unduh berformat MP3 dan video yang di unduh berformat FLV (jika format bukan FLV maka harus diubah ke dalam formatan FLV).

93

4.2 Pembuatan

4.2.1 Implementasi Aplikasi Pembelajaran Dasar bahasa Jepang.

Pembuatan aplikasi pembelajaran dasar bahasa Jepang ini ditujukan untuk siswa sekolah dasar antara kelas 1 samapi kelas 3 atau yang sudah bisa membaca dan menulis tetapi tidak menutup kemungkinan bagi orang yang diatas umur siswa sekolah dasar untuk mempelajarinya. Aplikasi ini diharapkan dapat membantu sebagai media pembelajaran dasar bahasa Jepang dan dapat dijadikan pula sebagai media pembelajaran secara individual.

Setelah tahap analisa dan perancangan sistem aplikasi ini, selanjutnya masuk ke dalam tahap pembuatan dari aplikasi ini. Dimana dalam tahap ini dijelaskan apa saja yang ada dalam aplikasi tersebut dan bagaimana cara pembuatan aplikasi itu sendiri.

4.2.2 Spesifikasi kebutuhan sistem Dalam aplikasi ini spesifikasi kebutuhan sistem yang dipakai mengunakkan dua buah perangkat yaitu perangkat keras dan perangkat lunak. Berikut ini adalah penjelasan dari kebutuhan sistem ketika sistem ini di buat :

1. Perangkat keras (hardware) : a. Intel Pentium® Core 2 duo CPU 2.1 GHz b. RAM 2 GB c. Harddisk 320GB d. Headphone 2. Perangkat lunak (software) : a. Microsoft Windows 7 Ultimate sebagai sistem operasi

94

b. Adobe Flash CS 3 Professional c. Adobe Photoshop CS 3 d. Ultra WMV MPEG AVI to FLV ConverterAudacity 1.2.3 e. Sound Recorder

4.2.3 Proses pembuatan menggunakan Adobe Flash CS3 Proffesional

Setelah tahap pengumpulan bahan seperti gambar, materi dan suara sudah dilengkapi semua maka tahap selanjutnya adalah tahap pembuatan atau pendesaian dari aplikasi tersebut dengan menggunakan Adobe Flash CS3. Adapun spesifikasi ukuran layar yang digunakan yaitu 1024 x 768 pixel dengan frame rate 12 fps dan menggunakan bahasa pemrograman Action Scripts 2.0 ,berikut tampilannya :

Gambar 4.1 Panel property

Yang kemudian disusun ke dalam beberapa Scene, dimana didalam Scene tersebut terdapat layer dan frame. Fungsi layer adalah untuk menyimpan apa saja yang ingin dibuat sedangkan frame adalah bagian dari movie flash yang akan dibuat. Movie flash itu sendiri juga harus didukung oleh adanya beberapa movie clip dan button sebagai landasan awal dalam pembuatan yang nantinya akan dijadikan ke dalam beberapa animasi, tombol dan pembelajaranya. Movie clip biasa disimpan pada masingmasing frame layer yang ada di Scene, sehingga animasi dan pembelajaran pun dapat dibuat sesuai dengan keinginan penulis. Aplikasi ini akan dijelaskan ke dalam beberapa Scene, Scene yang ada pada aplikasi ini terdiri dari 17 Scene yang masing-masing mempunyai fungsi tersendiri

95

sesuai dengan pembelajaran yang dibuat oleh penulis. Tetapi penulis hanya menjelaskan secara garis besar dan keseluruhan dari pembuatannya, bagian tersebut akan dijelaskan sebagai berikut :

Seluruh tampilan gambar pada setiap Scene dibuat sendiri dengan menggunakkan tools yang ada pada Adobe Flash CS3 oleh penulis, tetapi penulis juga memasukkan 3 gambar yang diunduh dari alamat situs web, berikut tampilan panel tools :

Gambar 4.2 Panel tools

Pada bagian masing-masing Scene terdapat jumlah layer yang dibutuhkan sesuai dengan keperluan pada Scene tersebut dan jumlah frame yang sesuai juga dengan keperluan dari tiap layer dan Scene. Pada bagian frame biasanya diisi dengan movie clip, button dan graphic yang nantinya akan dipakai dalam pembuatan animasi. Berikut tampilan pembuatan movie clip, button dan graphic :  Seleksi objek yang ingin dijadikan movie clip,button atau graphic  Kemudian tekan F8, maka akan tampil.

96

Gambar 4.3 Convert to symbol (membuat movie clip)

Gambar 4.4 Convert to symbol (membuat button)

Gambar 4.5 Convert to symbol (membuat graphic)  Pilih pada type movie clip, button atau graphic kemudian beri nama  Klik OK.

Setelah proses objek di seleksi dan di convert to symbol sesuai dengan keperluan yang akan dibuat maka selanjutnya, pembuat biasanya akan membuat animasi dengan teknik frame by frame, tween motion atau guide motion kecuali animasi shape motion karena tidak perlu dijadikan movie clip dan juga biasanya dijadikan pengkoneksian antara frame atau Scene pada button. Berikut tampilan pembuatan animasi frame by frame, tween motion, guide motion dan shape motion :

97

1. Teknik frame by frame, sudah terdapat movie clip pada frame atau stage  Klik movie clip yang ada pada stage atau frame 1  Insert keyframe sampai dengan frame 15, dengan cara menekan F6.

Gambar 4.6 Ketika per frame sudah di insert

 Ubah posisi movie clip pada setiap frame sesuai dengan animasi yang ingin dibuat.  Kemudian tekan Ctrl+Enter

2. Teknik tween motion, sudah terdapat movie clip pada frame atau stage  Klik movie clip yang ada pada stage atau frame 1  Insert keyframe pada frame 15, dengan cara menekan F6 kemudian ubah posisi movie clip pada frame 15 sesuai dengan animasi yang ingin dibuat.

Gambar 4.7 Ketika frame 15 sudah di insert  Klik frame 1 kemudian klik panel property pada bagian Tween pilih motion.

Gambar 4.8 Ketika panel property sudah di klik

98

 Maka hasilnya akan seperti ini

Gambar 4.9 Ketika sudah memilih tween motion pada panel property

 Kemudian tekan Cntrl+Enter

3. Teknik guide motion, sudah terdapat movie clip pada frame atau stage  Klik movie clip yang ada pada stage atau frame 1  Insert keyframe pada frame 15, dengan cara menekan F6.  Klik motion guide

Gambar 4.10 Ketika frame 15 sudah di insert dan mengklik motion guide

 Klik frame 1 pada guide motion, kemudian gambar objek garis  Klik frame 1 pada layer, pindahkan movie clip pada posisi awal objek guide motion (garis)  Klik frame 15 pada layer, pindahkan movie clip pada posisi akhir objek guide motion (garis)  Klik frame 1 kemudian klik panel property pada bagian Tween pilih motion

99


 Maka hasilnya akan seperti ini

Gambar 4.12 Ketika sudah menambah guide motion dan memilih tween motion pada panel property  Kemudian tekan Cntrl+Enter

4. Teknik shape motion, sudah terdapat objek pada frame atau stage bukan dalam bentuk movie clip  Klik frame 1, kemudian insert keyframe pada frame 15 dengan menekan F6.  Klik frame 15, kemudian hapus objek dan ganti dengan gambar objek lain.

Gambar 4.13 Ketika frame 15 sudah di insert, pada frame 1 dan 15 objek sudah berbeda  Klik frame 1 kemudian klik panel property pada bagian Tween pilih shape.

100


 Maka hasilnya akan seperti

Gambar 4.15 Ketika sudah memilih shape motion pada panel property

Dalam pembuatan animasi pun dapat dilakukan dengan cara memasukkan actionscript tetapi hal ini bagi yang sudah expert dalam hal actionscript. Actionscript pun tidak hanya dipakai untuk pembuatan animasi saja tetapi untuk kondisi lainnya seperti pambuatan soal ujian atau kondisi lainnya. Berikut cara melihat tampilan panel actionscript :  Frame sudah dalam kondisi keyframe  Hanya dengan menekan F9 maka panel actionscript pun akan muncul

Gambar 4.16 Panel actionscript

101

1. Tampilan awal (Scene 1)

Bagian ini merupakan tampilan awal dari aplikasi, yang dibuat sendiri dengan menggunakkan tools yang ada pada Adobe Flash CS3 oleh penulis. Pada Scene 1 ini gambar dibuat dengan tools kemudian di convert to symbol menjadi movie clip atau button. Beberapa movie clip tersebut dijadikan sebagai animasi dengan teknik frame by frame dan tween motion, seperti tulisan “Belajar Bahasa Jepang” yang tampil dengan animasi memutar, awan yang bergerak dan menghilang, daun yang bergerak pada batang pohon, lampu yang bergerak seperti tertiup angin, dan kedipan mata kemudian mengeluarkan perkataan “Silahkan masuk” pada karakter anak kecil. Button dijadikan tombol seperti tombol “Masuk” dan “Keluar”. Adapun penambahan untuk suara kicauan burung sebagai latar musik dan suara “bubble” pada tombol, berikut tampilan halaman awal.

Gambar 4.17 Tampilan awal

Pada Scene 1 penulis juga memasukkan beberapa potongan actionscript dengan menempatkannya pada bagian yang mempunyai fungsi masing-masing. Actionscript yang ada pada Scene ini adalah sebagai berikut :

102

Untuk menghentikan frame saat dimainkan stop();

Untuk menampilkan layar menjadi fullscreen dan menghilangkan menu file, view, control dan help. fscommand(“fullscreen”,true); fscommand(“showmenu”,false);

Untuk mengeluarkan suara sebagai latar music

suara = new Sound(); { suara.attachSound("Kicau_Burung_Anis_Merah"); suara.start(0,5); }

Untuk masuk ke halaman menu utama on(press) { stopAllSounds(); gotoAndStop(“Scene 2”,1); }

Untuk keluar dari aplikasi on(press) { fscommand(“quit”); }

2. Tampilan menu utama (Scene 2)

Bagian ini merupakan tampilan menu utama dari aplikasi, yang dibuat sendiri dengan menggunakkan tools yang ada pada Adobe Flash CS3 oleh penulis dan penulis juga memasukkan 3 gambar yang diunduh dari alamat situs. Pada Scene 2 ini gambar dibuat dengan tools kemudian di convert to symbol menjadi movie clip atau button. Beberapa movie clip tersebut dijadikan sebagai animasi dengan teknik frame by frame dan

103

tween motion, seperti papan dengan tulisan menu utama yang bergerak dari atas ke bawah, tombol pembelajaran dan ujian yang bergerak ke kanan dan ke kiri, gambar telepon yang bergerak, tombol objek latihan (tebak gambar) yang naik, berputar dan mengeluarkan perkataan, tombol objek video yang mengeluarkan kalimat per huruf, tombol “keluar” yang pada saat tertentu bergerak dan detik jam yang bergerak ke kanan dan ke kiri.

Button

dijadikan

tombol

seperti

tombol

pembelajaran,ujian,latihan(tebak gambar),video dan “keluar”. Adapun penambahan musik sebagai latar musik, suara “bubble” pada tombol, jam analog dan pengaturan volume musik, berikut tampilan halaman menu utama.

Gambar 4.18 Tampilan menu utama

Pada Scene 2 penulis juga memasukkan beberapa actionscript dengan menempatkannya pada bagian yang mempunyai fungsi masingmasing. Actionscript yang ada pada Scene ini adalah sebagai berikut :


104

Untuk menampilkan halaman latihan (tebak gambar) on(press) { stopAllSounds(); gotoAndStop(“Scene 10”,1); }

Untuk menampilkan halaman video on(press) { stopAllSounds(); gotoAndStop(“Scene 16”,1); }

Untuk menampilkan halaman pembelajaran hiragana

on(press) { stopAllSounds(); gotoAndStop(“Scene 3”,1); }

Untuk menampilkan halaman pembelajaran katakana on(press) { stopAllSounds(); gotoAndStop(“Scene 4”,1); }

Untuk menampilkan halaman pembelajaran angka


105

Untuk menampilkan halaman pembelajaran kata benda


Untuk menampilkan halaman pembelajaran kata sifat


Untuk menampilkan halaman pembelajaran nama hari on(press) { stopAllSounds(); gotoAndStop(“Scene 7”,1); }

Untuk menampilkan halaman ujian


3. Tampilan pembelajaran Hiragana dan Katakana (Scene 3 dan Scene 4) Bagian ini merupakan tampilan pembelajaran huruf hiragana dan katakana dari aplikasi, yang dibuat sendiri dengan menggunakkan tools yang ada pada Adobe Flash CS3 oleh penulis dan penulis juga memasukkan 3 gambar yang diunduh dari alamat situs. Pada Scene 3 dan 4 ini gambar dibuat dengan tools kemudian di convert to symbol menjadi

106

movie clip atau button. Beberapa movie clip tersebut dijadikan sebagai animasi dengan teknik frame by frame dan tween motion, seperti : papan dengan tulisan hiragana atau katakana dan karakter “binatang” yang bergerak ke kiri atau ke kanan, gambar telepon yang bergerak, tombol objek latihan (tebak huruf) yang naik, berputar dan mengeluarkan perkataan, objek ”laptop” yang mengeluarkan kalimat per huruf, tombol “kembali” dan “keluar” yang pada saat tertentu bergerak dan detik jam yang bergerak ke kanan dan ke kiri. Button dijadikan tombol seperti tombol

“next”,”back”,”ucap”,latihan(tebak

suara),menu

utama

dan

“keluar”. Adapun penambahan musik sebagai latar musik, suara “bubble” pada tombol, jam analog dan pengaturan volume musik, berikut tampilan pembelajaran hiragana dan katakana.

Gambar 4.19 Tampilan pembelajaran hiragana

Gambar 4.20 Tampilan pembelajaran katakana

107

Pada Scene 3 dan 4 penulis juga memasukkan beberapa potongan actionscript dengan menempatkannya pada bagian yang mempunyai fungsi masing-masing. Actionscript yang ada pada Scene ini adalah sebagai berikut : Untuk menghentikan frame saat dimainkan stop();

Untuk menampilkan halaman latihan (tebak suara) hiragana on(press) { stopAllSounds(); gotoAndStop(“Scene 14”,1); }

Untuk menampilkan halaman latihan (tebak suara) katakana on(press) { stopAllSounds(); gotoAndStop(“Scene 15”,1); }

4. Tampilan pembelajaran kosakata kata benda (Scene 6)

Bagian ini merupakan tampilan pembelajaran kosakata kata benda dari aplikasi, yang dibuat sendiri dengan menggunakkan tools yang ada pada Adobe Flash CS3 oleh penulis dan penulis juga memasukkan 3 gambar yang diunduh dari alamat situs. Pada Scene 6 ini gambar dibuat dengan tools kemudian di convert to symbol menjadi movie clip atau button. Beberapa movie clip tersebut dijadikan sebagai animasi dengan teknik frame by frame dan tween motion, seperti : papan dengan tulisan kata benda yang berputar ke kiri, tombol objek latihan (kata benda) yang naik, berputar dan mengeluarkan kalimat, gambar telepon yang bergerak, objek “laptop” yang mengeluarkan kalimat per huruf, tombol “kembali” dan“keluar” yang pada saat tertentu

108

bergerak, detik jam yang bergerak ke kanan dan ke kiri. Button dijadikan tombol seperti tombol “next”,”back”,”ucap”,latihan(kata benda),menu utama dan “keluar”. Adapun penambahan musik sebagai latar musik, suara “bubble” pada tombol, jam analog dan pengaturan volume musik, berikut tampilan pembelajaran kosakata kata benda.

Gambar 4.21 Tampilan pembelajaran kosakata kata benda

Pada Scene 6 penulis juga memasukkan beberapa potongan actionscript dengan menempatkannya pada bagian yang mempunyai fungsi masing-masing. Actionscript yang ada pada Scene ini adalah sebagai berikut : Untuk menghentikan frame saat dimainkan stop();

Untuk menampilkan halaman latihan (kata benda) on(press) { stopAllSounds(); gotoAndStop(“Scene 11”,1); }

Untuk menampilkan kosakata selanjutnya on(press) {gotoAndStop(2);} on(press) {gotoAndStop(3);} ………

109

Untuk menampilkan kosakata sebelumnya

on(press) {gotoAndStop(8);} on(press) {gotoAndStop(7);} …….

5. Tampilan pembelajaran kosakata kata sifat (perasaan) (Scene 5) Bagian ini merupakan tampilan pembelajaran kosakata kata sifat dari aplikasi, yang dibuat sendiri dengan menggunakkan tools yang ada pada Adobe Flash CS3 oleh penulis dan penulis juga memasukkan 3 gambar yang diunduh dari alamat situs. Pada Scene 5 ini gambar dibuat dengan tools kemudian di convert to symbol menjadi movie clip atau button. Beberapa movie clip tersebut dijadikan sebagai animasi dengan teknik frame by frame, tween motion dan guide motion seperti : papan dengan tulisan kata sifat yang bergerak zigzag ke kiri, tombol objek latihan (kata sifat) yang naik, berputar dan mengeluarkan kalimat, gambar telepon yang bergerak, objek “laptop” yang mengeluarkan kalimat per huruf, tombol “kembali” dan “keluar” yang pada saat tertentu bergerak, detik jam yang bergerak ke kanan dan ke kiri. Button dijadikan tombol seperti tombol “next”,”back”,”ucap”,latihan(kata sifat),menu utama dan “keluar”. Adapun penambahan musik sebagai latar musik, suara “bubble” pada tombol, jam analog dan pengaturan volume musik, berikut tampilan pembelajaran kosakata kata sifat.

Gambar 4.22 Tampilan pembelajaran kosakata kata sifat

110


Untuk menampilkan halaman latihan (kata sifat) on(press) { stopAllSounds(); gotoAndStop(“Scene 14”,1); }

Untuk menampilkan kosakata selanjutnya on(press) {gotoAndStop(2);} on(press) {gotoAndStop(3);} on(press) {gotoAndStop(4);}

Untuk menampilkan kosakata sebelumnya on(press) {gotoAndStop(3);} on(press) {gotoAndStop(2);} on(press) {gotoAndStop(1);}

6. Tampilan pembelajaran angka 0 – 100 (Scene 8) Bagian ini merupakan tampilan pembelajaran angka dari aplikasi, yang dibuat sendiri dengan menggunakkan tools yang ada pada Adobe Flash CS3 oleh penulis dan penulis juga memasukkan 3 gambar yang diunduh dari alamat situs. Pada Scene 8 ini gambar dibuat dengan tools kemudian di convert to symbol menjadi movie clip atau button. Beberapa movie clip tersebut dijadikan sebagai animasi dengan teknik frame by frame dan tween motion seperti : papan dengan tulisan angka yang bergerak ke kanan dan berputar, tombol objek latihan (angka) yang naik, berputar dan mengeluarkan kalimat, gambar telepon yang bergerak, objek

111

“laptop” yang mengeluarkan kalimat per huruf, tombol “kembali” dan “keluar” yang pada saat tertentu bergerak dan detik jam yang bergerak ke kanan

dan

ke

kiri.

Button

dijadikan

tombol

seperti

tombol

“next”,”back”,”ucap”,latihan(angka),menu utama,menu index angka dan “keluar”. Adapun penambahan musik sebagai latar musik, suara “bubble” pada tombol, jam analog dan pengaturan volume musik, berikut tampilan angka.

Gambar 4.23 Tampilan pembelajaran angka 0 -100


Untuk menampilkan halaman latihan (angka) on(press) { stopAllSounds(); gotoAndStop(“Scene 12”,1); }

Untuk kembali ke menu index angka 0-100 on(press) {gotoAndStop( 102);}

112

7. Tampilan pembelajaran nama hari (Scene 7) Bagian ini merupakan tampilan pembelajaran nama hari dari aplikasi, yang dibuat sendiri dengan menggunakkan tools yang ada pada Adobe Flash CS3 oleh penulis dan penulis juga memasukkan 3 gambar yang diunduh dari alamat situs. Pada Scene 7 ini gambar dibuat dengan tools kemudian di convert to symbol menjadi movie clip atau button. Beberapa movie clip tersebut dijadikan sebagai animasi dengan teknik frame by frame, tween motion dan guide motion seperti : papan dengan tulisan nama hari yang bergerak ke kiri, gambar telepon yang bergerak, objek “laptop” yang mengeluarkan kalimat per huruf, tombol “kembali” dan “keluar” yang pada saat tertentu bergerak dan detik jam yang bergerak ke kanan dan ke kiri. Button dijadikan tombol seperti tombol “next”,”back”,”ucap”, menu utama dan “keluar”. Adapun penambahan musik sebagai latar musik, suara “bubble” pada tombol, jam analog dan pengaturan volume musik, berikut tampilan nama hari.

Gambar 4.24 Tampilan pembelajaran nama hari

Pada Scene 7 penulis juga memasukkan beberapa potongan actionscript dengan menempatkannya pada bagian yang mempunyai fungsi masing-masing. Actionscript yang ada pada Scene ini adalah sebagai berikut :

113


Untuk menampilkan nama hari selanjutnya

on(press) {gotoAndStop(2);} on(press) {gotoAndStop(3);} ……

Untuk menampilkan nama hari sebelumnya

on(press) {gotoAndStop(6);} on(press) {gotoAndStop(5);} …….

8. Tampilan ujian (Scene 9) Bagian ini merupakan tampilan ujian dari aplikasi, yang dibuat sendiri dengan menggunakkan tools yang ada pada Adobe Flash CS3 oleh penulis. Pada Scene 9 ini gambar dibuat dengan tools kemudian di convert to symbol menjadi movie clip atau button. Beberapa movie clip tersebut dijadikan sebagai animasi dengan teknik frame by frame, tween motion dan guide motion seperti : papan dengan menu yang bergerak, daun yang bergerak pada batang pohon, muncul 2 karakter pada “tempat sampah”, kumbang berjalan, orang dengan gerakan ekspresi senang dan menangis dengan ucapan kalimat per huruf. Button yang dijadikan tombol seperti : tombol menu,mula,”pilihan jawaban”,”lanjut”,simpan dan ulangi. Adapun penambahan suara kicauan burung sebagai latar music dan suara “bubble” pada tombol, berikut tampilan ujian.

114

Gambar 4.25 Tampilan halaman ujian

Gambar 4.26 Tampilan halaman pertanyaan ujian

Gambar 4.27 Tampilan halaman tabel nilai


115

Action script pada soal ujian pilihan = "" ; kunci = "" ; skor = 0 ; nomor_soal = 0 ; bank_soal =new Array (1,2,3,4,5,6,7,8,9,10,11,12,13,14,15) ; sudah=new Array(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0); …………….

Actionscript pada tombol lanjut on(release){ nomor_soal+=1 if(pilihan == kunci){ skor += 1 ; } naik+=1 gotoAndStop(hasil[naik]) ; if(nomor_soal > 10){ ……………………….

Actionscript tabel nilai stop(); nama = ""; skor = skor; function simpanScore(score, player) { DataSkor = SharedObject.getLocal("masukkanSkor"); if (!DataSkor.data.pemain) { DataSkor.data.pemain = new Array(); DataSkor.data.pemain.push({skornya:0, namanya:"None"}); DataSkor.data.pemain.push({skornya:0, namanya:"None"}); DataSkor.data.pemain.push({skornya:0, namanya:"None"}); DataSkor.data.pemain.push({skornya:0, namanya:"None"}); ……………………..

stop(); tampil1 = ""; tampil2 = ""; DataSkor = SharedObject.getLocal("masukkanSkor"); DataSkor.data.pemain.sortOn("skornya", Array.DESCENDING | Array.NUMERIC); if (!DataSkor.data.pemain) { DataSkor.data.pemain = new Array(); DataSkor.data.pemain.push({skornya:0, namanya:"None"}); DataSkor.data.pemain.push({skornya:0, namanya:"None"}); DataSkor.data.pemain.push({skornya:0, namanya:"None"}); DataSkor.data.pemain.push({skornya:0, namanya:"None"}); ………………………….

116

9. Tampilan latihan (tebak suara (Scene 14 dan 15) dan tebak gambar (Scene 10,11,12 dan13)). Bagian ini merupakan tampilan seluruh latihan (tebak suara dan gambar) dari aplikasi, yang dibuat sendiri dengan menggunakkan tools yang ada pada Adobe Flash CS3 oleh penulis dan penulis juga memasukkan 1 gambar yang diunduh dari alamat situs. Pada Scene seluruh latihan (tebak suara dan gambar) ini gambar dibuat dengan tools kemudian di convert to symbol menjadi movie clip atau button. Beberapa movie clip tersebut dijadikan sebagai animasi dengan teknik frame by frame, tween motion dan guide motion seperti : tombol “kembali” dan “keluar” yang pada saat tertentu bergerak, kumbang berjalan, text yang membesar kemudian mengecil,berputar,ke kanan dan berputar,menghilang dan muncul,bergerak dan karakter kartun yang memberikan jempol ke atas dan ke bawah. Button dijadikan tombol seperti tombol “pilihan jawaban yang berbentuk invisible”, “next video” dan “back video”, menu utama dan “keluar”. Adapun penambahan musik sebagai latar musik, suara “bubble”,”ya”,”oh no” pada tombol dan tanggal berikut tampilan seluruh latihan (tebak suara dan gambar).

Gambar 4.28 Tampilan latihan (tebak suara) hiragana

117

Gambar 4.29 Tampilan latihan (tebak suara) katakana

Gambar 4.30. Tampilan latihan (tebak gambar)

Gambar 4.31 Tampilan latihan (kata benda)

118

Gambar 4.32 Tampilan latihan (angka)

Gambar 4.33 Tampilan latihan (kata sifat)

Pada Scene 10,11,12,13,14 dan 15 penulis juga memasukkan beberapa potongan actionscript dengan menempatkannya pada bagian yang mempunyai fungsi masing-masing. Actionscript yang ada pada Scene ini adalah sebagai berikut : Untuk menghentikan frame saat dimainkan stop();

119

Actionscript latihan (tebak suara) stop(); angka = 1; nilai = 0; jawaban1 = "na"; jawaban2 = "a"; jawaban3 = "mo"; jawaban4 = "ki"; jawaban5 = "tu"; jawaban6 = "be"; jawaban7 = "gyo"; jawaban8 = "nyu"; jawaban9 = "e"; ……………………………………….

Menampilkan nilai latihan (tebak suara) stop(); benar = +nilai; salah = +(10-nilai); ulangi_btn.onPress = function() { //mainkan frame 1 gotoAndPlay(1); };

Actionscript latihan (tebak gambar) stop(); benar = 0; salah = 0; total_frame = 5; array_frame = []; ………………………

120

Menampilkan nilai (menang, kalah) latihan (tebak gambar) stop(); benar_tampil = benar; suara = new Sound(); { suara.attachSound("menang"); suara.start(0,1); } stop(); salah_tampil = salah; suara = new Sound(); { suara.attachSound("kalah"); suara.start(0,1); }

10. Tampilan halaman video (Scene 16 dan 17) Bagian ini merupakan tampilan halaman video dari aplikasi, yang dibuat sendiri dengan menggunakkan tools yang ada pada Adobe Flash CS3 oleh penulis. Pada Scene 16 dan 17 ini gambar dibuat dengan tools kemudian di convert to symbol menjadi movie clip atau button. Beberapa movie clip tersebut dijadikan sebagai animasi dengan teknik frame by frame, tween motion dan guide motion seperti : tombol “kembali” dan “keluar” yang pada saat tertentu bergerak, kalimat per huruf dan kumbang berjalan. Button dijadikan tombol seperti : tombol “kembali” dan “keluar”. Adapun penambahan suara sebagai latar musik dan suara “bubble” pada tombol, beriku tampilan halaman video.

Gambar 4.34 Tampilan halaman video (pengenalan diri dan sapaan)

121

Pada Scene 16 dan 17 penulis juga memasukkan beberapa potongan actionscript dengan menempatkannya pada bagian yang mempunyai fungsi masing-masing. Actionscript yang ada pada Scene ini adalah sebagai berikut : Untuk menghentikan frame saat dimainkan stop();

Untuk menampilkan video selanjutnya on(press) { stopAllSounds(); gotoAndStop(“Scene 17”,1); }

Untuk menampilkan video sebelumnya on(press) { stopAllSounds(); gotoAndStop(“Scene 16”,1); }

122

BAB IV PENGUMPULAN BAHAN DAN PEMBUATAN

Recommend Documents