20
PENGENALAN MACROMEDIA DIRECTOR MX PENDAHULUAN Adobe Director (bentukMacromedia Director) adalah platform authoring aplikasi multimedia yang dibuat oleh Macromedia – saat ini merupakan bagian dari system Adobe. Adobe Director mengijinkan pengguna untuk membangun aplikasi berdasarkan metaphor film, dengan user sebagai“sutradara” dari film. Adobe Director awalnya didesain untuk membuat urutan animasi, terdapat bahasa scripting handal tambahan yang disebut Lingo yang membuat Director menjadi pilihan popular untuk membuat CD-ROM dan kiosk standalone dan isi web menggunakan Adobe Shockwave. Adobe Director mendukung projek multimedia 2D dan3D. Director mempunyai bahasa scripting handal yang disebut Lingo yang mengijinkan interaksi dengan file eksternal dan Windows API yang digunakan untuk membentuk Antarmuka grafikal dan membuat prototype aplikasi sebaik membuat Kiosk yang berjalan pada CD dan DVD. Director juga dapat digunakan untuk pembuat permainan interaktif dengan kekayaan grafik dan film Quick time tambahan. Director mendukung banyak format bitmap, audio video yang berbeda. Director 8.5 mempunyai tambahan kemampuan untuk mengimpor, memanipulasi dan menampilkan obyek 3D, selain itu Director 8.5 juga mendukung vector graphics dan interaktifitas 3D (melalui Shockwave 3D). Sejak Versi8, Director dapat digabungkan dengan file animasi Flash

lily.staff.gunadarma.ac.idlily.staff.gunadarma.ac.id/Downloads/files/38494/... · Web viewDapat memanipulasi dan membuat gambar bitmap menggunakan Script Lingo. Memainkan Audio dengan

  • Upload
    lethu

  • View
    225

  • Download
    0

Embed Size (px)

Citation preview

Page 1: lily.staff.gunadarma.ac.idlily.staff.gunadarma.ac.id/Downloads/files/38494/... · Web viewDapat memanipulasi dan membuat gambar bitmap menggunakan Script Lingo. Memainkan Audio dengan

PENGENALAN MACROMEDIA DIRECTOR MX

PENDAHULUAN

Adobe Director (bentukMacromedia Director) adalah platform authoring aplikasi multimedia yang dibuat

oleh Macromedia – saat ini merupakan bagian dari system Adobe. Adobe Director mengijinkan pengguna

untuk membangun aplikasi berdasarkan metaphor film, dengan user sebagai“sutradara” dari film. Adobe

Director awalnya didesain untuk membuat urutan animasi, terdapat bahasa scripting handal tambahan

yang disebut Lingo yang membuat Director menjadi pilihan popular untuk membuat CD-ROM dan kiosk

standalone dan isi web menggunakan Adobe Shockwave. Adobe Director mendukung projek multimedia

2D dan3D.

Director mempunyai bahasa scripting handal yang disebut Lingo yang mengijinkan interaksi dengan file

eksternal dan Windows API yang digunakan untuk membentuk Antarmuka grafikal dan membuat

prototype aplikasi sebaik membuat Kiosk yang berjalan pada CD dan DVD. Director juga dapat

digunakan untuk pembuat permainan interaktif dengan kekayaan grafik dan film Quick time tambahan.

Director mendukung banyak format bitmap, audio video yang berbeda. Director 8.5 mempunyai

tambahan kemampuan untuk mengimpor, memanipulasi dan menampilkan obyek 3D, selain itu Director

8.5 juga mendukung vector graphics dan interaktifitas 3D (melalui Shockwave 3D). Sejak Versi8,

Director dapat digabungkan dengan file animasi Flash

Fungsionalitas Director dapat diperluas melalui aplikasi plug-in yang disebut Xtras. Director dapat

mengekspor projek untuk ditambahkan dalam situs menggunakan plugin Shock waves. File Shockwave

mempunyai ekstensi .DCR. Projek Director dapat diekspor sebagai aplikasi yang dapat dijalankan secara

langsung yang disebut Projector. Projector dapat dibangun pada system operasi Macintosh dan Windows.

Keunggulan macromedia director MX adalah sebagai berikut:

1. Zoom Stage

Zoom Stage merupakan fasilitas untuk memperbesar tampilan pada stage yang akan dibuat. Cukup

menekan tombol Ctrl dan tombol (+) atau (-) pada keyboard untuk melakukannya.

