MODULPELATIHAN

AUTOPLAYMEDIASTUDIO
KuswariHernawati,M.Kom
kuswari@uny.ac.id

PENDAHULUAN
AutoPlay Media Studio merupakan perangkat lunak untuk membuat perangkat lunak
multimediadenganmengintegrasikanberbagaitipemediamisalnyagambar,suara,video,teks
danflasHkedalampresentasiyangdibuat.
PerangkatlunakAutoPlayMediaStudiodapatdigunakanuntuk:

PengembanganaplikasiMultimedia

AplikasiComputerBasedTraining(CBT)

SistemAutoPlay/AutoRunMenuCDROM

PresentasiMarketinginteraktif

CDBusinessCards

dll

MEMULAIPROYEKBARU
1. BukaAutoPlay,dengancara:
GunakanStartmenuuntukmenampilkanprogramAutoPlayMediaStudio.
Start>AllPrograms>IndigoRoseCorporation>AutoPlayMediaStudio7.0
Pada saat Welcome dialog ditampilkan, klik Create a new project. Masukkan nama
proyekdanpilihtemplateyangdiinginkan.

WelcomedialogDialogNewProject
2. Ubahnamaproyek/ProjectnamemenjadiTutorial.
3. KliksalahsatuthumbnailpadaBlankProjecttemplate.
4. KlikCreateProjectNow.
Pelatihan Pembuatan Media Pembelajaran dengan Autoplay Media Studio, 14 Nov 2009

IntefaceProgramAutoPlayMediaStudiobiasanyadisebutsebagaidesignenvironment.

INTERFACE
JendelaprogramAutoPlay.
Jendela program AutoPlay dibagi menjadi beberapa bagian. program menu, berisi berbagai
perintah/commands,settingdantool,PageSurface,danpropertiespane.

MENGATURPREFERENCES
1. PilihEdit>Preferences.Sehinggamunculjendelaberikut:

Tim PPM Jurusan Pendidikan Matematika FMIPA UNY

Buildpreferences
2. KlikKategoriEnvironment.

Environment preferences digunakan untuk mengatur tampilan design environment,

misalnya memilih warna untuk objek yang diseleksi, atau mengubah warna background di
areakerja.

Environmentpreferences
3. DoubleklikkategoriEnvironment,klikkategoriProjectSizedanpilihukuranmediayang
akandibuat.

ProjectSizepreferences


ProjectSizepane
Padasaatukurantargetmediayangakandibuatdipilih,makaakandimunculkanindikatorvisual
seberapa besar ruang yang sudah dipakai untuk membuat media. Atur kategori lainnya jika
diperlukan

ModifikasipengaturanProject
1. PilihProject>Settings.

ProjectSettingsdialog
2. Ubah judul jendela dengan nama Universitas Negeri Yogyakarta. Pilih ukuran
pagesizeMedium.
PagesizeMediummempunyaiukuranlebardantinggi630dan425.
3. KlikOKuntukmenutupjendeladialog.
4. PilihPublish>Preview,danakanterlihattampilansbb:

5. Kliktombolclosedititlebaruntukkeluardaripreview.
6. PilihFile>Save.
Tim PPM Jurusan Pendidikan Matematika FMIPA UNY

GRAFIKDANTEKS
MEMILIHBACKGROUND
1)Klikpagesurface
Pengaturanpageakanmunculpadapropertiespane.
2) Pada Properties pane, atur Background sesuai dengan keinginan (misal dipilih Pale Blue
(#99CCFF))

3)KlikSelectbutton,Pilihwarnabackground

Jika ingin mengubah background style dari warna solid menjadi gradien, maka klik
backgroundstyle,klikselectButton,pilihgradient,danpilihwarnagradient(misaldipilih
Properties pane

Tan(#FFCC99))

MENGUBAHBACKGROUNDSTYLEDARIGRADIENKEGAMBAR/IMAGE.

1. Klik pada Background Image setting, kemudian klik browse button. Setelah dialog Select
Fileterbuka,kliktheGallerybutton.Pilihgambaryangdiinginkansebagaibackground.

MENAMBAHKANOBJEKGAMBAR
1) PilihObject>Image.
5

PadadialogSelectFile,kliktombolGallery,dandoubleklikpadafolderSpecial.Pilikfile
peak.pngdanklikOK.

FolderGallery\Images\Elements\Special
2) makagambarakanmunculpadapojokkiriatas.

Jika gambar tersebut di klik, maka pada properties pane akan muncul nama gambar
adalahImage1danpathdarigambaradalahAutoPlay\Images\peak.png

3) Klikpadapagesurfaceuntukmendeselectgambar.
4) Klikgambaruntukmenyeleksigambarkembali.

