51888738-50512416-Belajar-Flash-Dasar

www.bahasajepang.com

1

PROGRAMFLASH(SebagaiMediaPembelajaranInteraktif)

oleh:Darjat

I.PENDAHULUAN

ProgramFLASHadalahprogrampembuatdesigngrafikvektoryangsudahdiakuikehandalannyabaikdiduniaanimasidinamis,designstatismaupunanimasiwebyangatraktif.PadamulanyaprograminidirilisolehvendorMacromediaCorporationpadatahun1993yangkemudianpadatahun2007diaquisisiolehvendorAdobeCorporationdengandiluncurkannyaversiterbaruyaituFLASHCS3Professional.Flashdapatmenyajikanmediainteraktifseperti:1. Animasimultimedia

Animasi dapat digunakan dalam sebuah media interaktif agar media tersebut terlihat menarik,misalnya animasi film kartun, animasi efek tertentu,maupun animasi yang sering terlihat dalambannersebuahweb.

2. AdvertisingDenganFlashjugamemungkinkankitauntukmembuatmediaadvertisingkarenamemilikifiturfituryangcukuplengkapdiantaranyaketersediaanefekefekmemukaubaikefekteksmaupunefekgrafis.

3. PresentasiFlashmenyediakantempleteuntukpresentasiyangberisislideslidesebagaimediaataustagebagicontensebuahpresentasi.

4. GameFlash mampu membuat scriptscript game dengan flatform Flash Player ataupun berinteraksidenganscriptyangdibuatJavaScript.Bahkangametersebutbisapuladirancanguntukdimainkansecaraonline.

5. InterfacewebPenampilan sebuah situs atau interface sebuah web yang atraktif akan membuat pengunjungsemakinbetahuntukberlamalama.Flashmempumengolahberbagaimedia interaksidananimasiuntuk aplikasi web, dengan kemampuannya mengekspor movie ke format *html dan mampuberkomunikasidenganprogramDreamwaver.

6. MediapembelajaranKeampuhannya dalam pembuatan media pembelajaran, Flash juga tidak diragukan lagi. Mediabelajar interaktif dapat dikembangkanmelalui program ini, seperti media elearning baik dalamjaringanwebmaupunjaringanlokal(LAN).

7. AplikasimobiledeviceSetelahbahasapemrogramanJavaScript,C++yangsudahlebihdulumengutakatikprogramsebagaiaplikasi mobile device, kini Flash juga mulai merambah ke dunia pemrograman aplikasi mobiledevice(telephongenggam),dengandiluncurkannyabahasapemrogramanFlashLite.

8. Multimediarepresentatif.

www.bahasajepang.com

2

Flashmampuberfungsi sebagai representasi sebuahmedia seperti, slide show, audio dan video,scraptbookdanlainlain.

II.MEDIAPEMBELAJARANDENGANFLASHFlashadalahsalahsatuprogramyangmampumembuatmediapembelajaranyangatraktifdan

interaktif.Namundemikian tentu saja ini tidak akanbisa terlepasdaripolesan kita yangharus lebihinovatifdankreatif.Pembelajaran interaktifyangdimaksudadalahadanyasalingresponantaramediadan pembelajar sehingga pembelajar/user dapat merasakan kepraktisannya. Untuk membuat mediainteraktifpalingtidakkitaharusmenguasailogikakodekodeperintahyangdalambahasapemrogramandisebutsebagaiActionscript.

Sebagaimanahalnya softwarepemrograman lain,action scriptdalamFlashdapatberinteraksidengan script di luar flatformnya seperti sript Java Script, Php,ASP, danHtml. Selain itu, Flash jugamendukungpemrogramanOOP(ObjectOrientedPrograming)yaitupemrogramandenganistilahbahwasuatuscriptdapatmenciptakandanmemicuataumenjalankanobjekdengankelastertentudandapatdigunakansecaraberulangulang.

Berkaitan dengan media pembelajaran, Flash mampu menampilkan nilainilai atraktif daninteraktif.Bagi seorangpengajar, instruktur dan presenter tentu sajahalhal seperti iniakan sangatdiperlukanyangbertujuanuntukmenarikminatdanrasa ingintahupembelajarterhadapsuatumaterisehingga akhirnya pembelajar dapat dengan mudah memahami atau mencerna pesan apa yangdisampaikan.BeberapamodelyangdapatkitakembangkanmelaluiFlashiniantaralain;1.QuizinteraktifQuiz adalah salah satuunsur yangmendukungbagi keterukuran kemampuanpembelajar.Kitadapatmenciptakan sebuah quiz dengan sistem otomatis, baik sistem penilaianmaupun sistemwaktu. Kitadapatmerasakanhanyadengansatuklikpersoalanselesai.Contohquizyangdapatdikembangkanantaralain;a.Multiplechoiseb.Esayc.TrueorFalsequestiond.Melengkapie.Mencocokkandll.2.AnimasiTehnikanimasidalamsebuahpembelajaransangatdibutuhkanuntukmempermudahsuatugambaranatau proses objek yang kita ajarkan. Dengan sebuah animasi, pembelajar akan lebih tertarik untukmemperhatikanapayangdisampaikan sehinggaotoritaspengajaruntukmenyampaikanmateri lewatanimasiakantercurahkansecaragamblang.

