Kemudian buka file gambar yang digunakan untuk background yaitu gambar logo Dinas Kesehatan. Setelah gambar logo Dinas Kesehatan sudah
ada pada kolom layer, ubah gambar tersebut menjadi layer.
Gambar 4.28 Mengubah Layer Image
Kemudian tarik gambar logo tersebut ke layer file baru yang buat untuk menjadi background. Atur colour balance dan curve pada gambar
logo tersebut hingga menjadi transparan dari gambar awalnya.
Gambar 4.29 Hasil Rancangan Gambar
Setelah rancangan background selesai dibuat simpan dengan menekan tombol file – save pada toolbar, kemudian atur dengan format
penyimpanan adalah .jpeg dengan quality 12, lalu ok.
Gambar 4.30 Menyimpan File Pada Adobe Photoshop CS 3
4.5.2 Rancangan Tombol
Pembuatan animasi button atau tombol dalam membuat aplikasi ini menggunakan software Macromedia Firework 8. Animasi tombol ini dibuat
dengan tujuan agar tampilan aplikasi terlihat lebih menarik dan untuk mempermudah user dalam menggunakan aplikasi nantinya karena dengan
animasi link yang berbeda. Pertama atur kanvas size yang diperlukan untuk membuat aplikasi.
Gambar 4.31 Mengatur Canvas Size Macromedia Fireworks 8
Kemudian pilih background biru pada layar. Kemudian ketikan teks dengan besar size 17, dengan font arial unicode MS pada kolom properties.
Lihat Gambar 4.32
Gambar 4.32 Pengaturan Properties
Kemudia Klik Layar button atau tombol yang dituju pada kolom layer, kemudian Pilih filter – shadow and glow – drow shadow dengan
pilihan distance sebesar 7 dan colour black atau hitam. Gambar 4.33
Gambar 4.33 Hasil Rancangan Tombol
Setelah pembuatan tombol selesai, langkah berikutnya adalah dengan mengimpannya dengan formaf .jpeg ,caranya dengan memilih file
pada toolbar kemudian pilih export dengan format “image only”. Gambar 4.34
Gambar 4.34 Menympan File Pada Macromedia Fireworks 8
4.6 Produksi Sistem
Pada pemrosesan produksi sistem merupakan tahap dimana seluruh objek yang digunakan dalam pembuatan aplikasi digabungkan. Pembuatan
aplikasi ini berdasarkan dari rancangan naskah yang dibuat diantaranya rancangan storyboard, rancangan flowchart, rancangan struktur navigasi,
dan rancangan state transition Diagram STD.
4.6.1 Pembuatan Aplikasi
Dalam membuat aplikasi ini, seluruh bahan yang diperlukan dalam membuat aplikasi digabungkan dalam software Adobe Flash CS 4
Professional Flash Lite. Pilihan yang dipilih dalam membuat aplikasi ini adalah flashlite mobile dengan pilihan flash lite 2.0. Untuk memasukkan
image yang telah dibuat pilih file – import – import to library pada toolbar. Image yang telah dipilih akan berada pada list library. Gambar 4.35
Gambar 4.35 List Library
Buatlah masing-masing layer pada kolom timeline dengan nama yang berbeda, kemudian masukkan gambar, button dan komponen lainnya
yang diperlukan ke dalam masng-masing layer tersebut. Gambar 4.36
Gambar 4.36 Baris Timeline Pada Adobe Flash Lite