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