Langkah untuk memperbesar stage:

a. Pastikan jendela stage terpilih

Page 2: lily.staff.gunadarma.ac.idlily.staff.gunadarma.ac.id/Downloads/files/38494/... · Web viewDapat memanipulasi dan membuat gambar bitmap menggunakan Script Lingo. Memainkan Audio dengan

b. tekan tombol Ctrl dan tombol (+)

Langkah untuk meperkecil stage ;

a. Pastikan jendela stage terpilih

b. tekan tombol Ctrl dan tombol (-)

2. Cast Member

Macromedia Director MX menampilkan berbagai media atau elemen. Elemen atau media tersebut

dapat dikelompokkan agar tidak bingung dalam memilih. Elemen atau media tersebut dikelompokkan

di dalam cast member.

3. Kompresi Bitmap

Dengan kompresi bitmap memungkin untuk melakukan komperasi gambar yang dapat ditampilkan

atau didownload oleh orang lain di internet dengan mudah tanpa mengurangi kualitas gambar.

4. Lock And Unlock Sprite

Dalam Macromedia Diretor MX dapat melakukan penguncian pada sprite yang ada pada stage. Fungsi

Lock tersebut adalah agar sprite tidak dapat diedit. Atau juga dapat membukannya kembali atau

Unlock.

5. Peletakan pada Guide dan Grid

Dengan Guide dan Grid, dapat diletakan sprite agar sejajar secara vertikal  maupun horizontal dengan

garis Guide. Dengan demikian, dapat meletakkan sprite dalam posisi yang diinginkan yang tertata rapi.

6. Mengontrol Gambar Bitmap dengan Lingo

Dapat memanipulasi dan membuat gambar bitmap menggunakan Script Lingo.

7. Memainkan Audio dengan Lingo

Dengan script lingo, anda dapat mengatur audio dan dapat dengan leluasa memainkan dan

menghentikan audio untuk yang ada pada Score.

Sebelum mempraktekkan tutorial singkat ini, sebaiknya perangkat lunak Macromedia Director di-install

terlebih dahulu. Untuk menjalankan program Macromedia Director MX, spesifikasi hardware komputer

tidak terlalu berat, sama halnya seperti menjalankan Ms Office 2003.

Page 3: lily.staff.gunadarma.ac.idlily.staff.gunadarma.ac.id/Downloads/files/38494/... · Web viewDapat memanipulasi dan membuat gambar bitmap menggunakan Script Lingo. Memainkan Audio dengan

Memulai Macromedia Director

1. Klik Start Menu All Programs Macromedia Macromedia Director MX

2. Maka kita akan dihadapkan tampilan seperti berikut :

3. Tampilan tersebut mirip dengan tampilan dari Macromedia Flash MX. Untuk menyederhanakannya, klik menu Window Panel Sets Director 8. Sehingga tampilannya akan sebagai berikut :

4.

Page 4: lily.staff.gunadarma.ac.idlily.staff.gunadarma.ac.id/Downloads/files/38494/... · Web viewDapat memanipulasi dan membuat gambar bitmap menggunakan Script Lingo. Memainkan Audio dengan

Istilah User Interface Director : - Stage : panggung, tempat dimana semua member (pemain) diletakkan. Perintah untuk

memunculkannya : Ctrl + 1 atau Window Stage atau klik icon di toolbar. - Cast Internal : ruang tunggu, seluruh member yang akan dimainkan diletakkan dalam

cast slot. Perintah untuk memunculkannya : Ctrl + 3 atau Window Cast atau klik icon

di toolbar. - Score : pengatur, untuk mengatur “pemunculan” masing-masing member. Perintah

untuk memunculkannya : Ctrl + 4 atau Window Score atau klik icon di toolbar. - Property Inspector : perias, untuk memperbaiki member atau panggung. Perintah

untuk memunculkannya : Ctrl + Alt + S atau Window Property Inspector atau klik

icon di toolbar.

Membuat Member (Pemain) - Text

Perintah untuk memunculkannya : Ctrl + 6 atau Window Text atau klik icon di toolbar.

Untuk menulis indek “2” pada H2O, klik Modify Font Subscript atau Ctrl + Shift + T.

- Bitmap (.bmp)

Perintah untuk memunculkannya : Ctrl + 5 atau Window Paint atau klik icon di toolbar.