Posisigambarpadasaatiniditampilkanpadastatusbar.

PosisiMouseposisiobjek

ukuranObjek

5) Draggambarketengahpagesurface,sehinggaakanterjadiperubahanpadaposisigambar

6) Jikainginmenghapusgambar,klikpadagambarkemudiankliktombolDelete.
7) Pilih View > Panes > Project Browser untuk membuka Project pane. Gunakan Project

pane,arahkankefolderImages,pilihfilepeak.png,dandragkepagesurface.

Tim PPM Jurusan Pendidikan Matematika FMIPA UNY

Projectpane
Untuk mengubah ukuran gambar kita tinggal menarik kearah sesuai yang diinginkan
padaresizehandles.

ObjectSize
8) Untukmengaturposisinya,jugabisadaripropertiespane.
Pastikanobjekgambarterseleksi,aturposisiLeftandTopmenjadi372and112.AturWidth
danHeight108dan18.

MENAMBAHKANLABEL
1) Pilih Object > Label untuk menambahkan label baru. Doubleklik label untuk
menampilkandialogproperties.TulisJurusanPendidikanMatematikadanklikOK.

LabelProperties
7

TulisJurusanPendidikanMatematika,untukmengubahteksyanglama

KlikOK
2) UntukmengubahukuranLabelgunakanresizehandles.

3) Tambahkan label baru, Klik tombol Objek, New Label untuk menambahkan label

lainnya.Doubleklikpadaobjekbaru,tuliskanFMIPAUNYpadaTextfield,danklik
OK.

4) DragLabelBarukeposisiyangsesuai.
5) Cara lain untuk menambahkan label adalah Klik Kanan page surface, Pilih Label dari

menuKlikkanan.

MENDUPLIKASIOBJEK
Adabeberapacarauntukmenduplikasisuatuobjek
1) SeleksiLabel3,PilihEdit>Duplicate.

2)TekanCtrl+Duntukmenduplikasiobjekbaru(Label4),gunakankeyboard.

MENGUBAHTEKS
1)AturLabel3,4,dan5sbb:

2)KlikLabel3.Padapropertiespane,ubahteksmenjadiprodimath@yahoo.com
Tim PPM Jurusan Pendidikan Matematika FMIPA UNY

3)DoubleklikLabel4dantulis+6281578984400padasaatdialogPropertiesmuncul..
4)PilihLabel5,klikTextsetting,kliktomboledit.Tuliskan:
FMIPAUNIVERSITASNEGERIYOGYAKARTA

MENAMAIOBJEK
1)KlikLabel3.Padapropertiespane,UbahnamamenjadiEmailAddress.
2)RenameLabel4menjadiTelepondanLabel5menjadiMailingAddress.

MENGUBAHFONTSETTING
1) Klik Label1 (bertuliskan Jurusan Pendidikan Matematika). Pada properties pane, klik Font
setting,dankliktomboledituntukmembukadialogFont.

2)PadadialogFont,ubahfontsesuaikeinginan(mis:Tahoma),fontstylemenjadiBold,dansize
36.KlikOK.
3) Untuk mengubah orientasi teks, sehingga teks terbaca dari atas ke bawah maka ubah
orientasidari0menjadi270.

4) Ubah orientasi menjadi 0 lagi. Pada properties pane, atur FontFamily kembali menjadi
Arial,danubahFontSizemenjadi23.

5) Seleksi label Email Address. Pada properties pane, atur FontBold true., caranya : klik
setting,klikselectbutton,Pilihtruedarilist.
6) Doubleklik Label2 (terdapat tulisan FMIPA UNY). Pada dialog Label Properties, klik Font
9

untukmembukadialogFont.AturfontstyleBolddansize12,klikOK.

MENGUBAHWARNATEKS
1) Klik label Email Address untuk menyeleksi. Pastikan kategori Color terbuka pada
propertiespane.Jikatertutupakanterlihatsbb:

Sebelumdiekspandsetelahdiekspand

2) DoubleklikNormalcolordanpilihwarna(misal#bad5eb)
Untuk mengubah warna Highlight color, klik tombol seleksi untuk membuka pilihan
warna,kemudianklikMoreColors...

4)PadadialogColors,seleksiwarnamisallightblue(CCECFF).KlikOK.

MENAMBAHKANSLOGAN
Untukmenghematwaktu,dalammenambahkanslogan,kitamanfaatkanfasilitasduplikasi.
1)SeleksiLabelMailingAddressdantekanCtrl+D.
2)Dragobjekbaruditempatyangdiinginkan.
3)KlikTextsetting,dankliktomboledit.Padasaatdialogedittextmuncul,ubahteksmenjadi:
"CendikiaMandiriBernurani"
4) KlikOKuntukmenutupdialogEditText.
5) Aturukuranfont,danalignment.

Tim PPM Jurusan Pendidikan Matematika FMIPA UNY

10

6) Jikasudahselesaisimpanhasilkerja.
7) UntukmelihattampilanPilihPublish>Preview.

BUTTON,ACTIONDANPAGE
MENAMBAHBUTTON

1)

Pilih Object > Button untuk menambahkan button. Pada saat dialog Select File
muncul,klikGallerybutton.

2) Pilihfile(misalgrey_rounded.btn)danklikOK.

BisajugamenambahkanobjekbuttondenganmengkliktombolobjekNewButton.
3)Aturukuranbuttonmenjadilebar196pixeldantinggi63pixel.Posisi14pixeldarikiridan89
pixeldariatas.

Hasilpengaturanjugamunculdibawah
Position(Top,Left)

Size(WidthxHeight)
11

4) Padapropertiespane,ubahTeksmenjadiJurdikMatematika.
5) Gunakan Project pane untuk menambahkan tombol grey_rounded.btn lainnya, Double

klikpadafolderButtonpadaProjectpane.

GunakanView>Panes>ResourcePreviewmenuuntukmenampilkantombol.

6)Padapropertiespane,aturtekstombolmenjadiTentangJurdikMatematika.

MENYAMAKANLEBARDANTINGGITOMBOL
Tombol pertama dan kedua yang dibuat tidak mempunyai ukuran lebar dan tinggi yang
sama.Untukmenyamakancaranyasbb:
1. Pilihkeduatombol.KliktombolJurdikMatematikasebagaitombolyangukurannya

akandicontoh.

2. PilihAlign>MakeSameWidth.

Menjadikankeduatombolmempunyailebaryangsama.
3. PilihAlign>MakeSameHeight.

Menjadikankeduatombolmempunyaitinggiyangsama.

MENGUBAHSETTINGTEKS
1. Dalamkeadaankeduatombolterseleksi,ubahukuranfontmenjadi12,danfont
Tim PPM Jurusan Pendidikan Matematika FMIPA UNY

12

familymenjadiArial.

2. UbahwarnaHighlightkeduaobjekmenjadiBlue(#0000FF).

WarnateksinidigunakanpadatombolHighlightstate,yangakanterlihatpadasaat
mousepointerbergerakdiatastombol.
3. UbahwarnakeduaobjekmenjadiLightBlue(#3366FF).
Warnaituakanmunculpadasaattomboldiklikkiri.
Pilih Publish > Preview. Pada saat aplikasi terbuka, gerakkan mouse di atas tombol
dankliktomboltersebut.Makawarnatombolakanberubahubah.

DUPLIKASIOBJEK
1) Seleksikeduaobjektombol,danpilihpilihEdit>Duplicate,atautekanCtrl+D.

Keduaobjektombolakandikloningsecaracepat.
2) Pindahkantombolbarudibawahtombolaslinya.
3) UbahtekstombolketigamenjadiPresentasiVideo.
4) Doubleklikpadatombolpalingbawah,tulisKeluar,danklikOK.

13

MERAPIKANLETAKTOMBOL
1. Atur1padaposisi14,89.
2. Pindahkantombolpalingbawahkeposisi14,272.
3. Seleksisemuatombol.KlikkananpadatombolpalingatasdanpilihAlign>Left.
Makasemuatombolakanmengikuti/ratakirisamadengantombolpalingatas.
4. KlikkanantombolpalingatasdanpilihAlign>DistributeVertical,makaduatombol
yangditengahakanmempunyaijarakyangsamasecaravertikal.

