Adapun rancangan tampilan layar aplikasi secara umum sebagai berikut :
Gambar 4.23. Rancangan Tampilan Aplikasi
4.2.3. Pengumpulan Bahan Material Collecting
Bahan-bahan yang diperlukan untuk membangun aplikasi ini, baik berupa file-file teks, gambar, suara, animasi dan tombol
diperoleh dari berbagai sumber, namun sebagian besar elemen banyak yang dibuat sendiri menggunakan software programming.
File seperti gambar menu pembuka dari intro penulis peroleh melalui website dengan alamat http:www.Depag-
Banten.com dan memperoleh soft copy file berupa gambar kegiatan belajar mengajar. Sedangkan gambar kantor Departemen Agama
penulis peroleh dengan mengambil gambar dan datang langsung ke
86
tempat penelitian dan yang kemudian dilakukan pengeditan dengan menggunakan software Adobe Photoshop CS.
Sebelum Sesudah
Gambar 4.24. Gambar kantor Depag sebelum dan sesudah diolah dengan Adobe Photoshop CS.
Proses pengeditan menggunakan software Macromedia flash
dengan menggunakan 2 layer dan 260 frame. Layer pertama untuk gambar kantor sedangkan layer yang kedua untuk gambar
awan. Setelah itu drag gambar kantor dan gambar awan ke stage. Kemudian pilih gambar awan tersebut dengan memilih modify pilih
convert to symbol lalu pilih movie clip.
Sedangkan file yang berupa teks, data-data Mapenda, serta materi untuk kelengkapan aplikasi penulis peroleh dengan cara
datang langsung dan tanya jawab dengan salah satu staff Mapenda, memperoleh soft copy dan buku panduan dari Mapenda.
Gambar 4.25. Buku panduan BOS
87
Untuk file teks, penulis membuatnya dengan menggunakan software Macromedia Flash MX 2004
yang kemudian langsung diberikan efek seperti masking, motion tween dan animasi lainnya.
Sedangkan file animasi diperoleh dengan cara membuat animasi dengan menggabungkan elemen-elemen yang telah dibuat dengan
menggunakan Macromedia Flash
MX dengan melakukan
pengeditan pada logo menggunakan masking tool memberikan efek kilat pada logo. File logo DEPAG tersebut diperoleh dari internet.
Gambar 4.26. Tampilan Logo DEPAG
Namun ada beberapa file seperti tampilan sub menu, tombol dan lain sebagainya, penulis peroleh dengan cara membuat
sendiri dengan menggunakan software Adobe Photoshop CS.
Gambar 4.27. Tampilan Button
88
File-file suara seperti bunyi tombol, musik pada menu pembuka, menu utama dan yang lainnya penulis peroleh dengan
cara download langsung di internet. Format penyimpanan file audio yang penulis peroleh adalah .MIDI, tapi penulis mengalami
kesulitan ketika file suara itu akan digunakan di Software Director karena format tersebut tidak dapat di import sehingga penulis
menggunakan Software MIDI MP3 Converter.
Gambar 4.28. Proses pengeditan suara
Demikian juga dengan file-file video hasil kegiatan yang penulis peroleh dari Mapenda, format penyimpanannya adalah
.VOB sehingga penulis menggunakan Software Converter VOB to AVI sehingga file video tersebut dapat dipergunakan. File video
tersebut penulis edit dengan menggunakan software Ulead Video Studio
dan menyimpannya dengan format .mpg.
Gambar 4.29. Proses pengeditan video hasil kegiatan
89
4.2.4. Pembuatan Assembly