BAB III ANALISA DAN PEMBAHASAN MASALAH

BAB III ANALISA DAN PEMBAHASAN MASALAH 3.1 Aplikasi Program Belajar Anak Cerdas Dalam Aplikasi ini diperlukan perancangan sebuah macromedia dengan rancangan yang baik, menarik, berkesan dan mudah dimengerti. Tampilan interaktif yang baik mengutamakan nilai keindahan dan keluwesan bentuk tidak monoton sehingga, dari awal pengguna atau pemakai sudah mempunyai kesan yang baik dan tidak bosan untuk mengetahui informasi selanjutnya yang ada dalam Aplikasi Program Belajar Anak Cerdas ini. Aplikasi ini dibuat dengan unsur hiburan yang interaktif, berikut gambargambar animasi dengan warna dan bentuk yang bervariasi.aplikasi ini juga dilengkapi dengan instrumen musik agar animasi yang ditampilkan akan tampak lebih menarik Pembuatan Aplikasi Program Belajar Anak Cerdas ini memerlukan beberapa tahapan yang dikerjakan secara berurutan. Model struktur yang digunakan adalah struktur navigasi. Adapun tahap pembuatan program yang akan dibahas yaitu rancangan struktur navigasi, rancangan aplikasi, pengoperasian program dan perangkat yang dibutuhkan. 3.2 Struktur Navigasi Struktur navigasi digunakan untuk menggambarkan secara garis besar isi dari suatu alur program.selain itu, dapat juga digunakan untuk menjelajah halaman demi halaman dalam suatu halaman, dalam navigasi biasanya disertai tombol-tombol yang akan mengantarkan pengguna atau pengunjung ke halaman yang diinginkan. Berikut adalah struktur Navigasi Hirarki yang digunakan pada Aplikasi Program Belajar Anak Cerdas ini. 16

17 Intro Menu Utama Keluar Berhitung Bentuk Warna Huruf Angka Penjumlahan Pengurangan Gambar 3.1 Struktur Navigasi Aplikasi Belajar Anak Cerdas 3.3 Perancangan Aplikasinya Dalam pembuatan Aplikasi Program Belajar Anak Cerdas ini diperlukan sebuah perancangan macromedia dengan rancangan baik, menarik dan berkesan bagi si pemakai atau pengguna.tampilan interaktif yang baik mengutamakan nilai keindahan dan keluwesan bentuk juga tidak monoton sehingga, si pemakai atau pengguna sudah mempunyai kesan yang baik dan tidak bosan untuk mengetahui informasi selanjutnya yang ada dalam aplikasi tersebut. Dalam perancangan Aplikasi Program Belajar Anak Cerdas, penulis memberikan gambaran dan penjelasan dari tiap halaman ke halaman.

18 3.3.1 Rancangan Halaman Intro Halaman intro yaitu halaman yang menampilkan animasi loading yang ditampilkan untuk menunggu movie utama selesasi di download. Animasi Teks Gambar 3.2 Rancangan Halaman Intro Rancangan ini menggambarkan isi halaman intro, yang terdiri dari : 1.Animasi berupa animasi tulisan 2.Teks berupa judul program. 3.3.2 Rancangan Halaman Menu Utama Pada halaman ini menampilkan pokok bahasan yang terdapat dalam pembelajaran yaitu, belajar berhitung, bentuk, warna dan huruf, juga terdapat gambar, animasi dan tombol.

19 Objek 1 Objek 2 Objek 3 Objek 4 Tombol Animasi 2 Tombol Animasi 3 Tombol Animasi 1 Teks 1 Teks 2 Teks 3 Tombol 5 Tombol Animasi 4 Teks 4 Gambar 3.3 Rancangan Halaman Menu Utama Rancangan ini menggambarkan isi halaman menu utama, yang terdiri dari : 1.Objek 1, 2, 3 dan 4 merupakan keterangan gambar dari teks 1, 2, 3 dan 4. 2.Tombol animasi 1 untuk menuju ke halaman berhitung. 3.Tombol animasi 2 untuk menuju ke halaman bentuk. 4.Tombol animasi 3 untuk menuju ke halaman warna 5.Tombol animasi 4 untuk menuju ke halaman huruf. 6.Teks 1, 2, 3 dan 4 merupakan keterangan tulisan dari objek 1, 2, 3 dan 4. 7.Tombol 5 merupakan tombol untuk keluar dari program 3.3.3 Rancangan Halaman Berhitung Pada halaman ini merupakan bahasan dari halaman menu utama yaitu berhitung yang terdiri dari tiga bentuk pembelajaran antara lain belajar angka, belajar penjumlahan dan belajar pengurangan.

