flashdemo pro version 3.0 - staff site universitas negeri...
TRANSCRIPT
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