www.bahasajepang.com

3

3.PresentasiataudemoDalam dunia kepengajaran presentasi atau pendemoan suatu pelajaran sangatlah penting. Kita akanlebihmudahmenyuguhkansebuahpelajarandengansistemdemodijitalyanghayadikendalikandengansistemkontrol,karenaselaindapatmenghemattenagajugadapatmengefektifkandanmengefisienkanwaktu. Dengan presentasi kita hanya membutuhkan rangkuman topiktopik penting dan bila perluditambahkanbeberapademo.4.GamePembelajaranmelaluigameadalahcarapalingampuhdalampenyampaiansebuahpesanmaterikarenadapat mengakomodir kemampuan otak kanan dan otak kiri, Belajar sambil bermain biasanya lebihdisukaiolehseorangpembelajar.Selainmetodemetodediatastentusajamasihbanyakyangdapatkitaciptakansesuaimatapelajaranyangkitaajarkan.

www.bahasajepang.com

4

III.MENGENALFLASHCS3PROFESSIONAL PadabagianiniakandikenalkansekilastentangprogramFlashCS3Professionalsebagaiaplikasiyangnantinyaakandijadikanaplikasiuntukmembuatmediapembelajaran.1.InterfaceBar Menu: Melalui menu toolbar kita dapat menampilkan atau menghilangkan tooltool editorial,properti, mengatur interface, memasukan file external dan berbagai tampilan pada interface,memodifikasi objek,mengotrolmovie dan lainlain.Menu toolbar terdiri dari: file, edit, view, insert,modify,text,command,control,debug,window,danhelp.Tool bar disebut juga sebagai Tool editor adalah peralatanuntukmembuatdanmemodifikasiobjekpadastage.Timeline adalah area kerja untuk menentukan atau mengatur animasi objek dalam stage. Dalamtimeline terdapat scene yaitu area kerja atau segmen, episode, tempat sebuah movie tersimpan,memilikibagiansubareakerjayangdisebutlayerdanframesebagaibagiandarilayeritusendiri.

www.bahasajepang.com

5

Panel Properties terdiri dari bar Properties, Filter, dan Parameter, adalah area untuk mengaturparameterobjek,memodifikasiobjek,danmemberinamainstanceobjek.PanelLibrarydanColoruntukmengaturtatawarnadanmenyimpaninstanceatauobjekmovie,grafik,dantombol.Padaareapanel inisebenarnyakitadapatmenambahkanpanelpanel lainyangdipanggilmelaluimenuwindow namun sifatnya customizable. Secara default flash hanyamenampilkan panelLibrarydanColor.Selainpanelpaneldiatasmasihadabeberapapanelwindowyang sifatnyamenggantungyangdapatditampilkandandisembunyikanmelaluimenuWindow,sertadapatdiaturposisinyasesuaidenganyangkitainginkan.2.MembuatlatihansederhanaPadabagianinikitaakancobamembuataplikasisederhanamenggunakanFlashCS3Professional.a.TombolnavigasiKitaakanmembuatperintahperpindahan antar framedenganmenggunakansebuah tombolsebagaipemicu.Komponenyangdibutuhkan:Buttoncomponent,StaticText.Langkah:1. Bukadokumenbaru.2. KlikiconTextTool ,arahkankursorketengahstage,buattulisanSlide1dengantipeStaticText

berukuran30pt(untukmengaturtipetext,klikbarProperties).

3. TekantombolF6padakeyboarduntukmembuatKeyframe.

www.bahasajepang.com

6

Gambardi atasmenunjukkanbahwa Layer1berisidua frame,danbagian yangdilingkari adalahhasildaripembuatankey frameyangditandaibulatanataunodahitampada frame.Memasukkankeyframeberartikitamengcopyseluruhobjekdariframesebelumnya.

4. Padastageframe2,gantitulisanSlide1menjadiSlide2.Klikframe1agarpadastageditampilkanSlide1.

5. BukamenuWindow>CommonLibrary>Button,akanmunculpanelsepertigambardibawahsebelahkiri.

6. KlikduakalifolderPlaybackFlatdalampanelLibraryButton(gunakanscrollbaruntukmencarinya),laludragtombolflatbluebackdanflatblueforwardkedalampanelLibrary.

7. TutuppanelLibraryButtonsdengancaramengkliktandasilangdipojokkananatas.8. DragtombolflatblueforwarddariLibrary,letakkandipojokkananbawahstage.9. BukapanelProperties,isikantulisanmaju_btnpadakotak10. Klikframe2(=Slide2),laludragtombolflatbluebackdariLibrary,letakkandipojokkiribawastage.11. BukapanelProperties,isikantulisanbalik_btnpadakotak

