-BABI

PENDAHULUAN

1.1LatarBelakang

Pendidikanadalahsalahsatupondasiseseoranguntuk
menjadikanseseorangitumenjadisukses,untukitupendidikansangatlahperluuntukdiberikan
sejakdini.Adapunpendidikanyangperludiberikansejakdiniyaitupendidikanagamaislam,
sopansantun,bahasa,pengetahuanumumsupayamenjadibekalsaatanaksudahmenjadidewasa
nanti,salahsatucontohpengetahuanumumyangsangatsederhanayaitubelajartentangrambu
rambulalulintas.Untuksaatinimasihsangatbanyakorangorangdewasayangtidakmengerti
danpahamtentangramburambulalulintas,adapunorangyangsudahmengertidanpahamakan
tetapimasihseringmelanggarnyadantidakmematuhiramburambulalulintasyangyangtelah
berlakudiNegriIndonesiaini.

Dalamhalinisebenarnyaperaturanperaturantersebutsudahditerapkan
olehpihakkepolisiankita,tetapimasihbanyakpengendarakendaraanbermotoryangtidak
mentaatiperaturanperaturanyangtelahberlakudijalanraya,sehingga
menyebabkanbanyaktejadinyakecelakaankecelakaanlalulintasataupunterjadikemacetan
kemacetanyangditimbulkanolehparapenggunajalanrayayangtidakmaupatuh
terhadapperaturanperaturanramburambuyangtelahberlakudiIndonesiaini.

Jikakitayakinbahwapengendarasudahmengetahuiperaturanperaturanyangtelah
berlaku,makakemungkinanbesartingkatkesadarannyalahyangmasihkurang,olehkarenaitu
pengetahuandankesadaranakandisiplinberlalulintasharusditanamkandarisejakdini,dengan
caramenanamkannyakepadaanakanak,denganharapanakanmemupukrasadisiplindan
kesadaranakansuatuperaturanyangberlaku,dalamhaliniyaitudisiplinberlalulintas,dan
untukmenarikminatanakanakagarmaubelajaruntuksaatinitidaklahterlalusulitseperti
dulu.contohnya,sebagaiantamanbermainanakanakdalamhalpengenalanberlalulintas,sudah
banyakyangmenyediakanarenabermaindalamformatlalulintasyangdilengkapidengan
ramburambulalulintasdanpetugaspolisidarianakanaktersebutyangmenjadipemainnya,
yangsebelumnyasudahdiberikanarahan.

Denganberkembangnyateknologisaatinikhususnyapembelajaranpadaanakanak,
banyakmetodemetodeyangsudahdigunakanuntukmenarikrasasukadanminatanakanak
agartetapmaubelajar,adapunbeberapacontohsepertigamegameminiuntuk
belajarmatematika,mewarnai,pengetahuanumumdanlainsebagainya.

Berdasarkanlatarbelakangdiatas,makapenulismencobamengangkatmasalahini
menjaditopikdalammenyusunskripsidenganjudul:AplikasiRambuRambuLalu
LintasberbasisFlash.
 1.2Tujuan

TujuanpenulisanLaporanTugasAkhiriniadalahuntukmemberikanmediapembelajaran
yangmudahdipahamidanmudahdiaksesolehmasyarakat.Sehinggamasyarakatdapat
mengertiartidanmaksudramburambulalulintasdenganbaik.

1.3RuangLingkup

Perambuanlalulintassebagaibagiandarisistemtransportasiyaknisistemrekayasadan
manajemenlalulintas.Padapenulisaniniruanglingkupnyahanyameliputipenjelasan
mengenairamburambulalulintas.PembuatanAplikasiinteraktifinidiimplementasikan
menggunakansoftwareAdobeFlashCS3
ProfessionaldanbeberapasoftwarependukungsepertiAdobePhotoshopCS3.

1.4Manfaat

a.Masyarakatdapatlebihmengenalbeberapagambarramburambulalulintas.

b.Masyarakatdapatmengetahuilaranganlarangandalamlalulintas.

c.Memberikanhasilnyatayangnantinyabisadigunakanuntukkepentinganmasyarakat,sebagaimediavisualisai.

BABII

TINJAUANPUSTAKA

2.1TinjauanPustaka

2.1.1RambuRambuLalulintas
 Seharusnyasetiappenggunajalansepertipengendarakeandaraandanpejalankaki
menegetahuidanpedulidenganramburambuperaturanlalulintasyangmenjaditandatanda
peraturanlalinditempatitu.MisalanyalambangPdicoretdalamlingkaranmerahartinya
dilarangparkir,maksudnyaadalahditempatitukendaraandilarangmemarkirkandirinyadi
tempattersebut.Berikutadalahbeberaparamburambulalulintasdanpenegertiannya

1.Rambuperingatan:rambuiniberisiperingatanbagiparapenggunajalanbahwadidepabaadasesuatuyang
berbahayayangberbahaya

Rambuinididesaindenganlatarkuningdangambaratautulisanberwarnaitam

Gambar1.Rambuperingatan

2.Rambularangan:berisilaranganlaranganyangtidakbolehdilakukanolehpenggunajalan