MENAMBAHKANAKSISEDERHANA/SIMPLEACTIONS

Eventsadalahhalyangbisaterjadipadasaataplikasiberjalan.
Misalnya hampir semua objek mempunyai On Klik event, berarti bahwa jika
tombolmousekiridiklikpadasuatuobjek,makaakanterjadireaksipadaobjek
tersebut.

Action adalah perintah yang memberitahu pada aplikasi untuk melakukan

sesuatu. Misalnya perintah untuk mengubah teks dalam suatu objek label,
menjalankanprogrameksternal,memerintahkanobjekvideountukmulai,atau

Tim PPM Jurusan Pendidikan Matematika FMIPA UNY

14

melompatkehalamanlain.

Quick Actions adalah aksi khusus easytouse untuk membuat perintah

sederhanatanpascripting,utnukmenjadikansuatuobjekbereaksijikaobjekdi
klik.

Setiapobjekmempunyaievendansetiapevenmempunyaiactions.

1. Klikpadapagesurface,kemudiankliktombolKeluar(Button4).
2. PastikankategoriActionsterbukadalampropertiespane.

Terlihatbeberapaactionyangdidefinisikan:
QuickAction,yaitudimanabisamemilihdaridaftarresponyangsudahbiasadari

klikkirimousepadaobjek
OnClick,bereaksijikatomboldiklik
OnRightClick,bereaksijikatomboldiklikkanan
On Enter, bereaksi ketika mouse pointer bergerak menuju tombol (pada saat

mousepointermasukdalamspaceobjek)
OnLeave,bereaksiketikamousepointerbergerakmeninggalkantombol(pada

saatmousepointerkeluardarispaceobjek)
3. KlikpadasettingOnClick,kemudiankliktomboledituntukmembukascripteditor.

Klik tombol edit akan membuka script editor, dimana kita bisa menambahkan action
untuktiapevendariobjek,sbb:

15

5. Klik tombol Add Action. Pada saat New Action wizard muncul, ubah ke kategori
aplikasikemudianklikactionyangdisebutApplication.Exit.
Pada saat memilih kategori Application dari dropdown list, semua action dalam
kategoriiniakanmunculsbb:

6. KlikNextuntukmelanjutkanketahap3actionwizard.

7. Klik Finish untuk menambah action Application.Exit pada On Click event, dan
kemudianklikOKuntukmenutupscripteditor.

Theactionthatwasadded

8. PilihPublish>Preview.
Untuk menambahkan link URL, pilih tombol Jurdik Matematika dan tambahkan
Tim PPM Jurusan Pendidikan Matematika FMIPA UNY

16

File.OpenURL pada even On Click. Atur action parameter URL menjadi

http://www1.uny.ac.id/fakultaslembaga/fmipa/matematika" dan pada WindowMode
parameteraturmenjadiSW_SHOWNORMAL.

9) Pilih Publish > Preview. Pada saat aplikasi terbuka, klik tombol Jurdik Matematika
untukmembukaURLyangsudahditulis.

MENAMBAHHALAMAN
1) PilihPage>Adduntukmenambahkanhalamanbaru.

Dapat dilihat bahwa halaman baru sudah ditambahkan, pada top area terdapat 2
tabpage.
2) Padapropertiespane,ubahnamamenjadiTentangJurdikmat.

Danakanterlihatpadatabpage:

17


3)

PadaProjectpane,arahkankefolderImages,pilihfileyangbernama630B1151.jpg.
Dragfileimagefilekepagesurface.klikYes.

4) PilihPage>Duplicateuntukmenambahkanpagelain.
5)

Dalamprojectexplorer,klikkananpagebaru(Page2),danpilihRename.Ubah
namapagemenjadiVideo.

MENAMBAHKANTOMBOLNAVIGASI
1)Padaprojectexplorer,klikikonPage1.
2)DoubleklikpadatombolTentangJurdikMatematika(Tombol2).Klikpadatab
Scriptuntukberpinydahkescripteditor,danklikpadatabOnCllick.