Page 5: lily.staff.gunadarma.ac.idlily.staff.gunadarma.ac.id/Downloads/files/38494/... · Web viewDapat memanipulasi dan membuat gambar bitmap menggunakan Script Lingo. Memainkan Audio dengan

- Vektor shape Perintah untuk memunculkannya : Ctrl + Shift + V atau Window Vector Shape

atau klik icon di toolbar. Animasi sederhanaBerikut ini akan diberikan langkah demi langkah membuat animasi sederhana.1. Pastikan panel set director Anda menggunakan gaya Director 8. Klik menu Window

Panel Sets Director 8 2. Klik Stage, kemudian atur di Property Inspector sehingga Stage Size : 640 X 480

pixel, Location : Centered (192, 144), Color : Hitam. 3. Buatlah suatu member (misalnya bola) dengan Vector Shape Filled Ellipse (klik icon

di vector shape)

4. Klik tombol gradient fill ( ) 5. Rubah warna bola dengan mengganti warna pada gradient color. 6. Rubah gradient type dari linear ke radial, dan neri nama “bolaku” sehingga

tampilannya seperti ini :

7. Tutup jendela vector shape, kemudian lihat di Cast Internal, di sana ada gambar bola yang tadi di gambar.

Page 6: lily.staff.gunadarma.ac.idlily.staff.gunadarma.ac.id/Downloads/files/38494/... · Web viewDapat memanipulasi dan membuat gambar bitmap menggunakan Script Lingo. Memainkan Audio dengan

8. Geser (drag) “bolaku” dari Cast internal ke Stage atau Score. Kalau di drag ke Score, otomatis akan menempatkan member ke tengah Stage.

9. Lihat di Score! Perpanjang Sprite sampai frame 40 (drag ujung kanan sprite sampai frame 40).

10.Animasi bola! a. Klik jendela Stage untuk mengaktifkan. b. Klik “bola”, tekan tombol Shift kemudian drag ke sebelah kiri (ke ujung kiri Stage) c. Perpanjang lintasan yang muncul dengan cara men-drag sampai ujung kanan Stage.

Page 7: lily.staff.gunadarma.ac.idlily.staff.gunadarma.ac.id/Downloads/files/38494/... · Web viewDapat memanipulasi dan membuat gambar bitmap menggunakan Script Lingo. Memainkan Audio dengan

d. Play movie dengan mengklik icon di toolbar.

11.Animasi lanjut! a. Di Stage, terlihat ada background warna putih pada gambar bola. Untuk

menghilangkannya, klik Property Inspector Ink Background Transparent

b. Klik Score, kemudian klik kanan pada frame 10 pilih Insert Keyframe. Lakukan hal yang sama pada frame 20 dan 30. Akan terlihat lingkaran kecil pada lintasan di Stage. Dengan cara di-drag, buatlah lintasan seperti ini!

Page 8: lily.staff.gunadarma.ac.idlily.staff.gunadarma.ac.id/Downloads/files/38494/... · Web viewDapat memanipulasi dan membuat gambar bitmap menggunakan Script Lingo. Memainkan Audio dengan

c. Play movie Anda! d. Atur tingkat transparansi pada frame 0, 10, 20, 30 dan 40 dengan nilai 100, 80, 50,

30, 0. Play movie Anda! e. Atur warna pada frame 0, 10, 20, 30 dan 40 dengan warna yang Anda suka dengan

cara mengganti Forecolor di Property Inspector.

12.Simpan Movie Anda. Klik File Save As Tutorial 1

Membuat media pembelajaran kimia sederhana

Mengatur Panggung (Bidang Kerja/Movie)

1. Pastikan panel set director Anda menggunakan gaya Director 8. Klik menu Window Panel Sets Director

8

2. Klik Stage, kemudian atur di Property Inspector sehingga Stage Size : 640 X 480 pixel, Location : Centered

(192, 144), Color : Hitam.

Import Gambar (JPG)

1. Menu File Import (cari file gambar Anda), kemudian klik Add Import, sehingga akan tampil kotak

dialog sbb :

Page 9: lily.staff.gunadarma.ac.idlily.staff.gunadarma.ac.id/Downloads/files/38494/... · Web viewDapat memanipulasi dan membuat gambar bitmap menggunakan Script Lingo. Memainkan Audio dengan

2. Selanjutnya muncul dialog seperti ini :

3. Atur Color Depth = 24 bit untuk menghemat memori computer. Aktifkan Same Settings for Remaining Image untuk gambar lebih dari 1 dan format yang sama (JPG).

