Tutorial Berseri-Multimedia Instructional Design

  2008 2008 2008 Basic Basic Basic  Animation –   Animation –   Animation –  Flash Flash Flash  Framework   Framework   Framework  Htpp://muhammadadri.net/ Htpp://muhammadadri.net/ Htpp://muhammadadri.net/             Tulisan Tulisan Tulisan

   ini merupakan salah satu modul praktik yang ditulis untuk digunakan   ini merupakan salah satu modul praktik yang ditulis untuk digunakan   ini merupakan salah satu modul praktik yang ditulis untuk digunakan  dalam dalam dalam  pengembangan bahan ajar Multimedia, dalam proses pengolahan dan   pengembangan bahan ajar Multimedia, dalam proses pengolahan dan   pengembangan bahan ajar Multimedia, dalam proses pengolahan dan  pembuatan pembuatan pembuatan  data animasi  yang akan digunakan di dalam Multimedia   data animasi  yang akan digunakan di dalam Multimedia   data animasi  yang akan digunakan di dalam Multimedia  Instructional Instructional Instructional

  

 Design (MID)   Design (MID)   Design (MID) 

      Muhammad Muhammad Muhammad  Adri  Adri  Adri IlmuKomputer .Com

  T u t o r i a l B e r s e r i M u l t i m e d - i a I n s t r u c t i o n a l D e s i g n T u t o r i a - l B e r s e r i M u l t i m e d i a I n s t r u c t i o n a l D e s i g n Macromedia Flash MX 2004: Environment Overview M u h a m m a d A d r i M u h a m m a d A d r i adri@muhammadadri.net 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.

  Gam bar 1. Melih hat versi Fla ash yang di gunakan Flash MX X 2004 me erupakan se ebuah aplik asi yang cu ukup andal bagi para d desainer web, serta pra ktisi di bida ang multim media dan pembuatan n media ko omunikasi in nteraktif.

  Peng ggunaan F lash MX 2 2004 lebih ditekanka n pada pe embuatan, pengolaha n, serta mani ipulasi berb bagai jenis data, melip puti audio, video, gam mbar bitmap p dan vekt or, teks, serta a data.

  Sedangk kan Flash M MX Profess sional 2004 4 ditujukan bagi para desainer w web dan prog rammer pro ofesional. F Fitur-fitur yan ng dimiliki o oleh Flash M MX Profess sional 2004 meliputi semu ua fitur yan ng terdapat pada Flas h MX 2004 4 serta beb berapa fitur tambahan lainnya. Flash h MX Prof fessional 2 004 memil liki project- -manageme ent tools g guna menin ngkatkan kiner rja sebuah t tim web, kh ususnya hu ubungan an ntara desain ner dan pem mbuat progr ram.

  FITU UR-FITU R BARU U FLASH MX PRO OFESSIO ONAL 200

  04 Seperti y yang telah diuraikan s sebelumnya , baik Flash h MX 2004 maupun F lash MX

  Profe essional 20 04 memiliki i fitur-fitur b are. Bebera apa fitur bat te tersebut antara lain :

TIME ELINE EFFE ECTS

  Anda da apat mengg unakan Tim meline Effec cts pada se emua objek dalam Stag ge untuk mem mberikan tra nsisi dan an nimasi, sep perti fade-ins s, fly-ins, bl urs, spins, dan sebaga ainya.

PAN EL BEHAV

  VIORS

  Behavio rs digunak kan untuk membuat sebuah an nimasi inte eraktif tanpa a hares menu uliskan kod dekode tert tentu. Seba agai contoh h, Anda da apat mengg gunakan Be ehaviors untuk k membuat t link ke su uatu sites t tertentu, me enampilkan gambar, s suara, serta a file-file video o.

  Gam mbar 2. Time eline Effects Ga ambar 3. Men nggunakan P Panel Behav viors

  ACC CESSIBILIT Y SUPPOR RT

  Accessib bility Suppo ort merupa akan salah satu kemu udahan da lam Flash, betupa kump pulan shortc cut untuk m mengontrol b berbagai int terface, sep perti panel, Property In nspector, kotak k dialog, Stage, se erta objek dalam St tage. Den gan demik kian, Anda a depot meng ggunakan s semua kom ponen inter rface terseb but tanpa ha angs mengg gunakan mo ouse.

