2008
Basic Animation – Flash Framework Htpp://muhammadadri.net/ Tulisan ini merupakan salah satu modul praktik yang ditulis untuk digunakan dalam pengembangan bahan ajar Multimedia, dalam proses pengolahan dan pembuatan data animasi yang akan digunakan di dalam Multimedia Instructional Design (MID)
IlmuKomputer.Com
Muhammad Adri Muhammad Adri Teknik Elektronika FT UNP 4/1/2008
IlmuKomputer.Com
Tutorial Berseri - Multimedia Instructional Design
Macromedia Flash MX 2004: Environment Overview Muhammad Adri
[email protected] http://muhammadadri.net
Lisensi Dokumen: Copyright © 2003-2008 IlmuKomputer.Com Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari IlmuKomputer.Com.
PENDAHULUAN Macromedia Flash merupakan salah satu aplikasi animasi yang sangat populer dikalangan praktisi dan desainer aplikasi multimedia. Flash merupakan salah satu produk andalan Macromedia yang cukup banyak digunakan soot ini. Hal ini ditandai dengan maraknya berbagai jenis game dalam format Flash yang dapat Anda jumpai di intemet. Kemampuan Flash juga cukup populer di kalangan para pembuat animasi dan aplikasi web yang menarik. Saat ini Flash muncul dengan versi terbaru, yaitu Macromedia Flash 8 yang terintegrasi di dalam Macromedia Studio 8. Namun dalam modul latihan ini kita menggunakan Macromedia Flash MX 2004, yang mempunyai kelengkapn fitur yang tidak jauh berbeda dengan Versi 8. Macromedia Flash MX 2004 dilengkapi dengan berbagai fitur dan interface bare. Sebenamya Macromedia Flash MX 2004 terdiri atas duo edisi, yaitu Flash MX 2004 dan Flash MX Professional 2004. Keduanya memiliki berbagai fitur yang cukup menarik. Namun edisi Flash yang digunakan dalam modul ini adalah Flash MX Professional 2004. Untuk mengetahui edisi Flash mana yang Anda miliki, klik menu Help > About Flash pada menu bar.
Komunitas eLearning IlmuKomputer.Com Copyright © 2003-2008 IlmuKomputer.Com
1
Ilm muKomp puter.Co om
Gambar 1. Melih hat versi Fla ash yang digunakan Flash MX X 2004 me erupakan se ebuah aplikasi yang cu ukup andal bagi para desainer d web, serta praktisi di bida ang multim media dan pembuatan n media ko omunikasi in nteraktif. ggunaan Flash MX 2004 2 lebih ditekankan pada pe embuatan, pengolahan, serta Peng maniipulasi berb bagai jenis data, melip puti audio, video, gam mbar bitmap p dan vektor, teks, serta a data. M Professsional 2004 4 ditujukan bagi para desainer web w dan Sedangkkan Flash MX programmer pro ofesional. Fitur-fitur F yan ng dimiliki oleh o Flash MX M Professsional 2004 meliputi ua fitur yan ng terdapat pada Flash MX 2004 4 serta beb berapa fitur tambahan lainnya. semu Flash h MX Proffessional 2004 memilliki project--manageme ent tools g guna menin ngkatkan kinerrja sebuah tim t web, khususnya hu ubungan an ntara desain ner dan pem mbuat progrram.
FITU UR-FITUR BARU U FLASH MX PRO OFESSIO ONAL 200 04 Seperti yang y telah diuraikan sebelumnya s , baik Flash h MX 2004 maupun Flash MX Profe essional 2004 memilikii fitur-fitur bare. Bebera apa fitur batte tersebut antara lain :
TIME ELINE EFFE ECTS Anda da apat menggunakan Tim meline Effec cts pada se emua objek dalam Stag ge untuk mem mberikan transisi dan an nimasi, sep perti fade-ins s, fly-ins, blurs, spins, dan sebaga ainya.
PANEL BEHAV VIORS Behaviors digunakkan untuk membuat sebuah an nimasi inte eraktif tanpa a hares uliskan kod dekode terttentu. Seba agai contoh h, Anda da apat mengg gunakan Be ehaviors menu untukk membuatt link ke su uatu sites tertentu, t me enampilkan gambar, ssuara, serta a file-file video o.
Komuunitas eLearniing IlmuKompputer.Com Copyrright © 2003-2008 IlmuKom mputer.Com
2
Ilm muKomp puter.Co om
Gam mbar 2. Time eline Effects
Ga ambar 3. Men nggunakan P Panel Behav viors
ACC CESSIBILITY SUPPOR RT Accessib bility Suppo ort merupa akan salah satu kemu udahan dalam Flash, betupa kump pulan shortccut untuk mengontrol m b berbagai intterface, sep perti panel, Property In nspector, kotakk dialog, Stage, se erta objek dalam Sttage. Dengan demikkian, Anda a depot meng ggunakan semua s komponen interrface terseb but tanpa ha angs mengg gunakan mo ouse.
TEM MPLATE BA ARU Flash MX M 2004 me emiliki bebe erapa temp plate bare yang depot digunakan n dalam mem mbuat prese entasi, aplikasi e-leam ming, iklan, same be erbagai jenis dokume en Flash lainn nya.
G Gambar 4. Beberapa B pilihan Temp plate pada Welcome W Sccreen
SIST TEM HELP YANG TER RINTEGRAS SI Sistem Help pada Flash MX X 2004 me erupakan salah s satu bagian yang turut meng galami Kini Anda dapa at mempela ajari Flash dengan d leb bih mudah m melalui siste em Help yang g baru ini.
Komuunitas eLearniing IlmuKompputer.Com Copyrright © 2003-2008 IlmuKom mputer.Com
3
Ilm muKomp puter.Co om
Gambar 5. Mengguna akan Fitur Help H SPELL CHECK KER Flash MX 2004 kin ni memiliki fitur Spell Checker (p pemeriksa e ejaan) sepe erti yang apat pada beberapa b ap plikasi peng golah kata pada p umum mnya. Fitur iini digunaka an untuk terda mem meriksa kesa alahan ejaa an pada pen nulisan scrip pt atau benttuk teks lain nnya. Anda a dapat me enggunakan fitur Spe ell Checkerr melalui menu m Text > Check Spelling. S Seda angkan untu uk mengatu ur settingnya a, klik menu u Text > Spelling Setup p.
Gambar 6. 6 Fasilitas Spell S Checkker DOC CUMENT TA AB Docume ent Tab mun ncul setiap kali Anda membuka atau a memb buat dokume en bare. Deng gan demikian, Anda dapat berp pindah dari satu doku umen ke d dokumen ya ang lain seca ara mudah.
Gamb bar 7. Document Tab START PAGE Start Pa age (atau dikenal jug ga dengan istilah We elcome Sccreen) mem mberikan udahan bag gi anda un ntuk membuat dan membuka do okumen Fla ash, mengg gunakan kemu sistem tutorial atau a menggu unakan berrbagai piliha an template yang terse edia. Komuunitas eLearniing IlmuKompputer.Com Copyrright © 2003-2008 IlmuKom mputer.Com
4
Ilm muKomp puter.Co om
Gam mbar 8. Sta art page FITU UR FIND AN ND REPLAC CE Fitur ini digunakan untuk men ncari don mengganti m k kata-kata attau kalimat tertentu dalam m dokumen n Flash. An nda depot mencari m tek ks, font, wa ama, simboll, file sound d, video, serta a gambar. Fitur F ini dapat diaktifkan melalui menu Editt Æ Find a and Replac ce atau deng gan tombol Ctrl + F
VIDE EO IMPORT T WIZARD Fitur ini digunakan untuk mem mpermudah Anda dalam m mengimp por file-file video v ke dalam m dokumen n Flash. Anda depot memilih m metode impor yang y akan digunakan, apakah berupa embedd ded file atau u linked file.. Wizard ini akan munccul secara otomatis se etiap kali Anda a ingin mengimpor file video.
Gambar 9. Fitur Find and a Replacce
Gambar 10. 1 Video Im mport Wizarrd
RICH H MEDIA SUPPORT M 2004 mendukung berbagai fo ormat file yang y dapatt digunakan n dalam Flash MX mem mbuat -Dkum men presentasi.
SMA ALL FONT SIZE S REND DERING Komuunitas eLearniing IlmuKompputer.Com Copyrright © 2003-2008 IlmuKom mputer.Com
5
Ilm muKomp puter.Co om Fitur ini digunakan untuk men nampilkan font f secara lebih haluss, walaupun dalam ukura an yang keccil sekalipun n.
FLAS SH PLAYER DETECT TION Flash Player P Dete ection digun nakan untu uk memerikksa versi F Flash Player yang digun nakan pada a komputer.. Anda dapat mengakttifkan din mengatur m fun ngsi fitur ini melalui menu u File > Pub blish Setting g pada men nu bar.
Gambar 11. Konfigura asi Publish Setting dan n Flash Playyer
Mem mulai Be ekerja de engan Ma acromedia Flash MX 2004 4 Untuk mulai m bekerja a dengan Macromedia M Flash MX 2004, dapa at dilakukan dengan langkkah sebaga ai berikut : 1. Klik K menu Start Æ Program P Æ Macrome edia Æ Macromedia a Flash MX X 2004, s sehingga mu uncul tampiilan awal se ebagai berik kut :
Gambar 12. 1 Tampilan awal Mac cromedia Flash MX 200 04
Komuunitas eLearniing IlmuKompputer.Com Copyrright © 2003-2008 IlmuKom mputer.Com
6
IlmuKomputer.Com 2. Pada tampilan awal (Welcome Screen), terdapat beberapa pilihan yang dapat digunakan sebagai jalan pintas untuk menentukan jenis data yang akan dibangun dengan Flash, yaitu : a. Open a Recent Document, pilihan ini digunakan untuk mebuka file yang sudah pernah dibuat atau disimpan b. Create New, digunakan untuk membuat sebuah file flash yang baru c. Create From Template, membuat file flash dari pilihan template (contoh yang disediakan oleh flash) yang telah ada. 3. Karena ini adalah pertama kali saudara bekerja dengan Flash, maka pilihlah option Create New, dengan pilihan sebagai berikut : a. Flash Document, digunakan untuk embuat sebuat dokumen flash yang baru, biasanya akan membentuk sebuah file dengan ekstension fla (*.fla). b. Flash Slide Presentation, pilihan ini digunakan untuk membuat sebuah slide presentasi dengan menggunakan Flash, akan menjadi sebuah file dengan ekstension fla (*.fla) c. Flash Form Application, pilihan ini digunakan untuk mebuat sebuah from aplikasi yang dibangun dengan menggunakan Flash, layaknya seperti sebuah form dalam pemrograman Visual Basic, file yang dihasilkan juga dalam bentuk fla.
d. ActionScript File, pilihan ini digunakan jika dalam aplikasi flash yang dibangun akan ditambahkan ActionScript untuk memberikan perilaku terhadap komponen flash yang dibangun, file yang hasilkan berformat (*.as). e. ActionScript Communication File, pilihan ini merupakan pilihan untuk level advance pemrograman ActionScript dengan Flash, untuk menghubungkan aplikasi flash dengan aplikasi lainnya, ataupun untuk aplikasi membangun mobile dengan flash, file keluarannya berupa (*.asc) f.
Flash JavaScript File, pilihan ini digunakan untuk membuat sebuah javascript pada aplikasi flash, file yang dibentuk berekstensi (*.jsfl)
g. Flash Project, pilihan ini digunakan untuk membangun sebuah project lengkap dari sebuah aplikasi flash, file yang tersimpan dalam format (*.flp).
Lingkungan Kerja Macromedia Flash MX 2004 Lingkungan kerja Macromedia Flash MX 2004, diperlihatkan pada Gambar 13 berikut ini :
Komunitas eLearning IlmuKomputer.Com Copyright © 2003-2008 IlmuKomputer.Com
7
IlmuKomputer.Com
Tool Box
Layer
Option
Properties
Menu Bar
Worksheet
TimeLine
Frame
Scene
Project
Componen Inspector
Biografi Penulis Muhammad Adri. Menyelesaikan S1 di Jurusan Teknik Elektronika FPTK IKIP Padang tahun 1999, dan S2 di Jurusan Teknik Elektro Universitas Gadjah Mada Yogyakarta, dengan konsentrasi Sistem Komputer dan Informatika (SKI) tahun 2004. Staf pengajar Teknik Elektronika Fakultas Teknik Universitas Negeri Padang. Kompetensi inti pada bidang Computer Networking and Security, Computer Architecture and Organization, Web-Based Application, Online Learning, Multimedia-Based Instructional Design, dan Knowledge Community. Penulis aktif sebagai pemakalah dalam berbagai Seminar Nasional, instruktur pada model pembelajaran berbasis Multimedia dan Komputer., IT-Based Education. Memegang Sertifikasi Microsoft, JENI (Java Education Network Indonesia) 1,2,dan 4. Ketertarikan penulis dalam bidang implementasi IT dalam dunia pendidikan, menghantarkan penulis sebagai mahasiswa doktoral Ilmu Pendidikan Pascasarjana Universitas Negeri Padang, terhitung mulai September 2006.
Komunitas eLearning IlmuKomputer.Com Copyright © 2003-2008 IlmuKomputer.Com
8