SlideShare a Scribd company logo
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
Fakulti Teknologi Maklumat
dan Komunikasi Multimedia




                                  Terima Kasih

                                                                                                      38
 Subject Matter Expert/Author: Nor Aisyah Fadil (OUM)   Copyright © ODL Jan 2005 Open University Malaysia

More Related Content

Viewers also liked (20)

Chapter 1
Chapter 1Chapter 1
Chapter 1
 
Chapter 2
Chapter 2Chapter 2
Chapter 2
 
Chapter 6
Chapter 6Chapter 6
Chapter 6
 
Chapter 8 communication
Chapter 8 communicationChapter 8 communication
Chapter 8 communication
 
Chapter 7
Chapter 7Chapter 7
Chapter 7
 
Chapter 8
Chapter 8Chapter 8
Chapter 8
 
Presentation ct
Presentation ctPresentation ct
Presentation ct
 
Adobe premiere
Adobe premiereAdobe premiere
Adobe premiere
 
Chapter 3
Chapter 3Chapter 3
Chapter 3
 
Adobe premiere
Adobe premiereAdobe premiere
Adobe premiere
 
Authoring Tools
Authoring ToolsAuthoring Tools
Authoring Tools
 
Digital camera
Digital cameraDigital camera
Digital camera
 
Interaction Paradigms
Interaction ParadigmsInteraction Paradigms
Interaction Paradigms
 
Chapter 4
Chapter 4Chapter 4
Chapter 4
 
multimedia data and file format
multimedia data and file formatmultimedia data and file format
multimedia data and file format
 
Huffman Coding
Huffman CodingHuffman Coding
Huffman Coding
 
Image compression
Image compressionImage compression
Image compression
 
Digital camera
Digital cameraDigital camera
Digital camera
 
Adobe Premiere Tutorial
Adobe Premiere TutorialAdobe Premiere Tutorial
Adobe Premiere Tutorial
 
Compression techniques
Compression techniquesCompression techniques
Compression techniques
 

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