Media Pembelajaran Interaktif dengan FlashDemo Pro Version 3.0

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 ini 

                    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)    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 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 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   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 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 

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 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    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

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  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 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 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  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    ” 

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” 

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