39 Gambar 3. Diagram interaktif
3. Develop Preliminary Form of Product
Produk yang diolah pada tahap ini merupakan sebuah desain awal. Pada dasarnya pada tahap ini menghasilkan prototype produk.
Prototype dibuat dengan mengolah halaman media pada Adobe Flash CS6. Halaman media terkait dengan tampilan background, simbol atau
logo yang dipakai, konten tulisan, gambar, animasi, audio, ataupun video, serta script yang dipakai dalam mengatur perpindahan halaman maupun
animasi pada konten isi. Background yang digunakan diambil dari referensi gambar yang
ada di internet yang berlisensi bebas atau gratis, lalu diolah atau diedit menggunakan perangkat lunak Corel Draw X6. Tampilannya dibuat
seolah menyerupai papan tulis. Papan tulis tersebut diberi warna sesuai warna yang relevan dengan identitas Muhammadiyah. Warna sedikit
dibuat bergradasi menuju warna gelap karena tulisannya sebagian besar akan berwarna putih tulisan kapur. Tampilan background yang
digunakan ada pada gambar 4.
40 Gambar 4. Background halaman media
Kemudian, tampilan simbol untuk tombol-tombol umum yang nantinya digunakan sebagai navigasi juga diolah menggunakan
perangkat lunak Corel Draw X6 seperti tombol home, next-prev, dan close. Beberapa simbol tombol navigasi yang digunakan ke dalam media
ada pada gambar 5.
Gambar 5. Simbol tombol navigasi Tampilan tombol navigasi tidak sepenuhnya berupa tampilan
simbol saja, namun juga ada yang berupa teks maupun huruf. Tombol navigasi merupakan salah satu unsur interaktif yang harus ada, maka
baik tampilan simbol maupun yang berupa teks atau huruf akan diterapkan animasi khusus agar mudah dikenali pengguna.
41 Font yang digunakan menggunakan jenis seperti teks tulisan
kapur pada papan tulis untuk menyesuaikan dengan tema media. Namun begitu, kejelasan tampilan jenis tulisan tetap menjadi prioritas utama yang
mengacu pada kaidah desain visual yang baik. Konten-konten multimedia belum banyak dimasukkan ke dalam media dalam tahap ini.
Secara umum, ada 2 script penting dan utama saja yang digunakan dalam media yaitu:
a. “stop;”, digunakan untuk menghentikan frame berjalan.
b. “on release { gotoAndPlaynumber; }”, digunakan untuk melompat
ke nomor frame yang diinginkan. Pada tahap ini, prototype yang dihasilkan masih sangat
sederhana. Sederhana yang dimaksudkan hanya ada fitur utama untuk konten materi yang masih minim dan berfungsinya tombol-tombol
navigasi. Salah satu halaman halaman utama pada prototype yang dibuat ada pada gambar 6.
Gambar 6. Tampilan prototype halaman utama media
42
4. Preliminary Field Testing
Kategori