20 Objek 1 Objek 2 Objek 3 Tombol Animasi 1 Tombol Animasi 2 Tombol Animasi 3 Teks 1 Teks 2 Teks 3 Tombol 4 Gambar 3.4 Rancangan Halaman Berhitung Rancangan ini menggambarkan isi halaman berhitung, yang terdiri dari : 1.Objek 1, 2 dan 3 merupakan keterangan gambar dari teks 1, 2 dan 3. 2.Tombol animasi 5 untuk menuju ke halaman penjumlahan 3.Tombol animasi 6 untuk menuju ke halaman angka. 4.Tombol animasi 7 untuk menuju ke halaman pengurangan. 6.Teks 1, 2 dan 3 merupakan keterangan tulisan dari objek 1, 2 dan 3 7.Tombol 4 merupakan tombol untuk keluar dari halaman berhitung dan kembali ke menu utama. 3.3.4 Rancangan Halaman Penjumlahan Halaman penjumlahan yaitu halaman yang berisi berbagai bentuk penjumlahan mulai dari nol sampai sepuluh.pada halaman ini juga terdapat animasi, tombol dan suara.

21 Animasi 1 Animasi 2 Tombol 1 2 3 4 5 6 0 7 8 9 10 X Gambar 3.5 Rancangan Halaman Penjumlahan Rancangan ini menggambarkan isi halaman penjumlahan, yang terdiri dari : 1.Animasi 1 merupakan animasi objek 2.Animasi 2 ; merupakan animasi dari tombol penjumlahan 3.Tombol 0 sampai 10 merupakan berbagai bentuk tombol penjumlahan, yang akan ditampilkan pada animasi 2 yaitu berupa animasi penjumlahan dan suara.. 4.Tombol X merupakan tombol untuk keluar dari halaman penjumlahan dan kembali ke menu berhitung. 3.3.5 Rancangan Halaman Angka Halaman angka yaitu halaman yang berisi angka- angka mulai dari nol sampai sepuluh. Pada halaman ini juga terdapat animasi, tombol dan suara.

22 Animasi 1 Animasi 2 Tombol 1 2 3 4 5 6 0 7 8 9 10 X Gambar 3.6 Rancangan Halaman Angka Rancangan ini menggambarkan isi halaman angka, yang terdiri dari : 1.Animasi 1 merupakan animasi objek 2.Animasi 2 merupakan animasi dari tombol angka 3.Tombol 0 sampai 10 merupakan berbagai bentuk tombol angka yang akan ditampilkan pada animasi 2 yaitu berupa animasi angka dan suara. 4.Tombol X merupakan tombol untuk keluar dari halaman angka dan kembali ke menu berhitung. 3.3.6 Rancangan Halaman Pengurangan Halaman pengurangan yaitu halaman yang berisi berbagai bentuk pengurangan mulai dari nol sampai sepuluh.pada halaman ini juga terdapat animasi, tombol dan suara.

23 Animasi 1 Animasi 2 Tombol 1 2 3 4 5 6 0 7 8 9 10 X Gambar 3.7 Rancangan Halaman Pengurangan Rancangan ini menggambarkan isi halaman pengurangan, yang terdiri dari : 1.Animasi 1 merupakan animasi objek 2.Animasi 2 merupakan animasi dari tombol pengurangan 3.Tombol 0 sampai 10 merupakan berbagai bentuk tombol pengurangan yang akan ditampilkan pada animasi 2 yaitu berupa animasi pengurangan dan suara. 4.Tombol X merupakan tombol untuk keluar dari halaman pengurangan dan kembali ke menu berhitung 3.3.7 Rancangan Halaman Bentuk Pada halaman bentuk merupakan halaman yang berisi berbagai macam bentuk, antara lain bentuk bintang, hati, bulat, segitiga, kotak dan sabit. Pada halaman ini juga terdapat animasi bentuk dan suara.

