72
c. Bahan File Gambar
Penulis menggunakan file grafikgambar yang sesuai dengan karakteristik user dan audience, yaitu para siswa sekolah
menengah atas yang meliputi grafik dua dimensi rancangan layar
yang dibuat dan diedit menggunakan Adobe Photoshop CS4.
4.3.4. Pembuatan Assembly
Tahap pembuatan sistem ini merupakan tahap di mana Pengembangan Aplikasi Pembelajaran Ilmu Faraidh Berbasis Multimedia
Interaktif ini mulai dibuat sesuai dengan Storyboard, Flowchart dan STD State Transition Diagram. Dalam tahap memproduksi sistem ini, penulis
menggunakan perangkat keras hardware dengan spesifikasi sebagai berikut:
Processor Intel
®
Pentium IV 3 GHz Memory
700 GB DDRAM Graphic Card
96 MB Harddisk
80 GB CD ROM
DVD RW Input Tools
Mouse, Keyboard Output Tools
Monitor 17”, Speaker Active
Produksi sistem ini menggunakan perangkat lunak software Adobe Director 11.5 untuk merancang pengembangan aplikasi
pembelajaran ilmu Faraidh berbasis multimedia ini, di mana di dalamnya
73 terdapat unsur animasi yang penulis buat dengan menggunakan software
Adobe Flash CS3 dan Adobe Director 11.5. Untuk membuat dan mengedit gambar-gambar,
penulis memanfaatkan
Adobe Photoshop
CS4. Sedangkan untuk mengolah file suara audio peneliti menggunakan Cool
Edit Pro 2.0. Setelah semua spesifikasi pengembangan aplikasi multimedia
terpenuhi, tahap selanjutnya adalah mengembangkan program ini ke tahap pembuatannya menggunakan software yang telah dipersiapkan. Tahapan
awal dalam pengembangan program ini adalah mendesain layout latar belakang masing-masing halaman dengan menggunakan Adobe Photoshop
CS4. Perancangan awal tombol dan animasi juga dibuat menggunakan Adobe Photoshop CS4.
Tahap selanjutnya adalah membuat gambar animasi yang diperlukan untuk menambah daya tarik aplikasi ini. Tombol yang akan
dibuat dengan gaya animasi juga dibuat pada tahapan ini. Software yang digunakan adalah Adobe Flash CS3 dan Adobe Director 11.5.
Setelah melewati tahapan membuat latar setiap halaman aplikasi dan animasi serta tombol-tombol, selanjutnya adalah mengolah file audio.
Pengolahan dan penyuntingan file-file audio ini memanfaatkan software SoundForge dan Cool Edit Pro 2.0.
Setelah semua elemen aplikasi tersedia dan diimpor ke dalam Adobe Director 11.5, langkah selanjutnya adalah menyusun elemen-
elemen tersebut ke dalam masing-masing halaman aplikasi. Pada tahap ini
74 penulis membuat link yang menghubungkan satu halaman ke halaman lain,
menambahkan efek suara dan meng-compile-nya menjadi satu file aplikasi pembelajaran ilmu Faraidh berbasis multimedia.
4.3.4.1.Pembuatan Background Aplikasi E-Faraid
Untuk tahap awal pembuatan aplikasi ini, penulis mendesain gambar latar untuk aplikasi yang peneliti buat.
Pembuatannya menggunakan Adobe Photoshop CS4. Pada tahap ini peneliti menggunakan Pen tool untuk membuat garis tepi yang
melengkung. Selanjutnya peneliti memberikan warna yang bergradasi pada garis melengkung tersebut menggunakan Gradient
Tool. Berikutnya, peneliti memberikan warna dasar untuk background aplikasi yang peneliti buat dengan menggunakan Paint
Bucket.
Setelah tahapan pembuatan background aplikasi, peneliti menambahkan gambar dan logo dengan cara menggabungkan
beberapa gambar ke layar kerja pembuatan background aplikasi dengan jalan klik File
Open.
75
Gambar 4.19 Membuat Background Aplikasi E-Faraid
Selanjutnya file disimpan dalam tipe file .PSD dengan
nama file Background.PSD.
Gambar 4.20 Menyimpan File Background .PSD
76
4.3.4.2.Membuat Tombol Menu
Tahap pembuatan tombol menu dibuat dengan menggunakan software Adobe Flash CS3. Di awali dengan
membuat lingkaran menggunakan Oval Tool, kemudian memberi warna dan efek gradasi dengan menggunakan Paint
Bucket Tool.
Gambar 4.21 Oval Tool
Setelah tombol menu dibuat, selanjutnya adalah meng- export file tombol menu tadi menjadi format .PNG yang latar
belakang gambar tombol menu tersebut transparan. Beri nama tombol menu tersebut dengan nama “masuk-on.PNG”. Setelah
selesai, masih dengan file yang sama tombol tersebut diberi efek
Glow, lalu disimpan dengan nama “masuk-on-glow.PNG”.
77
4.3.4.3.Membuat Halaman Utama Aplikasi E-Faraid
Dalam membuat halaman utama aplikasi E-Faraid, langkah pertama yang harus dilakukan adalah mempersiapkan
bidang kerja atau Stage-nya. Untuk ukuran Stage, penulis menggunakan ukuran 640 x 480 pixel yang pengaturannya dapat
dilakukan di panel Property Inspector.
Gambar 4.22 Property Inspector
Tahapan selanjutnya
yaitu mengimpor
file Background.JPG tadi ke Adobe Director 11.5. Langkah-langkah
mengimpor gambar ke Adobe Director 11.5 yaitu klik menu File
Import, di kotak dialog Import, pilih file gambar Background.PSD, lalu klik Add
Import. Berikutnya pilih Color Depth: 24 Bits dan klik OK. Setelah file Background.JPG
78 diletakkan di are kerja Stage Adobe Director 11.5, simpan
dengan nama Utama.DIR.
Gambar 4.23 Mengimpor File ke Area Kerja Adobe Director 11.5
4.3.4.4.Menggabungkan File menjadi Aplikasi E-Faraid
Untuk menggabungkan beberapa file ke dalam “Utama.DIR” pada aplikasi E-Faraid ini dilakukan dengan cara
mengimpor file-file yang dibutuhkan. Klik menu File Import,
di kotak dialog import pilih file-file yang akan di-import. Klik Add untuk memasukkan ke dalam daftar file, lalu klik Import
bisa semua siap. Data yang sudah di-import otomatis masuk ke dalam
Cast Member. Cast Member berfungsi untuk menyimpan data yang akan dipakai atau ditampilkan pada aplikasi E-Faraid.
79
Gambar 4.24 Cast Member
Selanjutnya yaitu menyusun data-data yang dibutuhkan ke Score. Cara memasukkan Background.JPG dengan cara men-
drag ke Score atau bisa juga ke Stage.
Gambar 4.25 Area Kerja Pembuatan Halaman Utama Aplikasi
E-Faraid
80 Langkah berikutnya yaitu memasukkan data atau file-file
lain seperti “Utama.dir” dan tombol-tombol menu, seperti “masuk-on.PNG” dan “masuk-on-glow.PNG”.
4.3.4.5.Memasukkan Musik Latar
Aplikasi E-Faraid yang penulis buat ini terdapat musik latar yang langsung diputar saat aplikasi dijalankan. Cara impor
file musik yaitu File Import
Pilih file musik Klik Import.
Lalu drag file musik ke Channel suara nomor 1.
Gambar 4.26 Memasukkan Musik
81
4.3.5. Pengujian Testing