Pengumpulan Data Pembuatan Halaman Opening Pembuatan Halaman Menu Utama Pembuatan Halaman Materi

commit to user

BAB IV IMPLEMENTASI DAN ANALISA

4.1 Deskripsi Data

Hal yang dilakukan sebelum pembuatan aplikasi ini adalah membuat ide cerita atau storyboard, yaitu istilah untuk kertas berisi ide cerita, susunan gambar serta detail dari setiap karakter. Bahan yang digunakan penulis dalam aplikasi ini adalah icon yang diambil dari http:www.clker.com.

4.2 Pembuatan Aplikasi

Pembuatan aplikasi CD pembelajaran gerakan kesehatan ini diawali dengan perancangan konsep, mengumpulkan data-data seperti video tutorial, gambar dan penjelasan tentang gerakan kesehatan. Pembuatan animasi pada aplikasi CD pembelajaran gerakan kesehatan ini bertujuan untuk mempercantik tampilan CD pembelajaran gerakan kesehatan yang dibuat. Dalam pembuatan aplikasi CD pembelajaran gerakan kesehatan ini, penulis menggabungkan beberapa simbol pada frame agar pembuatan antar halaman lebih mudah. Software utama yang digunakan dalam pembuatan aplikasi CD pembelajaran gerakan kesehatan ini adalah Adobe Flash CS5, karena Adobe Flash CS5 merupakan program berbasis windows, maka pemakai dapat menggunakan program ini dengan lebih mudah karena dapat mendesain secara visual.

4.2.1 Pengumpulan Data

Tahap pertama yang dilakukan adalah membuat desain aplikasi CD pembelajaran gerakan kesehatan yang akan dibuat yaitu menentukan data dan informasi yang akan disajikan. Data yang dimaksud adalah berupa gambar background, karakter, icon-icon. Data sebagian didapat dari internet, buku, dan ada yang dibuat sendiri. commit to user Karakter dibuat dengan menggunakan perangkat lunak Corel DRAW X4. Gambar 4.1 Pembuatan Karakter menggunakan Corel DRAW X4 Audio didapatkan dengan cara direkam, kemudian diubah formatnya menjadi .mp3 dengan menggunakan AMR to MP3 Converter. Gambar 4.2 Proses konversi audio menggunakan AMR to MP3 Converter Kemudian diedit menggunakan WavePad Sound Editor. Gambar 4.3 Proses pengeditan audio menggunakan WavePad Sound Editor commit to user

4.2.2 Pembuatan Halaman Opening

Halaman opening dalam aplikasi ini sederhana, hanya menampilkan karakter, judul aplikasi, dan button mulai untuk menuju kehalaman berikutnya. Animasinya juga tidak terlalu rumit, yaitu karakter yang bergerak. Pada panel properties setting ukuran file menjadi 800 x 500. Diberi action script fscommandfullscreen, true; supaya hasil running aplikasi terlihat penuh. Berikut gambar pembuatan halaman opening : Gambar 4.4 Pembuatan Halaman Opening

4.2.3 Pembuatan Halaman Menu Utama

Pembuatan menu utama yang terdiri dari button gerakan kesehatan, permainan dan latihan. Animasinya dibuat pada setiap button supaya button ada perubahannya. Setiap button dihubungkan dengan file halaman lain menggunakan behaviors dengan cara klik button pilih behaviors kemudian Load External Movieclip dengan ekstensi .swf . Gambar 4.5 Pembuatan Menu Utama commit to user

4.2.4 Pembuatan Halaman Materi

Pembuatan menu halaman materi berisi button-button tentang jenis gerakan . Animasinya yaitu dengan menggunakan insert keyframe satu persatu dan menggerakkannya. Hasilnya yaitu gerakan kesehatan pada menu utama diklik kemudian akan muncul menu jenis gerakan kesehatan. Dan jika button jenis gerakan kesehatan diklik, akan icon nomor gerakan. Apabila icon tersebut diklik akan menampilkan materi gerakan yang berupa animasi gerakan yang dibuat menggunakan tween dan by frame . Berikut tampilan pembuatan animasi gerakan: Gambar 4.6 Pembuatan Animasi Gerakan dengan by frame Gambar 4.7 Pembuatan Animasi Gerakan dengan Motion Tween commit to user

4.2.5 Pembuatan Halaman Permainan