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
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
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
3.
4.
5.
Buka Pan
and Drop Buka Pan
Buka Pan
nel Galery
image
nel Timelin
el Animati
dan tamba
ne dan geser
ion dan atu
ahkan Ima
r Image1 m
ur animasin
ge1.fdo ke
mulai pada d
nya seperti d
e scene den
detik 1 (1S)
dibawah in
ngan cara D
ni
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
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
i
s)
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
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 teks enis,
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
klik
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 mbol
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
mbar
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 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
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
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
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
hape
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
1. 2. 3. 4. 5. 6.
Mem
1. 2. 3. Klik Scen diatas. Klik TimeDouble 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
l di
3
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
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
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 l
dan