Tutorial Berseri-Multimedia Instructional Design

(1)

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)

2008

Muhammad

Adri

Teknik Elektronika FT UNP 4/1/2008

Basic

Animation

–

Flash

Framework

2008

Muhammad

Adri

Basic

Animation

–

Flash

Framework

2008

Muhammad

Adri

(2)

M

u

h

a

m

a

d

A

d

r

i

adri@muhammadadri.net

http://muhammadadri.net

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.

Lisensi Dokumen:

(3)

Komu Copyr

Ilm

web, Peng mani serta prog semu Flash kiner

FITU

Profe TIME mem PAN menu untuk video unitas eLearni right ©

2003-muKomp

Flash MX serta pra ggunaan F ipulasi berb a data. Sedangk rammer pro ua fitur yan h MX Prof rja sebuah t

UR-FITU

Seperti y essional 20 ELINE EFFE Anda da mberikan tra EL BEHAV Behavio uliskan kod k membuat o. ing IlmuKomp 2008 IlmuKom

puter

.Co

Gam X 2004 me ktisi di bida lash MX 2 bagai jenis

kan Flash M ofesional. F ng terdapat

fessional 2 tim web, kh

R BARU

yang telah 04 memiliki

ECTS

apat mengg nsisi dan an

VIORS

rs digunak dekode tert t link ke su

puter.Com mputer.Com

om

bar 1. Melih erupakan se ang multim 2004 lebih data, melip MX Profess Fitur-fitur yan pada Flas 004 memil ususnya hu

U FLASH

diuraikan s i fitur-fitur b

unakan Tim nimasi, sep

kan untuk tentu. Seba uatu sites t

hat versi Fla ebuah aplik media dan ditekanka puti audio,

sional 2004 ng dimiliki o h MX 2004 liki project-ubungan an

MX PRO

sebelumnya are. Bebera meline Effec perti fade-ins membuat agai contoh tertentu, me

ash yang di asi yang cu pembuatan n pada pe

video, gam

4 ditujukan oleh Flash M 4 serta beb -manageme ntara desain

OFESSIO

, baik Flash apa fitur bat

cts pada se s, fly-ins, bl

sebuah an h, Anda da enampilkan

gunakan ukup andal n media ko

embuatan, mbar bitmap

bagi para MX Profess berapa fitur ent tools g ner dan pem

ONAL 200

h MX 2004 te tersebut emua objek urs, spins, nimasi inte apat mengg gambar, s

bagi para d omunikasi in pengolaha p dan vekt

(4)

ACC

kump kotak meng

TEM

mem lainn

SIST

meng yang

Gam

CESSIBILIT

Accessib pulan shortc k dialog, ggunakan s

MPLATE BA

Flash M mbuat prese

nya.

G

TEM HELP

Sistem galami Kini g baru ini.

mbar 2. Time

Y SUPPOR

bility Suppo cut untuk m Stage, se semua kom

ARU

MX 2004 me entasi, apli

Gambar 4. B

YANG TER

Help pada Anda dapa

eline Effects

RT

ort merupa mengontrol b

erta objek ponen inter

emiliki bebe kasi e-leam

Beberapa pi

RINTEGRAS

Flash MX at mempela

Ga

akan salah berbagai int

dalam St rface terseb

erapa temp ming, iklan

lihan Temp

SI

X 2004 me ajari Flash d

ambar 3. Men

satu kemu terface, sep tage. Den but tanpa ha

plate bare , same be

plate pada W

erupakan s dengan leb

nggunakan P

udahan da perti panel, gan demik angs mengg

yang depo erbagai jen

Welcome Sc

salah satu bih mudah m

Panel Behav

lam Flash, Property In kian, Anda gunakan mo

t digunakan is dokume

creen

bagian ya melalui siste

viors

betupa nspector,

a depot ouse.

n dalam en Flash

(5)

Komu Copyr

Ilm

SPE

terda mem Anda Seda

DOC

Deng seca

STA

kemu siste

unitas eLearni right ©

2003-muKomp

LL CHECK

Flash M apat pada b meriksa kesa

a dapat me angkan untu

CUMENT TA

Docume gan demiki ara mudah.