Rambuinididesaindenganlatarpuitihdanwarnagambaratautulisanmerahdanhitam

Gambar2.RambuLarangan

3.Rambuperintah:adalahperintahyangharusdilakukanolehpenggunajalan

Rambuperintahdidesaindenganbentukbundarberwarnabirudengangambarputihdanbiru

Gambar3.RambuPerintah

4.Rambupetunjuk:menunjukkansesuatu

Gambar4.RambuPetunjuk

5.Rambutambahan:memberikanketerangantambahan

Gambar5.RambuTambahan

6.Rambunorutejalan

 Gambar6.RambuNoRuteJalan

2.1.2PenelitianTerdahulu

1.Judul:AplikasiPengenalanRambuRambuLaluLintasUntuk...AnakTk
DanSdDenganMenggunakanMacromediaFlash...Mx2004

Pengarang:YayuKusumaAstuti

Tahun:2007

Sumber:Skripsi

Situs:www.gunadarma.ac.id

Aplikasi,Macromedia,Flash.(xi+46+lampiran)Multimediamerupakangabunganantaraanimasi,gambar,teks,
dansuara.Multimediamemerlukanauthoringtooldansoftwarependukung.Authoringtooladalahsoftwareutama
yangdigunakanuntukpengembanganaplikasimultimediasedangkansoftwarependukungdigunakanuntuk
menyiapkankomponenenmultimediasebagaitambahanagaraplikasitampaklebihmenarik.Softwareyang
digunakanuntukmembuataplikasidalamPenulisanIlmiahadalahMacromediaFlashMX2004.

2.Judul:PembuatanAplikasiPengenalanRambuRambuLalu...LintasDengan
MenggunakanMacromediaFlash...Professional8.0

Pengarang:HarwisApriani

Tahun:2012

Sumber:Skripsi

Situs:www.gunadarma.ac.id

Rambulalulintasadalahsalahsatudariperlengkapanjalan,berupalambang,huruf,angka,kalimatdan/atau
perpaduandiantaranyasebagaiperingatan,larangan,perintahataupetunjukbagipemakaijalan.Tulisanilmiahini
bertujuanuntukmembuataplikasipengenalanramburambulalulintasdenganmenggunakanprogramMacromedia
FlashProfessional8.Adanyaaplikasiiniuntukmengenalkanramburambulalulintaskepadaanakanakdibawah
umur.Padaanimasiinteraktifinidijelaskanbeberapaartiramburambulalulintasdandisertakanlatihansoaluntuk
mengujihasildaripengenalanramburambulalulintas.Aplikasiinimenggunakanelemenelemenmultimedia,yaitu
gambar,teks,animasidansuarakedalamsuatubentukaplikasiyangdiharapkanmudahdigunakandandibuat
semenarikmungkindenganalunanmusikyangmengiringiaplikasiini.Padapembahasanmasalahiniyangakan
dibahasadalahcaramenggunakan,memasukkandanpembuatandarimulaimenggunakanscene,teknikinsert
keyframe,teknikmasking,teknikcreatemotiontween,teknikmovieclip,memasukkangambaratausuara,dan
membuatbutton.

3.Judul:AplikasiPembelajaranRambuLaluLintasUntukAnakUsiaSekolah
Dasar(Sd)MenggunakanMacromediaFlash8.0

Pengarang:CahyantoEko
 Tahun:2012

Sumber:Skripsi

Situs:www.gunadarma.ac.id

Bertujuanagarpenggunadapatberinteraksidengankomputer,dapatmenambahpengetahuanyangdisajikanmelalui
CDInteraktif,jugaberisitampilanaudiovisualyangmenarik.Banyaksekalimanfaatyangdidapatkandengan
menggunakanCDInteraktif,sepertiyangpenulisinginbuatdidalamPenulisanIlmiahiniyaitumencoba
menyajikanSistemPencernaanMakananpadamanusiauntuksiswaSekolahMenengahPertamadengantampilan
animasiyangmenarikdandapatdipahami.InformasiyangdisajikanpenulisdalamPenulisanIlmiahinitentang
prosespencernaanmakandidalamtubuhmanusia,organorganpencernaanbesertapenjelasaannya,gamestentang
puzzlesistempencernaanmanusia,danterdapatlatihansoaluntukmelatihsiswamengingatmateritersebut.
Tampilanyangdisajikanberupaaudio,teks,gambardenganmenggunakanteknikanimasitombol,teksdangambar.
Dalampenulisanilmiahiniakandibahasbagaimanamembuatsuatuaplikasiyangsederhanajugamenarik.
PembuatanaplikasiinimenggunakanprogramaplikasiAdobeFlashCS5Professional.

BABII
TINJAUANPUSTAKA
2.1TinjauanPustaka
2.1.1RambuRambuLalulintas