3) Klik tombol Add Action, pilih kategori Page, seleksi Page.Jump action, dan klik
Next.ParameterAturPageNamemenjadi"TentangJurdikmat",danklikOK.
Action Page.Jump akan menyebabkan aplikasi menutup halaman saat ini, dan
melompatkehalamanlain,denganmengaturparameterPageName.

Tim PPM Jurusan Pendidikan Matematika FMIPA UNY

18

Cara mudah untuk mengubah parameter PageName menjadi "Tentang

Jurdikmat"adalahdenganmengklikfieldPageName,dankemudianklikselect
buttonuntukberalihkedaftarnamahalaman/page.

3)KlikOKuntukmenutupscripteditor.

4) Drag ikon halaman Video dari project explorer ke objek tombol Presentasi Video
(Button3).KlikYes.

5) Doubleklik pada objek tombol Presentasi Video (Button3). Pada saat scrip editor
terbuka,kliktabOnClick,dankonfirmasibahwaactionPage.Jumptelahditambahkan.

19


6) KlikOKuntukmenutupscripteditor.

MENYALINOBJEK
1) Pastikan objek tombol Presentasi Video terseleksi, dan tekan Ctrl+C untuk menyalin

objekpadaclipboard.
2) Beralih ke halaman Tentang Jurdikmat. Klik pada page surface, dan tekan Ctrl+V

untukmenempelkanobjekpadahalamantersebut
3) pada properties pane, klik pada setting ButtonFile, kemudian klik tombol browse.

PadasaatdialogSelectFilemuncul,kliktombolGallerydanpilihfilegrey_pill.btn.Klik
OK.

4) Pada properties pane, ubah teks menjadi Kembali. Atur Lebar 114, tinggi 50, dan

SettingKiri55.

5) Gunakantoolalignmentuntukmembuatobjekcentersecaravertikal.
6) Pada even objek On Click, ubah action Page.Jump PageName parameter dari

"Video"ke"Page1".

Tim PPM Jurusan Pendidikan Matematika FMIPA UNY

20

KlikKananobjekdanpilihPin,digunakanuntukmencegahobjekdipindahkanataudi

7)

ubahukurannya.

8)SalinobjektomboldarihalamaninikehalamanVideo.

MENAMBAHKANPARAGRAF
1)PilihObject>ParagraphandklikOK.

2) padapropertiespane,ubahnamaobjekmenjadiStatusText.

3) Dragsaturesizehandleuntukmembuatobjeklebihbesar.
4) Aturkembaliukuranobjekparagrafdenganlebar200pixeldantinggi60pixel(200x60).

Jika ukuran kotak terlalu kecil untuk semua teks, maka akan muncul scroll bar di sisi
kananobjek

5) PadakategoriScrollbarsdipropertiespane,ubahsettingvertikaldariAutokeOff

21


Setelahdioffkan,makascrollbarakanhilang,danhanyaakanmenampilkantekssesuai
luasarea.

6) Gunakan tool alignment untuk membuat objek center secara horizontal dari keempat

tombol.PadakategoriPosisiaturobjekTopmenjadi20.
Pastikan Align to Page modenya off, kemudian klik kanan tombol objek dan pilih Align >
CenterHorizontal.

7) Aturfont14point,Arial,bolddanitalic.

8) UbahalignmentobjekCenter.

9)AturWarnaNormal,DowndanHighlightmenjadi#FFFFCC.

MEMBUATTEKSDINAMIS
Tim PPM Jurusan Pendidikan Matematika FMIPA UNY

22

1) KlikobjekparagrafdandoubleklikkolomsebelahkiridariTextfieldpadaProperties
pane. Tekan Delete key untuk menghapus teks, kemudian tekan enter untuk
menerimaperubahan.

2)PilihtombolJurdikMatematika(Button1),dantambahkanparagraf.Aturaction
SetText menjadi even On Enter. Atur action ObjectName menjadi "Status Text"
danparameterteksmenjadi"KunjungiWebsitekami".

3)PilihPublish>Preview.Padasaataplikasiterbuka,gerakkanmousediatastombol
JurdikMatematikabeberapasaat.
4) Tutup preview. Tambahkan action Paragraph.SetText pada tombol Jurdik

Matematika even On Leave. Pada parameter action, set ObjectName menjadi

"StatusText"danTextmenjadi"".

