Modul

PelatihanPembuatanMediaPembelajaranMatematikadengan MenggunakanPerangkatLunakFlashDemoProVersion3.0 bagiGuruSekolahMenengahDiDIY

Media Pembelajaran Interaktif dengan FlashDemo Pro Version 3.0

Oleh:
NurHadiWaryanto,S.Si

LaboratoriumKomputer JurusanPendidikanMatematika FakultasMatematikadanIlmuPengetahuanAlam UniversitasNegeriYogyakarta 2007

 FlashDemoProVersion3.0
FlashDemoProadalahsebuahsoftwareyangmudahpengoperasiannyauntuk 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 FlashDemoProdapatdebuattanpamembutuhkanwaktuyanglama.FlashDemoPro sangatfleksibeldanmudahpengoperasiannya. FileFlashDemoProdapatdiPublishdalambeberapaformatfile,yaitu: FlashMovie(.swf) ExecutableFile(.exe) HTMLFile(.htm) AutoRunCD/DVDFilesorburnCD/DVDdirectlywithbuiltinCDBurner

Untuk mengoperasikan FlashDemo Pro dibutuhkan spesifikasi System sebagai berikut: Minimumsystemconfiguration MicrosoftWindows2000 800x600screenresolutionwith16bitcolors 100MBfreediskspace 128MBRAM Recommendedsystemconfiguration MicrosoftWindowsXP 1024x768screenresolutionwith16.7millioncolors 100MBfreediskspace 128MBRAM CDROMorDVDROMdrive 2

 AreaKerjaFlash hDemoPro o3.0 Time eLine Panel Scene l Propert Panel ties Scene Panel Menu Bar M Tool Ba ar

buatDemo odenganFl lashDemoPRo Memb 1. KlikFile> >Newdanaturpropr retiesnyase ebagaiberik kut 2. Aturmen nuAnimatio onpadaAn nimationPa anelsepertidibawahini 3

 3. Buka Pan Galery dan tamba nel ahkan Image1.fdo ke scene den e ngan cara D Drag image andDrop 4. BukaPan nelTimelin nedangeser rImage1m mulaipadad detik1(1S)

5. BukaPanelAnimati iondanatu uranimasin nyasepertid dibawahin ni nelGaleryd dantambah hkanBallon n8.fdokesc cene 6. BukaPan 4

7. AturProp pertiesBallo on8.fdoseb bagaiberiku ut pertiesPan nelklikTex xtkotaktext t 8. PadaProp stersebutd dalamjende elaTextEdi itor 9. Ubahteks 0. s ntdengank klikkotak FontdiPropertiesP r Panel 10 Aturjenis fontdan ukuranfon danpilihjenisdanu ukuranfontdikotakFo ontEditor 5

 masidariBa alloon8.fdo padaAnim mationPan nelsepertid dibawahini i 11. Aturanim

2. melinePane eldangeser rBallon8.fd dodimulaidaridetikk ke3,5(3,5s s) 12 BukaTim

13 TambahkanLabel1d 3. denganklik kAddLabe elpadamen nuToolbar r

14 Tambahkan TeksFl 4. lashDemoP Propada Label1 terse L ebut dengan mengetik n kkan akotakCap ptiondipa anelProper rtiesPanel,danaturp propertiesl label tekspada (jenis,uku urandanw warnafont)p padakotak kfontdipan nelpropert ties 6

 15 Aturanim 5. masiLabeld diAnimati ionPanels sepertidiba awahini

16 Aturtime 6. elineLabel1 1dipanelti imeline

17 TambahkanLabel1d 7. denganklik kAddLabe elpadamen nuToolbar 18 Tambahkan Teks A 8. AutoRun P Propada Label1 terse ebut dengan mengetik n kkan akotakCap ptiondiPro opertiesPa anel,danaturpropert tieslabel(jenis, tekspada ukuranda anwarnafo ont)padak kotakfontd diPropertie esPanel

19 Aturanim 9. masiLabelA AutoRunProdiAnim mationPane elsepertidi ibawahini

20 Aturtime 0. elineLabel1 1diTimelin nePanel

21. TambahkanLabel1d denganklik kAddLabe elpadamen nuToolbar r 22 TambahkanTeksN 2. NowStart padaLabel l1tersebut denganme engetikkan teks pada kotak Caption di Prope n erties Pane dan atu properti label (jenis, el, ur ies ukuranda anwarnafo ont)padak kotakfontd diPropertie esPanel

23 Aturanim 3. masiLabelA AutoRunProdiAnim mationPane elsepertidi ibawahini i

 24 Aturtime 4. elineLabel1 1diTimelin nePanel

25 Simpanfi 5. ileinidenga anklikFile e>SaveAs s,berinama afilenyaLa atihan 26 Untukme 6. elihathasiln nyaklikPre eviewScen nepadame enuToolBa ar

27 Publish file ini untu mendap 7. f uk patkan jeni file yang diinginka dengan klik is g an File>Pub blishatauk kliktombol lPublishdi iToolbar

28 PilihJenis 8. sfile(eksten nsifile)yan ngdiingink kan(.swf,.e exe,.htmlatauDVD)p pada kotakPub blishDemo odanklikO OK

 29 Berinama 9. afileterseb butdanklik ktombolOK K

30 Buat Scen baru dengan klik menu Scen > New Scene atau tekan tom 0. ne ne u mbol NewScen nediToolb bar