Import Animasi (GIF) Jika Anda hendak mengimport animasi (GIF), maka klik Menu File Import (pilih file animasi Anda) sehingga muncul dialog seperti ini :

Karena file Anda mempunyai format GIF, pilih saja Animated GIF OK.

Page 10: lily.staff.gunadarma.ac.idlily.staff.gunadarma.ac.id/Downloads/files/38494/... · Web viewDapat memanipulasi dan membuat gambar bitmap menggunakan Script Lingo. Memainkan Audio dengan

Import Musik (MP3) Klik Menu File Import (pilih file music Anda), sehingga muncul dialog seperti ini :

Catatan :

Di kotak Media, Anda bisa memilih Standard Import (konsekuensinya file EXE (projector) Anda nanti

menjadi berukuran besar) atau Link to External File (konsekuensinya adalah Anda harus mengikutkan

file MP3 Anda jika dipindahkan ke folder/CD/flash disk).

Tampilan Cast Member Anda akan menjadi seperti ini :

Page 11: lily.staff.gunadarma.ac.idlily.staff.gunadarma.ac.id/Downloads/files/38494/... · Web viewDapat memanipulasi dan membuat gambar bitmap menggunakan Script Lingo. Memainkan Audio dengan

Menyusun Data di Score

Drag data Anda dari Cast Member ke Score atau Stage, sehingga tampilan di Score menjadi seperti berikut :

Membuat Text 1. Klik tool Text

2. Di Stage klik dan drag dimana teks tersebut ingin Anda letakkan. 3. Untuk memudahkan pengeditan, aktifkan objek Text di Stage dengan tool Arrow,

kemudian tekan Enter.

Page 12: lily.staff.gunadarma.ac.idlily.staff.gunadarma.ac.id/Downloads/files/38494/... · Web viewDapat memanipulasi dan membuat gambar bitmap menggunakan Script Lingo. Memainkan Audio dengan

4. Anda bisa mengganti ukuran huruf, jenis huruf, spasi, alignment, warna huruf. Caranya klik menu Modify Font, silahkan bereksperimen sendiri!

5. Di Stage, teks masih terlihat dalam background berwarna. Untuk menghilangkannya, di Property Inspector, pilih kotak Ink : Background Transparent.

6. Buatlah beberapa teks lagi, sehingga tampilan di Cast Member dan Score menjadi :

Page 13: lily.staff.gunadarma.ac.idlily.staff.gunadarma.ac.id/Downloads/files/38494/... · Web viewDapat memanipulasi dan membuat gambar bitmap menggunakan Script Lingo. Memainkan Audio dengan

Membuat Tombol Sederhana 1. Klik tool Push Button

2. Klik dan drag pada stage sampai panjang yang Anda inginkan. Atur menjadi seperti ini!

Page 14: lily.staff.gunadarma.ac.idlily.staff.gunadarma.ac.id/Downloads/files/38494/... · Web viewDapat memanipulasi dan membuat gambar bitmap menggunakan Script Lingo. Memainkan Audio dengan

Double click

3. Tuliskan perintah seperti ini!

4. Copy dan paste Script tersebut pada frame 40 dan 60 5. Klik kanan pada tombol “DEFINISI” pilih Script… 6. Tuliskan seperti ini!

7. Hal yang sama untuk tombol “RUMUS”, beri perintah “go 41” 8. Play movie Anda… 9. Pada tombol “ARROW” beri perintah “go 1”.

Page 15: lily.staff.gunadarma.ac.idlily.staff.gunadarma.ac.id/Downloads/files/38494/... · Web viewDapat memanipulasi dan membuat gambar bitmap menggunakan Script Lingo. Memainkan Audio dengan

10. Play movie Anda 11.Pada gambar CD beri perintah “halt” 12.Play movie Anda 13.Simpan Movie Anda File Save As (nama file)

Membuat Projector 1. Untuk membuat projector, pilih menu File Create Projector

2. Klik Create, kemudian simpan dalam folder Anda. Beri nama projectornya “media kimia” kemudian klik Save.

Page 16: lily.staff.gunadarma.ac.idlily.staff.gunadarma.ac.id/Downloads/files/38494/... · Web viewDapat memanipulasi dan membuat gambar bitmap menggunakan Script Lingo. Memainkan Audio dengan

3. Akan muncul tampilan progress bar

4. Projector Anda siap digunakan