Ketemu lagi di sesi lanjutan neh…

Langsung saja, untuk membuat sebuah cd interaktif sebaiknya kita mempersiapkan/mencari semua bahan (teks, picture, data, video etc). Dan tak kalah pentingnya adalah membuat struktur dari cd interaktif tersebut. Sebagai contoh lihat gambar dibawah ini :

Dalam grafik komputer, grafik bitmap sering diperbandingkan dengan grafik vector. Program paint atau program berbasis bitmap menyimpan citra sebagaimana ditampilkan pada layar bitmap sebagai array dari titik-titik. Jika kita mengedit gambar dengan program paint tertentu, kita mengendalikan pewarnaan terhadap setiap pixel secara langsung. Program paint mengolah citra bitmap yang disebut juga citra raster. Program paint mancakup program-program editor grafik sederhana sampai program pengolah citra seperti Adobe Photoshop dari Adobe, Corel Photo Paint, Paintbrush dari ZSoft dll.

Secara tidak langsung dalam kehidupan sehari-hari multimedia menjadi kebutuhan yang penting. TV, radio dsb merupakan bagian-bagian dari multimedia. Multimedia mempunyai peran yang tidak bisa dipandang sebelah mata dalam hal bisnis, marketing, pendidikan dan bidang lainnya.

Sistem komputer multimedia sendiri mempunyai pengertian suatu integrasi atau gabungan dari teks, gambar, suara audio, animasi dan video. Sistem sendiri adalah setiap sesuatu yang terdiri atas objek, unsur atau komponen yang berhubungan atau bertata kaitan satu sama lain sedemikian rupa sehingga unsur-unsur yang ada merupakan satu kesatuan pemrosesan dan pengolahan. Nah untuk mencapai tujuannya, sebuah sistem membutuhkan sistem pendukung atau alat bantu seperti hardware (perangkat keras), software (perangkat lunak) dan brainware (manusia). Diperlukan kerjasama yang baik antara ketiga sistem ini sehingga dari sistem yang direncanakan akan menghasilkan informasi yang berguna sesuai dengan yang diharapkan. Kata multimedia menurut etimologi atau asal usul bahasanya adalah berasal dari kata multi yang berarti banyak atau lebih dari satu dan media yang berarti bentuk dan saranan komunikasi. Sebenarnya sistem dan konsep multimedia sudah lama dikenal dalam kehidupan sehari-hari. Dari pengertian multimedia sendiri bisa disimpulkan bahwa unsur-unsur di dalam multimedia adalah video, audio, teks, grafik, animasi dan interaktiviti.

Kebutuhan presentasi visual berkembang dengan sangat cepat. Keadaan ini didukung pula oleh semakin maraknya software-software desain 2D/3D baik yang bersifat easy to use atau virtual reality. Dalam pembuatan presentasi multimedia interaktif director bisa dihandalkan juga karena kemampuan director dalam mengemas informasi dan data dari berbagai software lain untuk digunakan sebagai data pendukung. Director adalah software yang bisa dikatakan powerfull karena kemampuannya untuk berintegrasi dengan software lainnya. Sebuah presentasi ada yang bersifat linier dan non linier. Dan director sangat bisa untuk dihandalkan. Contoh lain dari penggunaan multimedia interaktif adalah company profile, product launching, expose, laporan tahunan, dan masih banyak lagi.

Untuk kali ini kita akan membahas pembuatan CD interaktif yang tentunya menggunakan Macromedia Director sebagai software utama dan didukung oleh software – software grafis dan animasi lainya seperi adobe photoshop, corel draw, 3d animation, macromedia flash, swift 3D, swish, anime fx dan masih banyak lagi. Apalagi ditambah dengan adanya xtras yang semakin membuat director lebih memukau lagi dan juga dukungan bahasa pemrograman lingo sebagai bahasa pemrograman yang digunakan di macromedia director.

Oke untuk sesi yang pertama ini terlebih dahulu akan memperkenalkan macromedia director dan contoh aplikasi yang jadi (tapi cuma screenshotnya saja). Tulisan ini dibuat berdasarkan pengalaman pribadi dalam membuat sebuah CD interaktif, mungkin hasilnya masih jauh dari kata sempurna. Sebagai contoh CD yang dulu dibuat adalah CD interaktif rumah bersalin dan Klinik kesehatan sebuah rumah bersalin di kota karanganyar (jawa tengah). Screenshotnya bisa dilihat dibawah ini :

Pengalaman pertama membuat CD interaktif masih kacau karena belum terkonsep dengan matang, tapi alhamdulilah akhirnya jadi juga. Untuk itu dalam pembuatan CD interaktif sebaiknya kita buat dulu konsepnya, materi (teks, picture, video, voice etc), struktur CD, desain antar muka, tujuan dari pembuatan CD tersebut, sasaran dan fungsi dari pembuatan CD tersebut dan mungkin masih ada lagi hal-hal lainya yang juga perlu disiapkan terlebih dahulu.