5) PilihPublish>Preview,dancobatombolJurdikMatematika.

6) Tutup preview, dan tambahkan action On Enter dan On Leave menjadi objek yang
interaktif.
7) Preview projek, dan coba status text dengan mengerakkan mouse diatas tombol

23

JurdikMatematika.
8) Klik tombol Tentang Jurdik Matematika. Pada saat halaman Tentang Jurdikmat

muncul,kliktombolKembaliuntukkembalikehalaman1.
9) Tutuppreview.

SCROLLABLETEXT
MenambahkanPanelImage
1) BeralihkehalamanTentangJurdikmat.

2) BeralihkeGallerypanedankliktombolImages.DoubleklikfolderarahkankePanel

folder.

3) PreviewbeberapaimagedalamfolderPanelsfolderdenganmengkliknamafilenya.
4) Pilihfile066FC01.pngdandragkehalaman.

5) Gunakantoolalignmentuntukmembuatimagecentersecaraverticalpadahalaman

danbuatratakanan.
KlikkananobjectdanpilihAlign>CenterVertical.
KlikkananobjectdanpilihAlign>Right

Tim PPM Jurusan Pendidikan Matematika FMIPA UNY

24

6) KlikKananObjekimagedanpilihPin.

MENAMBAHKANOBJEKSCROLLABLEPARAGRAPH.

1) Tekan Ctrl+3 untuk menambah paragraf baru. Doubleklik Objek tersebut atur
Normalcolormenjadiwhite,dankliktombolMatchNormal
2)UbahsettingVerticalscrollbarmenjadiOndanklikOK.

Posisikan paragraf ditas panel image dan atur kembali ukuran sehingga paragraf bisa
masukdalamframe.

3) Padapropertiespane,klikTextsetting,dankemudianeditbutton.

25

5) KlikCanceluntukkeluardaridialogEditText,dankliktombolDocspadabagianatas

Gallerypane.

6) TekanShiftkey,dragfileTedSellers.txtkedalamobjekparagraph
7) Padapropertiespane,ubahsettingScrollbarStyleStandardmenjadiChrome.

8)

Cobabeberapascrollstylelainnya,danpilihsalahsatu.

8)

Editisiteksjikadiperlukan.

9)

Simpanproject.

Tim PPM Jurusan Pendidikan Matematika FMIPA UNY

26

10) Preview project. Pada saat aplikasi preview terbuka, klik tombol Tentang Jurdik

Matematika untuk menuju halaman Tentang Jurdikmat. Coba scrolling text dalam
paragrafnaikdanturun.
11) Keluarpreview.

MENAMBAHKANOBJEKVIDEO
1) BeralihkehalamanVideo.

2) Klik tombol Images pada Gallery pane, Pilih file 066FA01 .png dan drag kedalam halaman

video.

3)GunakantoolAlignmentuntukmembuatobjekimagecentersecaraverticaldandisisikanan
halaman

4)klikkananobjekimagedanpilihPin.

MENAMBAHKANTEKSBANNER
1)KlikkananpagesurfacedanpilihParagraph.
2) Double klik objek paragraf baru untuk membuka dialog Paragraph Properties. Ubah

teksmenjadiMagnolia.
3)AturNormalcolormenjadiwhite,dankliktombolMatchNormal.

27


4)KlikOKuntukmenutupdialogpropertiesParagraph
5) Padapropertiespane,ubahsettingAlignmentdariLeftkeCenter.
6) UbahFontFamilymenjadiGeorgia,FontSize20,danFontItalictrue.FontBoldaturke

false.

7) Atur BorderStyle ke Solid dan BackgroundStyle Solid. BorderColor black (#000000),

danaturBackgroundColormenjadi#5987C0.
8) DalamkategoriScrollbars,aturVerticalkeOff.
9) AturLeft255,Top17,Width345danHeightke44.
10) KlikkananparagrafdanpilihLock.

MENAMBAHOBJEKVIDEO
1)PilihObject>Video.Padasaatdialogmuncul,kliktombolGallery.

2)PilihfileMagnolia.mpg,danklikOK.

Tim PPM Jurusan Pendidikan Matematika FMIPA UNY

28

3)Padapropertiespane,ubahsettingControlStyledariStandardkeBasicBlue.

4)CobaubahsettingdalamkategoriControlPanel.