Seharusnyasetiappenggunajalansepertipengendarakeandaraandanpejalankaki
menegetahuidanpedulidenganramburambuperaturanlalulintasyangmenjaditandatanda
peraturanlalinditempatitu.MisalanyalambangPdicoretdalamlingkaranmerahartinya
dilarangparkir,maksudnyaadalahditempatitukendaraandilarangmemarkirkandirinyadi
tempattersebut.Berikutadalahbeberaparamburambulalulintasdanpenegertiannya
1.Rambuperingatan:rambuiniberisiperingatanbagiparapenggunajalanbahwadidepabaadasesuatuyang
berbahayayangberbahaya
Rambuinididesaindenganlatarkuningdangambaratautulisanberwarnaitam

Gambar1.Rambuperingatan

2.Rambularangan:berisilaranganlaranganyangtidakbolehdilakukanolehpenggunajalan
Rambuinididesaindenganlatarpuitihdanwarnagambaratautulisanmerahdanhitam
Gambar2.RambuLarangan
3.Rambuperintah:adalahperintahyangharusdilakukanolehpenggunajalan
Rambuperintahdidesaindenganbentukbundarberwarnabirudengangambarputihdanbiru
Gambar3.RambuPerintah

4.Rambupetunjuk:menunjukkansesuatu
Gambar4.RambuPetunjuk

5.Rambutambahan:memberikanketerangantambahan

 Gambar5.RambuTambahan
6.Rambunorutejalan

Gambar6.RambuNoRuteJalan
2.1.2PenelitianTerdahulu
1.Judul:AplikasiPengenalanRambuRambuLaluLintasUntuk...AnakTk
DanSdDenganMenggunakanMacromediaFlash...Mx2004
Pengarang:YayuKusumaAstuti
Tahun:2007
Sumber:Skripsi
Situs:www.gunadarma.ac.id
Aplikasi,Macromedia,Flash.(xi+46+lampiran)Multimediamerupakangabunganantaraanimasi,gambar,teks,
dansuara.Multimediamemerlukanauthoringtooldansoftwarependukung.Authoringtooladalahsoftwareutama
yangdigunakanuntukpengembanganaplikasimultimediasedangkansoftwarependukungdigunakanuntuk
menyiapkankomponenenmultimediasebagaitambahanagaraplikasitampaklebihmenarik.Softwareyang
digunakanuntukmembuataplikasidalamPenulisanIlmiahadalahMacromediaFlashMX2004.
2.Judul:PembuatanAplikasiPengenalanRambuRambuLalu...LintasDengan
MenggunakanMacromediaFlash...Professional8.0
Pengarang:HarwisApriani
Tahun:2012
Sumber:Skripsi
Situs:www.gunadarma.ac.id
Rambulalulintasadalahsalahsatudariperlengkapanjalan,berupalambang,huruf,angka,kalimatdan/atau
perpaduandiantaranyasebagaiperingatan,larangan,perintahataupetunjukbagipemakaijalan.Tulisanilmiahini
bertujuanuntukmembuataplikasipengenalanramburambulalulintasdenganmenggunakanprogramMacromedia
FlashProfessional8.Adanyaaplikasiiniuntukmengenalkanramburambulalulintaskepadaanakanakdibawah
umur.Padaanimasiinteraktifinidijelaskanbeberapaartiramburambulalulintasdandisertakanlatihansoaluntuk
mengujihasildaripengenalanramburambulalulintas.Aplikasiinimenggunakanelemenelemenmultimedia,yaitu
gambar,teks,animasidansuarakedalamsuatubentukaplikasiyangdiharapkanmudahdigunakandandibuat
semenarikmungkindenganalunanmusikyangmengiringiaplikasiini.Padapembahasanmasalahiniyangakan
dibahasadalahcaramenggunakan,memasukkandanpembuatandarimulaimenggunakanscene,teknikinsert
keyframe,teknikmasking,teknikcreatemotiontween,teknikmovieclip,memasukkangambaratausuara,dan
membuatbutton.
3.Judul:AplikasiPembelajaranRambuLaluLintasUntukAnakUsiaSekolah
Dasar(Sd)MenggunakanMacromediaFlash8.0
Pengarang:CahyantoEko
Tahun:2012
Sumber:Skripsi
Situs:www.gunadarma.ac.id
Bertujuanagarpenggunadapatberinteraksidengankomputer,dapatmenambahpengetahuanyangdisajikanmelalui
CDInteraktif,jugaberisitampilanaudiovisualyangmenarik.Banyaksekalimanfaatyangdidapatkandengan
menggunakanCDInteraktif,sepertiyangpenulisinginbuatdidalamPenulisanIlmiahiniyaitumencoba
menyajikanSistemPencernaanMakananpadamanusiauntuksiswaSekolahMenengahPertamadengantampilan
animasiyangmenarikdandapatdipahami.InformasiyangdisajikanpenulisdalamPenulisanIlmiahinitentang
prosespencernaanmakandidalamtubuhmanusia,organorganpencernaanbesertapenjelasaannya,gamestentang
puzzlesistempencernaanmanusia,danterdapatlatihansoaluntukmelatihsiswamengingatmateritersebut.
Tampilanyangdisajikanberupaaudio,teks,gambardenganmenggunakanteknikanimasitombol,teksdangambar.
Dalampenulisanilmiahiniakandibahasbagaimanamembuatsuatuaplikasiyangsederhanajugamenarik.
PembuatanaplikasiinimenggunakanprogramaplikasiAdobeFlashCS5Professional.

 BABIV
