Date post: | 18-Jun-2015 |
Category: |
Technology |
Upload: | nurul-huda-muhammad-nasir |
View: | 878 times |
Download: | 3 times |
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM)
Fakulti Teknologi Maklumatdan Komunikasi Multimedia
Copyright © ODL Jan 2005 Open University Malaysia
1
PEMBANGUNAN APLIKASI MULTIMEDIATUTORIAL 3 – UNIT 3 Perisian Marcomedia
Director
Nor Asiyah FadilCBMP2203 Pembangunan Aplikasi MultimediaJan 2005
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM)
Fakulti Teknologi Maklumatdan Komunikasi Multimedia
2
Copyright © ODL Jan 2005 Open University Malaysia
Komponen UNIT 3
Pengenalan Macromedia Director Konsep Asas Director Persekitaran Pengarangan Utama Director
Cast, Stage, Score, Sprite, Inspectors, Control Panel.
PengenalanMacromedia Director
PengenalanMacromedia Director
Teknik-teknikAdobe Photoshop
Teknik-teknikAdobe Photoshop
Penggunaan Teks & Warna Mengimport Bunyi & Video Penggunaan Lingo: Menambah Interaktiviti
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM)
Fakulti Teknologi Maklumatdan Komunikasi Multimedia
Copyright © ODL Jan 2005 Open University Malaysia
3
UN
IT 3
UNIT 3 PERISIAN MARCOMEDIA DIRECTOR
BAB 9Pengenalan kepadaMarcomedia Director
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM)
Fakulti Teknologi Maklumatdan Komunikasi Multimedia
4
Copyright © ODL Jan 2005 Open University Malaysia
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.
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM)
Fakulti Teknologi Maklumatdan Komunikasi Multimedia
5
Copyright © ODL Jan 2005 Open University Malaysia
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.
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM)
Fakulti Teknologi Maklumatdan Komunikasi Multimedia
6
Copyright © ODL Jan 2005 Open University Malaysia
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.
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM)
Fakulti Teknologi Maklumatdan Komunikasi Multimedia
7
Copyright © ODL Jan 2005 Open University Malaysia
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
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM)
Fakulti Teknologi Maklumatdan Komunikasi Multimedia
8
Copyright © ODL Jan 2005 Open University Malaysia
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.
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM)
Fakulti Teknologi Maklumatdan Komunikasi Multimedia
9
Copyright © ODL Jan 2005 Open University Malaysia
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.
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM)
Fakulti Teknologi Maklumatdan Komunikasi Multimedia
10
Copyright © ODL Jan 2005 Open University Malaysia
9.3 Persekitaran Pengarangan Director
Stage
Score
ControlPanel
InternalCast
PropertyInspector
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM)
Fakulti Teknologi Maklumatdan Komunikasi Multimedia
11
Copyright © ODL Jan 2005 Open University Malaysia
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.
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM)
Fakulti Teknologi Maklumatdan Komunikasi Multimedia
12
Copyright © ODL Jan 2005 Open University Malaysia
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.
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM)
Fakulti Teknologi Maklumatdan Komunikasi Multimedia
13
Copyright © ODL Jan 2005 Open University Malaysia
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
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM)
Fakulti Teknologi Maklumatdan Komunikasi Multimedia
14
Copyright © ODL Jan 2005 Open University Malaysia
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.
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM)
Fakulti Teknologi Maklumatdan Komunikasi Multimedia
15
Copyright © ODL Jan 2005 Open University Malaysia
9.4 Berkaitan CAST
Cast Member Merupakan lokasi kecil dalam cast yang mengandungi
elemen2 dalam movie.
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM)
Fakulti Teknologi Maklumatdan Komunikasi Multimedia
16
Copyright © ODL Jan 2005 Open University Malaysia
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.
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM)
Fakulti Teknologi Maklumatdan Komunikasi Multimedia
17
Copyright © ODL Jan 2005 Open University Malaysia
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.
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM)
Fakulti Teknologi Maklumatdan Komunikasi Multimedia
18
Copyright © ODL Jan 2005 Open University Malaysia
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
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM)
Fakulti Teknologi Maklumatdan Komunikasi Multimedia
19
Copyright © ODL Jan 2005 Open University Malaysia
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
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM)
Fakulti Teknologi Maklumatdan Komunikasi Multimedia
20
Copyright © ODL Jan 2005 Open University Malaysia
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
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM)
Fakulti Teknologi Maklumatdan Komunikasi Multimedia
21
Copyright © ODL Jan 2005 Open University Malaysia
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.
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM)
Fakulti Teknologi Maklumatdan Komunikasi Multimedia
22
Copyright © ODL Jan 2005 Open University Malaysia
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.
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM)
Fakulti Teknologi Maklumatdan Komunikasi Multimedia
23
Copyright © ODL Jan 2005 Open University Malaysia
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
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM)
Fakulti Teknologi Maklumatdan Komunikasi Multimedia
24
Copyright © ODL Jan 2005 Open University Malaysia
9.6 Berkaitan SCORE
9.6.3 Fitur-fitur penting score
Markers Penanda: digunakan untuk
melabelkan bahagian penting dalam movie.
Effect Channel Untuk menambah kesan
spesifik pada movie
Terdapat 6 jenis effect channel
Effect Channel
Untuk aktifkanEffect Channel
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM)
Fakulti Teknologi Maklumatdan Komunikasi Multimedia
25
Copyright © ODL Jan 2005 Open University Malaysia
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
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM)
Fakulti Teknologi Maklumatdan Komunikasi Multimedia
26
Copyright © ODL Jan 2005 Open University Malaysia
9.6 Berkaitan SCORE
9.6.3 Fitur-fitur penting score
• Effect Channel 2: Pallette Channel Menentukan Palet Warna
Pemilihan Palette
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM)
Fakulti Teknologi Maklumatdan Komunikasi Multimedia
27
Copyright © ODL Jan 2005 Open University Malaysia
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
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM)
Fakulti Teknologi Maklumatdan Komunikasi Multimedia
28
Copyright © ODL Jan 2005 Open University Malaysia
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.
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM)
Fakulti Teknologi Maklumatdan Komunikasi Multimedia
29
Copyright © ODL Jan 2005 Open University Malaysia
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
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM)
Fakulti Teknologi Maklumatdan Komunikasi Multimedia
30
Copyright © ODL Jan 2005 Open University Malaysia
9.7 Berkaitan SPRITE
Di atas stage pula, sprite diwakili oleh imej cast member.
Jenis2 sprite: Graphic Sprites, Sound Sprites, Transition Sprites, Behavior Sprites.
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM)
Fakulti Teknologi Maklumatdan Komunikasi Multimedia
31
Copyright © ODL Jan 2005 Open University Malaysia
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 untukmembuka Inspectors
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM)
Fakulti Teknologi Maklumatdan Komunikasi Multimedia
32
Copyright © ODL Jan 2005 Open University Malaysia
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.
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM)
Fakulti Teknologi Maklumatdan Komunikasi Multimedia
33
Copyright © ODL Jan 2005 Open University Malaysia
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.
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM)
Fakulti Teknologi Maklumatdan Komunikasi Multimedia
34
Copyright © ODL Jan 2005 Open University Malaysia
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.
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM)
Fakulti Teknologi Maklumatdan Komunikasi Multimedia
35
Copyright © ODL Jan 2005 Open University Malaysia
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.
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM)
Fakulti Teknologi Maklumatdan Komunikasi Multimedia
36
Copyright © ODL Jan 2005 Open University Malaysia
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.
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM)
Fakulti Teknologi Maklumatdan Komunikasi Multimedia
37
Copyright © ODL Jan 2005 Open University Malaysia
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
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM)
Fakulti Teknologi Maklumatdan Komunikasi Multimedia
38
Copyright © ODL Jan 2005 Open University Malaysia
Terima Kasih