5)DalamKategoriSpecial,periksabahwaAutoStartdisetTrue,danLoopdanBorderdiset
False.
6) PadaKategoriObject,pastikanVideoScalingModedisetkeMaintainAspect.
7) PadakategoriPosition,setLebar320,dantinggi240.TekanCtrl+Puntukmengunciobjek.
8) PilihPage>Previewuntukmelihathalaman

MENAMBAHKANCONTROLVIDEO
1) Seleksiobjekvideo.Padapropertiespane,aturControlStylemenjadiNone.

2) PilihtombolKembali(Button3)datekanCtrl+Duntukduplikasi.TekanCtrl+Puntuk

membukakunci(agardapatdiedit)danpindahkankebawahobjekvideo.

29

3) Padapropertiespane,ubahWidth55danHeight27.UbahfontFamilymenjadiVerdana,

danfontSize6.AturBolddanItalicTrue.UbahteksmenjadiPLAY.

4) UbahsettingButtonFilemenggunakanfilegreen_pill.btnmenggantikanfilegrey_pill.btn.
5) Padapropertiespane,aturYOffset1.
6) KliktombolcategorypadabagianatasGallerypane.Letakkanfileorange_pill.btndalam

listtombol.
7) KliktombolPLAY,tekanCtrl+Duntukduplikasi.UbahteksmenjadiPAUSE.TekanShift,drag

fileorange_pill.btndariGallerypanemenujubuttonobject.
8) Klik tombol PAUSE, dan tekan Ctrl+D untuk duplikasi. Ubah teks menjadi STOP, dan

gunakanfilered_pill.btn.

9) MatikanAlignkePagemode.
10) DragtombolSTOPdisebelahkanantombolPLAY.BuattombolPLAYdominandan

pilihAlign>Top,dilanjutkandenganAlign>DistributeHorizontal.

11) BuatGroupdaritigatomboldanbuatcenterterhadapareavideo

Tim PPM Jurusan Pendidikan Matematika FMIPA UNY

30

12)Ungrouptomboltomboltersebutdankunci

MENAMBAHKANACTIONPADATOMBOLTOMBOLVIDEO
1) Klikpagesurfaceuntukmendeselectobjek.
2) DoublekliktombolPLAY,dankliktabScript.
3) Pada script editor, klik tab On Click. ganti action Page.Jumpdengan action Video.Play.

AturVideo.PlayObjectNameparametermenjadi"Video1".

4)DoublekliktombolPAUSE,dankliktabScript.
5) Padascripteditor,kliktabOnKlikdangantiPage.JumpactiondenganVideo.Pause

action.AturparameterObjectNamemenjadi"Video1".
6) Doubleklik tombol STOP, dan klik tab Script. dalam editor, klik tab On Klik, dan hapus

actiontext.Kemudiantulis:
Video.Stop("Video1");

31

6) Simpan
7) PilihPage>Previewdancobagunakancustomvideocontrols.

MENYISIPKANOBJEKAUDIO
1) PilihProject>Audio.Padasaatdialogterbuka,kliktabSoundEffects.

2) KliktombolbrowsepadasettingHighlight.PadasaatdialogSelectFileterbuka,klikGallery

button,danarahkankefolderSoundEffects.
3) Klikbeberapafilesuarauntukpreview.Jikasudahmenemukanyangdisuka,klikOK.

Klik OK pada dialog setting Audio untuk menerima perubahan. Preview project dan
gerakkanmousediatasomboluntukmendengarkansuara
4) Beralih ke Page1 dan klik label Email Address. Pada kategori Sound dari dari properties

pane,aturHighlightSoundmenjadiStandardmenggantikanNone.

Tim PPM Jurusan Pendidikan Matematika FMIPA UNY

32

5) PilihProject>Audio,danubahhighlightsoundstandardkeHigh1.ogg.
6) Preview projek dan gerakkan mouse diatas objek pada halaman untuk mendengarkan

highlightsound.

MENGATUREFEKSUARA
1) KliklabelEmailAddress
2) DalamkategoriSoundsdaripropertiespane,ubahClickSounddariNonekeCustom.

3) KliksettingClickFile,dankliktombolbrowse.PadasaatdialogSelectFiledialogmuncul,klik