PERANCANGANDANIMPLEMENTASI
4.1Concept(Konsep)
Padatahapmembuatkonsepinibertujuanuntukmenentukantujuandarimultimedia,
sertaAudiensyangmenggunakannya.TujuandanAudiensberpengaruhpadaunsur
multimedia.Sebagaipencerminanindentitasyang
menginginkaninformasisampaikepadaAudiens.PadapenelitianinisasaranAudiensadalahmas
yarakatumum.Programinidirancanguntukmembantumasyarakatagarmemudahkandalam
mendapatkaninformasimengenairamburambulalulintasyangadadinegara
indonesiamelaluiAplikasiini.Sehinggatidakmembuatbosan,karenalebihinteraktifdan
melibatkanparaaudiensitusendiri,agardapatmerangsangrasaingintahuaudiens.Perancangan
konsepinidapatdilihatpadaTabel1.
Tabel1.PerancanganKonsep
Objek Deskripsi
Judul PembuatanAplikasiRamburambuLalulintasBerbasisFlash
Audiens Umum
Image MenggunakanformatJPEG(*.jpg),GIF(*.gif)danPNG(*.png)
Audio Narasisuaradaninstrumenmusikformatmp3
Animasi MenggunakananimasiyangdibuatdiAdobeFlashCS3
Software
AdobeFlashCS3,AdobePhotoshopCS4,MP3Cutter
4.2Design(Perancangan)
Maksuddaritahapdesign(perangcangan)
adalahmembuatspesifikasisecararincimengenaiarsitekturdankeutuhanmaterial
dalampembuatansysteminimetodeperancanganyangdipakaiadalahFlowchartView.
4.2.1FlowchartView
FlowchartViewDisebutjugadiagramtampilan,Adalahdiagramyang
memberikangambaranalirdarisuatuscene(tampilan)kescenelainnya.
BerikutgambarFlowchartViewditunjukanpadagambar4.
Gambar8.FlowchartView
4.2.1.1StrukturNavigasi
Dalammerancangkonseppembelajaraninipenulis
menggunakanstrukturnavigasi,halinidilakukansupayadapatmempermudahdalam
penyusunanhalamanpadahalamanutama.Berikutiniadalahgambarstrukturnavigasidiyang
ditunjukanpadagambarke5.

Gambar9.StrukturNavigasi
 4.2.1.2FlowchartSystem
Flowchartsystemmenggambarkantahapprosespembelajaranberbasismultimedia.
Padaaplikasiinialurflowchartdiawalidengantampilanintrolalumasukkehalamanmenu
utama.Padahalamanmenuutamaterdapat4(Empat)pilihmenuyaituRambu
Lalulintas,Permainan,Kotak,danKeluar.BerikutgambarFlowchartSystsemdi
tunjukanpadagambar6.

Gambar10.FlowchartSystem
4.2.2TahapPembuatanBackgroundImage
PadatahapiniadalahtahappembuatanBackgroundImageyang
dibuatmenggunakanAdobePhotoshopCS3,berikutlangkahlangkahpembuatanya:
1.PertamatamabukaAdobePhotoshopCS3,PilihFileNew.
2.PilihCostumelaluisidenganWidth=1280px,danHeight=600px.
3.MasukkanfotofotoyangakandibuataturOpacitydanposisigambarnya.
4.Setelahitumasukkanlogoramburambu,danaturOpacitymenjadi50%danFill=30%.Dan
akanmenjadisepertiyangditunjukanpadagambar7.
Gambar11.TahapPembuatanBackgroundImage

4.2.3TahapPembuatanTombol
1.BukatampilanpertamaRambulalulintasdiPhotoshop,laluseleksigambargambarrambu
rambulalulintasdalammasingmasingfilemenggunakanMagicWandTool.
2.Buatfile,laluDraggambaryangtelahdiseleksikefilebaru,hapuslayerbackground.
3.Beriwarnaeditdanberijugateksnamafungsitomboltersebuttersebut.
4.Savefilemenjadiformat.gifagarbackgroundtidakterlihatsepertigambar8berikutini.

Gambar12.PembuatanTombol
4.2.4TahapPembuatanNarasiSuara
PembuatanNarasiSuaraMengunakanMP3Cutter.Suarayang
dibuatmerupakannarasidaripenjelasancaramemakaiaplikasiini,berikutlangkah
langkahpembuatannarasisuaraberikut:
1.Siapkanmusiknya.
2.BukaMP3Cutter.
 3.PilihNewpadakolomfile.
