Macromedia director
- 1. Fakulti Teknologi Maklumat
dan Komunikasi Multimedia
PEMBANGUNAN
APLIKASI MULTIMEDIA
TUTORIAL 3 –
UNIT 3 Perisian Marcomedia
Director
Nor Asiyah Fadil
CBMP2203 Pembangunan Aplikasi Multimedia
Jan 2005
1
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM) Copyright © ODL Jan 2005 Open University Malaysia
- 2. Fakulti Teknologi Maklumat
dan Komunikasi Multimedia
Komponen UNIT 3
Pengenalan Macromedia
Pengenalan Director
Macromedia Director Konsep Asas Director
Persekitaran Pengarangan
Utama Director
Cast, Stage, Score, Sprite,
Inspectors, Control Panel.
Teknik-teknik Penggunaan Teks & Warna
Adobe Photoshop Mengimport Bunyi & Video
Penggunaan Lingo: Menambah
Interaktiviti
2
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM) Copyright © ODL Jan 2005 Open University Malaysia
- 3. Fakulti Teknologi Maklumat
dan Komunikasi Multimedia
UNIT 3
UNIT 3
PERISIAN MARCOMEDIA
DIRECTOR
BAB 9
Pengenalan kepada
Marcomedia Director
3
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM) Copyright © ODL Jan 2005 Open University Malaysia
- 4. Fakulti Teknologi Maklumat
dan Komunikasi Multimedia
9.0 Pengenalan
Objektif:
• Memahami konsep-konsep asas dan fitur-fitur dalam
perisian Director;
• Mengenali antaramuka utama yang terdapat di dalam
persekitaran pengarangan Macromedia Director; dan
• Mengenal pasti kepentingan dan kelebihan perisian
Director jika dibandingkan dengan perisian-perisian
lain.
4
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM) Copyright © ODL Jan 2005 Open University Malaysia
- 5. Fakulti Teknologi Maklumat
dan Komunikasi Multimedia
9.1 Pengenalan Director
Director membolehkan anda menghasilkan
persembahan visual atau perisian multimedia
interaktif termasuk audio dan video dengan mudah.
Anda boleh menambah tarikan visual kepada
persembahan lisan anda dengan mencipta slaid-slaid
animasi.
Nama Director diambil sempena fungsi atau peranan
anda sebagai pengarah atau director di dalam
membangunkan apa jua produk multimedia.
5
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM) Copyright © ODL Jan 2005 Open University Malaysia
- 6. Fakulti Teknologi Maklumat
dan Komunikasi Multimedia
9.1 Pengenalan Director
Kelebihan Director
(i) Persekitaran Yang lengkap
Kebanyakan elemen multimedia seperti mencipta dan
mengedit grafik atau teks, animasi, audio, mencipta palet,
interaktiviti dan arahan pengaturcaraan telah tersedia ada di
dalam perisian ini tanpa perlu kepada perisian sokongan.
(ii) Keupayaan Cross Platform
Terdapat dua versi Director : Mac & Windows
Fail yang dibangunkan di dalam satu versi boleh dibuka
secara langsung di dalam versi satu lagi dan boleh disimpan
di dalam bentuk stand alone untuk kedua-dua platform ini.
Aplikasi yang tersedia dalam format CD boleh dimainkan
pada kedua-dua platform Mac dan Windows.
6
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM) Copyright © ODL Jan 2005 Open University Malaysia
- 7. Fakulti Teknologi Maklumat
dan Komunikasi Multimedia
9.1 Pengenalan Director
Kelebihan Director
(iii) Pengedaran Bebas-Royalti
Fail yang dihasilkan dengan Director boleh dijual dan
diedarkan dengan percuma; tanpa perlu membayar royalti
kepada Macromedia.
Produk mestilah memaparkan logo khusus “Made with
Macromedia”.
(iv) Boleh Dimainkan Di Internet
Aplikasi yang dibangunkan dengan Director boleh dimainkan
pada Internet dengan menggunakan teknologi yang
dinamakan Shockwave.
Sesiapa sahaja yang mempunyai penyemak lewa (browser)
yang telah dikonfigurasi dengan betul boleh berinteraksi
dengan movie semasa melayari muka surat tersebut
7
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM) Copyright © ODL Jan 2005 Open University Malaysia
- 8. Fakulti Teknologi Maklumat
dan Komunikasi Multimedia
9.2 Konsep Asas Director
4 Langkah Asas Menggunakan Director
Langkah 1: Kumpulkan elemen-elemen media.
Menghasilkan elemen-elemen media yang baru atau
menggunakan elemen-elemen yang telah dibangunkan.
Director menyediakan pelbagai alatan untuk mencipta elemen-
elemen ini termasuklah alatan paint (paint tool) dan alatan
mencipta teks (text creation tool).
Langkah 2: Posisi elemen-elemen media di atas stage
dan jujukan mereka di dalam score.
Anda menggunakan kedua-dua stage dan score untuk mengatur
elemen-elemen media dalam ruang masa dan tempat.
8
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM) Copyright © ODL Jan 2005 Open University Malaysia
- 9. Fakulti Teknologi Maklumat
dan Komunikasi Multimedia
9.2 Konsep Asas Director
4 Langkah Asas Menggunakan Director
Langkah 3: Menambah interaktivi dan skrip.
Bahasa skrip atau scripting yang terkandung dalam Director
dapat menghasilkan movie yang lebih dinamik daripada
penggunaan yang terhad kepada stage dan score.
Langkah 4: Pakej movie kepada Format Pengedaran
( Projektor ).
Projektor adalah program perisian yang sebenar (actual) dan
stand alone yang akan dimainkan oleh pengguna akhir.
Dengan mengedarkan movie anda dalam bentuk projektor,
pengguna akhir boleh memainkan movie multimedia anda tanpa
memerlukan salinan Director mereka sendiri.
9
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM) Copyright © ODL Jan 2005 Open University Malaysia
- 10. Fakulti Teknologi Maklumat
dan Komunikasi Multimedia
9.3 Persekitaran Pengarangan Director
Internal
Cast
Stage
Property
Inspector
Score
Control
Panel
10
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM) Copyright © ODL Jan 2005 Open University Malaysia
- 11. Fakulti Teknologi Maklumat
dan Komunikasi Multimedia
9.3 Persekitaran Pengarangan Director
Terdapat 5 Tetingkap Utama
Tetingkap 1: The Cast Window
Peranti storan yang menyimpan elemen-
elemen multimedia ( Cast Member ) : imej,
animasi, jujukan, teks, bunyi, transisi,
behavior.
11
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM) Copyright © ODL Jan 2005 Open University Malaysia
- 12. Fakulti Teknologi Maklumat
dan Komunikasi Multimedia
9.3 Persekitaran Pengarangan Director
Terdapat 5 Tetingkap Utama
Tetingkap 2: The Stage Window
Sejenis Kanvas yang
memaparkan hasil kerja.
Skrin di mana movie
ditayangkan.
Konfigurasi kanvas boleh
disesuaikan: saiz, warna,
lokasi.
12
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM) Copyright © ODL Jan 2005 Open University Malaysia
- 13. Fakulti Teknologi Maklumat
dan Komunikasi Multimedia
9.3 Persekitaran Pengarangan Director
Terdapat 5 Tetingkap Utama
Tetingkap 3: The Score Window
Grid terperinci yang mewakili apa yang berlaku di
dalam movie menurut masa.
Terdiri daripada: Channels (rows) yang memegang
Frame (columns).
Channels
Frame 13
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM) Copyright © ODL Jan 2005 Open University Malaysia
- 14. Fakulti Teknologi Maklumat
dan Komunikasi Multimedia
9.3 Persekitaran Pengarangan Director
Terdapat 5 Tetingkap Utama
Tetingkap 4: The Property Inspector
Menyediakan cara yang mudah untuk melihat dan mengubah
atribut objek yang dipilih.
Tetingkap 5: The Control Panel
Kawalan mainan semula movie dalam persekitaran
pengarangan.
Barupa replika kawalan yang mengandungi Toolbar kawalan:
play, stop, rewind.
14
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM) Copyright © ODL Jan 2005 Open University Malaysia
- 15. Fakulti Teknologi Maklumat
dan Komunikasi Multimedia
9.4 Berkaitan CAST
Cast Member
Merupakan lokasi kecil dalam cast yang mengandungi elemen2
dalam movie.
15
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM) Copyright © ODL Jan 2005 Open University Malaysia
- 16. Fakulti Teknologi Maklumat
dan Komunikasi Multimedia
9.4 Berkaitan CAST
Mencipta Cast dan Cast Member
Internal Cast disediakan secara
semulajadi apabila anda memulakan
Director.
Ianya kosong, dan anda boleh mencipta
lebih banyak cast.
Cara: Klik kotak sebelah kiri di atas
tentingkap cast.
Apa sahaja elemen yang anda letakkan
di atas stage, cast member akan dicipta
secara serta merta.
16
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM) Copyright © ODL Jan 2005 Open University Malaysia
- 17. Fakulti Teknologi Maklumat
dan Komunikasi Multimedia
9.4 Berkaitan CAST
Menyusun Cast Member
• Dua cara untuk melihat Cast Members:
List View:
Maklumat terperinci
berkaitan setiap cast
Thumbnail View:
Cast members diwakili
oleh versi miniature
seperti yang kelihatan dalam
stage.
• Susunan Cast boleh diubah2
mengikut jujukan dan
kehendak pembangun.
17
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM) Copyright © ODL Jan 2005 Open University Malaysia
- 18. Fakulti Teknologi Maklumat
dan Komunikasi Multimedia
9.5 Berkaitan STAGE
Membuka Stage
Stage: Merupakan pentas dimana segala aksi berlaku. Stage
biasanya akan terbuka secara default.
Cara Alternatif:
Memilih Windows/Stage
Shortcut key: Ctrl + 1
Klik pada Ikon Stage
18
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM) Copyright © ODL Jan 2005 Open University Malaysia
- 19. Fakulti Teknologi Maklumat
dan Komunikasi Multimedia
9.5 Berkaitan STAGE
Menukar Saiz
• Saiz boleh diubah mengikut kesesuaian.
• Klik butang kanan tetikus > Pilih Movie
Properties > Pilih Stage > ubah saiz.
• Kedudukan stage dan warna stage
juga boleh diubah.
• Zoom stage boleh diubah.
• Cara:
Klik pada kekotak drop-down pada
penjuru kiri bawah stage
Pilih ration zoom yang diingini
19
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM) Copyright © ODL Jan 2005 Open University Malaysia
- 20. Fakulti Teknologi Maklumat
dan Komunikasi Multimedia
9.6 Berkaitan SCORE
• Merupakan bahagian yang akan merekod semua yang berlaku
di atas stage.
• Menerangkan perjalanan movie.
• Tool untuk mencipta dan mengedit animasi di stage
20
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM) Copyright © ODL Jan 2005 Open University Malaysia
- 21. Fakulti Teknologi Maklumat
dan Komunikasi Multimedia
9.6 Berkaitan SCORE
• Sprite
Cast member yang diletakkan dalam score/stage
Mengandungi cast member termasuk:
Ciri-ciri properties & Behaviours
Menentukan bagaimana, bila dan di mana cast member
akan muncul dalam movie.
Perubahan pada sprite akan mempengaruhi ciri-ciri cast
member.
• Frame
Lajur-lajur sel yang menunjukkan apa yang sedang
dilakukan oleh setiap sprite di atas stage pada selang masa
tertentu.
21
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM) Copyright © ODL Jan 2005 Open University Malaysia
- 22. Fakulti Teknologi Maklumat
dan Komunikasi Multimedia
9.6 Berkaitan SCORE
Channel
Baris-baris sel yang terdiri daripada:
Sprite Channel & Effect Channel
Setiap channel merupakan satu lapisan yang mewakili satu
objek dalam stage
Score
Mengawal masa atau timming movie.
Berperanan sebagai timeline pada anaimasi.
Terdapat 1 score dalam 1 movie, di mana 1 score
mengandungi beberapa channel.
22
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM) Copyright © ODL Jan 2005 Open University Malaysia
- 23. Fakulti Teknologi Maklumat
dan Komunikasi Multimedia
9.6 Berkaitan SCORE
Membuka Score
Pilih windows/score atau
Shortcut key : Ctrl + 4
Menukar Saiz
Melalui butang bahagian kanan
lajur bar bernombor.
Shortcut key: Ctrl + ‘+’ (add
zoom), Ctrl
23
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM) Copyright © ODL Jan 2005 Open University Malaysia
- 24. Fakulti Teknologi Maklumat
dan Komunikasi Multimedia
9.6 Berkaitan SCORE
9.6.3 Fitur-fitur penting score
Markers
Penanda: digunakan untuk
melabelkan bahagian penting
dalam movie.
Effect Channel
Untuk aktifkan
Untuk menambah kesan Effect Channel
spesifik pada movie
Terdapat 6 jenis effect channel
Effect Channel
24
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM) Copyright © ODL Jan 2005 Open University Malaysia
- 25. Fakulti Teknologi Maklumat
dan Komunikasi Multimedia
9.6 Berkaitan SCORE
9.6.3 Fitur-fitur penting score
• Effect Channel 1: Tempo Channel
Digunakan untuk menset kelajuan main semula
Dwi-klik pada frame untuk membuka / mengubah tempo
Ubah kelajuan
25
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM) Copyright © ODL Jan 2005 Open University Malaysia
- 26. Fakulti Teknologi Maklumat
dan Komunikasi Multimedia
9.6 Berkaitan SCORE
9.6.3 Fitur-fitur penting score
• Effect Channel 2: Pallette Channel
Menentukan Palet Warna
Pemilihan Palette
26
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM) Copyright © ODL Jan 2005 Open University Malaysia
- 27. Fakulti Teknologi Maklumat
dan Komunikasi Multimedia
9.6 Berkaitan SCORE
9.6.3 Fitur-fitur penting score
• Effect Channel 3: Transition Channel
Digunakan untuk menset transisi antara scenes
Cth: dissolves / wipes.
Jenis transisi
yang boleh diset
27
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM) Copyright © ODL Jan 2005 Open University Malaysia
- 28. Fakulti Teknologi Maklumat
dan Komunikasi Multimedia
9.6 Berkaitan SCORE
9.6.3 Fitur-fitur penting score
• Effect Channel 4 & 5: Sound Channel
Membolehkan penambahan
kesan bunyi dan trek suara.
• Effect Channel 6: Script Channel.
Membolehkan anda menggabungkan
skrip pengaturcaraan linggo.
28
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM) Copyright © ODL Jan 2005 Open University Malaysia
- 29. Fakulti Teknologi Maklumat
dan Komunikasi Multimedia
9.7 Berkaitan SPRITE
• Sprite: objek dalam movie yang mengandungi cast
member.
• Dihasilkan apabila objek diletakkan dalam score atau
atas stage.
Di dalam score, sprite
diwakili: sprite span
Ditempatkan pada julat
bingkai untuk menunjukkan
bila dan tempoh masa sprite
muncul dalam movie
29
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM) Copyright © ODL Jan 2005 Open University Malaysia
- 30. Fakulti Teknologi Maklumat
dan Komunikasi Multimedia
9.7 Berkaitan SPRITE
Di atas stage pula, sprite
diwakili oleh imej cast
member.
Jenis2 sprite: Graphic Sprites,
Sound Sprites, Transition
Sprites, Behavior Sprites.
30
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM) Copyright © ODL Jan 2005 Open University Malaysia
- 31. Fakulti Teknologi Maklumat
dan Komunikasi Multimedia
9.8 Berkaitan INSPECTORS
• Inspectors mengadungi pelbagai butiran terperinci
tentang elemen-elemen dan properties yang berkaitan
di dalam movies.
• Terdapat empat jenis Inspectors:
Property Inspector,
Text Inspector,
Behavior Inspector dan
Memory Inspector.
Cara untuk
membuka Inspectors
31
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM) Copyright © ODL Jan 2005 Open University Malaysia
- 32. Fakulti Teknologi Maklumat
dan Komunikasi Multimedia
9.8 Berkaitan INSPECTORS
• Property Inspector
Alatan yang membolehkan anda
melihat dan menset properties
pelbagai objek di dalam movies
seperti sprite, stage, cast
member dan properties.
Perubahan dapat dilakukan
dengan cepat pada properties.
32
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM) Copyright © ODL Jan 2005 Open University Malaysia
- 33. Fakulti Teknologi Maklumat
dan Komunikasi Multimedia
9.8 Berkaitan INSPECTORS
• Text Inspector
Untuk memformat teks sama ada untuk cast member yang
spesifik atau text sprite.
Juga untuk menset teks sebagai hiperpaut, dengan
menggunakan medan Hyperlink Data yang terdapat pada
text inspector.
33
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM) Copyright © ODL Jan 2005 Open University Malaysia
- 34. Fakulti Teknologi Maklumat
dan Komunikasi Multimedia
9.8 Berkaitan INSPECTORS
• Behavior Inspector
Mengandungi kawalan-kawalan
untuk menghasil dan customize
behaviors (skrip Lingo).
Ini membolehkan anda
menghasilkan behavior yang
baru, mengubah suai behavior
yang sedia ada atau menukar
susunan sesuatu behaviors
dilaksanakan untuk sprite yang
diberikan.
34
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM) Copyright © ODL Jan 2005 Open University Malaysia
- 35. Fakulti Teknologi Maklumat
dan Komunikasi Multimedia
9.8 Berkaitan INSPECTORS
• Memory Inspector
Membolehkan anda
mengawasi penggunaan
memori sesuatu movies yang
sedang dibangunkan.
Ia memberitahu anda berapa
banyak memori yang
digunakan oleh cast dan
score.
35
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM) Copyright © ODL Jan 2005 Open University Malaysia
- 36. Fakulti Teknologi Maklumat
dan Komunikasi Multimedia
9.9 Berkaitan CONTROL PANEL
• Control Panel sebenarnya adalah replika beberapa
butang kawalan yang terdapat pada toolbar seperti
butang Main (Play), Stop (Berhenti) dan Rewind.
• Digunakan untuk mengawal persembahan di stage
seperti play, stop, rewind, forward dan lain-lain.
• Ia juga digunakan sewaktu anda ingin melarikan atau
menguji movie anda, melaksanakan persembahan
berulang-ulang kali, mengawal tempo animasi,
menunjukkan nombor frame dan tempo semasa.
36
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM) Copyright © ODL Jan 2005 Open University Malaysia
- 37. Fakulti Teknologi Maklumat
dan Komunikasi Multimedia
RUMUSAN
• Di dalam bab ini, anda telah:
Diperkenalkan kepada perisian pembangunan multimedia
yang dinamik dan mudah dipelajari : Mac. Director.
Diterangkan tentang kebaikan dan langkah-langkah asas
dalam menghasilkan movie Director.
Mempelajari tentang persekitaran pengarangan utama
yang terdapat di dalam Director 8.
• Untuk persediaan pada tutorial akan datang:
Cuba biasakan diri anda dengan persekitaran Director.
Bawa koleksi elemen-elemen yang hendak anda masukkan
dalam aplikasi anda
Tutorial akan datang kita akan lihat lanjutan kepada
Macromedia Director
37
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM) Copyright © ODL Jan 2005 Open University Malaysia
- 38. Fakulti Teknologi Maklumat
dan Komunikasi Multimedia
Terima Kasih
38
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM) Copyright © ODL Jan 2005 Open University Malaysia