24 Animasi 1 Animasi 2 Tombol 1 2 3 4 5 6 X Gambar 3.8 Rancangan Halaman Bentuk Rancangan ini menggambarkan isi halaman bentuk, yang terdiri dari : 1.Animasi 1 merupakan animasi objek 2.Animasi 2 merupakan animasi dari tombol bentuk 3.Tombol 1 sampai 6 merupakan berbagai macam tombol bentuk yang akan ditampilkan pada animasi 2. 4.Tombol X merupakan tombol untuk keluar dari halaman bentuk dan kembali ke menu utama. 3.3.8 Rancangan Halaman Warna Pada halaman ini terdapat halaman yang berisi sepuluh macam warna.halaman ini juga terdapat animasi dan suara dari masing masing warna.

25 Animasi 1 Animasi 2 Tombol 1 2 3 4 5 6 7 8 9 10 X Gambar 3.9 Rancangan Halaman Warna Rancangan ini menggambarkan isi halaman warna, yang terdiri dari : 1.Animasi 1 merupakan animasi objek 2.Animasi 2 merupakan Animasi dari tombol Warna 3.Tombol 1 sampai 10 merupakan berbagai macam tombol warna yang akan ditampilkan pada animasi 2. 4.Tombol X merupakan tombol untuk keluar dari halaman warna dan kembali ke menu utama. 3.3.9 Rancangan Halaman Huruf Halaman warna yaitu halaman yang menampilkan berbagai bentuk huruf mulai dari A sampai Z. Pada halaman ini terdapat objek dan suara dari masing masing huruf.

26 Animasi 1 Animasi 2 Tombol A - Z Tombol X Gambar 3.10 Rancangan Halaman Huruf Rancangan ini menggambarkan isi halaman huruf, yang terdiri dari : 1.Animasi 1 merupakan animasi objek 2.Animasi 2 merupakan animasi dari tombol huruf 3.Tombol A sampai Z merupakan berbagai macam tombol huruf yang akan ditampilkan pada animasi 2. 4.Tombol X merupakan tombol untuk keluar dari halaman huruf dan kembali ke menu utama 3.4 Tahapan Pembuatan Aplikasi Program Belajar Anak Cerdas Dalam pembuatan aplikasi Program Belajar Anak Cerdas ini penulis menggunakan scene per scene dengan tujuan mempermudah pembuatan aplikasi agar lebih terstruktur.

27 Langkah langkah pembuatan Aplikasi Program Belajar Anak Cerdas adalah sebagai berikut : 3.4.1 Pembuatan Halaman Intro 1. Buka program Flash MX 2004 2. Klik menu Window > Design Panel > Scene, untuk menampilkan panel scene Kemudian klik dua kali scene 1 ubah menjadi Anak Cerdas. 3. Kemudian atur ukuran stage dengan cara mengklik Modify > Document dari menu bar, Width 550 dan Height 400 dengan background color bewarna hitam lalu klik OK. 4. Klik layer 1 lalu ubah nama layer menjadi Movie, pada frame 1 drag symbol movie clip salem.swf dari dalam library lalu letakan di stage. 5. Masih pada layer Movie klik frame 60 dan masukan keyframe dengan mengklik Insert > Timeline > Keyframe pada menu bar. 6. Buat layer baru, dengan meng-klik Insert > Timeline > Layer pada menu bar, kemudian beri nama layer Text, pada frame 1 klik Text Tool pada Tool Box ketikan text Aplikasi Program Belajar Anak Cerdas kemudian letakan dibawah symbol movie clip salem.swf. 7. Kemudian klik frame 60 lalu pilih Insert keyframe. 8. Selanjutnya buat layer baru, kemudian beri nama layer line lalu klik Rectangle Tool pada Tool Box buat kotak persegi empat tanpa menggunakan Fill Color. 9. Masih pada layer line klik frame 60 kemudian Insert keyfframe. 10. Buat layer baru, kemudian beri nama layer Action drag symbol sound dari library pada stage lalu Ctrl ENTER,simpan file swf tersebut pada folder yang sama. 11. Klik frame 1, untuk penempatan script dalam pemanggilan movie yang telah kita buat tadi yaitu music background

