modul multimedia i
TRANSCRIPT
-
8/18/2019 Modul Multimedia I
1/51
BAB I
KONSEP MULTIMEDIA
Multimedia dapat diartikan sebagai penggunaan beberapa media yang
berbeda untuk menggabungkan dan menyampaikan informasi dalam bentuk text,
audio, grafik, animasi dan video.
Beberapa definisi menurut para ahli :
1. Kombinasi dari komputer dan video (Rosh, 1!!"#.
$. Kombinasi dari tiga elemen : %uara, gambar dan teks (M&omik,1!!"#.
'. Kombinasi dari paling sedikit dua media input atau output, media ini
dapat berupa audio (suara dan musik#, animasi, video, teks, grafik dan
gambar (urban, $))$#.
*. +lat yang meniptakan presentasi yang dinamis dan interaktif yang
mengkombinasikan teks, grafik, animasi, audio dan video (Robin, $))$#.
. Multimedia dalam konteks komputer adalah pemanfaatan komputer
untuk membuat dan menggabungkan teks, grafik, audio, video dengan
menggunakan tool yang memungkinkan pemakai yang berinteraksi,
berkreaksi dan berkomunikasi (-ofsteter, $))1#.
Komponenkomponen utama multimedia :
1. Komputer, untuk melakukan koordinasi, tentang apa yang dilihat dan
didengar oleh pemakai.
$. /inks, yang menghubungkan dengan informasi.
'. 0avigational tools, ang memungkinkan pemakai untuk menelaahi
informasi yang dipakai.
1
-
8/18/2019 Modul Multimedia I
2/51
*. &ara, untuk berbagi, memproses dan mengkomunikasikan informasi
dan ide pemakai.
Keunggulan multimedia
1. Menarik perhatian karna manusia memiliki keterbatasan dalam daya
ingat.
$. Media alternatif dalam penyampaian pesan di perkuat dengan gambar,
suara, teks, video dan animasi.
'. Meningkatkan kualitas dalam penyampaian informasi.
*. 2nteraktif.
Kelemahan multimedia
1. 3esign yang buruk dapat menyebabkan kebingungan dan kebosanan
karna pesan tidak tersampaikan dangan baik.
$. Kendala bagi orang dengan kemampuan terbatas4 aat4 disable.
'. untutan terhadap spesifikasi komputer yang memadai.
5entingnya multimedia
1. Merupakan pemiu (riggers# : 5embaa memperoleh sesuatu yang
6lebih7 dibandingkan dengan topik yang dipelaari.
$. %angat efektif dalam penyampaian informasi 8 menurut &omputer
ehnology Researh (&R#.
a. 9rang mampu mengingat $) dari yang dilihat.
b. 9rang mampu mengingat ') dari yang didengar.
. 9rang mengingat ) dari apa yang didengar, dilihat dan
dilakukan.
2
-
8/18/2019 Modul Multimedia I
3/51
BAB II
XARA WEBSTYLE
MEMBUAT ANIMASI
;ara alankan file %etup.exe dengan ara klik $ kali file tersebut, sehingga
munul gambar berikut :
3
-
8/18/2019 Modul Multimedia I
4/51
$. Klik tombol 0ext, sehingga keluar form /iense +greement, klik pilihan ?es,
sehingga munul tampilan pilihan tempat untuk menginstall program ini
seperti pada gambar berikut:
'. Bila ingin menginstall ditempat lain tekan tombol Bro=se dan tentukan lokasi
menginstall. Bila ingin menginstall seara default pada direktori yang ada,
tekan tombol 0ext langsung, sehingga akan keluar form untuk menginstall
enis instalasi seperti pada tampilan berikut :
4
-
8/18/2019 Modul Multimedia I
5/51
*. ekan tombol 0ext $ kali, sehingga akan keluar tampilan proses instalasi
;ara
-
8/18/2019 Modul Multimedia I
6/51
Membuat Judul (Headings)
1. Klik menu &ea'ings, sehingga akan munul tampilan sebagai berikut :
6
-
8/18/2019 Modul Multimedia I
7/51
$. Klik desain yang diinginkan dengan menekan tombol (!r)ar' atau Ne*t.
'. 5ilih salah satu desain yang diinginkan dengan ara Klik desain tersebut.
*. Klik tombol Te*t untuk mengganti tulisan4teks pada desain tersebut.
. Klik tombol Sa+e untuk menyimpan hasil desain.
7
-
8/18/2019 Modul Multimedia I
8/51
". 5ada pilihan (ie Si,e pilih yang &ig- ./aity kemudian klik tombol
Sa+e0ra1-i2 A dan pilih folder tempat menyimpan data.
C. 2si bagian @ile name, misal: >udul1, A kemudian klik tombol Sa+e
D. erdapat pilihan untuk mengubah desain lainnya, antara lain 3!!r untuk
mengubah =arna, Te*t/re untuk mengubah dasar dari desain udul, S-a'!)
untuk memberikan efek bayangan, serta Si,e untuk mengubah ukuran desain
udul.
Me"b/at 4/'/ # Di"ensi
1. Klik menu Start
$. Klik menu #D&ea'ings
'. Klik desain yang diinginkan dengan menekan tombol Ne*t atau (!r)ar'
*. Klik dan pilih salah satu desain
. Klik tombol Te*t dan ganti teks4tulisan tersebut
". Klik tombol Sa+e
C. Klik tombol Sa+e 0ra1-i2 A dan pilih folder tempat menyimpan data
D. 2si bagian @ile name, misal: >udul$, A kemudian klik tombol Sa+e
Me"b/at Ba2kgr!/n'
1. Klik menu Start
$. Klik menu Ba2kgr!/n'
'. Klik desain yang diinginkan dengan menekan tombol Ne*t atau (!r)ar'
8
-
8/18/2019 Modul Multimedia I
9/51
*. Klik dan pilih salah satu desain
. Klik tombol Sa+e 0ra1-i2 A dan pilih folder tempat menyimpan data
". 2si bagian @ile name, misal bakground1 A kemudian klik tombol Sa+e
Me"b/at T!"b! Men/
1. Klik menu Start$
$. Klik menu Buttons.
'. Klik desain yang diinginkan dengan menekan tombol Ne*t atau (!r)ar'$
*. Klik dan pilih salah satu desain.
. Klik tombol Te*t dan ganti teks4tulisan tersebut.
". Klik tombol Sa+e$
C. Klik tombol Sa+e 0ra1-i2 A dan pilih folder tempat menyimpan data.
D. 2si bagian @ile name, misal ombol1 A kemudian klik tombol Sa+e$
Me"b/at Banner
1. Klik menu Start
$. Klik menu BannerA's
'. Klik desain yang diinginkan dengan menekan tombol Ne*t atau (!r)ar'
*. Klik dan pilih salah satu desain
. Klik tombol Te*t dan ganti teks4tulisan tersebut
". Klik tombol Sa+e
9
-
8/18/2019 Modul Multimedia I
10/51
C. Klik tombol Sa+e 0ra1-i2 A dan pilih folder tempat menyimpan data.
D. 2si bagian @ile name, misal Banner5 A kemudian klik tombol Sa+e.
TU0AS PRAKTIKUM
5etunuk :
ugas dikumpulkan melalui upload di server dengan ketentuan sebagai berikut :
• 3ipaket dalam bentuk rar atau Eip.
• 0ama file TU0AS6NIM$
Buatlah imageimage sebagai berikut :
• -eading MF32+ 5FMBF/+>+R+0 oleh 0ama (02M#.
• '3heading MF32+ 5FMBF/+>+R+0 oleh 0ama (02M#.
• Bakground.
• ombol Menu Gtama, Hisi I Misi, %earah, /inks dan 3o=nload.
• Banner.
BAB III
10
-
8/18/2019 Modul Multimedia I
11/51
SWIS&MAX
ANIMASI TEKS DAN ANIMASI 0AMBAR
%=ishMax merupakan aplikasi untuk membuat animasi flash seperti halnya
Maromedia @lash M;. 0amun perbedaannya, %=ishMax lebih mudah dalam
penerapannya dibandingkan dengan @lash M;. entu saa kemudahan itu akan
mengurangi Jkelu=esan para pengguna yang ingin berkreasi lebih dengan
menggunakan flash. +kan tetapi untuk para pemula, program %=ishMax sudah lebih
dari ukup untuk membuat berbagai animasi flash apalagi kelengkapan fitur pada
%=ishMax semakin ditambah. Kelebihan lainnya, bila sudah mahir menggunakan
%=ishMax dalam berkreasi lebih banyak pada Maromedia @lash M; akan lebih
mudah karena sudah memiliki dasar pada %=ishMax.
Instalasi SwishMax
1. >alankan file Set/1S)is-"a*$e*e dengan ara klik $ kali file tersebut,
sehingga munul gambar berikut:
11
-
8/18/2019 Modul Multimedia I
12/51
$. Klik tombol Ne*t, sehingga keluar form Li2ense Agree"ent7 klik pilihan
Yes, sehingga munul tampilan pilihan tempat untuk menginstall program ini
seperti pada gambar berikut :
'. Bila ingin menginstall ditempat lain tekan tombol Br!)se dan tentukan lokasimenginstall. Bila ingin menginstall seara default pada direktori yang ada, tekan
tombol Ne*t langsung, sehingga proses instalasi akan dilakukan. Bila proses
instalasi selesai akan keluar tampilan sebagai berikut :
12
-
8/18/2019 Modul Multimedia I
13/51
*. -ilangkan entang pada La/n2-$ kemudian tekan tombol 3!se, %elesai.
Mengaktifkan SwishMax
&ara mengaktifkan %=ishMax :Klik menu Start A Pr!gra"s A S)is-Ma* A S)is-Ma*7 sehingga akan munul
tampilan a=al dari %=ishMax seperti di ba=ah ini.
5ilih pilihan Start a ne) e"1ty "!+ie untuk memulai dengan tampilan a=al yang
kosong.
13
-
8/18/2019 Modul Multimedia I
14/51
Main Menu merupakan menu pilihan utama dalam mengoperasikan %=ishMax
diantaranya menu fie, e'it, +ie), insert, "!'ify, 2!ntr!, t!!s, 1anes dan -e1.
oolbar digunakan untuk mengakses menumenu utama seara epat yang terdiri
dari :
• Stan'ar T!!bar A untuk pengoperasian file seperti ne=, open, save.
• Insert T!!bar A untuk memasukkan obek seperti sene, text, image.
• 3!ntr! T!!bar A untuk mengontrol sene seperti play, stop, play sene.
• 0r!/1ing T!!bar A untuk menggabungkan obek seperti Lroup as Lroup.
• E*1!rt T!!bar A untuk mengekspor sene seperti Fxport to %=f.
ools merupakan perintah (ommand# yang akan menentukan apa yang akan
dilakukan %=ish saat proses lik atau drag pada =orkspae. 5erintah itu antara lain
selet, line, penil dan lainlain.
14
-
8/18/2019 Modul Multimedia I
15/51
Mengatur Scene
%aat pertama kali membuat proet, sebaiknya atur dahulu senenya dan
disesuaikan dengan sene yang kita harapkan. 3iantara beberapa hal yang harus
diatur antara lain:
1 Mengatur ukuran scene
Gntuk mengatur sene dapat dilakukan dengan ara mengubah nilai dari Wi't-
dan &eig-t dalam satuan pixels.
! Mengubah backgr"und scene
Gntuk mengubah bakground 2!!r s2ene dengan ara mengubah =arna default
bakground (putih# menadi sesuai pilihan.
15
-
8/18/2019 Modul Multimedia I
16/51
# Mengubah $rame %ate
Gntuk mengubah frame rate dapat dilakukan dengan ara mengubah nilai frame
rate dalam satuan fps.
*. Gntuk memberhentikan animasi saat sampai diakhir, dapat dilakukan dengan
ara menentang pilihan St!1 Paying at t-e en' !f "!+ie.
Membuat &nimasi 'eks
1. Klik menu Insert A Te*t, dan ganti tulisan4teks tersebut menadi raktikum
Multimedia
16
-
8/18/2019 Modul Multimedia I
17/51
$. +tur model font, ukuran, dan =arna font di endela properties yang ada.
'. Klik kembali menu: Insert A Te*t, dan buat tulisan4teks yang kedua yaitu
"m*uterisasi &kuntansi . -ingga di /ayout 5anel terdapat dua kalimat yang
tertata sebagai berikut.
*. Gntuk memberikan efek animasi, klik teks yang pertama. Kemudian klik kanan, klik
menu Effe2t A 3!re Effe2t A Transf!r"$ 3urasi efeks transform seara default
selama $), untuk mengubahnya bisa diatur pada properties dengan ara klik kanan
pada efek tersebut.
17
-
8/18/2019 Modul Multimedia I
18/51
. 3engan prosedur yang sama, teks yang kedua diberi efeks sueeEe, dengan ara
klik teks yang kedua. Kemudian klik kanan, pilih menu: Effe2t A 3!re Effe2t A
S8/ee,e$
". Gntuk melihat hasilnya, klik menu 3!ntr! A Pay M!+ie
C. +gar file yang dibuat dapat digunakan untuk keperluan lainnya seperti untuk
keperluan pembuatan media pembelaaran maupun =ebsite, maka file tersebut
18
-
8/18/2019 Modul Multimedia I
19/51
-
8/18/2019 Modul Multimedia I
20/51
*. Bila motion pathnya sudah dibuat, maka timeline akan terlihat seperti pada
gambar berikut. >umlah perpindahan tergantung banyaknya proses Jklik saat
melakukan motion path sebelumnya.
. Gntuk melihat hasilnya, klik menu 3!ntr! A Pay M!+ie
". +gar file yang dibuat dapat digunakan untuk keperluan lainnya seperti, maka file
tersebut harus di ekspor terlebih dahulu, dengan ara klik menu (ie A E*1!rt A
SW( 9 A (ie Na"e: animasi, A Sa+e$
20
-
8/18/2019 Modul Multimedia I
21/51
TU0AS PRAKTIKUM 6
5etunuk:
Tugas dikumpulkan melalui upload di server dengan ketentuan sebagai berikut:
Dipaket dalam bentuk rar atau zip
Paket berisi file swis !swi" dan flas !swf"
#ormat penamaan file paket '-+&S!.IM 2!n: TU0AS6%;MI%%%
3engan memanfaatkan animasi teks dan animasi gambar, buatlah heading
(udul# yang berisi informasi sebagai berikut.
5rogram %tudi
0ama
Kelas
02M
0b:
>ika perlu tambahkan informasi lainnya,boleh memakai tambahan soft=are
xara =ebstyle '.)
Gntuk memperindah hasil, manfaatkan seara maksimal efek, =arna
serta atur timeline seara biak.
21
-
8/18/2019 Modul Multimedia I
22/51
BAB I<
SWIS&MAX
SUARA DAN BUTTON
Beker=a 'engan Efek S/ara
@ile audio yang didukung oleh %=ish antara lain N.mp' dan N.=av. Ffek suara
dapat diberikan saat berada pada frame tertentu atau pada saat ada keadian mouse
(mouse event#. 2ngat OO dengan tambahan efek suara, hal ini berarti akan
memperbesar ukuran file movie.
• Menambahkan /fek Suara
Berikut ini adalah tahapan dalam memberikan efek suara pada posisi frame ke1.
1. Klik kanan @rame ke1 pada 5anel %ene dan pilih menu S!/n' A 1ayS!/n'>?
$. 5ada +tion 5anel terlihat highlight ber=arna merah yang berarti penulisan
22
-
8/18/2019 Modul Multimedia I
23/51
sript tidak lengkap karena tidak ada file yang dialankan.
'. 5ilih tombol I"1!rt , dan pilih file suara yang akan dimasukkan dalam hal ini
file 6@ull %lo= 2nstrument.mp'7. %elanutnya pilih (klik# file 6@ull %lo=
2nstrument.mp'7 tersebut,sehingga tampilan 5anel %ript menadi seperti berikut.
23
-
8/18/2019 Modul Multimedia I
24/51
*. 5ilih tab /ayout 5anel dan alankan movie. Ffek suara 6@ull %lo= 2nstrument.mp'7
akan dialankan pada frame ke1.
Catatan:
• Gntuk mengubah properties dari file suara tersebut dapat dilakukan dengan
ara memilih Pr!1erties pada 5anel %ript. Berikut adalah properties file
suara.
• Gntuk mengubah Ffek %uara (%ound Fffets# dapat dilakukan dengan ara
memilih %ound Fffet pada 5anel %ript . Berikut adalah beberapa efek sound
yang dimungkinkan.
24
-
8/18/2019 Modul Multimedia I
25/51
• Memberhentikan /fek Suara
Berikut ini adalah tahapan dalam memberhentikan efek suara pada posisi frame $.
1. Klik kanan @rame $ pada 5anel %ene dan pilih menu S!/n' A st!1S!/n'>?
$. 5ilih file suara yang akan diberhentikan (dalam hal ini @ull %lo= 2nstrument.mp'#,
sehingga tampilan panel sript menadi seperti berikut :
'. 5ilih tab /ayout 5anel dan alankan movie. Ffek suara 6@ull %lo= 2nstrument.mp'7
akan dialankan pada frame ke1 dan diberhentikan pada frame ke$.
Beker=a 'engan B/tt!n
3engan menggunakan obek Button dapat ditambahkan efekefek yang terkait
dengan mouse misalnya mouse over, release, press dan lainlain.5ada button uga
25
-
8/18/2019 Modul Multimedia I
26/51
dapat dipilih * state yang berbeda, yaitu:
1. U1 State >'efa/t?7 ditampilkan saat Movie dialankan dan mouse di luar
button.$. O+er State, ditampilkan saat mouse digerakkan di atas button, dapat
digunakan untuk memberikan efek rol over.'. D!)n State, ditampilkan saat di klik pada button*. &it State, untuk menentukan area yang aktif. %tate ini invisible dan tidak
pernah ditampilkan
Gntuk membuat button dapat melalui $ ara, yaitu tekan tombol 2nsert Button ( #
pada 2nsert oolbar atau melalui sebuah obek yang sudah dikonversikan ke button
dengan ara pilih menu M!'ify 3!n+ert 3!n+ert t! B/tt!n, dengan klik
kanan &onvert pada &onvert to Button.
Me"b/at B/tt!n
1. Buka file TU0AS#$s)i
$. +gar animasi tidak langsung dialankan, sebaiknya animasi dihentikan
dahulu pada frame ke1, dengan ara klik kanan pada frame ke1 pilih
menu Movie&ontrol A stop (# atau
'. 3engan menggunakan tools Fllipse buatlah sebuah lingkaran dan beri fill Radial
gradient pada properties lingkaran tersebut untuk memperindahnya hingga
menadi sebagai berikut. +tau bisa memanfaatkan program lainnya seperti ;ara
-
8/18/2019 Modul Multimedia I
27/51
sebagai 6Mulai7 melalui panel properties.
. Gntuk menambahkan efek yang lebih dinamis (roll over# dapat ditambahkan
efek pada 9ver %tate dengan permainan =arna pada lingkaran tersebut.
Berikut ini adalah kondisi a=al ketika button hiau belum ditambahkan 9ver %tate
". Memberikan 9ver %tate dengan ara klik kanan pada Button pilih menu &as
O+er State, hingga tampilan 9utline panel menadi seperti berikut:
C. Klik %hape, dan ubah =arna dari shape tersebut menadi seperti berikut:
27
-
8/18/2019 Modul Multimedia I
28/51
D. 3engan ara yang sama buatlah tombol yang kedua sebagai berikut dengan
nama 6%top7. %ertakan pula efek roll over.
Me"berikan Efek S/ara 1a'a B/tt!n
1. etap bekera pada file GL+%'.s=i '."
$. Melalui 9utline 5anel, klik pada button Mulai, bukan pada masingmasing
state karena %=ish akan mengabaikannya. Kemudian Klik Kanan dan pilih
menu S2ri1t A E+ents A B/tt!n A !n >R!!+er?, hingga munul panel
%ript sebagai berikut :
'. ambahkan Ffek %uara dengan ara pilih menu A'' S2ri1t A S!/n' A
PayS!/n'>?, dan pilih suara yang diinginkan. >ika belum ada dapat diimport
dahulu hingga panel sript menadi seperti berikut :
28
-
8/18/2019 Modul Multimedia I
29/51
*. Gntuk menambahkan efek pada even 9n 5ress pada mouse, dapat dilakukan
dengan ara pilih menu A'' S2ri1t A E+ents A B/tt!n A !n >Press?$ Kemudian
dengan ara yang sama seperti di atas, berikan efek suara lainnya, sehingga
tampilan panel sript menadi sebagai berikut:
. 3engan menggunakan prosedur yang sama, berikan pula efek suara pada
button %elesai.
Meng!ntr! M!+ie Mengg/nakan B/tt!n
5ada perobaan kali ini, kita akan mengatur alannya moviemenggunakan button yaitu button -iau untuk memulai dan Merah untuk
menghentikan movie. 5ada ontoh kali ini ditambahkan pula suara bakground yang
menyertai alannya movie.
P Memulai Movie
1. 5ada button Mulai, klik kanan dan pilih menu S2ri1t A E+ents A B/tt!n A
!n>reease?$
$. ambahkan sript untuk mulai menalankan movie dengan ara pilih menu
A''S2ri1ts A M!+ie 3!ntr!A g!t!An'Pay A g!t!An'Pay>(RAME?
hingga tampilan %ript 5anel menadi sebagai berikut :
29
-
8/18/2019 Modul Multimedia I
30/51
'. Gntuk menambah bakground suara, bisa ditambahkan sript untuk memutar
lagu 6romane.mp'7, sehinga %ript 5anel menadi sebagai berikut :
*. Gntuk melihat hasilnya, alankan movie tersebut.
P Menghentikan Movie
1. 5ada button %elesai klik kanan dan pilih menu S2ri1t A E+ents A B/tt!n A
!n >reease?$
$. ambahkan sript untuk menghentikan movie dan menuu ke frame 1 agar
mulai ke state a=al, dengan ara pilih menu A'' S2ri1ts A M!+ie 3!ntr! A
g!t!An'St!1 A g!t!An'St!1 >(RAME?. Gntuk menghentikan bakground
30
-
8/18/2019 Modul Multimedia I
31/51
musik sertakan pula sript untuk menghentikan sound 6romane.mp' 7, hingga
tampilan %ript 5anel menadi sebagai berikut :
'. Gntuk melihat hasilnya, alankan movie tersebut.
TU0AS PRAKTIKUM
5etunuk:
ugas dikumpulkan hari ini dengan ketentuan sebagai berikut:
• 3ipaket dalam bentuk rar atau Eip
• 5aket berisi file s=ish (s=i# dan flash (s=f#
• @ormat penamaan file dan folder paket TU0AS#NIM 2!n: TU0AS#%@KA%%5
3engan memanfaatkan informasi pada modul ini, buatlah sebuah movie yang berisi
kampanye pada topiktopik tertentu. Lunakan efek sound untuk memperindah movie
serta button untuk mengontrol alannya movie.
0b:
ema kampanye bebas
BAB <
31
-
8/18/2019 Modul Multimedia I
32/51
SWIS&MAX
MENU
Men/
>ika pada praktikum sebelumnya hanya menggunakan satu sene dalam
movie, memanfaatkan beberapa sene yang dikontrol menggunakan button. 5ada
praktikum kali ini menu digunakan sebagai kontrol movie untuk menuu dari satu
sene ke sene lainnya.
Membuat Scene
• -alaman pembuka (intro#
Berikut ini adalah langkahlangkah untuk membuat sene intro.
1. Buat movie baru
$. 5ada panel properties dan tab %ene, atur konfigurasi sene yaitu ubah nama
sene menadi 6intro7. %edangkan pada tab Movie, ubah bakground movie
menadi 6red7.
32
-
8/18/2019 Modul Multimedia I
33/51
'. 2nsert ext. Gbah 6ext7 menadi 6-2% 2% 20R9 F;7 dan ukuran text
menadi 6'"7, serta =arna huruf menadi 6yello=7 pada panel properties.
*. Buat Rounded Button dengan ara pilih tool +uto%hape pada ools,
Kemudian isi dengan text 6enter7 dan atur alignment dan =arnanya hingga
tampak seperti berikut:
. +tur button hingga mempunyai 9ver %tate dan 3o=n %tate. Ffek pada 9ver
%tate adalah text 6enter7 menadi =arna hiau, sedangkan pada 3o=n %tate,
bayangan button berubah.
9ver %tate 3o=n %tate
". -asil akhir dari 9utline 5anel pada %ene intro sebagai berikut :
33
-
8/18/2019 Modul Multimedia I
34/51
P -alaman 1
Berikut ini adalah langkahlangkah untuk membuat sene halaman 1.
1. 2nsert %ene, dengan ara pilih menu Insert A S2ene
$. 5ada panel properties dan tab S2ene, atur konfigurasi sene yaitu ubah nama
sene menadi -aa"an5
'. 2nsert ext. 5ada panel properties, ubah 6ext7 menadi INI &ALAMAN
SATU, ukuran text menadi 6'"7, =arna huruf menadi 6yello=7, serta ubah
font menadi 6Herdana7.
*. Buat +rro= Button dengan ara pilih tool A/t!S-a1e pada ools, Kemudian
ubah nama button tersebut menadi 6bak7. 3engan ara yang sama buat
arro= button dan ubah nama button menadi 6next7.
. Gntuk memberikan efek dinamis pada kedua button tersebut, berikanlah efek
over state, yakni dengan mengubah =arna arro= menadi ye!)$
". -asil akhir dari O/tine Pane pada %ene -aa"an5 sebagai berikut.
34
-
8/18/2019 Modul Multimedia I
35/51
C. %edangkan tampilan pada /ayout 5anel pada sene halaman1 sebagai
berikut
P -alaman $ dan '
1. 3engan prosedur yang sama, buatlah sene untuk halaman $ dan halaman '.
Gbahlah nama sene dan text sesuai dengan halaman yang bersangkutan.
Misalnya pada sene halaman $ maka nama sene menadi 6halaman$7, serta isi
text menadi 6202 -+/+M+0 $7, begitupun pada sene 6halaman'7. Khusus pada
halaman ', button next ditiadakan dan diganti dengan tombol home yangdigunakan untuk menuu ke halaman a=al.
$. -asil akhir dari 9utline 5anel pada sene halaman$ dan halaman'
sebagai berikut
35
-
8/18/2019 Modul Multimedia I
36/51
'. %edangkan tampilan pada Lay!/t Panel pada s2ene -aa"an# sebagai
berikut.
• Membuat 0avigasi antar sene
36
-
8/18/2019 Modul Multimedia I
37/51
Berikut ini adalah langkahlangkah untuk membuat navigasi antar sene.
1. 5ilih S2ene intr!
$. 5ilih button, kemudian tambahkan sript menuu ke sene halaman1 dengan
ara klik kanan pilih menu S2ri1ts A M!+ie 3!ntr! A g!t!An'Pay A
g!t!An'Pay>(RAME?. Gbah arget sene menadi tampilan sript menadi
seperti berikut
'. 5ilih s2ene -aa"an5
*. 5ilih b/tt!n ba2k, tambahkan sript sebagai berikut
. 5ada b/tt!n ne*t, tambahkan sript sebagai berikut
". 3engan prosedur yang sama, berikan pula sript yang serupa /nt/k b/tt!n
ne*t dan ba2k pada sene halaman$
37
!n >reease? C
ne*tS2eneAn'Pay>?
!n >reease? C
1re+S2eneAn'Pay>?
!n >reease? C
ne*tS2eneAn'Pay>?
-
8/18/2019 Modul Multimedia I
38/51
C. 5ada sene halaman', berikan sript yang sama untuk button bak,
sedangkan untuk button home diisi sript menuu ke sene intro (a=al# sebagai
berikut
0"nt"h berbagai macam menu
38
!n >reease? C
g!t!S2eneAn'Pay>Ffirst s2eneG75?
-
8/18/2019 Modul Multimedia I
39/51
BAB
-
8/18/2019 Modul Multimedia I
40/51
". ambahkan %prite pada 9ver %tate dengan ara, klik 9ver %tate kemudian
5ilih menu Insert A S1rite, sehingga tampilan 9utline 5anel dan /ayout
5anel menadi seperti berikut
Lay!/t Pane O/tine Pane
C. &ut obek ext, dan di paste ke dalam sprite dengan ara klik text 0F; pada
!/tine 1ane kemudian tekan tombol 3trHX atau klik kanan A 3/t Ob=ek,
kemudian kik S1rite dan tekan tombol 3trH
-
8/18/2019 Modul Multimedia I
41/51
!. 5ilih @rame ke1) pada imeline kemudian pindah posisi text 0F; pada
layout panel hingga menadi seperti berikut:
1). /ihat hasil movie. >ika sesuai dengan instruksi, maka efek yang akan
ditampilkan adalah adanya pergerakan text 0F; ketika mouse berada di atas
button.
S*rite *ada M"ie
Berikut ini langkahlangkah pemanfaatan sprite pada movie :
1. Buka fie "!+ie TU0AS$s)i
$. Klik S2ene -aa"an5 pada O/tine Pane
'. 2nsert obek F#ni"terak-irG.s=f dengan ara pilih
menu pilih F#ni"terak-irG$s=f
&atatan:
Gntuk memanipulasi sprite, pastikan posisi highlight pada outline berada pada
posisi nama sprite dan tidak terini.
41
-
8/18/2019 Modul Multimedia I
42/51
3i ba=ah ini pada posisi yang salah:
*. Klik sprite Q#ni"terak-irG.s=f pada 9utline 5anel, kemudian atur ampilan
sprite tersebut hingga tampak rapi pada layout panel.
. Berikut ini tampilan pada Lay!/t Pane
42
-
8/18/2019 Modul Multimedia I
43/51
". Berikut ini tampilan pada O/tine Pane
C. Pay M!+ie untuk melihat hasilnya.
TU0AS PRAKTIKUM
5etunuk:
ugas dikumpulkan melalui upload di server dengan ketentuan sebagai berikut:
3ipaket dalam bentuk rar atau Eip
5aket berisi file s=ish (s=i# dan flash (s=f#
@ormat penamaan file paket GL+%02M
3engan memanfaatkan informasi pada modul ini (sprite#, buatlah
sebuah movie yang setidaknya berisi:
>udul yang berisi nama perusahaan
Banner yang berisi motto perusahaan
3aftar menu yang terdiri dari home, visi, misi, dan do=nload.
5ada setiap menu berikan keterangan singkat mengenai isi dari menu tersebut
atau dengan movie (sprite#.
Gntuk memudahkan penelusuran gunakan navigasi menggunakan button.
43
-
8/18/2019 Modul Multimedia I
44/51
BAB
-
8/18/2019 Modul Multimedia I
45/51
*. /engkapi statemen tersebut dengan kalimat 6-ello
-
8/18/2019 Modul Multimedia I
46/51
5ada debug panel akan menghitung hasil dari y J * *, dimana nilai x mulai dari )
hingga 1). >ika hasil tersebut lebih dari ), maka akan ditampilkan pesan 60ilainya
besar7.
Berikut ini langkahlangkah yang harus dilakukan :
1. Buat movie baru, dan simpan dengan nama file flo=ontrol.s=i
$. Masukkan even on@rame pada panel %ript dengan ara memilih menu A''
S2ri1t E+ents (ra"e !n(ra"e>$$$?$
' >ika sudah ditambahkan sript pada langkah sebelumnya, maka tampilan panel
sript akan seperti gambar di ba=ah ini.
&atatan: sript dialankan pada frame ke1.
46
-
8/18/2019 Modul Multimedia I
47/51
* Masukkan sript berikut ke dalam panel sript
. Berikut ini tabel langkahlangkah untuk memasukkan sript di atas
No Pernyataan Keterangan
47
x = 0;
y = 0;
while (x 50) {
trace("Nilainya besar");
x = x ! 1;
-
8/18/2019 Modul Multimedia I
48/51
1 x = 0; Add Script State!ent" #ar =
expr;
$aria%e& dii"i x dan #a&'e dii"i 0
2 y = 0; Add Script State!ent" #ar =
expr;
$aria%e& dii"i y dan #a&'e dii"i 0
3 ()i&e *x += 10, - Add Script .onditiona& ()i&e *///,
$a&'e dii"i x += 10
Pernyataan ini aan !ena&anan
in"tr'"i di %a(a)nya "e&a!a ni&ai
x += 10
4 y = x x; Add Script State!ent" #ar =
expr;
$aria%e& dii"i y dan #a&'e dii"i x x
5 trace*y = add y add x =
add x,;
Add Script e%'gging trace*///,
$a&'e dii"i y = add y add x =
add x
.atatan
add dig'naan 'nt'
!engga%'ngan "tring
6 i *y 50, - Add Script .onditiona& i *///, -
48
-
8/18/2019 Modul Multimedia I
49/51
$a&'e dii"i y 50
Pernyataan ini aan !ena&anan
in"tr'"i ia ni&ai y 50
7 trace*Ni&ainya %e"ar,; Add Script e%'gging trace*///,
$a&'e dii"i Ni&ainya %e"ar:
8
9 x = x < 1; Add Script State!ent" #ar =
expr;
$aria%e& dii"i x dan #a&'e dii"i x < 1
.atatan "e%e&'!nya &i : pada
"tate!en i *y 50,
10
". >ika sudah diisikan dengan benar, maka %ript panel akan terlihat seperti berikut
49
-
8/18/2019 Modul Multimedia I
50/51
C. mengeek sript di atas, play movie tersebut, dan pilih debug panel. >ika sudah
benar, maka debug panel akan terlihat seperti berikut
D. %impan movie.
Mengat/r Ob=ek Pr!1erties
50
-
8/18/2019 Modul Multimedia I
51/51
Movie ini akan memperkenalkan penggunaan properties 2nput ext dan
3ynami ext dengan event onRelease pada button
Deskri1si T/t!ria
5ada tutorial ini akan menghitung luas lingkaran dengan input ariari.
Berikut ini langkahlangkah yang harus dilakukan:
1. Buat movie baru, dan simpan dengan nama file lingkaran.s=i
$. Masukkan even on@rame pada panel %ript dengan ara memilih menu A''
S2ri1t E+ents (ra"e !n(ra"e>$$$?$