Gallerybutton,danarahkankefolderSoundEffects.
4)PilihfileRabble.oggfile,danklikOK.

MENAMBAHKANBACKGROUNDMUSIC
1) PilihProject>Audio.PadasaatdialogAudioSettingsterbuka,kliktabBackgroundMusic.

33

2) Klik tombol Add. Pada saat dialo Select File muncul, klik tombol Gallery dan arahkan ke

folderMusic.
3) PilihfileAcousticFolk(short).oggdanklikOK.
4) Tambahkanbeberapalagukedaftar.

5)TekanF5untukpreview.

PAUSING/MENGISTIRAHARKANBACKGROUNDAUDIO

1) BeralihkehalamanVideo.

2) TambahkanactionAudio.TogglePlaypadaOnShowevent.Dalamparameteraction,atur

ChannelkeCHANNEL_BACKGROUND.Biarkanscripteditorterbuka.

Tim PPM Jurusan Pendidikan Matematika FMIPA UNY

34

3)SalinAudio.TogglePlayactionkeOnCloseevent.

4) Previewprojek,danklikpadatombolPresentasiVideobuttonuntukmelompatke

halamanVideo.
5) KliktombolBackdankembalikehalamanutamamainpage.

MEMANGGILDANMEMAINKANFILEAUDIO
1) Beralih ke halaman Tentang Jurdikmat. Doubleclick pada page surface, dan klik tab
Script.Dalamscripteditor,kliktabOnShow,dantambahkanactionAudio.Pauseuntuk
mengistirahatkan/pausebackgroundaudiochannel.
2)KliktombolAddActionuntukmenambahkanactionkeduapadatabOnShow.Padasaat
New Action wizard muncul, Pilih kategori Audio. Pilih action Audio.Play dari daftar,
kemudianklikNext.

35

3) Klik Tombol Kembali untuk kembali ke halaman pertama dari New Action wizard. Pilih

actionAudio.LoaddanklikNext.ChannelparameterdiaturkeCHANNEL_NARRATION,danatur
PlayAutomaticdanLoopparameterstrue.

4) KlikFilenamesetting,kemudiankliktombolbrowse.Jikadialogsudahmuncul,kliktombol

Gallery,danpilihlagudarifolderMusic.

Tim PPM Jurusan Pendidikan Matematika FMIPA UNY

36


5)

EscapedBackslash
KlikFinishuntukmenutupNewActionwizard.

6) BeralihketabOnClosedantulis:

Audio.Stop(CHANNEL_NARRATION);
Audio.Play(CHANNEL_BACKGROUND);
7) KlikOKuntukkonfirmasiperubahan
8) PreviewprojekdanmenujuhalamanTentangJurdikmat.
9) KliktombolKembaliuntukkembalikehalamanutama.

PUBLIKASI
MembangunSebuahFolder
1)PilihPublish>BuildtoopenthePublishwizard.

37

2)PilihHardDriveFolder,danklikNext.

2) DalamfieldOutputFolder,tulisC:\AutoPlayOutput.

4) KlikBuilddantungguprosessampaiselesai
5) KlikCloseuntukkeluarPublishwizard.Padasaatfolderoutputterbuka,doubleclickpada

fileautorun.exeuntukmenjalankanaplikasi

MEMBANGUNFILEEXECUTABLETERKOMPRESI
1)TekanF7untukmembukaPublishwizard.
2) PilihWeb/EmailExecutableoption,danklikNext.

Tim PPM Jurusan Pendidikan Matematika FMIPA UNY

38

PadafieldFilenametulisC:\Temp\Jurdikmat.exe.
4)KlikBuilddantungguprosessampaiselesai
5)KlikCloseuntukkeluarPublishwizard.PadasaatfolderC:\Tempterbuka,doubleklik
fileJurdikmat.exeuntukmenjalankanaplikasi.

BURNINGCDATAUDVD
1) Masukkan CDR atau CDRW dalam CD writer, dan tekan F7 untuk membuka Publish
wizard.
2) PilihBurndataCD/DVDdaklikNext.

39

PilihCDwriterdrivedaridropdownlist,danubahvolumeidentifier
4) KlikBurndantunggusampaiprosesselesai

KlikCloseuntukkeluardariPublishwizard.

Tim PPM Jurusan Pendidikan Matematika FMIPA UNY

40