Semoga dengan melihat contoh – contoh diatas bisa memberikan gambaran ataupun sebagai referensi dalam pembuatan sebuah CD interaktif. Kreatifitas, kesabaran, keuletan dan tentunya skill dibutuhkan disini (minimal anda sudah pernah belajar photoshop, flash, coreldraw) juga kuat begadang sampai pagi didepan komputer (hehehehe). Finally..untuk sesi perkenalan cukup disini dulu, next session akan membahas tentang langkah awal dalam pembuatan aplikasi berbasis multimedia ini. (semoga bisa cepat kelar nulisnya untuk sesi-sesi berikutnya).

Semoga bisa membantu buat yang pingin belajar flash. Maaaf ga ada gambarnya

• Buka Program Macromedia Flash

• Klik menu Insert à New Symbol à movie clip

• Pada layer 1, buat obyek Rectangle kemudian klik “round rectangle radius” ubah “corner radius” menjadi 20 points. Buat ukuran rectangle dengan ukuran w : 290.9, h : 62, x : -140, y : -30. Berikan warna dengan type linier.

• Copy rectangle yang telah dibuat kemudian diputar secara 180◦, ubah ukuran menjadi w : 272.4, h : 52.4, x : -131.2, y : -25.3

• Beri Obyek teks tepat ditengah-tengah obyek rectangle yang telah dibuat.

• Buat layer baru, ubah nama layer menjadi penutup. Buat obyek rectangle sampai menutupi setengah dari obyek pada layer 1,

• Klik pada frame 10 kemudian tekan F6 kemudian hapus sebagian kotak hingga tulisan terlihat secara keseluruhan. Berikan motion shape diantara frame 1 – 10

• Setelah itu klik kanan pada frame 1 lalu pilih “copy frame”

• Selanjutnya klik kanan pada frame 20 kemudian pilih “paste frame” sehingga pada frame 20 muncul , lalu berikan motion shape diantara frame 11 – 20

• Ulangi langkah 6 sampai 9 untuk membuat obyek penutup sebelah kanan

• Buat layer baru kemudian ubah namanya menjadi “area button”

• pada layer area button, buat obyek rectangle dengan ukuran w : 310.4, h : 79.8, x : -152.9, y : -38.2, sehingga obyek button tertutup oleh rectangle.

• Kemudian klik kanan pada obyek rectangle kemudian pilih “convert to symbol” lalu Anda pilih type “button” dan klik Ok.

• Setelah obyek rectangle berubah menjadi symbol “button”, kemudian pada panel properties ubah type color menjadi Alpha, dan ubah prosentase menjadi 0%.

• Pilih obyek rectangle pada layer “button”, pada panel action tuliskan script seperti dibawah ini :

on (rollOver) {

gotoAndPlay(2);

}

on (releaseOutside, rollOut) {

gotoAndPlay(11);

}

• Buat layer baru kemudian ubah namanya menjadi “stop action”

• Klik pada frame 1 pada layer stop action, kemudian pada panel action tuliskan script berikut :

stop( );

• Klik pada frame 10 kemudian tekan F7 pada keyboard, lalu tuliskan script berikut :

stop( );

• Kembali ke scene, kemudian drag symbol movie clip ke stage. Untuk melihat hasilnya tekan Ctrl + Enter. Maka akan terdapat suatu tombol button yang interaktif.

• Pilih obyek rectangle pada layer “button”, pada panel action tuliskan script seperti dibawah ini :

on (rollOver) {

gotoAndPlay(2);

}

on (releaseOutside, rollOut) {

gotoAndPlay(11);

}

• Buat layer baru kemudian ubah namanya menjadi “stop action”

• Klik pada frame 1 pada layer stop action, kemudian pada panel action tuliskan script berikut :

stop( );

• Klik pada frame 10 kemudian tekan F7 pada keyboard, lalu tuliskan script berikut :

stop( );

• Kembali ke scene, kemudian drag symbol movie clip ke stage. Untuk melihat hasilnya tekan Ctrl + Enter. Maka akan terdapat suatu tombol button yang interaktif.

Lingo adalah bahasa pemrograman Director yang berguna untuk menciptakan interaksi antara pemakai dengtan movie yang istilah populernya disebut movie interaktif. Dengan Lingo kita bisa mengontrol movie agar memberikan respon dari suatu kondisi dan kejadian tertentu, sebagai contoh lingo dapat membuat tombol navigasi untuk berpindah antar halaman presentasi dengan mudah, menggerakkan objek, mengontrol volume suara dan masih banyak lagi.

Script lingo sendiri terbagi menjadi 4 tipe yaitu behaviour script, movie script, parent script dan cast member script. Behaviour, movie dan parent script akan tampil sebagai cast member yang ada di dalam cast windows. Behaviour script adalah script yang ditulis untuk mengontrol properties dan gerakan sprite. Tipe script ini memudahkan pemrograman yang berorientasi pada objek atau lebih dikelanl dengan istilah OOP (Object Oriented Programming). Movie script adalah script yang tidak ditulis untuk sprite melainkan un