Macromedia director

Post on 18-Jun-2015

890 views 3 download

Tags:

Transcript of Macromedia director

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