Macromedia director

38
Subject Matter Expert/Author: Nor Aisyah Fadil (OUM) Fakulti Teknologi Maklumat dan Komunikasi Multimedia Copyright © ODL Jan 2005 Open University Malaysia 1 PEMBANGUNAN APLIKASI MULTIMEDIA TUTORIAL 3 – UNIT 3 Perisian Marcomedia Director Nor Asiyah Fadil CBMP2203 Pembangunan Aplikasi Multimedia Jan 2005

Transcript of Macromedia director

Page 1: 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

Page 2: Macromedia director

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

Page 3: Macromedia director

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

Page 4: Macromedia 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.

Page 5: Macromedia director

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.

Page 6: Macromedia director

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.

Page 7: Macromedia director

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

Page 8: Macromedia director

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.

Page 9: Macromedia director

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.

Page 10: Macromedia director

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

Page 11: Macromedia director

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.

Page 12: Macromedia director

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.

Page 13: Macromedia director

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

Page 14: Macromedia director

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.

Page 15: Macromedia director

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.

Page 16: Macromedia director

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.

Page 17: Macromedia director

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.

Page 18: Macromedia director

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

Page 19: Macromedia director

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

Page 20: Macromedia director

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

Page 21: Macromedia director

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.

Page 22: Macromedia director

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.

Page 23: Macromedia director

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

Page 24: Macromedia director

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

Page 25: Macromedia director

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

Page 26: Macromedia director

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

Page 27: Macromedia director

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

Page 28: Macromedia director

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.

Page 29: Macromedia director

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

Page 30: Macromedia director

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.

Page 31: Macromedia director

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

Page 32: Macromedia director

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.

Page 33: Macromedia director

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.

Page 34: Macromedia director

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.

Page 35: Macromedia director

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.

Page 36: Macromedia director

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.

Page 37: Macromedia director

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

Page 38: 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