4.PilihOpen,untukmemilihmusikyangmaudipotong
5.KlikmarkStart,untukmenandaiawaldarimusiktersebutsepertiyangtunjukanpadagambar9.
6.KlikmarkEnd,untukmenandaiakhirdarimusiktersebutsepertiyangtunjukanpadagambar9.
7.Kliksave,denganformatmp3danberinama.
8.Save.
Gambar13.PembuatanNarasiSuara
Setelahmusikselesaidieditmakamusiksudahdapatdimasukankedalamaplikasiflash.Hasil
darieditingmusikdapatdilihatpadakolomtable2dibawahini:
Tabel2.DeskripsiPerancanganKonsep
Musik Keterangan
MaherZainInstrumental Formatmp3
Battle2 Formatmp3
Preview2 Formatmp3
WindowsXPDing Formatwav
WindowsXPError Formatwav

4.3MaterialCollecting(PengumpulanData)
Padatahapinidilakukanpengumpulanbahandengancarakatalogbahanbahan
sepertiimage,animasi,audiodanlainlainyangdiperlukanpadatahapselanjutnya.Bahanyang
diperlukandalampembuatanaplikasiinidiperolehdarisumbersumbersepertiInstansiterkait,
intenetdanpembuatankhususmenggunakanPhotoshopCS.
4.4Assemblly
Tahapassembly(pembuatan)merupakantahapdimanaseluruhobjekdibuatberdasarkan
padaflowcharview,strukturnavigasi,flowchartsystemdenganmenggunakanAdobeFlashCS3
Professionalantaralain:
1.PembuatanHalamanIntro
2.PembuatanHalamanMenu
3.PembuatanHalamanKeluar
4.4.1PembuatanHalamanIntro
PembuatanIntrodibuatmemakaiAdobePhotoshop
CS3.DilakukanuntukmenampilkantampilanbackgrounddanjugaAdobeFlashCS3.
Berikutlangkahlangkahpembuatanintroyaitu:
 1.BukaAdobeFlashCS3,Buataturlayermenjadi1280x600dipanelproperties.
2.Buatdanpilihsceneintro,layer1klikkananinsertkeyframelaluimportimagebackground.
Layer2yaitulayerloadingjugaimportfilekelibrary.Padalayer3importvideo,
lalubuatbuttonEnter,lalumasukkanscript:
on(release){gotoAndPlay("menu",1);},yangditunjukanpadagambar10damgambar11.

Text
(Hitung Mundur)

Gambar14.FormatRancanganFrameIntro
Gambar15.RancanganFrameIntro
PadaFrameLoadinginiberisigambarsalahsaturamburambulalulintasdengandiberikan
animasihitunganmundur.Padaframeinimemilikikomposisisura,textdangambar.

4.4.2PembuatanHalamanMenu
PembuatanMenuUtamainimenggunakanAdobeFlash
CS3.Pembuataninimenyatukanseluruhkomponenawal.Yaitu:narasisuara,musicinstrument,
danintro.Langkahpembuatanyaitu:
1.Pilihscenemenupadaframe1masukanbackgrounddengancarafileimporttolibaray.
Aturukuranbackgrounddiproperties,lalumasukkanActionScript=stop();stopAllSounds();.
2.Masihdiframe1buatlayerbaruuntuktombol,dengannamatmb1.Laluimportto
librarysemuagambaryangberwarnamerahuntuktombol.
3.PadagambartersebutklikkananlalupilihConverttoSymbol,danpilihButtonjanganlupajuga
berinama.
4.SetelahmenjadiButtonklik2kali,laluinsertBlankkeyframediframe2danmasukkangambar
yangberwarnabiruagarmenjadipembedasaatkursorberadadidaerahtombol.Berijugateks
agarlebihmudahmengetahuiisidarilayeryangakandituju.Padatombol
diberikanActionScript=on(release){gotoAndPlay('menuutama',2);}
5.BuatlayerbarudanInsertKeyFramediframe2,untukbackgroundlalu
gunakanactionscriptdiframestop();,danlayerbaruuntukheaderdanteks.Diframe2iniheader
menggunakanteksyangdiubahmenjadiMovieClipuntukmenggunakanefekmotiontween.
Suaranarasijugamenjadimovieclipagarbisaberjalandalam1framesaja.Adajugateksyang
diubahmenjaditomboluntukmenujufotofotoyangdibuatanimasi.Danbegitujugapada
tombolselanjutnya.
6.LalubuatMovieClipsaatmasukdaritombolmenu,danbuatanimasisertatomboluntukmasuk
keramburambulalulintas.BuatlagisatuMovieClipdanisidengananimasifotodanpenjelasan
rambulalulintas.
7.Disetiapframejugaterdapattombolkembalikemenuutamadanhalamansebelumnyayang
berbentukrumahdansimbolbackward.Yangdiberictionscript=on(release)
{gotoAndPlay(menu,1);}.Padatombolbackwardon(release){gotoAndPlay(menu,356);
}.Dapatdilihatsepertigambar12,gambar13dangambar14.
Suara

Rambu Lalulintas
Game
Box
Exit
Gambar