28 12. Kemudian klik frame 60 lalu pilih Insert keyframe Gambar 3.11 Halaman Intro 3.4.2 Pembuatan Halaman Menu Utama 1. Klik Insert > scene, lalu ubah nama scene menjadi Menu Utama 2. Kemudian ubah nama layer 1 menjadi Buaya 3. Masukan sebuah symbol movie clip dari library dengan cara meng-klik Window > Libary, kemudian seret symbol movie clip buaya ke area stage. Movie ini nantinya di gunakan sebagai tombol. 4. Dengan menggunakan Selection Tool pilih symbol movie clip buaya di dalam stage, kemudian klik kanan Convert To Symbol > pilih Button. 5. Selanjutnya, layer Buaya yang didalamnya terdapat movie clip buaya sekarang sudah menjadi tombol. 6. Lakukan juga hal yang sama pada layer Gajah, Pingui dan Tapir untuk menghasilkan tombol yang dibuat dari masing-masing symbol movie clip yang sudah ada di dalam library. 7. Buat layer baru Insert > Timeline > Layer pada menu bar. 8. Kemudian beri nama layer Bulatan 9. Buatlah sebuah symbol graphic dengan meng-klik Insert > new Symbol, lalu buat bulatan elipse menggunakan Rectangle Tool kemudian klik kanan symbol

29 graphic tersebut pilih,convert To Symbol > pilih Movie Clip. Maka symbol graphic tersebut sudah menjadi movie clip dengan nama bulatan. 10. Buat layer baru,kemudian beri nama layer Text 11. Ketikan text secara terpisah yaitu ; Berhitung, Bentuk, Warna dan Huruf yang merupakan keterangan tombol. 12. Buat layer baru, kemudian beri nama layer Objek 13. Buat symbol graphic dengan bermacam-macam bentuk yang sesuai dengan tema pada layer Text menggunakan Tools pada Tool Box. 14. Selanjutnya buat layer baru dengan nama layer Line 15. Klik Rectangle Tool, kemudian buat kotak persegi empat dengan propertiesnya hanya menggunakan Stroke Color 16. Buat layer baru, kemudian beri nama layer Action drag symbol sound dari library pada stage lalu Ctrl ENTER,simpan file swf tersebut dengan nama menu pada folder yang sama, kemudian hapus layer Action 17. Buat layer baru lagi,beri nama layer Action klik frame 1, untuk penempatan script dalam pemanggilan movie yang telah kita buat tadi yaitu music background Gambar 3.12 Halaman Menu Utama

30 3.4.3 Pembuatan Halaman Berhitung 1. Klik Insert > scene, lalu ubah nama scene menjadi Berhitung 2. Klik 2 kali layer 1 lalu ubah nama layer menjadi Tombol 3. Masukan sebuah symbol movie clip dari library dengan cara meng-klik Window > Libary, kemudian seret symbol movie clip panda ke area stage. Movie ini nantinya di gunakan sebagai tombol. 4. Lakukan juga hal yang sama pada movie clip kura dan koala. 5. Dengan menggunakan Selection Tool pilih symbol movie clip panda di dalam stage, kemudian klik kanan Convert To Symbol > pilih Button. 6. Lakukan hal yang sama pada movie clip kura dan koala. 7. Selanjutnya, layer Tombol yang didalamnya terdapat movie clip panda, kura dan koala sekarang sudah menjadi tombol. 8. Buat layer baru dengan nama Bulatan kemudian drag symbol movie clip bulatan dari dalam library 9. Buat layer baru, kemudian beri nama layer Text 10. Ketikan text secara terpisah yaitu ; Penjumlahan, Angka dan Pengurangan yang merupakan keterangan layer tombol dan objek. 11 Buat layer baru, kemudian beri nama layer Objek 12 Buat symbol graphic dengan bermacam-macam bentuk yang sesuai dengan tema pada layer Text menggunakan Tools pada Tool Box. 13. Buat layer baru, kemudian beri nama layer Line 14. Klik frame 1, drag symbol graphic line dari dalam library ke area stage. 15 Insert symbol button tombol dari dalam library kemudian seret ke area stage, kemudian klik TextTool pada ToolBox sebagai keterangan tombol keluar yaitu X. 16. Buat layer baru, kemudian beri nama layer Action drag symbol sound dari library pada stage lalu Ctrl ENTER,simpan file swf tersebut dengan nama menu pada folder yang sama,, kemudian hapus layer Action 17. Buat layer baru lagi,beri nama layer Action klik frame 1, untuk penempatan script dalam pemanggilan movie yang telah kita buat tadi yaitu musik latar.