Sekarangkitaakanmenambahkanscriptsederhanapadaframe.

12. KlikmenuInsert>Timeline>Layer,makapadaTimelineakanbertambahlayer2.

www.bahasajepang.com

7

13. Klikframe1layer2,lalutekanF9untukmenampilkanWindowscript,ketikkanscriptberikut;stop(); maju_btn.onRelease=function(){ nextFrame(); }

14. Klikkananmousepadaframe2layer2,pilihInsertKeyframepadamenudropdown,ketikkanscriptberikutpadaWindowscript;stop(); balik_btn.onRelease=function(){ prevFrame(); }

www.bahasajepang.com

8

Keterangan: stop();Untukmemerintahkanagarberhentipadaframetersebut.

maju_btn.onRelease=function(){ nextFrame(); }

maju_btn adalah nama instance tombol agar bisa dipanggil script, onRelease=function(){ adalahpenampungatauhandlerperintahagarketikatombolmaju_btndilepassetelahditekan(onRelease)bisamenjalankan perintah script berikutnya, dalam script tersebut berupa perintah nextFrame() yaitupindahkeframeberikutnyayangberisiSlide2.15. TekanCtrl+Entersecarabersamaanuntukmengetesnya.

b.MembuatpenjumlahanKitaakanmembuatoperatorpenjumlahan,perkalian,pembagian,danpengurangan.Komponenyangdibutuhkan:Inputtext,Dynamictext,dantombol.Skemaaplikasiyangakankitabuatadalahsebagaiberikut:Langkah:1. Bukadokumenbaru,simpandengannamapenjumlahan.2. Klikicontextpadatoolbareditor laluarahkankursorkedalamstage.3. Klikkirimouselalusapukankursorhinggamembentukkotaksecukupnya,kirakiracukupuntuklima

digitangka.4. Kotak teksdalamkeadaanaktif,bukapanelProperties laluganti tipe teksdengan InputText.beri

namainput1_txtdalamkotakisian,aktifkanjugaBordertextnya.

www.bahasajepang.com

9

5. GantitipeteksdenganjenisStatictextdenganukuranfont30pt,warnahitam,laluketikantanda[+]disampingkanankotakinput1_txt.

6. Ganti tipe teks dengan jenis Input Text, ubah ukuran font 12 pt, buat lagi sebuah kotak teks disampingkanantanda[+]danberinamainput2_txtdalam.

7. GantitipeteksdenganjenisStaticText,ubahukuranfont30pt,ketikkantanda[=]disampingkanankotakteksinput2_txt.

8. GantitipeteksdenganjenisDynamicText,ubahukuranfontmenjadi12pt,buatkotakdisampingkanantanda[=]yangukurannyasamadengankotaktekslainnya,berinamahasildalamkotakVar:Namavariabel.Untuklebihjelas,hasilnyalihatskemadiatas.Sekarang kita akan membuat tombol pemicu penjumlah untuk mencari hasil dari penjumlahantersebut. Tombol yang kitabuat adalah tombol yangdiletakkandi atas tanda [=] (samadengan)namuntidaktampakpadasaatruntime.

9. Tekan Ctrl+F8,maka akanmunculwindow sepertidibawah,berinama tombol pada kotak isiannamedanpilihTypeButton,klikOK.

www.bahasajepang.com

10

10. TampilanmasukpadaTimelinepengeditantombol.KlikkananframeHit,pilih InsertKeyframe laluklik ikon buatlahkotakkecilditengahtengahstage,besarnyakirakirabisamenutupitanda[=]nantinya.

11. Jikasudahselesai,klikicon yangterletakdibawahTimeline,untukkembalikestageutama.12. DragobjektomboldariLibrary,letakkandiatastanda[=].13. BukapanelProperties,berinamasamadengan_btndalamkotak.14. Klikframe1dalamTimeline,lalutekanF9,ketikkanscriptberikut;

samadengan_btn.onRelease=function(){ hasil = Number (input1_txt.text) + Number(input2_txt.text); } Keterangan:samadengan_btn.onRelease=function(){ adalah event handler agar jika tombol samadengan_btn ditekan lalu dilepas akanmenjalankanperintahpenjumlahan,bahwahasildiperolehdaripenjumlahaninput1_txtdenganinput2_txt.

15. Tutupwindowscript,tesmoviedenganmenekanCtrl+Enter.Untukmembuatperkalian,pengurangan,danpembagian,tinggalmenggantitanda+dalamscript:hasil = Number (input1_txt.text) + Number(input2_txt.text) dengantanda*,,/IV.PENUTUP

Pada dasarnya Flash menyediakan berbagai cara untuk menghasilkan sebuah mediapembelajaran, namun hal itu tergantung pada kreatifitas programer. Sebuah animasi dapat dibuatdenganmanualyaituanimasiframebyframe,tweenataupundenganmelaluiscript.