31. Klik File > Open > Program F File > Long gtion > Fla ashDemo Pro > Samp > P ple Demo

10

 32 KlikScen 2. ne2 33 KlikBack 3. kImagepad daPropertie esPanel

34 Klik tomb Save A pada je 4. bol As endela Ima age Editor dan simpa file gam an mbar tersebutd dengannam maimage1

35 Kembalik 5. keprojectL Latihanscen ne2 36 KlikBack 6. kImagepad daPropertie esPanel(M Menambahk kanbackgro oundscene2) 37 Klik tomb Load From File p 7. bol pada jendela Image Ed ditor dan cari file image1 c dantekan ntombolOp pen

11

 38 Membuat 8. tanimasige erakankursormouse(CursorMotion),Klik kTombolAdd Cursorpa adaToolba ar

39 AturProp 9. pertiesCur rsorsepertidibawahin ni

40 Aturanim 0. masipadaA AnimationPanelsepertidibawah hini

41. Geserleta akkotakCu ursorMotio ondiTimel liePanelpadadetikk ke7,5(7,5s)

12

 42 Kliktomb 2. bolAddCu ursorlagi 43 AturProp 3. pertiesnyasepertidiba awahini

44 GeserbatasakhirTim 4. melinepad dasampaise epanjang11 1detik

45 KlikTomb 5. bolAddSh hapediToo olbar

46 Atur properties dar shape te 6. ri ersebut di Properties Panel de s engan mem milih bentukellipse

47 Aturanim 7. masiEllipse eshapediA AnimationPanelsepertidibawah hini

13

48 Aturletak 8. kEllipseSh hapediTim melinePane elpadadeti ikke10,5

49 KlikGale 9. eryPanelda anpilihBal lloon1.fdo 50 Gantiteks 0. snyadenga anClikHe eredanatu urPropertie esnyasebag gaiberikut

51. Aturanim masinyadiA Animation nPanelseb bagaiberiku ut

14

 52 Aturletak 2. kBallon1.fd dodipanelTimelinem mulaidetikke5

53 Kliktomb 3. bolAddShapediToo olbaruntuk kmenambah hshape

54 Pada Pro 4. operties Panel, pilih ArrowRi h ight pada kotak Sh hape dan atur properties snyasebagaiberikut

55 Aturanim 5. masiArrow wRightShap pepadaAn nimationPa anelsebaga aiberikut

15

56 Aturletak 6. kArrowRig ghtShaped diTimeline ePanelmul laidetikke0,5(0,5s) 57 Klik Add Shapepad Toolbar danpilih bentukRec 7. da ctangle pad kotak sh da hape diPropertiesPanel,danaturpropertiesny yasebagaib berikut

58. Padak kotakFillst tylepilihCl lear 59. Aturle etakRectan ngleShapepadaTime elinePanelmulaidetik kke0,5 60. Klik T Tombol Ad Note p dd pada Toolb dan atu propert bar ur tiesnya seb bagai beriku ut

16

 61. Atura animasinya apadaAnim mationPan nelsebagaiberikut

63. KlikFi ile>Saveuntukmen nyimpanPr rojectini 64. Klikto ombolPrev viewScene padaToolb bar

62. Aturle etakNotet tersebutpad daTimelin nePanelmu ulaidetikk ke0

65. Klikto ombolPrev viewpada Toolbarun ntukmeliha athasilPro ojectmulai dari Scene1

MenghentikanMovie(PauseM Movie)pad daDetikT Tertentu

17

1. KlikScen ne1filelatih hanFlashD DemoProya angtelahd dibuatdalam mtutorial diatas. elinePanel l 2. KlikTime klikRulerd diTimeline ePanelseh hinggamun nculgarism merah,misal ldi 3. Doublek detikke3 3

4. KlikPrevi iewSceneuntukmeli ihathasilny ya.Movieak kanberhentididetikke3 3 5. Untukme enjalankanlagikliktombolPlay diFlashPl layer

6. Untukme enghapusta andaPause e(garismer rahdiTime eLine),dou ubleklikga aris tersebutp padaRuler rTimeLinen nya

Mem mbuatHyp perlinkd diFlashDe emoPro

1. KlikScen ne2filelatih hanFlashDe emoProdiatas 2. KlikButto onPanel,p pilihdantam mbahkan2 2buahbuttonkescen ne kbuttondiscene 3. Aturletak

18

 4. KlikButto on1danatu urpropertie esnyaseper rtidibawah hini

5. Klikkotak kcaptiond diPropertie espaneldan ngantiteks snyamenja adiScene1 6. Klikkotak kClikActio onpadaPro opertiesPa aneldanpil lihGotoSce ene

kSceneNam medanpili ihScene1 7. Klikkotak 19

8. KlikButto on2danatu urpropertie esnyaseper rtidibawah hini

9. KlikCapt tiondanga antiteksnya adenganV VisitWebsite 0. kClickActi iondanpilihVisitWe ebSite 10 Klikkotak

20

 11. Klikkotak kWebsiteU Urldanketi ikanalamatwebsiteyangdiingin nkanmissal l www.uny y.ac.id

2. elinePanel lgeserkota akButton1d danButton n2mulaidet tikketigad dan 12 KlikTime beriperin ntahstop/p pausepadadetikkelim ma

13 Kliktomb 3. bolPreview wpadaToolbaruntukmelihatha asilnya

21