Modul Pelatihan Pembuatan Media Pembelajaran Matematika dengan 

Menggunakan Perangkat Lunak FlashDemo Pro Version 3.0  

bagi Guru Sekolah Menengah Di DIY 

  

Media Pembelajaran Interaktif dengan

FlashDemo Pro Version 3.0

 

 

 

 

 

 

 

 

 

 

Oleh : 

Nur Hadi Waryanto, S.Si 

Laboratorium Komputer Jurusan Pendidikan Matematika 

Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Negeri Yogyakarta 

2007 

2

 

FlashDemo Pro Version 3.0 

 

FlashDemo Pro adalah sebuah software yang mudah pengoperasiannya untuk 

membuat  professional  demos  dan  tutorial  tanpa  harus  menguasai  suatu  bahasa 

permrograman.  FlashDemo  Pro  dibuat  oleh  Longtion  Software  Inc.                   

(http://www.longtion.com)  Suatu presentasi,  tutorial, demo, dengan menggunakan 

FlashDemo Pro dapat debuat tanpa membutuhkan waktu yang lama.FlashDemo Pro 

sangat fleksibel dan mudah pengoperasiannya. 

File FlashDemo Pro dapat di Publish dalam beberapa format file, yaitu : 

• Flash Movie (.swf)  

• Executable File (.exe)  

• HTML File (.htm) 

• AutoRun CD/DVD Files or burn CD/DVD directly with built‐in CD Burner 

Untuk  mengoperasikan  FlashDemo  Pro  dibutuhkan  spesifikasi  System  sebagai 

berikut : 

Minimum system configuration 

Microsoft Windows 2000  

800x600 screen resolution with 16‐bit colors  

100 MB free disk space  

128 MB RAM  

Recommended system configuration 

Microsoft Windows XP  

1024x768 screen resolution with 16.7 million colors  

100 MB free disk space  

128 MB RAM  

CD‐ROM or DVD‐ROM drive 

 

Area 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Memb

1.

2.

 

 

Kerja Flash

buat Demo

Klik File >

 

 

 

 

 

 

 

 

Atur men

Scene Pa

hDemo Pro

o dengan Fl

> New dan 

nu Animatio

Time

nel M

o 3.0 

lashDemo 

atur propr

on pada An

eLine Panel

Menu Bar

PRo 

retiesnya se

nimation Pa

l Scene

ebagai berik

anel  seper

Propert

Tool Ba

kut 

ti dibawah 

ties Panel

ar

ini 

3

 

 

 

 

 

 

 

 

 

 

3.

4.

5.

 

 

 

 

 

 

 

 

 

 

6.

 

Buka Pan

and Drop 

Buka Pan

Buka Pan

 

Buka Pan

nel Galery 

 image 

nel Timelin

el Animati

nel Galery d

dan  tamba

ne dan geser

ion dan atu

dan tambah

ahkan  Ima

r Image1 m

ur animasin

hkan Ballon

ge1.fdo  ke

mulai pada d

nya seperti d

n8.fdo ke sc

e  scene den

detik 1 (1S) 

dibawah in

cene 

ngan  cara D

ni 

4

Drag 

7.

 

 

 

 

 

 

 

 

 

 

8.

 

 

 

 

 

 

 

 

 

9.

  

 

 

 

 

 

10

Atur Prop

Pada Prop

Ubah teks

0. Atur  jenis

dan pilih 

perties Ballo

perties Pan

s tersebut d

s  font dan 

jenis dan u

on8.fdo seb

nel klik Tex

dalam jende

ukuran fon

ukuran font 

bagai beriku

xt kotak text

ela Text Edi

nt dengan k

di kotak Fo

ut 

t 

itor 

klik   kotak 

ont Editor

Font di Prroperties P

5

Panel 

 

 

 

 

 

 

 

 

 

11

12

13

14

 

. Atur anim

2. Buka Tim

3. Tambahk

4. Tambahk

teks pada

(jenis, uku

masi dari Ba

meline Pane

an Label1 d

an Teks”Fl

a kotak Cap

uran dan w

alloon8.fdo

el dan geser

dengan klik

lashDemoP

ption di pa

warna font) p

pada Anim

     

r Ballon8.fd

k Add Labe

Pro”pada L

anel Proper

pada kotak

mation Pan

do dimulai 

el pada men

Label1  terse

rties Panel,

k font di pan

nel seperti d

dari detik k

nu Toolbar

 

ebut dengan

 dan atur p

nel propert

dibawah ini

 

ke‐3,5 (3,5 s

r 

n mengetik

properties l

ties 

6

i 

s) 

 

kkan 

label 

15

16

17

18

5. Atur anim

6. Atur time

7. Tambahk

8. Tambahk

teks pada

ukuran da

masi Label d

eline Label1

an Label1 d

an Teks  ”A

a kotak Cap

an warna fo

di  Animati

1 di panel ti

dengan klik

AutoRun P

ption di Pro

ont) pada k