RT PAGE

Start Pa udahan bag m tutorial a

ing IlmuKomp 2008 IlmuKom

puter

.Co

KER

X 2004 kin beberapa ap

alahan ejaa enggunaka uk mengatu

AB

ent Tab mun an, Anda

age (atau gi anda un atau menggu

om

Gambar 5.

ni memiliki plikasi peng an pada pen n fitur Spe ur settingnya

Gambar 6

ncul setiap dapat berp

Gamb

dikenal jug ntuk memb

unakan ber

Mengguna

fitur Spell golah kata p nulisan scrip ell Checker

a, klik menu

6. Fasilitas S

kali Anda pindah dari

bar 7. Docu

ga dengan uat dan m rbagai piliha

akan Fitur H

Checker (p pada umum pt atau bent r melalui m u Text > Sp

Spell Check

membuka a satu doku

ment Tab

istilah We embuka do an template

Help

pemeriksa e mnya. Fitur i

tuk teks lain menu Text elling Setup

ker

atau memb umen ke d

elcome Sc okumen Fla

yang terse

ejaan) sepe ini digunaka nnya.

> Check S p.

buat dokume dokumen ya

creen) mem ash, mengg edia.

4

erti yang an untuk

Spelling.

en bare. ang lain

(6)

FITU

dalam serta deng

VIDE

dalam beru Anda

RICH

mem

SMA

UR FIND AN

Fitur ini m dokumen a gambar. F gan tombol

EO IMPORT

Fitur ini m dokumen

pa embedd a ingin men

Gambar 9.

H MEDIA S

Flash M mbuat -Dkum

ALL FONT S

ND REPLAC

digunakan n Flash. An Fitur ini da

Ctrl + F

T WIZARD

digunakan n Flash. An ded file atau

gimpor file

Fitur Find a

UPPORT

MX 2004 m men presen

SIZE REND

Gam

CE

untuk men nda depot m

pat diaktifk

untuk mem da depot m u linked file.

video.

and Replac

endukung tasi.

DERING

mbar 8. Sta

ncari don m mencari tek

an melalui

mpermudah memilih met

. Wizard ini

ce

berbagai fo art page

mengganti k ks, font, wa menu Edit

Anda dalam ode impor y

akan munc

Gambar 1

ormat file y

kata-kata at ama, simbol

t Æ Find a

m mengimp yang akan cul secara

10. Video Im

yang dapat

tau kalimat l, file sound

and Replac

por file-file v digunakan, otomatis se

mport Wizar

t digunakan

tertentu d, video,

ce atau

video ke apakah etiap kali

rd

(7)

Komu Copyr

Ilm

ukura

FLAS

digun menu

Mem

langk 1. K s

2003-muKomp

Fitur ini an yang kec

SH PLAYE

Flash P nakan pada u File > Pub

mulai Be

Untuk m kah sebaga Klik menu sehingga mu

ing IlmuKomp 2008 IlmuKom

puter

.Co

digunakan cil sekalipun

R DETECT

Player Dete a komputer. blish Setting

Gambar 1

ekerja de

mulai bekerja

ai berikut :

Start Æ P

uncul tampi

Gambar 1

om

untuk men n.

TION

ection digun . Anda dap g pada men

1. Konfigura

engan Ma

a dengan M

Program Æ

ilan awal se

12. Tampila

nampilkan f

nakan untu at mengakt nu bar.

asi Publish

acromed

Macromedia

Æ Macrome

ebagai berik

n awal Mac

font secara

uk memerik tifkan din m

Setting dan

ia Flash

Flash MX

edia Æ M

kut :

cromedia Fl

lebih halus

ksa versi F mengatur fun

n Flash Play

MX 2004

2004, dapa

acromedia

ash MX 200

s, walaupu

Flash Play ngsi fitur in

yer

4

at dilakukan

a Flash MX

04

6

n dalam

er yang i melalui

dengan

(8)

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

(9)

Komunitas eLearning IlmuKomputer.Com

8

IlmuKomputer

.Com

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.

Tool Box

Option Worksheet

Layer Menu Bar TimeLine Scene

Properties Frame Componen Inspector