4.6.2 Perancangan Flowchart
Peneliti telah membuat lima flowchart yaitu: Flowchart Intro, Flowchart Menu Utama, Flowchart Menu Rasi Bintang, Flowchart Menu Zodiak, dan
Flowchart Menu Visualisasi Zodiak. 1. Flowchart Intro
Gambar 4.2 Flowchart Intro
Flowchart Gambar 4.2 menjelaskan bahwa aplikasi ini di mulai dengan tampilan intro sebagai pembuka. Ketika intro diputar, di bawah layar terdapat
tombol untuk menuju ke layar home di mana user akan langsung terhubung ke halaman Menu Utama dan jika tidak maka pengguna akan keluar dari aplikasi.
Keterangan : A: Halaman Menu Utama
video intro akan terus berputar. Jika memilih tombol ”close”, maka user akan keluar dari aplikasi. Untuk lebih jelasnya, rancangan layar Intro dapat dilihat pada
storyboard yang terdapat di halaman sebelumya. Layar intro terdapat beberapa tombol, di antaranya:
a. Tombol Menu Utama, untuk menuju halaman Menu Utama.
b. Tombol Close, untuk keluar dari aplikasi.
2. Rancangan Layar Menu Utama Pada rancangan layar ini terdapat enam pilihan menu utama, yaitu Rasi
Bintang, Visualisasi, Help, About me, Intro dan Close. Layar menu utama terdapat beberapa tombol, di antaranya:
a. Tombol Rasi Bintang, untuk menuju halaman Rasi Bintang.
b. Tombol Visualisasi, untuk menuju halaman Visualisasi.
c. Tombol Help, untuk menuju halaman Help.
d. Tombol About me, untuk menuju halaman About me.
e. Tombol Intro, untuk menuju halaman Intro.
f. Tombol Close, untuk keluar dari aplikasi.
Rancangan layar Menu Utama ini untuk lebih jelasnya dapat dilihat pada soryboard di halaman sebelumnya.
3. Rancangan Layar Rasi Bintang Rancangan layar Rasi Bintang ini berisi lima menu yaitu pengertian, sejarah,
zodiak, home dan close. Selain itu terdapat berbagai animasi yang memberikan informasi tentang pengertian rasi bintang, sejarah rasi bintang, dan macam-macam
rasi bintang. Untuk lebih jelasnya rancangan layar ini terdapat pada storyboard
rasi bintang yang telah dibuat di halaman sebelumnya. Tombol yang terdapat pada layar ini yaitu:
a. Tombol Pengertian, untuk menuju halaman Pengertian.
b. Tombol Sejarah, untuk menuju halaman Sejarah.
c. Tombol Zodiak, untuk menuju halaman Zodiak.
d. Tombol Home, untuk menuju halaman Home.
e. Tombol Close, untuk menuju halaman Close.
4. Rancangan Layar Zodiak Pada rancangan layar ini terdapat tiga belas menu pilihan, yaitu Aquarius,
Pisces, Aries, Taurus, Gemini, Cancer, Leo, Virgo, Scorpio, Sagitarius, Capricorn, Home, dan Close. Terdapat beberapa gambar beserta deskripsi dari masing-
masing jenis rasi bintang. Untuk lebih jelasnya storyboard zodiak dapat dilihat pada halaman sebelumnya. Beberapa tombol yang terdapat pada layar ini yaitu:
a. Tombol Aquarius, untuk menuju halaman Aquarius.
b. Tombol Pisces, untuk menuju halaman Pisces.
c. Tombol Aries, untuk menuju halaman Aries.
d. Tombol Taurus, untuk menuju halaman Taurus.
e. Tombol Gemini, untuk menuju halaman Gemini.
f. Tombol Cancer, untuk menuju halaman Cancer.
g. Tombol Leo, untuk menuju halaman Leo.
h. Tombol Virgo, untuk menuju halaman Virgo.
i. Tombol Scorpio, untuk menuju halaman Scorpio.
j. Tombol Sagitarius, untuk menuju halaman Sagitarius.
k. Tombol Capricorn, untuk menuju halaman Capricorn.
l. Tombol Home, untuk menuju halaman Home.
m. Tombol Close, untuk keluar dari aplikasi. 5. Rancangan Layar Visualisasi Zodiak
Pada rancangan layar ini terdapat tiga belas menu pilihan, yaitu Aquarius, Pisces, Aries, Taurus, Gemini, Cancer, Leo, Virgo, Scorpio, Sagitarius, Capricorn,
Home, dan Close. Halaman visualisasi zodiak merupakan inti dari aplikasi karena terdapat tampilan zodiak secara tiga dimensi yang dapat dinavigasikan secara
langsung sesuai dengan perintah user. Untuk lebih jelasnya dapat dilihat pada storyboard di halaman sebelumnya. Tombol-tombol yang terdapat pada layar ini
antara lain: a.
Tombol Aquarius, untuk menuju halaman Aquarius. b.
Tombol Pisces, untuk menuju halaman Pisces. c.
Tombol Aries, untuk menuju halaman Aries. d.
Tombol Taurus, untuk menuju halaman Taurus. e.
Tombol Gemini, untuk menuju halaman Gemini. f.
Tombol Cancer, untuk menuju halaman Cancer. g.
Tombol Leo, untuk menuju halaman Leo. h.
Tombol Virgo, untuk menuju halaman Virgo. i.
Tombol Scorpio, untuk menuju halaman Scorpio. j.
Tombol Sagitarius, untuk menuju halaman Sagitarius. k.
Tombol Capricorn, untuk menuju halaman Capricorn. l.
Tombol Home, untuk menuju halaman Home.
m. Tombol Close, untuk keluar dari aplikasi. 6. Rancangan Layar About me
Rancangan layar ini berisi biodata pembuat, info tentang software apa saja yang digunakan, dan ucapan terima kasih. Untuk lebih jelasnya dapat dilihat pada
storyboard di halaman sebelumnya. Layar about me terdapat beberapa tombol, di antaranya:
a. Next
: Untuk masuk ke halaman selanjutnya b.
Back : Untuk masuk ke halaman sebelumnya
c. Home
: Untuk masuk ke halaman menu utama d.
Close : Untuk keluar dari menu aplikasi.
7. Rancangan Layar Help Rancangan layar help ini memberikan informasi tentang keterangan tombol
navigasi yang terdapat dalam aplikasi ini. Untuk lebih jelasnya dapat dilihat pada storyboard di halaman sebelumnya. Beberapa tombol yang terdapat pada layar ini
yaitu: a.
Next : Untuk masuk ke halaman selanjutnya
b. Back
: Untuk masuk ke halaman sebelumnya c.
Home : Untuk masuk ke halaman menu utama
d. Close
: Untuk keluar dari menu aplikasi.
4.7.5 Suara Audio
Musik latar maupun suara tombol diberikan dengan maksud agar aplikasi ini terkesan hidup. File suara tersebut berupa musik instrument yang kebanyakan
berasal dari koleksi pribadi peneliti dan bonus sound dari CD Interaktif yang terdapat pada buku The Magic of Macromedia Director karangan Hendi
Hendratman. File audio ini berformat .mp3 dan .wav.
4.7.6 Teks
Sebagian besar file-file teks atau isi materi peneliti dapatkan dengan mengambil materi dari beberapa buku yang dijadikan referensi utama. Buku yang
peneliti gunakan adalah Mini Ensiklopedi Alam Semesta oleh Hendra Wisesa. Selain itu peneliti juga mencari sumber dari beberapa situs di internet yang berkaitan dengan
rasi bintang khususnya mengenai zodiak.
4.8 Pembuatan Assembly
Dalam pengembangan aplikasi, pembuatan Visualisasi Rasi Bintang Berbasis Multimedia ini menggunakan perangkat keras hardware dan perangkat
lunak software dengan spesifikasi sebagai berikut: 1. Spesifikasi Perangkat Keras Pengembangan Multimedia
a. IntelR Core™2 Duo 2.10 GHz, yang merupakan spesifikasi processor
dari laptop yang digunakan peneliti untuk merancang aplikasi. Fungsinya untuk memberikan proses kinerja, kreativitas dan produktivitas yang
lebih tinggi.
b. Hard disk 320GB berfungsi untuk menyediakan tempat bagi aplikasi
perangkat lunak dan menyediakan tempat penyimpanan untuk keperluan aplikasi yang akan dibuat.
c. Memory 2GB berfungsi untuk mempercepat proses publish movie
penampilan film pada Adobe Director 11 dan Adobe Flash CS5 sekaligus sebagai tempat penyimpanan sementara perangkat lunak dan
data. d.
Sound Card berfungsi untuk memproses suara pada aplikasi agar terdengar dengan baik.
e. Internal Graphic Card berfungsi untuk mempercepat proses penampilan
gambar pada layar. f.
Mouse berfungsi sebagai alat interaksi pengguna aplikasi ini sekaligus sebagai alat interaksi yang penting pada pembuatan aplikasi.
g. Keyboard
berfungsi sebagai unit input
masukan data guna pengembangan aplikasi.
h. Active Speaker berfungsi sebagai unit output keluaran suara untuk
mendengarkan suara yang ada pada aplikasi. i.
Monitor 14.0” berfungsi sebagai unit keluaran yang dapat menampilkan tampilan aplikasi dan secara otomatis sebagai interface antar muka atau
penghubung peneliti dengan komputer. j.
CD-RW berfungsi untuk menyimpan program ke dalam kepingan CD.
Setelah semua spesifikasi pengembangan dapat dipenuhi, maka tahap selanjutnya adalah tahap pengembangan aplikasi yakni pembuatan aplikasi
dengan menggunakan perangkat lunak yang telah disiapkan. Untuk tahap awal peneliti mendesain gambar yang akan digunakan sebagai background latar pada
halaman dalam aplikasi, gambar tersebut diperoleh dari sumber internet yang selanjutnya peneliti olah sendiri dengan menggunakan Adobe Photoshop CS5.
Peneliti menambahkan efek pada beberapa desain gambar latar seperti menambahkan layer shadow, transparansi layer, memodifikasi dengan brush, dan
sebagainya. Untuk selanjutnya akan dibahas tentang pembuatan sesuai halaman dalam aplikasi ini.
4.8.1 Pembuatan Halaman Intro
Pada tahap pembuatan intro, peneliti menggabungkan beberapa bahan- bahan gambar berformat .jpg, .psd, dan .mov yang kemudian di-import semua ke
dalam Adobe After Effects CS3. Setelah itu, diberi efek animasi bintang-bintang FE Starburst dan efek tembakan laser Beam. Beberapa file animasi yang sudah
dibuat di Adobe After Effects CS3, selanjutnya ditambahkan efek suara dengan menggunakan
software Ulead Video Studio 10. Setelah selesai render menggunakan Ulead, video hasil render diproses di Adobe Director 11 dengan
menggunakan script agar ketika user mengklik tombol home maka halaman otomatis pindah ke Menu Utama.
on exitFrame
me go movie
home end
Kategori