10. Rancangan Menu Tentang Aplikasi Rancangan ini digunakan untuk menampilkan informasi tentang fitur
aplikasi, spesifikasi aplikasi, software yang digunakan dalam proses pembuatan aplikasi, menampilkan data penulis dan tujuan pembuatan
aplikasi. Tombol navigasi berupa tombol kembali kehalaman menu utama dan tombol untuk memilih informasi aplikasi.
4.4. Pengumpulan Bahan Program Aplikasi Material Collecting
Bahan-bahan yang diperlukan untuk membangun aplikasi ini, baik berupa file teks, gambar animasi, audio dan kontrol navigasi diperoleh dengan cara
mengambil dari berbagai sumber namun sebagian besar elemen banyak yang dibuat sendiri oleh penulis menggunakan software programming yaitu Adobe
Flash CS4 dan software desain grafis Adobe Photoshop CS2.
4.4.1. Teks
File teks berupa materi yang isinya berhubungan dengan manasik haji dan umrah, penulis memperoleh data-data berdasarkan dari buku yang
penulis gunakan adalah buku dari Departemen Agama R.I. DirJen Bimbingan Masyarakat Islam dan Urusan Haji Jakarta 2009 dan juga dari
perusahaan penyelenggara perjalanan umrah dan haji plus PT. Arminareka Perdana. Hal ini dilakukan agar materi yang disampaikan dapat
dipertanggungjawabkan sesuai dengan ketentuan yang berlaku.
4.4.2. Gambar
File gambar penulis peroleh dari internet, koleksi pribadi dan
dibuat sendiri oleh penulis yang kemudian diolah dengan menggunakan Adobe Photoshop CS2 dan aplikasi pendukung Adobe Flash CS4 untuk
menambahkan efek-efek seperti bayangan pada gambar, tampilan background dasar atau gambar latar aplikasi ini.
4.4.3. Animasi
Animasi pada aplikasi ini dibuat dari gambar berbasis bitmap dengan format PNG dan gambar berbasis vector yang penulis animasikan
menggunakan Adobe Flash CS4.
4.4.4. Audio
Musik latar dan suara pada aplikasi ini didapatkan dari internet dan koleksi pribadi penulis, berformat MIDI dan MP3. File-file audio tersebut
penulis olah menggunakan Adobe Audition 1.5 dengan melakukan penurunan bitrate dan pemotongan pada bagian tertentu.
4.4.5. Kontrol Navigasi
Kontrol navigasi berupa tombol button yang mengandung link yang menghubungkan dari satu halaman ke halaman lainnya. Tombol
yang terdapat pada aplikasi didapat dari internet dan penulis buat sendiri
menggunakan Adobe Photoshop dan Adobe Flash. Animasi tombol dibuat menggunakan Adobe Flash.
Tabel 4.4. Kontrol Navigasi Button
Keterangan
Button yang membawa user menuju
ke halaman
menu informasi haji dan umrah.
Button yang membawa user menuju
ke halaman
menu panduan ibadah.
Button yang membawa user menuju ke halaman menu doa.
Button yang membawa user menuju
ke halaman
menu istilah.
Button yang membawa user menuju
ke halaman
menu tentang aplikasi.
Button untuk menutup arti dari ayat qur’an atau doa.
Button yang membawa user menuju pilihan kearah bawah.
Button yang membawa user masukke menu utama.
Button yang membawa user menuju ke halaman sebelumnya.
Button yang membawa user menuju ke halaman selanjutnya.
Button yang membawa user menuju pilihan ke arah kiri.
Button yang membawa user menuju pilihan ke arah kanan.
:: Artinya :: Button yang membawa user
membuka halaman artinya. Button untuk memilih pilihan
yang ada pada button menu. Button yang menampilkan menu
pilihan.
Button yang membawa user menuju ke halaman sebelumnya.
Button untuk menutup aplikasi.
Selain tombol-tombol pada table di atas, terdapat juga tombol lainnya yang memiliki fungsi untuk link ke halaman berikutnya
maupun untuk memilih menu.
4.5. Pembuatan Program Aplikasi Assembly
Pada tahap ini semua bahan-bahan yang telah terkumpul seperti elemen- elemen multimedia diintegrasikan menggunakan Adobe Flash CS4. Pada Adobe
Flash CS4 ini dilakukan pengkodingan dengan bahasa pemrograman flash yaitu actionscript 2.0 dengan acuan pemrograman flash lite versi 2.1 hingga
menghasilkan file berformat SWF Movie .swf atau file yang dapat dijalankan menggunakan flash lite player. Dalam pembuatan aplikasi ini penulis
menggunakan spesifikasi ukuran layer 360x640 pixel dengan tampilan fullscreen dengan quality di set high, dan framerate 15 fps.:
4.5.1. Spesifikasi Perangkat Lunak
Untuk merancang mobile application pembelajaran haji dan umrah ini menggunakan spesifikasi perangkat lunak sebagai
berikut: 1. Adobe Flash CS4 untuk perangkat lunak utama yang berfungsi
menggabungkan semua komponen program yang telah dibuat. 2. Adobe Device Central CS4 untuk pengujian emulator
perangkat handphone dan memastikan hasil aplikasi berjalan dengan baik.
3. Adobe Photoshop CS2 untuk mendesain gambar tampilan layer program, desain tulisan, desain tombol, dan mendesain segala
animasi yang dibutuhkan. 4. Adobe Audition 1.5 untuk memberikan efek suara pada
aplikasi.
4.5.2. Spesifikasi Perangkat Keras
Untuk mengembangkan dalam perancangan mobile application pembelajaran haji dan umrah ini penulis menggunakan komputer dengan
spesifikasi perangkat keras hardware sebagai berikut : 1. AMD Phenom X3, 2.3 GHz.
2. Memory 2 GB RAM. 3. Kartu VGA 512 MB.
4. Harddisk 300 GB. 5. Monitor dengan resolusi 1152x864 pixel.
6. Speaker Active. 7. Mouse.
8. Keyboard. 9. Bluetooth device.
10. Kabel data mini USB Card reader.
Setelah spesifikasi hardware dan software dipenuhi, tahap selanjutnya adalah tahap pembuatan dengan menggunakan perangkat lunak yang telah
disiapkan, berikut tahapan-tahapan penting dalam pembuatan aplikasi. Proses pertama yang penulis lakukan adalah membuat gambar latar
aplikasi dan gambar lainnya seperti logo-logo, icon menggunakan aplikasi pengolah gambar Adobe Photoshop CS2.
Gambar 4.7. Pembuatan gambar latar aplikasi dengan Adobe Photoshop CS2.
Setelah gambar latar dan gambar lainnya yang dibutuhkan selesai, penulis menggunakan Adobe Flash CS4 untuk membuat aplikasi mobile termasuk
navigasi-navigasinya dan perancangan user interface atau tampilan aplikasi. Demikian pula dengan animasi yang dibuat penulis dalam pembuatan
aplikasi. Animasi digunakan pada tampilan intro menggunakan teknik motion tween, teknik ini juga digunakan pada pembuatan animasi layer penutup.
Gambar berikut adalah pembuatan tampilan menu utama. Menu utama otomatis ditampilkan setelah layar intro selesai dimainkan.
Gambar 4.8. Pembuatan Layar Menu Utama
Gambar latar dan gambar lainnya dirancang oleh penulis, teks keterangan untuk tombol-tombol di buat untuk melengkapi tampilan menu utama. Script pada
menu utama digunakan pada frame untuk menampilkan jam, tanggal dan waktu. Script juga digunakan pada tombol untuk masuk ke content aplikasi, membuka
menu opsi dan keluar aplikasi. Pembuatan tampilan menu informasi, menu panduan ibadah, menu doa,
menu istilah dan menu tentang aplikasi kurang lebih sama dengan pembuatan
layar menu utama. Script juga terdapat pada frame dan tombol untuk menuju menu atau content pada aplikasi.
Pada pembuatan layar al Qur’an atau Hadits, script digunakan pada frame dan tombol. Pada layar ini terdapat tampilan ayat al Qur’an yang menggunakan
gambar berformat GIF transparan. Penulis menggunakan gambar berformat GIF adalah untuk mendapatkan gambar berukuran kecil sehingga hasil dari aplikasi
akan menghasilkan file dengan ukuran kecil pula.
Gambar 4.9 . Pembuatan Layar al Qur’an
Proses selanjutnya, penulis memasukkan suara latar dengan format MIDI, file
ini digunakan karena berukuran kecil dan pada layar al Qur’an, penulis menggunakan file suara berformat mp3. Penulis menggunakan perangkat lunak
Adobe Audition 1.5 untuk pengeditan file audio sehingga mendapatkan mp3 dengan bitrate 16 KBps dengan tujuan mendapatkan file ukuran kecil.
4.6. Pengujian Program Aplikasi Testing
Pada tahap ini penulis melakukan pengujian testing terhadap program aplikasi yang dibuat. Pertama-tama testing dilakukan pada emulator Adobe
Device Central CS4 untuk memastikan apakah hasilnya sesuai rencana dan bisa berjalan dengan baik. Pengujian selanjutnya dilakukan pada perangkat handphone
yang sesungguhnya dengan tujuan untuk mengetahui apakah program aplikasi Maphum ini berjalan dengan baik.
Adapun spesifikasi handphone yang dapat menggunakan aplikasi yaitu: 1.
Mempunyai system operasi OS Symbian Versi 5.0 keatas. 2.
Mendukung Aplikasi Flashlite 2.1 3.
Sisa kapasitas memori penyimpanan minimal 1.5 Megabyte atau lebih sebagai tempat media penyimpanan aplikasi.
Berikut ini adalah tabel spesifikasi ponsel yang digunakan dalam pengujian aplikasi mobile application pembelajaran haji dan umrah ini.
Tabel 4.5. Spesifikasi ponsel Nokia 5800 Express Musik yang digunakan
Spesifikasi Keterangan
Layar TFT 2.8, 360x640 pixel
16.7 juta warna Network
GPRS, EDGE, HSDPA, WLAN
OS Symbian versi 9.4 S60 5th Edition
CPU Dual ARM 11 332 MHz processor,
3D Graphics HW Accelerator browser WAP 2.0xHTML, HTML
Konektivitas Bluetooth, WiFi, Mini USB
Flash Lite Version Flash Lite 3.0
Memori Internal 81 MB, 128 MB RAM 256 MB ROM
Untuk pengujian menggunakan perangkat ponsel, pertama-tama aplikasi ditransfer dari komputer ke dalam ponsel dengan memanfaatkan fitur konektifitas
yang tersedia pada perangkat ponsel diantaranya: Bluetooth, miniUSB dan card reader. Setelah proses transfer selesai, aplikasi ini langsung dapat dijalankan
tanpa proses instalasi terlebih dahulu. Tampilan pada ponsel setelah aplikasi dijalankan dapat dilihat seperti gambar berikut ini.
Gambar 4.10. Pengujian aplikasi pada perangkat ponsel Nokia 5800 EM