31 Gambar 3.13 Halaman Berhitung 3.4.4 Pembuatan Halaman Penjumlahan 1. Klik Insert > scene, lalu ubah nama scene menjadi Penjumlahan 2. Buka document baru File > New, kemudian atur ukuran stage dengan cara mengklik Modify > Document dari menu bar, Width 550 dan Height 400 dengan background color bewarna hitam 3. Document baru ini khusus untuk pembuatan file swf operasi hitung penjumlahan mulai dari 0 sampai 10 4. Klik frame 1, seret symbol graphic 0 kemudian klik frame 10 pilih Insert Keyframe, seret lagi symbol graphic + dari library dan letakan disebelah graphic 0. 5. Lakukan hal yang sama untuk frame 20, 30 dan 40 hingga hasil akhir membentuk barisan angka 0 + 0 = 0. 6. Buat layer baru, kemudian seret symbol sound 0 z dari dalam library ke dalam stage sebagai suara pengiring dari animasi penjumlahan.

32 7. Kemudian tekan Ctrl Enter untuk tes movie, lalu simpan file swf tadi dengan nama penjumlahan nol dalam folder yang sama. 8. Ulangi langkah 4 sampai 7 untuk pembuatan movie atau file swf pada penjumlahan selanjutanya yaitu 1 sampai 10. 9. Hapus layer-layer yang ada pada lngkah 4 sampai 7 10. Buat layer baru lagi, kemudian ubah nama layer tersebut menjadi Musik, lalu symbol suara materi dari library untuk ditempatkan dilayer musik. 11. Kemudian tekan Ctrl Enter untuk tes movie, lalu simpan file swf tadi dengan nama Pilihi dalam folder yang sama. 12. Selanjutanya kembali ke Document Anak Cerdas scene Penjumlahan 13. Ubah nama layer 1 menjadi layer tombol. 14. Klik frame 1, lalu seret symbol button tombol dari dalam library ke dalam stage sebanyak 12 tombol. 15. Buat layer baru, beri nama layer text kemudian klik Text tool di ToolBox dan buat teks untuk masing masing tombol yaitu : 0 sampai 10 dan X 16. Buatlah sebuah symbol graphic dengan cara mengklik Insert > New symbol, kemudian buat kotak persegi panjang menggunakan rectangle tool dan letakan sebagai background tombol. 17. Kemudian seret symbol movie clip Putar dari dalam library dan letakan pada stage ujung kiri atas. 18. Buat layer baru, beri nama layer Movie kemudian seret symbol movie clip vi dari dalam library ke dalam stage.movie ini berfungsi sebagai fungsi penggunaan tombol pada keyboard. 19. Buat layer baru lagi, beri nama Action untuk penempatan script.

33 Gambar 3.14 Halaman Penjumlahan 3.4.5 Pembuatan Halaman Angka 1. Klik Insert > scene, lalu ubah nama scene menjadi Angka 2. Buka document baru File > New, kemudian atur ukuran stage dengan cara mengklik Modify > Document dari menu bar, Width 550 dan Height 400 dengan background color bewarna hitam 3. Dokumen baru ini khusus untuk pembuatan file swf bentuk-bentuk angka mulai dari 0 sampai 10 4. Klik frame 1, seret symbol graphic 0 dari dalam library lalu klik frame 5 Insert Keyframe, ubah warna Graphic 0 tadi dengan warna hitam. 5. Buat layer baru, kemudian seret symbol sound 0 dari dalam library ke dalam stage sebagai suara pengiring dari animasi angka. 6. Kemudian tekan Ctrl Enter untuk tes movie, lalu simpan file swf tadi dengan nama Angka 0 dalam folder yang sama. 7. Ulangi langkah 4 sampai 6 untuk pembuatan movie atau file swf pada angka selanjutanya yaitu 1 sampai 10. 8. Hapus layer-layer yang ada pada langkah 4 sampai 6