ion Panel s

        imeline 

k Add Labe

Pro”pada L

operties Pa

kotak font d

seperti diba

el pada men

abel1  terse

anel, dan a

di Propertie

 

 

awah ini 

nu Toolbar 

ebut dengan

tur propert

es Panel 

 

 

n mengetik

ties label (j

7

kkan 

enis, 

19

20

21

22

23

9. Atur anim

0. Atur time

. Tambahk

2. Tambahk

pada  kot

ukuran da

3. Atur anim

masi Label A

eline Label1

an Label1 d

an Teks ”N

ak  Caption

an warna fo

 

masi Label A

AutoRun P

1 di Timelin

dengan klik

Now Start”

n  di  Prope

ont) pada k

AutoRun P

ro di Anim

      

ne Panel 

k Add Labe

pada Label

erties  Pane

kotak font d

ro di Anim

mation Pane

el pada men

l1 tersebut 

el,  dan  atu

di Propertie

 

mation Pane

el seperti di

nu Toolbar

dengan me

ur  properti

es Panel 

el seperti di

ibawah ini

 

r 

engetikkan 

ies  label  (j

i bawah ini

8

teks 

enis, 

i 

24

25

26

27

28

4. Atur time

5. Simpan fi

6. Untuk me

7. Publish  f

File > Pub

8. Pilih Jenis

kotak Pub

eline Label1

ile ini denga

elihat hasiln

file  ini  untu

blish atau k

s file (eksten

blish Demo

1 di Timelin

an klik File

nya klik Pre

uk mendap

klik tombol

nsi file) yan

o dan klik O

        

ne Panel 

e > Save As

eview Scen

patkan  jeni

l Publish di

ng diingink

OK 

s, beri nama

ne pada me

is  file  yang

i Tool bar

 

kan (.swf, .e

a filenya La

enu Tool Ba

g  diinginka

exe, .html a

 

atihan 

ar 

an  dengan 

tau DVD) p

9

 

klik  

pada 

29

30

31

9. Beri nama

0. Buat  Scen

New Scen

. Klik File 

Demo 

a file terseb

ne  baru de

ne di Toolb

> Open  > 

but dan klik

ngan  klik 

bar 

Program F

k tombol OK

menu Scen

File  > Long

K 

ne  > New 

gtion  > Fla

 Scene  atau

 ashDemo P

 

u  tekan  tom

Pro  > Samp

10

mbol 

ple  > 

32

33

34

35

36

37

2. Klik Scen

3. Klik Back

4. Klik  tomb

tersebut d

5. Kembali k

6. Klik Back

7. Klik  tomb

dan tekan

ne 2 

kImage pad

bol  Save  A

dengan nam

ke project L

kImage pad

bol Load F

n tombol Op

da Propertie

As  pada  je

ma image1

Latihan scen

da Propertie

rom File p

pen 

es Panel 

 

endela  Ima

ne 2 

es Panel (M

pada  jendel

age  Editor

 

Menambahk

a  Image Ed

dan  simpa

kan backgro

ditor dan c

 

an  file  gam

ound scene 

cari  file  im

11

mbar 

2) 

age1 

38

39

40

41

8. Membuat

Cursor pa

9. Atur Prop

0. Atur anim

. Geser leta

t animasi ge

ada Toolba

perties Cur

masi pada A

ak kotak Cu

erakan kur

ar 

rsor seperti 

Animation 

ursor Motio

sor mouse 

dibawah in

Panel sepe

on di Timel

 

(Cursor M

ni 

rti dibawah

lie Panel p

otion), Klik

 

h ini  

ada detik k

k  Tombol 

ke‐7,5 (7,5 s

12

Add 

) 

42

43

44

45

46

47

2. Klik tomb

3. Atur Prop

4. Geser bat

5. Klik Tomb

6. Atur  pro

bentuk el

7. Atur anim

bol Add Cu

pertiesnya 

as akhir Tim

bol Add Sh

perties  dar

lipse 

masi Ellipse

ursor lagi  

seperti diba

meline pad

hape di Too

ri  shape  te

e shape di A

awah ini 

da sampai se

olbar 

ersebut  di 

     

Animation 

epanjang 11

 

Properties

Panel sepe

1 detik 

s  Panel  de

 

rti dibawah

 

engan  mem

h ini 

13

 

milih 

48

49

50

51

8. Atur letak

9. Klik Gale

0. Ganti teks

. Atur anim

k Ellipse Sh

ery Panel da

snya denga

masinya di A

hape di Tim

an pilih Bal

an “Clik He

Animation

   

meline Pane

lloon1.fdo

ere” dan atu

n Panel  seb

el pada deti

 

ur Propertie

 

bagai beriku

 

ik ke‐10,5  

esnya sebag

ut  

gai berikut

14

52

53

54

55

2. Atur letak

3. Klik tomb

4. Pada  Pro

properties

5. Atur anim

k Ballon1.fd

bol Add Sh

operties  P

snya sebag

masi Arrow

do di panel 

ape di Too

anel,  pilih

ai berikut

wRight Shap

  

Timeline m

olbar untuk

h  ArrowRi

  pe pada  An

mulai detik 

 

k menambah

 

ight  pada 

nimation Pa

 

ke‐5 

h shape 

kotak  Sh

anel sebaga

hape  dan 

 ai berikut 

15

atur 

56

57

6. Atur letak

7. Klik Add

di Proper

58. Pada k

59. Atur le

60. Klik  T

beriku

k ArrowRig

 Shape pad

ties Panel, 

kotak Fillst

etak Rectan

Tombol  Ad

ut 

ght Shape d

da Toolbar

dan atur p

tyle pilih Cl

ngle Shape 

dd  Note  p

    di Timeline

 dan pilih 

ropertiesny

lear 

pada Time

pada  Toolb

e Panel mul

bentuk Rec

ya sebagai b

 

eline Panel 

bar  dan  atu

 lai detik ke

ctangle pad

berikut 

mulai detik

ur  propert

‐0,5  (0,5 s)

da kotak sh

k ke‐0,5 

tiesnya  seb

16

hape 

bagai 

Men

61.  Atur a

62. Atur le

63. Klik Fi

64. Klik to

65. Klik to

Scene 

ghentika

animasinya

etak Note t

ile > Save  

ombol Prev

ombol Prev

1 

n Movie 

a pada Anim

tersebut pad

untuk men

view Scene

view pada 

(Pause M

  mation Pan

  da Timelin

nyimpan Pr

pada Toolb

Toolbar un

Movie) pad

 nel sebagai 

 ne Panel mu

roject ini 

bar 

ntuk meliha

 

da Detik T

berikut 

ulai detik k

at hasil Pro

Tertentu 

 

 ke‐0 

oject mulai 

17

dari 

1.

2.

3.

4.

5.

6.

 

Mem

1.

2.

3.

Klik Scen

diatas. 

Klik Time

Double k

detik ke ‐3

Klik Previ

Untuk me

Untuk me

tersebut p

mbuat Hyp

Klik Scen

Klik Butto

Atur letak

ne1 file latih

eline Panel

klik Ruler d

3  

iew Scene 

enjalankan 

enghapus ta

pada Ruler

perlink d

ne2 file latih

on Panel, p

k button di 

han FlashD

l 

di Timeline

untuk meli

lagi klik to

anda Pause

r TimeLinen

di FlashDe

han FlashDe

pilih dan tam

scene 

Demo Pro ya

e Panel seh

ihat hasilny

mbol Play

e (garis mer

nya 

emo Pro

emo Pro di 

mbahkan 2

ang telah d

hingga mun

ya. Movie ak

di Flash Pl

rah di Time

atas 

2 buah  but

dibuat dalam

ncul garis m

kan berhenti 

layer 

eLine), dou

ton ke scen

m tutorial 

merah, misal

di detik ke‐3

 

uble klik ga

ne 

18

l di 

3 

aris 

4.

5.

6.

7.

Klik Butto

     

Klik kotak

Klik kotak

Klik kotak

on1 dan atu

k caption d

k ClikActio

k SceneNam

ur propertie

di Propertie

on pada Pro

me dan pili

esnya seper

 

es panel dan

operties Pa

ih Scene1

rti dibawah

n ganti teks

anel dan pil

h ini 

snya menja

lih GotoSce

 

adi “Scene1

ene 

19

 

” 

8.

9.

10

Klik Butto

Klik Capt

0. Klik kotak

on2 dan atu

tion dan ga

k ClickActi

ur propertie

anti teksnya

ion dan pil

esnya seper

a dengan “V

ih VisitWe

rti dibawah

  

Visit Websi

ebSite 

h ini 

te” 

20

11

12

13

. Klik kotak

www.uny

2. Klik Time

beri perin

3. Klik tomb

k WebsiteU

y.ac.id 

eline Panel

ntah stop/p

bol Preview

Url dan keti

l geser kota

pause pada 

w pada Too

ikan alama

ak Button1 d

detik kelim

lbar untuk 

 

t website y

 

dan Button

ma 

melihat ha

ang diingin

n2 mulai det

asilnya 

nkan missal

tik ketiga d

21

l 

dan