Modul Multimedia I

Embed Size (px)

Citation preview

  • 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>$$$?$