34 9. Buat layer baru lagi, kemudian ubah nama layer tersebut menjadi Musik, lalu symbol suara materi dari library untuk ditempatkan dilayer musik. 10. Kemudian tekan Ctrl Enter untuk tes movie, lalu simpan file swf tadi dengan nama materi dalam folder yang sama. 11. Selanjutanya kembali ke Document Anak Cerdas scene Angka 12. Ubah nama layer 1 menjadi layer tombol. 13. Klik frame 1, lalu seret symbol button tombol dari dalam library ke dalam stage sebanyak 12 tombol. 14. Buat layer baru, beri nama layer text kemudian klik Text tool di ToolBox dan buat teks untuk masing masing tombol yaitu : 0 sampai 10 dan X 15. Buatlah sebuah symbol graphic dengan cara mengklik Insert > New symbol, kemudian buat kotak persegi panjang menggunakan rectangle tool dan letakan sebagai background tombol. 16. Kemudian seret symbol movie clip Putar dari dalam library dan letakan pada stage ujung kiri atas. 17. Buat layer baru, beri nama layer Movie kemudian seret symbol movie clip vi dari dalam library ke dalam stage.movie ini berfungsi sebagai fungsi penggunaan tombol pada keyboard. 18. Buat layer baru lagi, beri nama Action untuk penempatan script.

35 Gambar 3.15 Halaman Angka 3.4.6 Pembuatan Halaman Pengurangan 1. Klik Insert > scene, lalu ubah nama scene menjadi Pengurangan 2. Buka document baru File > New, kemudian atur ukuran stage dengan cara mengklik Modify > Document dari menu bar, Width 550 dan Height 400 dengan background color bewarna hitam 3. Document baru ini khusus untuk pembuatan file swf operasi hitung pengurangan mulai dari 0 sampai 10 4. Klik frame 1, seret symbol graphic 0 kemudian klik frame 10 pilih Insert Keyframe, seret lagi symbol graphic - dari library dan letakan disebelah graphic 0. 5. Lakukan hal yang sama untuk frame 20, 30 dan 40 hingga hasil akhir membentuk barisan angka 0-0 = 0. 6. Buat layer baru, kemudian seret symbol sound 0 k dari dalam library ke dalam stage sebagai suara pengiring dari animasi pengurangan. 7. Kemudian tekan Ctrl Enter untuk tes movie, lalu simpan file swf tadi dengan nama pengurangan nol dalam folder yang sama.

36 8. Ulangi langkah 4 sampai 7 untuk pembuatan movie atau file swf pada pengurangan selanjutanya yaitu 1 sampai 10. 9. Hapus layer-layer yang ada pada langkah 4 sampai 7 10. Buat layer baru lagi, kemudian ubah nama layer tersebut menjadi Musik, lalu symbol suara materi dari library untuk ditempatkan dilayer musik. 11. Kemudian tekan Ctrl Enter untuk tes movie, lalu simpan file swf tadi dengan nama pilih dalam folder yang sama. 12. Selanjutanya kembali ke Document Anak Cerdas scene Pengurangan 13. Ubah nama layer 1 menjadi layer tombol. 14. Klik frame 1, lalu seret symbol button tombol dari dalam library ke dalam stage sebanyak 12 tombol. 15. Buat layer baru, beri nama layer text kemudian klik Text tool di ToolBox dan buat teks untuk masing masing tombol yaitu 0 sampai 10 dan X 16. Buatlah sebuah symbol graphic dengan cara mengklik Insert > New symbol, kemudian buat kotak persegi panjang menggunakan rectangle tool dan letakan sebagai background tombol. 17. Kemudian seret symbol movie clip Putar dari dalam library dan letakan pada stage ujung kiri atas. 18. Buat layer baru, beri nama layer Movie kemudian seret symbol movie clip vi dari dalam library ke dalam stage.movie ini berfungsi sebagai fungsi penggunaan tombol pada keyboard. 19. Buat layer baru lagi, beri nama Action untuk penempatan script.