Gambar16.FormatRancanganMenuUtama
Gambar17.RancanganMenuUtama
PadaFrameMenuUtamainiberisitombolpilihanRamburambuLalulintas,Permainan,Kotak,
SuaradanKeluar.SetiaptombolmemilikifungsinyamasingmasingbilatombolRamburambu
lalulintasditekanmakaakanmenujupilihanramburambulalulintassepertiditunjukanpada
gambar13.tombolpermainanakanmenujupermainankuissepertiyangditunjukanpadagambar
15.tombolkotakbiladitekanakanmenujukeframeucapantrimakasihsepertiyangditunjukan
padagambar16.tombolsuarabiladitekanakanmenujukeframesuarasepertiyangditunjukan
padagambar17dantombolkeluarbiladitekanakanmenujuframepilihankeluardariaplikasi
yaatautidaksepertiyangditunjukanpadagambar18.

Rambu-Rambu Lalulintas
Gambar
Rambu-Rambu Lalulintas
Next Lalulintas
Kembali Lalulintas

Gambar18.FormatRancanganRambuLalulintas
Gambar19.FormatRancanganFrameRambuLalulintas
PadaFrameRambuLalulintasiniberisipilihanramburambuyangingindilihat.Padaframeini
memilikikomposisitext,gambar,tombolkembalikemenuutama.

Animasi
Gambar
Text
Kembali Lalulintas

Gambar20.FormatRancanganFrameDilarangBerbelokKekiri

Gambar21.RancanganFrameDilarangBerbelokKekiri
PadaFrameDilarangBerbelokKekiriiniberisitentanganimasidilarangberbelokkekiridengan
gambarmobildanpetunjukrambulalulintasnya.Padaframeinimemilikikomposisitext,
gambar,dantombolkembalikemenuutama.

Mulaii
Kembali Lalulintas

Gambar22.FormatRancanganFrameKuis
Gambar23.RancanganFrameKuis
PadaFrameKuisiniberisitentangpermainansoalramburambulalulintasdenganmenggunakan
metoderandomtentangrambulalulintas.Padaframeinimemilikikomposisitext,gambar,dan
tombolkembalikemenuutama.

Text
Kembali Lalulintas

Gambar24.FormatRancanganFrameKotak
Gambar25.RancanganFrameKotak
PadaFrameKotakiniberisitentangucapanterimakasihkepadaorangorangyangtelah
membantudalampenyelesaiaanaplikasiRambuLalulintasini.Padaframeinimemiliki
komposisitext,gambar,tombolkembalikemenuutamadanjugabeberapatombolyangdilink
keinternetmenujufacebook,twitter,dangmailpenulisdanjugasitusyoutubeyang
menampilkanvideorambulalulintas.

Gambar
Pengaturan Suara
Kembali

Gambar26.FormatRancanganFrameSuara
Gambar27.RancanganFrameSuara
PadaFrameSuarainiberisipengaturansuarapadaaplikasiagarmusicbisadikecilkanatau
dibesarkansuaranya.Padaframeinimemilikikomposisitext,gambar,danjugatombolkembali
kemenuutama.

4.4.3PembuatanHalamanKeluar
PembuatanhalamankeluardibuatmenggunakanAdobeFlashCs3pembuatan
multimediainidigunakanuntukmenupilihankeluarprogramatautidak.Berikutlangkah
langkahpembuatanya:
 1.Pertamapilihsceneoutrosetelahitumasukanbackgroundpadalayer1,setelahitu
buatlayer2untukmemasukananimasiteksAndayakinakankeluaryangtelahdibuat.
2.Buatlayer3diframeselanjutnya,lalubuattombolya,beriactionsript:
Fscommand("quit",true);
3.Buatlayer3diframeselanjutnya,lalubuattomboltidak,beriactionsript:
on(release){gotoAndPlay("menu",1);}.Danhasilnyaakansepertigambaryangditunjukan
padagambar15.
Text
Ya
Tidak

Gambar28.FormatRancanganTampilanKeluar
Gambar29.FormatRancanganTampilanKeluar
PadaFrameKeluariniberisitentangpilihankeluardariaplikasiatautidak.Padaframeini
memilikikomposisitextdanbeberapagambardanjugabeberapatombolyangmenjadipilihan
keluardariaplikasiatautidak,lihatpadagambarbilatombolyaditekanmakaaplikasiakan
ditutupjikatomboltidakditekanmakaaplikasiakankembalilagikemenuutama.

BABV
HASILDANPEMBAHASAN
5.1HasilTampilanMultimedia
MediapembelajaranRambulalulintasinibersifatstatis,olehsebabitukontenatau
isinyatidakbisadiubah.Apabilainginmerubahinformasinya,sepertimenambahkanatau
menghapusdatainformasinyaterlebihdahuluharusmembukasoftwareAdobeFlashCS3.Dan
hanyaadminyangbisamenambahkanataumenghapusdatapadaaplikasiini.Kemudian
selanjutnyapadababiniakandijelaskanhasilpadatampilanmultimediaberupalayerlayeryang
dapatdijelaskansebagaiberikut:
5.1.1HalamanIntro
Introadalahsuatutampilanawaldarimultimediadimanasubmenuawalpembuka
sebelummasukkeuserinterface.PadahalamanIntroterdapatgambargambarramburambu
lalulintas,LogoRamburambusebagaibackground,text,loading,videodanButtonuntukmasuk
kemenuutama.TampilanHalamanIntrodapatdilihatpadagambar30dangambar31.

