Pembuatan Aplikasi Memproduksi Sistem

Gambar 4.47 Simpan File Hasil rancangan tombol aplikasi : Gambar 4.48 Tampilan Tombol

4.6 Memproduksi Sistem

Pada pemrosesan produksi sistem merupakan tahap dimana seluruh objek yang digunakan dalam pembuatan aplikasi digabungkan. Pembuatan aplikasi ini berdasarkan dari rancangan yang telah dibuat di antaranya rancangan storyboard, rancangan flowchart , rancangan struktur navigasi dan rancangan state transition Diagram STD.

4.6.1 Pembuatan Aplikasi

Dalam membuat aplikasi ini, seluruh materi baik teks, gambar ataupun animasi yang diperlukan dalam membuat aplikasi digabungkan dalam software Adobe Flash CS 4 Professional Flash Lite. Pilihan yang dipilih dalam membuat aplikasi ini adalah flash lite mobile dengan pilihan flash lite 2.0. 110 Gambar 4.49 Tampilan Aplikasi Flash Lite Untuk memasukkan image dan animasi tombol yang telah dibuat pilih file – import – import to library pada toolbar . Image yang telah dipilih akan berada 110 pada list library. Gambar 4.50 List Library Buatlah masing-masing layer pada kolom timeline dengan nama yang berbeda, kemudian masukkan gambar, button dan komponen lainnya yang diperlukan ke dalam masing-masing layer tersebut. 110 Gambar 4.51 Baris Timeline Pada Adobe Flash Lite Untuk animasi pada tampilan peta dibuat dengan teknik animasi antar frame yang kemudian diberi action script pada layer peta di setiap koridor. 110 Gambar 4.52 Tampilan baris frame animasi peta Kemudian beri action script untuk masing-masing layer dengan cara klik kanan pada layer yang ingin diberi action script kemudian pilih action dan 110 ketikkan action script . Setelah memberikan action script , tes action script yang diketik untuk mengetahui adanya kesalahan atau error . Gambar 4.53 Memberi Action Script Kemudian test aplikasi yang sudah dimasukkan action script tersebut dengan cara pilih control pada toolbar dan test movie . 110 Gambar 4.54 Test Movie Hasil test movie akan dijalankan pada Adobe Device Central CS4. Ini merupakan simulator menjalankan aplikasi untuk mengetahui apakah masih terdapat error system atau tidak. 110 Gambar 4.55 Tampilan pada Adobe Device Central CS4 Setelah tidak mengalami kesalahan, aplikasi yang telah dibuat di export terlebih dahulu sebelum bisa dijalankan ke dalam handphone dengan cara pilih 110 file pada toolbar kemudian pilih export movie dan pilih format .swf Gambar 4.56 Export Movie Pada proses ini sebagian besar dikerjakan menggunakan software Adobe Flash CS4 Professional “ Adobe Flashlite ” . File–file gambar, background , animasi tombol dan teks yang masih berupa bahan-bahan mentah dijadikan satu dan digabungkan agar menjadi suatu aplikasi yang utuh. Berikut adalah tampilan layar aplikasi pada emulator handphone setelah dijalankan.

4.6.2 Tampilan Layar Aplikasi