37 Gambar 3.16 Halaman Pengurangan 3.4.7 Pembuatan Halaman Bentuk 1. Klik Insert > scene, lalu ubah nama scene menjadi Bentuk 2. Buka document baru File > New, kemudian atur ukuran stage dengan cara mengklik Modify > Document dari menu bar, Width 550 dan Height 400 dengan background color bewarna hitam 3. Document baru ini khusus untuk pembuatan file swf macam-macam bentuk. 4. Pada frame1 seret symbol graphic hati dari library, kemudian klik kanan frame 1, pada menu yang muncul pilih Create Motion Tween. 5. Klik kanan frame 10 pada menu yang muncul pilih Insert key frame 6. Klik gambar hati dalam stage lalu besarkan, gunakan Free Transform Tool untuk membesarkannya. 7. Buat layer baru Insert > Timeline > Layer lalu klik frame 1, seret symbol sound hati dari library ke dalam stage sebagai suara pengiring animasi bentuk 8. Kemudian tekan Ctrl Enter untuk tes movie, lalu simpan file swf tadi dengan nama Hati dalam folder yang sama. 9. Ulangi langkah 4 sampai 8 untuk pembuatan movie atau file swf pada bentukbentuk selanjutanya yaitu bintang, segitiga, sabit, bulat dan kotak.

38 10. Selanjutanya kembali ke Document Anak Cerdas scene Bentuk 11. Ubah nama layer 1 menjadi layer tombol. 12. Klik frame 1, lalu seret symbol button tombol dari dalam library ke dalam stage sebanyak 7 tombol. 13. Buat layer baru, beri nama layer objek kemudian seret symbol graphic bintang ke dalam stage lalu klik symbol graphic tersebut kecilkan dengan menggunakan FreeTransform Tool untuk masing masing tombol. 14. Buatlah sebuah symbol graphic dengan cara mengklik Insert > New symbol, kemudian buat kotak persegi panjang menggunakan rectangle tool dan letakan sebagai background tombol. 15. Kemudian seret symbol movie clip Putar dari dalam library dan letakan pada stage ujung kiri atas. 16. Buat layer baru lagi, beri nama Action untuk penempatan script. Gambar 3.17 Halaman Bentuk 3.4.8 Pembuatan Halaman Warna 1. Klik Insert > scene, lalu ubah nama scene menjadi Warna

39 2. Buka document baru File > New, kemudian atur ukuran stage dengan cara mengklik Modify > Document dari menu bar, Width 550 dan Height 400 dengan background color bewarna hitam 3. Document baru ini khusus untuk pembuatan file swf macam-macam warna. 4. Pada frame1 seret symbol graphic merah, kemudian klik kanan frame 1, pada menu yang muncul pilih Create Motion Tween. 5. Klik kanan frame 10 pada menu yang muncul pilih Insert key frame 6. Klik gambar merah dalam stage lalu besarkan, gunakan Free Transform Tool untuk membesarkannya. 7. Buat layer baru Insert > Timeline > Layer lalu klik frame 1, seret symbol sound merah dari library ke dalam stage sebagai suara pengiring dari animasi warna. 8. Kemudian tekan Ctrl Enter untuk tes movie, lalu simpan file swf tadi dengan nama Merah dalam folder yang sama. 9. Ulangi langkah 4 sampai 8 untuk pembuatan movie atau file swf pada warnawarna selanjutanya yaitu kuning, hijau, biru, merah muda, ungu. coklat, orange, putih dan hitam 10. Selanjutanya kembali ke Document Anak Cerdas scene Warna 11. Ubah nama layer 1 menjadi layer tombol. 12. Klik frame 1, lalu seret symbol button tombol dari dalam library ke dalam stage sebanyak 11 tombol. 13. Buat layer baru, beri nama layer objek kemudian seret symbol graphic merah ke dalam stage lalu klik symbol graphic tersebut kecilkan dengan menggunakan FreeTransform Tool untuk masing masing tombol. 14. Buatlah sebuah symbol graphic dengan cara mengklik Insert > New symbol, kemudian buat kotak persegi panjang menggunakan rectangle tool dan letakan sebagai background tombol. 15. Kemudian seret symbol movie clip Putar dari dalam library dan letakan pada stage ujung kiri atas. 16. Buat layer baru lagi, beri nama Action untuk penempatan script.