TEM MPLATE BA ARU

  Flash M MX 2004 me emiliki bebe erapa temp plate bare yang depo t digunakan n dalam mem mbuat prese entasi, apli kasi e-leam ming, iklan , same be erbagai jen is dokume en Flash lainn nya.

  G Gambar 4. B Beberapa pi lihan Temp plate pada W Welcome Sc creen

SIST TEM HELP YANG TER RINTEGRAS SI

  Sistem Help pada Flash MX X 2004 me erupakan s salah satu bagian ya ng turut meng galami Kini Anda dapa at mempela ajari Flash d dengan leb bih mudah m melalui siste em Help yang g baru ini.

  Gambar 5. Mengguna akan Fitur H Help

SPE LL CHECK KER

  Flash M X 2004 kin ni memiliki fitur Spell Checker (p pemeriksa e ejaan) sepe erti yang terda apat pada b beberapa ap plikasi peng golah kata p pada umum mnya. Fitur i ini digunaka an untuk mem meriksa kesa alahan ejaa an pada pen nulisan scrip pt atau bent tuk teks lain nnya. Anda a dapat me enggunaka n fitur Spe ell Checker r melalui m menu Text > Check S Spelling. Seda angkan untu uk mengatu ur settingnya a, klik menu u Text > Sp elling Setup p.

  Gambar 6

  6. Fasilitas S Spell Check ker

  DOC CUMENT TA AB Docume ent Tab mun ncul setiap kali Anda membuka a atau memb buat dokume en bare.

  Deng gan demiki an, Anda dapat berp pindah dari satu doku umen ke d dokumen ya ang lain seca ara mudah.

  Gamb bar 7. Docu ment Tab

STA RT PAGE

  Start Pa age (atau dikenal jug ga dengan istilah We elcome Sc creen) mem mberikan kemu udahan bag gi anda un ntuk memb uat dan m embuka do okumen Fla ash, mengg gunakan siste m tutorial a atau menggu unakan ber rbagai piliha an template yang terse edia.

  Gam mbar 8. Sta art page

FITU UR FIND AN ND REPLAC CE

  Fitur ini digunakan untuk men ncari don m mengganti k kata-kata at tau kalimat tertentu dalam m dokumen n Flash. An nda depot m mencari tek ks, font, wa ama, simbol l, file sound d, video, serta a gambar. F Fitur ini da pat diaktifk an melalui menu Edit t Æ 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 v video ke dalam m dokumen n Flash. An da depot m memilih met ode impor y yang akan digunakan, apakah beru pa embedd ded file atau u linked file. . Wizard ini akan munc cul secara otomatis se etiap kali Anda a ingin men gimpor file video.

  Gambar 9. Fitur Find a and Replac ce Gambar 1

  10. Video Im mport Wizar rd

  RICH H MEDIA S UPPORT

  Flash M MX 2004 m endukung berbagai fo ormat file y yang dapat t digunakan n dalam mem mbuat -Dkum men presen tasi.

  SMA ALL FONT S SIZE REND DERING

  Fitur ini digunakan untuk men nampilkan f font secara lebih halus s, walaupu n dalam ukura an yang kec cil sekalipun n.

  FLAS SH PLAYE R DETECT TION

  Flash P Player Dete ection digun nakan untu uk memerik ksa versi F Flash Play er yang digun nakan pada a komputer. . Anda dap at mengakt tifkan din m mengatur fun ngsi fitur in i melalui menu u File > Pub blish Setting g pada men nu bar.

  Gambar 1

  1. Konfigura asi Publish Setting dan n Flash Play yer

  Mem mulai Be ekerja de engan Ma acromed ia Flash MX 2004

  4 Untuk m mulai bekerja a dengan M Macromedia Flash MX 2004, dapa at dilakukan dengan

  langk kah sebaga ai berikut :

  1. K Klik menu Start Æ P Program Æ Æ Macrome edia Æ M acromedia a Flash MX X 2004, sehingga mu s uncul tampi ilan awal se ebagai berik kut : Gambar 1

  12. Tampila n awal Mac cromedia Fl ash MX 200

  04

  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 :

  Tool Box Layer Menu Bar TimeLine Scene Project Properties Frame Componen Inspector

  Option Worksheet

  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.