Gambar30.TampilanLoadingGambar31.TampilanHalamanIntro
5.1.2HalamanMenuUtama
 HalamanMenuUtamaberisimenumenuutamadalamaplikasiinidan
terdapatbackgroundimage,text,soundsertatomboltombolbuttonyaituRamburambu,
Kuis,Kotak,Suara,dantombolExit.Tampilanhalamanmenuutamaditunjukanpada
gambar32.

Gambar32.TampilanHalamanMenuUtama

5.1.3HalamanRamburambuLalulintas
HalamanRamburambuLalulintasterdapatbackgroundimage,text,
sounddanbuttonKembali(Kembalikemenuutama).LaluakanadabuttonStop,Dilarang
memmutarbalik,Dilarangberhenti,Motordilarangmasuk,Jalanancekungdllyangberisi
deskripsitentangramburambulalulintaspadasetiaptomboltersebutdenganfotodannarasi
suara,danjugaadatombolKembali(Kembalikemenu).Tampilanpada
halamanMenuditunjukanpadagambar33.
Gambar33.TampilanRamburambuLalulintas
5.1.4HalamanKuis
Padahalamankuisiniberisitentangsoalpilihanganda.HalamanPermainaninijuga
terdapatbackgroundimage,text,sounddanbuttonKembali(Kembalikemenuutama)
danbuttonA,B,C,D(Jawabanyangbenarataujawabanyangsalah).TampilanHalamanSoal
pilihangandaditunjukanpadagambar34.
Gambar34.TampilanHalamanKuis
5.1.5HalamanKotak
HalamanKotakterdapatucapanterimakasihkepadaorangorangyangtelahmembantu
dalampengerjaanaplikasiramburambulalulintasini.PadaHalamaninijuga
terdapatbackgroundimage,text,sounddanbuttonKembali(Kembalikemenuutama)
danbuttonBackward(KembalikemenuUtamaditunjukanpadagambar35.
Gambar35.TampilanHalamanKotak
5.1.6HalamanSuara
HalamanSuaraterdapattomboluntukmengaturbesarkecilnyasuarapadaaplikasi.Pada
Halamaninijugaterdapatbackgroundimage,text,sounddanbuttonKembali(Kembalike
menuutama.

Gambar36.TampilanHalamanSuara
5.1.7HalamanKeluar
HalamanKeluarterdapatanimasigambardansuara.Pada
HalamanKeluarterdapatbackgroundimage,text,sounddanbuttonKembali(Kembalike
menuutama),ya(Keluardariaplikasi),Tidak(Kembalikemenuutama)danKembali
(Kembalikemenuutama).TampilanHalamanKeluarditunjukanpadagambar37.
 Gambar37.TampilanHalamanKeluar
5.2UjiCoba
Pengujianpadasisteminibertujuanagarsistemyangtelahdibuatsesuaidenganyangkita
inginkandandilakukandalam3tahapyaitu:
5.2.1UjiCobaStruktural
UjiCobaStrukturaldilakukandengantujuanuntukmengetahuiapakahtampilanseluruh
formsesuaidenganrancangan.Berdasarkanhasilujicobayangtelahdilakukanmakatampilan
yangdihasilkansesuaidanberjalandenganbaik.Untukmengetahuihasilujicobastruktural
yangditunjukanpadatabel2.
Tabel2.UjiCobaStruktural
No. NamaForm Hasil
1. LayerIntro Berfungsi
2. LayerMenuUtama Berfungsi
3. LayerRambuLalulintas Berfungsi
4.. LayerKuis Berfungsi
5. LayerSuara Berfungsi
6. LayerKotak Berfungsi
7. LayerKeluar Berfungsi
5.2.2UjiCobaFungsional
UjiCobaFungsionaldilakukanuntukmengetahuiapakahfungsifungsidari
setiaplayerdapatberfungsidenganbaik.Berdasarkanujicobayangtelahdilakukanmakasecara
keseluruhanbuttondanlayerdapatberfungsidanberjalansesuaidengankeinginan.Untuk
mengetahuihasildariujicobafungsionalditunjukanpadatabel3.
Tabel3.UjiCobaFungsional
No NamaForm Tombol Hasil
.
1. LayerIntro Enter Berfungsi
2. LayerMenuUtama RambuLalulintas Berfungsi
Permainan Berfungsi
Kotak Berfungsi
Suara BerfungsiBerfun
Keluar gsi

3. Layer RambuRambuLalulintas Berfungsi

RambuLalulintas Berfungsi
4. LayerPermainan PermainanKuissoalacak Berfungsi
Berfungsi
5. LayerKotak UcapanTerimakasih Berfungsi
6. LayerSuara PengaturanSuara Berfungsi
6. LayerKeluar YaatauTidak Berfungsi
 5.2.3UjiCobaValidasi
UjiCobaValidasiadalahsalahsatuujicobakesesuaiaanataukeakuratanhasildarisuatu
aplikasimultimediayanghasilnyasesuaidenganapayangkitainginkan.Berdasarkanujicoba
validasitersebutmakakitaakandapatmemperolehhasilbahwatiaptiapformdantombol
tombolyangadadalamsemuasistemberfungsidenganbenar.UjiCobaValidasiditunjukanpada
gambar38gambar46.
Gambar38.TampilanIntro
Tampilanintroberjalansesuaidenganyangdirencanakanolehpenulistampilanintro
menampilkangambardansuara.
Gambar39.TampilanMenuUtama
TampilanMenuUtamaberjalansesuaidenganyangdirencanakanolehpenulisdanbilatombol
rambulalulintasditekanmakaakanmenujupilihanramburambulalulintas.
Gambar40.TampilanMenuUtama
TampilanMenuUtamaberjalansesuaidenganyangdirencanakanolehpenulisdanbilatombol
rambulalulintasditekanmakaakanmenujupilihanramburambulalulintas.
Gambar41.TampilanRambulalulintasjika
diKlikDilarangBerbalik
TampilanRambuLalulintasberjalansesuaidenganyangdirencanakanolehpenulisdanbila
tomboldilarangberbalikditekanmakaakanmenujuanimasidilarangberbalik.
Gambar42.TampilanDilarangBerbalikJika
diKlikTombolKembali
TampilanDilarangberbalikberjalansesuaidenganyangdirencanakanolehpenulisdanbila
tombolkembaliditekanmakatampilanakankembalikepilihanramburambulalulintas.

Gambar43.TampilanMenuUtamaJika
TombolKuisdiklik
TampilanPermainanberjalansesuaidenganyangdirencanakanmenampilkanbeberapasoal
tentangsimbolramburambulalulintasdenganmenggunakanmetoderandomdanbilatombol
kembaliditekanmakatampilanakankembalikemenuutama.
Gambar44.TampilanMenuUtamaJika
TombolKotakdiklik
TampilanKotakberjalansesuaidenganyangdirencanakanolehpenulisyangberisikantentang
ucapanterimakasihkepadaorangorangyangtelahmembantudalampengerjaanaplikasirambu
rambulalulintasini.danbilatombolkembaliditekanmakatampilanakankembalikemenu
utama.
Gambar45.TampilanMenuUtamaJika
TombolSuaradiklik
 TampilanSuaraberjalansesuaidenganyangtelahdirencanakan.didalamframeiniterdapat
tomboluntukmembesarkanataumengecilkansuara.
Gambar46.TampilanKeluar
TampilanKeluarberjalansesuaidenganyangtelahdirencanakan.Sebelumpenggunaakan
menutupaplikasimakapenggunaakandihadapkanpadapertanyaanAndayakininginkeluar?
jawabannyayaatautidak.Jikapenggunamemilihtombolyamakaaplikasiakanditutup.
Jikatomboltidakyangdipilihmakaaplikasiakankembalikemenuutama.

5.3Distribution(Distribusi)
DistribusiaplikasiCDInteraktifiniberbasisMultimediamakadalampendistribusian
aplikasiinidiubahmenjadiformat.exekemudiandibuatkaninstalasidalambentukCDataupun
dalambentuksoftcopydisimpandalammediapenyimpananlainsepertiflashdisk,harddisk
eksternaldanlainlain.

BABVI

KESIMPULANDANSARAN

6.1Kesimpulan

PembuatanAplikasiMultimediapenulismenggunakan3tahapanyaitutahapperancangan,
tahapimplementasidantahapujicoba.MenurutMulyana&Hardhienatapadatahun2005tahap
perancangandanimplementasimenggunakan4metodepengembanganmultimedia
yaituConcept,Design(StrukturNavigasi,FlowchartView,FlowchartSystem),Material
Collecting,danAssembly.Laluada2metodepadatahapUjiCobayaituTesting(UjiCoba
Struktural,UjiCobaFungsional,UjiCobaValidsai)danDistribution.

DilihatdarihasilTahapPerancanganSistemmakauntukmengatasipermasalahanyang
terjadiyaitukurangnyasosialisasipemerintahkepadamasyarakat,prosessosialisasimasih
terbatasdenganmenggunakanbrosur,bukuyangdinilaisangatkurangefektif,efisiendan
interaktif.Makaperlumenggunakancaralaindalammensosialisasikannya,dengansuatusistem
yangmenyajikandatadaninformasiyanglebihlengkapdanmudahdiaksesolehmasyarakat
yaituberupaAplikasiInteraktifyangdibuatmenggunakanAdobeFlashCS3.

AplikasiRamburambulalulintasdengainteraktifmerupakansebuahmediapenyampaian
pesan/informasiyangmelibatkanmasyarakat/useruntukberinteraksidenganmediatersebut,
untukmendapatkaninformasiyangdiinginkannya.Aplikasiinidibuatuntukmempermudah
Masyarakatdalammendapatkaninformasisecarainteraktifsehinggamasyarakatdenganmudah
dapatmemperolehinformasiyangdibutuhkandimanapundankapanpun.
 6.2Saran

SaranuntukpenelitianselanjutnyadiharapkanAplikasiinidapatdikembangkanlagidan
dilengkapifasilitasvideoyanglebihbagussertasanimasi3Dyangdapatditerapkan