40 Gambar 3.18 Halaman Warna 3.4.9 Pembuatan Halaman Huruf 1. Klik Insert > scene, lalu ubah nama scene menjadi Huruf 2. Buka document baru File > New, kemudian atur ukuran stage dengan cara mengklik Modify > Document dari menu bar, Width 550 dan Height 400 dengan background color bewarna hitam 3. Dokumen baru ini khusus untuk pembuatan file swf nama-nama huruf mulai dari A sampai Z. 4. Klik frame 1, seret symbol graphic A dari dalam library ke dalam stage. 5. Buat layer baru, kemudian seret symbol sound A dari dalam library ke dalam stage sebagai suara pengiring dari animasi huruf. 6. Kemudian tekan Ctrl Enter untuk tes movie, lalu simpan file swf tadi dengan nama Huruf A dalam folder yang sama. 7. Ulangi langkah 4 sampai 6 untuk pembuatan movie atau file swf pada huruf selanjutanya yaitu B sampai Z. 8. Hapus layer-layer yang ada pada langkah 4 sampai 6

41 9. Buat layer baru lagi, kemudian ubah nama layer tersebut menjadi Musik, lalu symbol suara materi dari library untuk ditempatkan dilayer musik. 10. Kemudian tekan Ctrl Enter untuk tes movie, lalu simpan file swf tadi dengan nama pilih dalam folder yang sama. 11. Selanjutanya kembali ke Document Anak Cerdas scene Huruf 12. Ubah nama layer 1 menjadi layer tombol. 13. Klik frame 1, lalu seret symbol button tombol dari dalam library ke dalam stage sebanyak 26 tombol. 14. Buat layer baru, beri nama layer text kemudian klik Text tool di ToolBox dan buat teks untuk masing masing tombol yaitu A sampai Z dan X 15. Buatlah sebuah symbol graphic dengan cara mengklik Insert > New symbol, kemudian buat kotak persegi panjang menggunakan rectangle tool dan letakan sebagai background tombol. 16. Kemudian seret symbol movie clip Putar dari dalam library dan letakan pada stage ujung kiri atas. 17. Buat layer baru, beri nama layer Movie kemudian seret symbol movie clip vi dari dalam library ke dalam stage.movie ini berfungsi sebagai fungsi penggunaan tombol pada keyboard. 18. Buat layer baru lagi, beri nama Action untuk penempatan script.

42 Gambar 3.19 Halaman Huruf 3.5 Spesifikasi Hardware dan Software Dalam pembuatan aplikasi Program Belajar Anak Cerdas untuk anak usia Dua sampai Empat tahun dengan menggunakan Macromedia Flash MX 2004 ini, dibutuhkan perangkat keras dan perangkat lunak yang menunjang dengan spesifikasi sebagai berikut : 3.5.1 Kebutuhan Dasar Perangkat keras dan lunak yang dibutuhkan dalam Macromedia Flash MX : a. Perangkat Keras ( Hardware ) - Prosesor : Pentium 200 MHz - Memory RAM : 64 MB ( 128 MB dianjurkan ) - Hardisk : Minimal 85 MB ruang kosong - CD-ROM : Minimal 2X - Monitor : SVGA 1024 X 768 pixel dengan 16 bit warna - Kartu suara : Untuk mengolah data

43 - Mouse : Alat penunjuk dan pembuatan animasi - Speaker : Untuk output musik dan suara. b. Perangkat Lunak ( Software ) - Sistem operasi : Microsofy Windows 98 SE/ME/NT4/2000/XP - Aplikasi : Macromedia Flash MX Macromedia Flash Player 7 3.5.2 Kebutuhan Tambahan Untuk menjadikan animasi menjadi lebih baik di perlukan kebutuhan tambahan yaitu : a. Perangkat Lunak ( Software ) - Cool Edit Pro 2.0 : Untuk pengeditan suara. b. Ketrampilan ( Skill and Brainware ) - Imajinasi : Membuat jalan cerita dan konsep animasi - Kreativitas : Menuangkan imajinasi ke dalam stage - Sketsa : Untuk membuat berbagai objek animasi - Sense of music : Untuk menghidupkan proyek animasi atau aplikasi.