80
Bab I Pendahuluan A. DESKRIPSI JUDUL Mengembangkan Aplikasi Multimedia merupakan modul teori dan atau praktikum terakhir dari rangkaian modul Program Keahlian Multimedia yang membahas dasar-dasar pengembangan aplikasi multimedia dengan software Macromedia Director MX 2004. Modul ini terdiri dari 4 (empat) kegiatan belajar, yaitu: 1. Mempersiapkan software Multimedia 2. Mengenali menu dan interface, serta membuat, membuka, menyimpan file multimedia 3. Melakukan pembuatan halaman multimedia interaktif 4. Melakukan finalisasi (packaging) hasil pengembangan multimedia. Dengan menguasai modul ini diharapkan peserta diklat mampu mempersiapkan software aplikasi multimedia, membuat halaman multimedia interaktif, sampai dengan finalisasi hasil pengembangan aplikasi multimedia. B. PRASYARAT Kemampuan awal yang dipersyaratkan untuk mempelajari modul ini adalah : 1. SWR.OPR.408.(1).A : Mengembangkan Ilustrasi Digital 1

EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

Embed Size (px)

Citation preview

Page 1: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

Bab I Pendahuluan

A. DESKRIPSI JUDULMengembangkan Aplikasi Multimedia merupakan modul teori dan atau praktikum terakhir dari rangkaian modul Program Keahlian Multimedia yang membahas dasar-dasar pengembangan aplikasi multimedia dengan software Macromedia Director MX 2004.

Modul ini terdiri dari 4 (empat) kegiatan belajar, yaitu: 1. Mempersiapkan software Multimedia2. Mengenali menu dan interface, serta membuat, membuka,

menyimpan file multimedia3. Melakukan pembuatan halaman multimedia interaktif4. Melakukan finalisasi (packaging) hasil pengembangan

multimedia.

Dengan menguasai modul ini diharapkan peserta diklat mampu mempersiapkan software aplikasi multimedia, membuat halaman multimedia interaktif, sampai dengan finalisasi hasil pengembangan aplikasi multimedia.

B. PRASYARATKemampuan awal yang dipersyaratkan untuk mempelajari modul ini adalah :1. SWR.OPR.408.(1).A : Mengembangkan Ilustrasi Digital2. SWR.OPR.409.(1).A : Mengembangkan Pencitraan Digital3. SWR.OPR.415.(1).A* : Mengembangkan Animasi Dimensi Dua (2D)4. SWR.OPR.419.(1).A* : Menyunting Suara 5. SWR.OPR.420.(1).A* : Menyunting Video

1

Page 2: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

C. PETUNJUK PENGGUNAAN MODUL1. Petunjuk Bagi Siswa

Siswa diharapkan mampu berperan aktif dan berinteraksi dengan sumber belajar yang mendukungnya, karena itu harus diperhatikan beberapa hal sebagai berikut :

a.Langkah–langkah BelajarModul ini berisi materi mengenai kompetensi Mengembangkan Aplikasi Multimedia dengan program aplikasi Macromedia Director MX 2004, oleh sebab itu perlu diperhatikan beberapa hal agar peserta diklat lebih berkompeten dan profesional, yaitu:

1) Apa yang harus dikerjakan pertama kali dalam mengoperasikan program Macromedia Director MX 2004?

2) Bagaimana cara: mempersiapkan software multimedia? mengenali menu dan interface, serta membuat,

membuka, menyimpan file multimedia? melakukan pembuatan halaman multimedia interaktif? melakukan finalisasi (packaging) hasil pengembangan

multimedia?

3) Apakah pengoperasian program Macromedia Director MX 2004 sudah sesuai prosedur?

b.Perlengkapan yang Harus DisiapkanUntuk menunjang kelancaran tugas yang akan Anda lakukan, maka siapkan seluruh perlengkapan yang diperlukan sesuai dengan jenis tugas pada masing-masing kegiatan pemelajaran.

2

Page 3: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

c. Hasil PelatihanAnda akan mampu melakukan tugas/pekerjaan Mengembangkan Aplikasi Multimedia sesuai dengan prosedur pengoperasian dan membuat obyek-obyek multimedia yang dikehendaki.

2. Peran GuruGuru yang akan mengajarkan modul ini hendaknya mempersiapkan diri sebaik-baiknya yaitu mencakup aspek strategi pemelajaran, penguasaan materi, pemilihan metode, alat bantu media pemelajaran, dan perangkat evaluasinya.

D. TUJUAN AKHIRSetelah mempelajari modul ini, peserta diklat diharapkan kompeten dan profesional melakukan tugas/pekerjaan Mengembangkan Aplikasi Multimedia.

3

Page 4: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

E. KOMPETENSIKompetensi : Mengembangkan Aplikasi MultimediaKode : SWR.OPR.416.(1).ADurasi pemelajaran : 240 jam @ 45 menit

LEVEL KOMPETENSI KUNCI A B C D E F G3 3 2 3 2 3 3

KONDISI KINERJA

1. Dalam melaksanakan unit kompetensi ini harus didukung dengan tersedianya: Software multimedia sudah terinstalasiasi User manual software multimedia yang digunakan SOP yang berlaku di perusahaan Peralatan dan instrumen yang terkait dengan pelaksanaan unit kompetensi ini

2. Unit Kompetensi yang harus dikuasai sebelumnya: HDW.OPR.107.(1).A Mengoperasikan Periferal Multimedia DTA.OPR.102.(2).B Melakukan Entry Data [Multimedia] dengan menggunakan Image

Scanner (Level 2)3. Pengetahuan yang dibutuhkan:

Pengoperasian Komputer Pengoperasian Sistem Operasi sesuai dengan Instruction Manual Objek gambar dan karakteristiknya, serta komposisi gambar dan warna Free-hand drawing On-site training sesuai dengan software yang digunakan

4

Page 5: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

SUB KOMPETENSI KRITERIA KINERJA LINGKUP BELAJAR

MATERI POKOK PEMELAJARANSIKAP PENGETAHUAN KETERAMPILAN

1. Mempersiapkan software multimedia

Software multimedia telah terinstalasi dan dapat berjalan normal

User manual software multimedia sudah disediakan dan dipahami

Perangkat komputer sudah dinyalakan, dengan sistem operasi dan persyaratan sesuai dengan Installation manual dan SOP yang berlaku

Software multimedia dijalankan.

Pengenalan software multimedia

Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama

Menjelaskan fungsi software multimedia

Menyalakan komputer sesuai dengan Installation manual dan SOP

Menjalankan software multimedia sesuai prosedur.

5

Page 6: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

SUB KOMPETENSI KRITERIA KINERJA LINGKUP BELAJAR

MATERI POKOK PEMELAJARANSIKAP PENGETAHUAN KETERAMPILAN

2. Mengenali menu dan interface, serta membuat, membuka, menyimpan file multimedia

Objek multimedia, menu, dan interface yang disediakan software multimedia beserta Shortcut-nya dikenali berdasarkan user manual

Fitur pengelolaan file software multimedia dapat digunakan, seperti: buat/create/ new, simpan/save, buka/ open, simpan dengan nama lain/ save as.

Fasilitas siap pakai seperti wizard, libraries, atau template pada software multimedia dimanfaatkan untuk pembuatan multimedia

Objek multimedia, menu dan interface software multimedia

Fitur pengelolaan file software multimedia

Fasilitas wizard, libraries atau wizard

Teknik penyimpanan file multimedia

Mengenali objek multimedia, menu dan inter-face dengan tepat

Mengenali fitur pengelolaan file software multimedia dengan tepat

Mencermati fasilitas wizard/libraries/ template halaman web sederhana

Mengamati proses penyimpanan file multimedia dengan seksama

Mengidentifikasi objek multimedia, menu dan interface software multimedia

Menjelaskan tujuan pengelolaan file software multimedia

Menjelaskan manfaat fasilitas wizard/libraries/ template multimedia sederhana

Menjelaskan motif penyimpanan file multimedia dengan berbagai format

Menggunakan menu dan interface software multimedia secara tepat

Menggunakan fitur pengelolaan file software multimedia sesuai tujuannya

Membuat multimedia sederhana dengan fasilitas wizard/libraries/ template

Menyimpan file multimedia dengan menggu-nakan format fla, dir, swf, exe, dsb.

6

Page 7: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

SUB KOMPETENSI KRITERIA KINERJA LINGKUP BELAJAR

MATERI POKOK PEMELAJARANSIKAP PENGETAHUAN KETERAMPILAN

3. Melakukan pembuatan halaman multimedia interaktif

Gaya dinamik dan interaktif dipahami dan diaplikasikan dalam pembuatan multimedia

Objek lain seperti teks, gambar/foto, animasi, suara/audio, dan video dapat dikombinasikan dan diintegrasikan (di-import) ke dalam multimedia dengan menggunakan sofware multimedia

Gaya multimedia Teknik kombinasi

dan gabung dalam multimedia

Mengamati gaya multimedia dengan teliti

Mencermati proses kombinasi dan gabung (mixing) objek dalam multimedia dengan seksama

Membedakan gaya multimedia dinamik dan inter-aktif

Menjelaskan tahapan proses kombinasi dan gabung (mixing) objek dalam multimedia

Membuat multimedia dengan gaya dinamik

Membuat multimedia dengan gaya interaktif

Mengkombinasikan dan menggabung-kan objek dalam multimedia

7

Page 8: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

SUB KOMPETENSI KRITERIA KINERJA LINGKUP BELAJAR

MATERI POKOK PEMELAJARANSIKAP PENGETAHUAN KETERAMPILAN

4. Melakukan finalisasi (packaging) hasil pengembangan multimedia

File multimedia yang telah selesai difinalisasi dapat dikemas (packaging) ke dalam CD-ROM Interaktif

File multimedia yang telah selesai difinalisasi dapat di-konversi (convert) menjadi web interaktif

Teknik finalisasi file multi-media ke dalam CD-ROM interaktif dan web interaktif

Mencermati proses finalisasi file multimedia ke dalam CD-ROM interaktif dan web inter-aktif dengan teliti

Menjelaskan tahapan proses finalisasi file multi-media ke dalam CD-ROM interaktif dan web inter-aktif

Mengemas (finalisasi) paket file multimedia ke dalam CD-ROM interaktif dengan sempurna

Mengemas (finalisasi) paket file multimedia ke dalam web interaktif dengan sempurna

8

Page 9: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

F. CEK KEMAMPUANUntuk mengetahui kemampuan awal yang telah Anda miliki, maka isilah cek lis () seperti pada tabel di bawah ini dengan sikap jujur dan dapat

dipertanggungjawabkan.

Sub Kompetensi Pernyataan

Saya dapat Melakukan

Pekerjaan ini dengan

Kompeten

Bila Jawaban “Ya” Kerjakan

Ya Tidak1. Mempersiapkan

software multimedia

Menguasai dan terampil membuka dan menutup software Multimedia sesuai prosedur

Tes Formatif 1

9

Page 10: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

Sub Kompetensi Pernyataan

Saya dapat Melakukan

Pekerjaan ini dengan

Kompeten

Bila Jawaban “Ya” Kerjakan

Ya Tidak2. Mengenali

menu dan interface, serta membuat, membuka, menyimpan file multimedia

Objek multimedia, menu, dan interface yang disediakan software multimedia beserta Shortcut-nya dikenali berdasarkan user manual

Fitur pengelolaan file software multimedia dapat digunakan, seperti: buat/create/ new, simpan/save, buka/open, simpan dengan nama lain/ save as.

Fasilitas siap pakai seperti wizard, libraries, atau template pada software multimedia dimanfaatkan untuk pembuatan multimedia sederhana

Penyimpanan file software multimedia menggunakan berbagai format yang dikenal, seperti: fla, dir, swf, exe, dsb.

Tes Formatif 2

10

Page 11: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

3. Melakukan pembuatan halaman multimedia interaktif

Gaya dinamik dan interaktif dipahami dan diaplikasikan dalam pembuatan multimedia

Objek lain seperti teks, gambar/foto, animasi, suara/audio, dan video dapat dikombinasikan dan diinteg-rasikan (di-import) ke dalam multimedia dengan menggu-nakan sofware multimedia

Tes Formatif 3

4. Melakukan finalisasi (packaging) hasil pengembangan multimedia

File multimedia yang telah selesai difinalisasi dapat dikemas (packaging) ke dalam CD-ROM Interaktif

File multimedia yang telah selesai difinalisasi dapat di-konversi (converting) menjadi web interaktif

Tes Formatif 4

11

Page 12: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

Bab II Pemelajaran

A. RENCANA PEMELAJARAN SISWA

Kompetensi : Mengembangkan Aplikasi MultimediaSub Kompetensi : 1. Mempersiapkan software multimedia

2. Mengenali menu dan interface, serta membuat, membuka, menyimpan file multimedia

3. Melakukan pembuatan halaman multimedia interaktif

4. Melakukan finalisasi (packaging) hasil pengembangan multimedia

Jenis Kegiatan Tanggal Waktu Tempat

BelajarAlasan

PerubahanTanda

Tangan Guru

1. Mempersiapkan software multimedia

2. Mengenali menu dan interface, serta membuat, membuka, menyimpan file multimedia

3. Melakukan pembuatan halaman multimedia interaktif

4. Melakukan finalisasi (packaging) hasil pengembangan multimedia

12

Page 13: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

B. KEGIATAN BELAJAR1. Kegiatan Belajar 1:

Mempersiapkan software multimedia

a. Tujuan Kegiatan Pemelajaran 11) Menyalakan komputer sesuai dengan Installation manual

dan SOP. 2) Menjalankan software multimedia sesuai prosedur.

b. Uraian Materi 1Program Macromedia Director MX 2004 membantu Anda dalam pembuatan animasi dan multimedia interaktif. Macromedia Director MX 2004 memiliki fasilitas pengaturan untuk membuat suatu animasi per-frame, bahkan animasi dimensi tiga pun dapat dibuat dengan program Macromedia Director MX 2004 ini.

Animasi multimedia akan membantu Anda dalam pembuatan: promosi atau informasi kepada pihak lain secara interaktif. profil perusahaan yang berisi sejarah perusahaan dan

produk yang dihasillkan. game yang kreatif, atraktif dan interaktif proyek presentasi pendidikan yang berisi ensiklopedia

data-data ilmu pengetahuan yang dapat dikemas dalam CD atau ditampilkan di internet.

mesin chatting yang interaktif untuk ditampilkan di internet.

film animasi dengan bantuan perangkat digital maupun manual.

1) ................................................................

13

Page 14: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

Kebutuhan Sistem untuk program Macromedia Director MX 2004 Prosesor Pentium MMX yang mendukung multimedia.

Prosesor minimal yang diperlukan untuk membuat file tanpa file 3D adalah Pentium 200, sedangkan untuk memainkannya dapat menggunakan Pentium 166. Tetapi apabila Anda membuat file dengan file dengan file 3D maka prosesor minimal yang digunakan adalah Pentium II 266 dengan menggunakan video graphic adapter (kartu grafis) yang memadai. Untuk file yang menggunakan full 3D maka minimal Anda harus menggunakan Pentium III 450.

RAM minimal 32 MB, disarankan 64 MB atau lebih supaya proses komputer dapat berjalan dengan lancar.

Display adapter dengan memori 8 MB, disarankan 16 MB atau yang lebih besar agar tampilan gambar dapat akurat dengan kedalaman warna gambar yang detail. Memori yang memadai memungkinkan Anda untuk preview ke dalam sistem warna yang lebih rendah.

Sistem operasi Windows 98, Windows Me, Windows 2000, atau Windows XP.

Soundcard (kartu suara) untuk mendengarkan suara dari file yang dibuat.

Monitor yang dapat menampilkan minimal 256 warna dengan resolusi 800 x 600.

Ruang kosong disk minimal 100 MB untuk directory program dan disarankan Anda memiliki ruang kosong

Browser Internet Explorer versi 4 ke atas atau Netscape versi 4 ke atas.

Scanner untuk mendigitasi gambar ke dalam komputer.

14

Page 15: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

Removeable disk untuk memudahkan pemindahan hard disk.

Modem untuk men-download dan meng-upload file-file ke dunia maya.

Untuk me-render file, Anda memerlukan Direct-X versi 5.2 dan disarankan Direct-X versi 7 ke atas.

2) Instalasi Macromedia Director MX 2004Ikuti langkah ini untuk instalasi Macromedia Director MX 2004 pada komputer: Masukkan CD program Macromedia Director MX 2004

kedalam CD-ROM. Apabila autorun tidak berjalan, Anda dapat menggunakan pilihan Run dari menu Start. Ketikkan E:\setup.exe (drive E menyesuaikan dengan lokasi CD-ROM drive dalam komputer Anda).

Selanjutnya Anda dapat menekan Next. Ikuti petunjuk selanjutnya yang telah tertera dalam panduan instalasi, yang berupa pengisian serial number (nomor seri) dan registrasi ke internet bila Anda merasa perlu. Klik next untuk melanjutkan proses berikutnya:

15

Page 16: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

Gambar 1. Jendela sambutan Macromedia Director MX 2004

16

Page 17: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

Gambar 2. Jendela persetujuan lisensi

Gambar 3. Jendela opsi jenis instalasi

17

Page 18: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

Gambar 4. Jendela pilihan lokasi instalasi

Gambar 5. Jendela pemilihan folder program

18

Page 19: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

Gambar 6. Jendela kesiapan memulai instalasi

Gambar 7. Jendela proses berjalannya instalasi

19

Page 20: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

Gambar 8. Jendela indikator proses instalasi telah tuntas

Gambar 9. Jendela Shortcut program Macromedia Director MX 20043) Menjalankan dan keluar Macromedia Director MX

2004Untuk menjalankan Macromedia Director MX 2004 ikuti langkah-langkah berikut:

20

Page 21: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

Aktifkan komputer Tunggu sampai jendela sistem Windows tampil pada

komputer Anda. Klik kanan menu Start yang berada pada bagian pojok

kiri bawah layar.

Gambar 10. Start Menu pada Windows XP Geser mouse anda ke sub menu Program, kemudian

akan tampil kelompok program Macromedia.

Gambar 11. Tampilan awal Macromedia Director MX 2004 Geser mouse anda ke kelompok Macromedia, sehingga

tampil sub kelompok Macromedia Director MX 2004.

21

Page 22: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

Klik Kanan mouse anda pada pilihan Macromedia Director MX 2004, tunggu beberapa saat, setelah proses berhasil maka ditampilkan menu dialog seperti Gambar 11.

Dengan tampilnya Macromedia Director MX 2004 maka menu Anda sudah dapat bekerja dalam pemrograman Macromedia Director MX 2004.

Untuk keluar dari program Macromedia Director MX 2004, anda dapat memilih File pada menu bar, kemudian pilih Exit, atau dengan shortcut Ctrl+Q.

c. Rangkuman 1Program Macromedia Director MX 2004 dapat membantu Anda dalam pembuatan: (1) promosi interaktif, (2) profil perusahaan, (3) game interaktif, (4) proyek presentasi pendidikan, (5) mesin chatting, dan (6) film animasi.

Kebutuhan (minimum) sistem komputer Prosesor Pentium III 450 dengan menggunakan: (1) video graphic adapter, (2) RAM 64 MB, (3) Display adapter 16 MB, (4) sistem operasi Windows XP, (5) Soundcard, (6) Monitor 256 warna dengan resolusi 800 x 600, (7) Ruang kosong disk minimal 100 MB, (8) Internet Explorer, (9) Scanner, (10) Removeable disk, (11) Modem, dan (12) Direct-X versi 7.

Instalasi Macromedia Director MX 2004Prosedur instalasi program Macromedia Director MX 2004: (1) masukkan CD program Macromedia Director MX 2004 kedalam CD-ROM, (2) memilih Run dari menu Start, (3) mengetik E:\setup.exe, (4) klik Next untuk melanjutkan proses instalasi, (5) mengisi serial number (nomor seri), (6) melakukan registrasi ke internet (bila perlu), (7) Klik next untuk melanjutkan proses berikutnya sampai selesai.

22

Page 23: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

Menjalankan program Macromedia Director MX 2004Prosedur menjalankan program Macromedia Director MX 2004: (1) mengaktifkan komputer, (2) klik kanan menu Start, (3) menggeser mouse ke sub menu Program, (4) menggeser mouse ke kelompok Macromedia, (5) klik kanan mouse anda pada pilihan Macromedia Director MX 2004.

Keluar dari program Macromedia Director MX 2004Prosedur keluar dari program Macromedia Director MX 2004: (1) memilih File pada menu bar, (2) memilih Exit (Ctrl+Q).

d. Tugas 11) Buka program Macromedia Director MX 2004, lakukan

pengamatan dengan membuka beberapa pilihan menu yang ada pada program tersebut!

2) Kliklah beberapa tombol yang berada di bawah pilihan menu. Pilihan/perubahan apa yang tampil pada layar monitor?

e. Tes Formatif 11) Lakukan proses instalasi program Macromedia Director MX

2004, apabila di komputer Anda sudah terdapat program ini, maka lakukan proses Uninstal program atau Add/remove program melalui control panel!

2) Jalankan program Macromedia Director MX 2004 dan kemudian cobalah keluar untuk kembali ke sistem operasi Windows!

f. Kunci Jawaban Formatif 1 Lihat kembali materi 1

23

Page 24: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

g. Lembar Kerja 1Alat dan bahan1 (Satu) unit komputer dengan spesifikasi minimum Pentium III 450 yang telah diinstalasi program aplikasi Macromedia Director MX 2004.

Kesehatan dan Keselamatan Kerja1) Membaca do’a sebelum memulai kegiatan belajar.2) Membaca dan memahami petunjuk praktikum pada setiap

lembar kegiatan belajar.3) Memastikan komputer dalam keadaan baik dan semua

kabel penghubung terkoneksi dengan baik.4) Menjauhkan benda yang dapat mengeluarkan medan

elektromagnetik di dekat komputer (magnet, handphone, dan sebagainya).

5) Menggunakan komputer sesuai fungsinya dengan hati-hati.

6) Setelah selesai, mematikan komputer dengan benar.

Langkah Kerja1) Memeriksa semua kabel penghubung pada komputer.2) Menghidupkan komputer dengan menekan saklar pada

komputer, jangan menghidupkan komputer dengan memasukkan colokan ke stop kontak ketika saklar dalam keadaan on.

3) Jika komputer telah hidup, mengaktifkan program aplikasi Macromedia Director MX 2004, menunggu hingga proses loading selesai.

4) Mengamati dan mencoba berbagai pilihan menu serta tombol yang ada pada program aplikasi tersebut.

5) Memahami dan menghapalkan masing-masing kegunaan menu dan tombol tersebut.

24

Page 25: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

6) Jika telah selesai, menutup program Macromedia Director MX 2004 di komputer anda dan mematikan komputer dengan benar.

2. Kegiatan Belajar 2: Mengenali menu dan interface, serta membuat, membuka, menyimpan file multimedia.

a. Tujuan Kegiatan Pemelajaran 21) Menggunakan menu dan interface software multimedia

secara tepat.2) Menggunakan fitur pengelolaan file software multimedia

sesuai tujuannya.3) Membuat multimedia sederhana dengan fasilitas

wizard/libraries/ template.4) Menyimpan file multimedia dengan menggunakan format

fla, dir, swf, exe, dsb.

b. Uraian Materi 2Macromedia Director MX 2004 memiliki 5 (lima) jendela dasar yang akan sering digunakan. Kelima jendela tersebut adalah: Stage, Score, Cast, Property Inspector, dan Control Panel

Adapun fungsi masing-masing jendela tersebut adalah: Jendela Stage memiliki fasilitas untuk mengatur gerakan,

tombol, rotasi, dan lain-lain. Juga fasilitas zoom in dan zoom out untuk mempermudah melihat Sprite lebih seksama.

Jendela Score memiliki fasilitas seperti timeline pada program multimedia lainnya. Dalam jendela ini terdapat Cast yang dapat Anda gunakan untuk membuat movie. Score memungkinkan Anda mengatur tempo, masuknya sebuah gambar, dan panjang pendeknya frame.

25

Page 26: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

Jendela Cast berisi bahan dan aktor yang akan dipakai dalam proyek. Bahan tersebut dapat berupa file animasi atau file video digital.

Jendela Property Inspector memiliki fasilitas untuk mengubah karakter tinta atau ink dari Sprite, mengubah besar-kecilnya Sprite, memutar secara rotasi atau membuat skew suatu objek.

Jendela Control Panel memungkinkan Anda mengontrol atau meneliti animasi yang Anda buat dalam Macromedia Director MX 2004.

1) Menggunakan Tool PaletteSetelah Macromedia Director MX 2004 dijalankan, Tool Palette akan tampil dalam workspace Anda. Jika Tool Palette belum muncul dalam workspace, Anda harus membukanya terlebih dahulu dengan cara: pilih menu Window > klik Tool Palette.Fasilitas yang terdapat pada Tool Palette adalah:

Ikon Arti dan FungsiArrow ToolUntuk memilih objek dalam jendela StageRotate ToolUntuk merotasi suatu objek atau Sprite dalam jendela StageHand ToolUntuk memindah area atau layar kerja dari jendela Stage atau SpriteMagnifyng ToolUntuk melakukan Zoom In dan Zoom Out pada jendela StageText ToolUntuk menuliskan teks ke dalam jendela StageLine ToolUntuk membuat garis dalam jendela StageFilled RectangleUntuk membuat Sprite kotak dengan isian warna dalam jendela Stage yang langsung dapat digunakanNon Filled RectangleUntuk membuat Sprite kotak tanpa isian warna dalam

26

Page 27: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

jendela StageFilled Round RectangleUntuk membuat Sprite kotak sudut tumpul dengan isian warna dalam jendela StageNon Filled Round RectangleUntuk membuat Sprite kotak sudut tumpul tanpa isian warna dalam jendela StageElipse Fill ToolUntuk membuat elips dengan isian warna dalam jendela StageElipse Non Fill ToolUntuk membuat elips tanpa isian warna dalam jendela StageCheck boxUntuk membuat check boxRadio buttonUntuk membuat radio buttonLine SectorUntuk memilih jenis garis yang digunakanPattern BoxUntuk memilih pola atau pattern sebagai warna isi Field ToolUntuk membuat field teksColor SelectorUntuk memilih warna

2) Menggunakan jendela PaintMacromedia Director MX 2004 menyediakan jendela Paint untuk menciptakan Cast member atau aktor animasi. Anda juga dapat menyunting file gambar bitmap atau file hasil scanning. Anda dapat memanipulasi file tersebut sesuai dengan keperluan proyek animasi Anda. Namun Anda dapat menyunting file dengan program eksternal seperti Macromedia Fireworks atau Adobe Photoshop.Ada 3 (tiga) cara membuka jendela Paint: Pilih menu Window > klik Paint Klik ikon Paint Window yang terletak tool bar atas

Macromedia Director MX 2004 Jika Cast Member sudah aktif, maka klik ganda Cast

Member yang akan disuntingTool yang terdapat pada jendela Paint adalah:

27

Page 28: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

Ikon Arti dan FungsiLasso ToolUntuk memilih suatu area dalam jendela PaintMarquee ToolUntuk memilih area kotak dalam jendela PaintRegistration PointUntuk memindah titik registrasiEraserUntuk menghapus gambarHand ToolUntuk memindah layar kerja jendela PaintMagnifyng GlassUntuk memperbesar dan memperkecil area tampilan dalam jendela PaintEye DropperUntuk memilih warna yang ada dalam jendela PaintPaint BucketUntuk mengisi warna pada area yang tertutup

28

Page 29: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

Text ToolUntuk menuliskan teks dalam jendela PaintPencil ToolUntuk memberi efek tulisan pensil Air brushUntuk memberi efek sapuan air brush (cat semprot)Brush ToolUntuk memberi efek sapuan kuas biasaArc ToolUntuk membuat garis melengkungLine ToolUntuk membuat suatu garis lurusFilled RectangleUntuk membuat kotak dengan isian warna solid atau gradientRectangleUntuk membuat kotak tanpa isian warna atau line sajaFilled ElipseUntuk membuat elips dengan isian warna solid atau gradientElipseUntuk membuat elips tanpa isian warna atau line sajaFilled PolygonUntuk membuat polygon dengan isian warna solid atau gradientGradient ColorUntuk membuat polygon tanpa isian warna atau line sajaForeground and Background ColorUntuk memilih warna foregorund dan backgroundPatternUntuk membuat pola warna sebagai isian sebuah bentukLine SelectorUntuk memilih garis dan ketebalannya

3) Menggunakan jendela TextAda kalanya suatu proyek memerlukan teks untuk menjelaskan sesuatu, misalnya keterangan spesifikasi barang dalam proyek presentasi penjualan atau sejarah perusahaan dalam proyek company profile. Macromedia Director MX 2004 menyediakan jendela khusus untuk membuat teks yang dibutuhkan dalam proyek. Dengan jendela Text kita dapat membuat bermacam-macam variasi teks, antara lain scroolbar title atau 3D text.Fasilitas yang terdapat pada jendela Text adalah:

29

Page 30: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

Ikon Arti dan FungsiFontUntuk mengubah jenis fontBoldUntuk menebalkan fontItalicUntuk memiringkan (italic) fontUnderlineUntuk menggarisbawahi (underline) fontFont SizeUntuk mengubah/menentukan ukuran fontLine SpacingUntuk mengubah/menentukan jarak antar barisAlign LeftUntuk merata kiri-kan teks

30

Page 31: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

CenterUntuk merata tengah-kan teksAlign RightUntuk merata kanan-kan teksJustifyUntuk merata penuh-kan teks

4) Menggunakan jendela Vector ShapeMembuat Cast Member dengan Vector Shape amatlah menyenangkan. Anda dapat membuat kreasi bentuk yang tidak terbatas terhadap animasi. Anda dapat memanipulasi segala bentuk yang sudah Anda buat. Anda dapat membuat warna solid maupun gradien.Fasilitas yang terdapat pada jendela Vector Shape adalah:

Ikon Arti dan FungsiArrow ToolUntuk mengubah jenis fontPen ToolUntuk memilih suatu area dalam jendela PaintRegistration PointUntuk memindah titik registrasiHand ToolUntuk memindah layar kerja jendela Paint

31

Page 32: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

Filled RectangleUntuk membuat kotak dengan isian warna solid atau gradientNon Filled RectangleUntuk membuat kotak tanpa isian warna atau line sajaFilled Round RectangleUntuk membuat Sprite kotak sudut tumpul dengan isian warna dalam jendela StageNon Filled Round RectangleUntuk membuat Sprite kotak sudut tumpul tanpa isian warna dalam jendela StageFilled ElipseUntuk membuat elips dengan isian warna solid atau gradientNon Filled ElipseUntuk membuat elips tanpa isian warna atau line sajaStroke WidhtUntuk mengatur ketebalan garis vektorClosed ShapeDengan pilihan ini maka Shape menjadi area tertutup dan siap diisi dengan warna solid atau gradientFill SelectorTombol untuk memilih jenis isian warna suatu Vector ShapeGradient ColorPilihan untuk menentukan warna-warna gradient pada suatu Vector ShapeStroke ColorUntuk menentukan warna dari Stroke Vector ShapeFill ColorUntuk membuat isian warna dalam Vector Shape yang tertutupBackground ColorUntuk menentukan warna dari Background Color

5) Bekerja dengan jendela Stage

32

Page 33: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

Fungsi Stage adalah untuk meletakkan bahan atau aktor animasi. Dari Stage Anda dapat mengatur gerakan, membalik posisi atau mengatur skala gambar. Dalam Stage terdapat scroll yang dapat diatur naik-turun apabila aktor yang diletakkan tidak tampak dalam Stage. Anda dapat mengatur kemunculan suatu Sprite dalam Backstage, yaitu area yang tidak tampak dalam Stage. Secara default area tersebut berwarna abu-abu.a) Melakukan scrolling pada Stageb) Memindah layar kanvasc) Mengubah ukuran Staged) Mengubah warna kanvase) Menampilkan grid linef) Mengubah warna grid lineg) Mengisi grid secara manualh) Membuang gridi) Zoom Stagej) Mengatur Stage dengan kotak dialog General

Preferencek) Mengatur Stage secara otomatisl) Meletakkan Stage di tengah

6) Bekerja dengan jendela Score

33

Page 34: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

Dalam jendela Score terdapat beberapa Cast atau aktor. Dalam beberapa program multimedia, jendela Score disebut Timeline. Dalam jendela Score Anda dapat melakukan banyak hal, diantaranya membuat script, mengatur channel yakni memberi suara atau transisi serta spesial efek lainnya. Ada ratusan channel di dalam jendela Score yang dapat Anda gunakan sesuai kebutuhan animasi Anda. Jumlah channel tersebut dapat dikurangi maupun ditambahi.a) Playback Headb) Frame awal dan frame akhirc) Frame dan keyframed) Memberi warna Sprite channele) Menghilangkan sementara Spritef) Memunculkan Sprite kembalig) Memunculkan dan menghilangkan otomatish) Memberi nama Sprite channeli) Menggeser Sprite channelj) Menggeser beberapa Sprite channel sekaligusk) Cut dan paste Spritel) Menambah frame

34

Page 35: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

m)Mengurangi framen) Bekerja dengan playback heado) Memisah Spritep) Menggabungkan kembali Spriteq) Mengurangi jumlah channelr) Bekerja dengan jendela dual Scores) Mengetahui Sprite labelt) Informasi member Sprite channel

7) Bekerja dengan jendela CastJendela Cast berisi Cast Member yang berupa file video, file animasi dari program Macromedia Flash, file bitmap, atau file audio. Dalam jendela Cast, aktor-aktor dapat diorganisasi dan disimpan sebelum Anda mengolahnya dalam jendela Stage.Cast Member juga dapat dibuat dari jendela Paint atau Text Tool yang disediakan oleh Macromedia Director MX 2004. Saat Anda mengolah gambar pada Paint, secara otomatis Cast akan melakukan update pada Cast Member.

35

Page 36: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

Program eksternal yang dapat dipakai antara lain Macromedia Fireworks atau Adobe Photoshop untuk mengolah gambar bitmap dan CorelDraw! Atau Adobe Illustrator untuk mengolah gambar citra vektor.a) Membuka jendela Castb) Mengimpor filec) Mengimpor file dari Clipboardd) Jenis-jenis file dalam Caste) Menyunting Cast Member scriptf) Jumlah jendela Castg) Jumlah baris jendela Casth) Ukuran thumbnaili) Label Cast Memberj) Memilih Cast Memberk) Mencari Cast Memberl) Melakukan drag pada Castm)Menampilkan properties dari Cast Membern) Mengganti nama Cast Membero) Membuka Cast barup) Menggunakan External Castq) Memanggil kembali Castr) Tipe file yang dapat diimpor ke jendela Casts) Menyusun Cast Membert) Memberikan komentar pada Cast

8) Bekerja dengan jendela Property InspectorProperty Inspector memperbolehkan Anda melakukan beberapa hal antara lain: menyunting spesifikasi file Cast atau aktor Anda. Dalam Property Inspector terdapat tab-tab yang dapat digunakan untuk mengubah spesifikasi file Anda.

36

Page 37: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

Tampilan Property Inspector dapat berupa Cast view atau list view, tergantung keinginan ataupun kebiasaan Anda dalam bekerja. Dalam jendela Property Inspector Anda dapat melihat ukuran file, kapan dibuat, dan siapa yang membuat.

a) Membuka Property Inspector b) Mengubah dari list view ke graphical viewc) Pemilihan Cast Propertyd) Mengubah nama Membere) Memberikan komentar atas filef) Menyunting fileg) Mengganti nama Casth) Mengubah jumlah Scorei) Mengunci Sprite

37

Page 38: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

j) Membalik Spritek) Mengatur warna Spritel) Memindah letak Spritem)Mengubah panjang dan lebarn) Melakukan rotasio) Melakukan skew Spritep) Membatalkan semua perintahq) Mengubah ukuran Spriter) Memberi nama Behaviors) Mengganti warna palette

9) Bekerja dengan jendela Control PanelControl Panel memungkinkan Anda mengontrol atau meneliti animasi yang Anda buat dalam Macromedia Director MX 2004. Anda dapat menghentikan, memajukan satu frame, atau memundurkan satu frame, dan mengubah berapa frame per-detik yang Anda inginkan.

a) Memainkan animasib) Menghentikan animasic) Me-rewind Animasid) Mengatur volumee) Loop-Playbackf) Mengubah frames per-Secondg) Memainkan Frame yang dikehendakih) Memajukan dan memundurkan animasi per-frame

10) ShortcutShortcut adalah metode untuk mengaktifkan menu-menu pilihan melalui penekanan tombol atau kombinasi beberapa tombol. Dengan metode ini proses pekerjaan

38

Page 39: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

akan menjadi lebih cepat dari pada melalui drag and drop menu dengan mouse. Namun kekurangannya adalah pengguna harus menghafal Shortcut tersebut untuk dapat menggunakannya.Tabel berikut ini menunjukkan Shortcut yang ada pada Macromedia Director MX 2004. Label diatas tabel adalah nama menu atau submenu, sedangkan kolom sebelah kiri tabel adalah perintah yang dapat dikerjakan dengan penekanan tombol Shortcut pada kolom sebelah kanan tabel. Tanda plus (+) merupakan tanda kombinasi dari tombol yang ditekan, misal: Control+N, maka tombol yang ditekan adalah tombol Control diikuti tombol N, ditekan secara bersamaan. Tanda Plus (+) tidak ikut ditekan.

Menu FilePerintah Shortcut

New Control+NOpen Control+OOpen as Library Control+Shift+OClose Control+WSave Control+SSave As Control+Shift+SImport Control+RExport Movie Control+Alt+Shift+SPublish Settings Control+Shift+F12Publish Shift+F12Print Control+PQuit Control+Q

Submenu Publish PreviewPerintah ShortcutDefault F12

Menu EditPerintah Shortcut

Undo Control+Z

39

Page 40: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

Redo Control+YPaste Control+VCopy Control+CCut Control+XPaste In Place Control+Shift+VClear BackspaceDuplicate Control+DSelect All Control+ADeselect All Control+Shift+ACut Frames Control+Alt+XCopy Frames Control+Alt+CPaste Frames Control+Alt+VEdit Symbols Control+E

Menu View

Perintah ShortcutZoom In Control+=Zoom Out Control+-Outlines Control+Alt+Shift+OFast Control+Alt+Shift+FAntialias Control+Alt+Shift+AAntialias Text

Control+Alt+Shift+TTimeline Control+Alt+TWork Area Control+Shift+WRulers Control+Alt+Shift+RSnap to Objects Control+Shift+/Show Shape Hints Control+Alt+HHide Edges Control+HHide Panels Tab

Submenu GotoPerintah Shortcut

First HomePrevious Page UpNext Page DownLast End

Submenu MagnificationPerintah Shortcut

100% Control+1Show Frame Control+2Show All Control+3

40

Page 41: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

Submenu Grid

Perintah ShortcutShow Grid Control+’Snap to Grid Control+Shift+’Edit Grid Control+Alt+G

Submenu GuidesPerintah Shortcut

Show Guides Control+;Lock Guides Control+Alt+;Snap to Guides Control+Shift+;Edit Guides Control+Alt+Shift+G

Menu InsertPerintah Shortcut

Convert to Symbol F8New Symbol Control+F8Frame F5Remove Frames Shift+F5Keyframe F6Blank Keyframe F7Clear Keyframe Shift+F6

Menu ModifyPerintah Shortcut

Instance Control+IFrame Control+FMovie Control+MOptimize Control+Alt+Shift+CGroup Control+GUngroup Control+Shift+GBreak Apart Control+B

Submenu TransformPerintah Shortcut

Scale and Rotate Control+Alt+SRemove Transform Control+Shift+ZAdd Shape Hint Control+Shift+H

Submenu ArrangePerintah Shortcut

41

Page 42: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

Bring to Front Control+Shift+UpBring Forward Control+UpSend Backward Control+DownSend to Back Control+Shift+DownLock Control+Alt+LUnlock All Control+Alt+Shift L

Menu TextPerintah Shortcut

Character Control+TParagraph Control+Shift+T

Submenu Style

Perintah ShortcutPlain Control+Shift+PBold Control+Shift+BItalic Control+Shift+I

Submenu Align

Perintah ShortcutAlign Left Control+Shift+LAlign Center Control+Shift+CAlign Right Control+Shift+RJustify Control+Shift+J

Submenu Tracking

Perintah ShortcutIncrease Control+Alt+RightDecrease Control+Alt+LeftReset Control+Alt+Up

Menu Control

Perintah ShortcutPlay EnterRewind Control+Alt+RStep Forward .Step Backward ,Test Movie Control+EnterDebug Movie Control+Shift+EnterTest Scene Control+Alt+Enter

42

Page 43: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

Enable Simple Buttons Control+Alt+B

Menu WindowPerintah Shortcut

New Window Control+Alt+NActions Control+Alt+AMovie Explorer Control+Alt+MLibrary Control+

Submenu Panels

Perintah ShortcutInfo Control+Alt+IAlign Control+KCharacter Control+TParagraph Control+Shift+TInstance Control+IFrame Control+F

Mengendalikan layer dan keyframesUntuk Shortcut

memilih frames Control-dragkoneksi atau memutus koneksilayer pada mask atau motionGuides layer

Alt-click icon layer

Shortcuts Menggambar

Untuk ShortcutSet fill dan line colorsecara bersamaan dengandropper tool

Shift-click dengandropper tool

Membuatcorner handle baru

Alt-drag garis denganarrow tool

Memindahkan elemen terpilih oleh satu pixel

Tombol panah (Arrow keys)

Memindahkan elemen terpilih oleh delapan pixel

Shift+Arrow keys

Mengubah Zoom In dan Zoom Out pada

Alt

43

Page 44: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

saat magnifier tool aktifDrag kopi dari elemen terpilih

Control-drag

44

Page 45: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

3. Kegiatan Belajar 3: Melakukan pembuatan halaman multimedia interaktif

a. Tujuan Kegiatan Pemelajaran 31) Membuat multimedia dengan gaya dinamik.2) Membuat multimedia dengan gaya interaktif.3) Mengkombinasikan dan menggabungkan objek dalam

multimedia.

b. Uraian Materi 3Pembuatan aplikasi multimedia merupakan puncak kompetensi multimedia, disini Anda dapat bertindak kreatif sebagaimana sutradara (director) yang memadukan elemen teks, grafis, animasi, audio, dan video menjadi aplikasi multimedia yang atraktif dan interaktif. Pembuatan halaman multimedia merupakan portofolio bagi seorang pengembang multimedia (Multimedia Developer), dalam kegiatan belajar ini Anda akan berlatih membuat aplikasi multimedia bergaya dinamik dan bergaya interaktif.

45

Page 46: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

4. Kegiatan Belajar 4: Melakukan Finalisasi (Packaging) Hasil Pengembangan Multimedia.

a. Tujuan Kegiatan Pemelajaran 41) File multimedia yang telah selesai difinalisasi dapat

dikemas (packaging) ke dalam CD-ROM Interaktif2) File multimedia yang telah selesai difinalisasi dapat di-

konversi (convert) menjadi web interaktif.

b. Uraian Materi 4Setelah pengembangan multimedia selesai, maka tugas Anda berikutnya adalah mengemas hasilnya dalam bentuk CD interaktif atau ditampilkan di internet. Pada bagian ini Anda akan dipandu untuk mengemas hasil pengembangan multimedia ini ke dalam media CD Interaktif dan media Web Interaktif di internet.

1) VideoCDVideo-CD berisi MPEG-1 video sequences. Standar untuk membuat Video-CDs telah ditetapkan oleh Philips dan JVC dalam buku putih pada tahun 1993. Track pertama berisi program CD-i play program untuk video CD seperti halnya CDI, direktori MPEGAV dan VCD berdasar pada Sistem File ISO 9660. Tracks berikutnya adalah dalam format CD-ROM/XA-Mode 2/Form 2 Sectors dan berisi MPEG encoded audio/video sequences yang terdaftar dalam MPEGAV.Video-CDs dapat dimainkan pada CD-i players, Video-CD players khusus atau pada komputer dengan CD-ROM drives yang didukung CD-ROM/XA dan dekoder MPEG (Untuk versi Windows 98 dan yang lebih tinggi) atau pada software VideoCD yang anda punya.VideoCD mendukung format berikut ini :

46

Page 47: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

352x288 dengan 25 frames per second (PAL) 352x288 dengan 29.97 frames per second (NTSC) 704x576 sebagai single frame 704x480 sebagai single frame 352x288 dengan 29.976 frames per second (“FILM”

resolution)

2) Membuat VideoCD dengan Software NeroAnda dapat membuat VideoCDs ketika file telah di format dalam MPEG-1 atau AVI. Nero berisi built-in MPEG-1 encoder yang mana file MPEG-1 dapat dibuat. Sekarang ikuti langkah-langkah berikut, bagaimana membuat VideoCD dengan Nero. Masukkan CD kosong pada CD Writer. Mulai kompilsi Baru dengan klik File>New Start. Klick ikon 'Video-CD' pada kotak dialog New

Compilation yang membuka ketika Nero di start. Jika Nero sudah terbuka anda dapat membuka kotak dialog ini dengan memilih ikon 'New Compilation‘ pada toolbar.

VideoCD tab menawarkan sejumlah pilihan yang dapat anda gunakan untuk membuat VideoCD pada kebutuhan sepesifik anda. checkbox 'Create standard compliant CD' seharusnya diaktifkan untuk menjamin Video CD yang anda buat dapat dimainkan pada DVD Player. Tetapkan format warna file video yang akan dikonversi dalam seksi 'Encoding resolution‘ : Pal or NTSC. Jika anda ingin dapat menambahkan suatu gambar pada video, kemudian dapat dikopi pada direktori terpisah. Dalam hal ini pilih ‘Store source pictures in’ pada checkbox. checkbox 'Use CD-i

47

Page 48: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

application' hanya diharapkan untuk para pemakai yang berpengalaman dengan CD-i applications.

Pada tab Menu anda dapat membuat menu yang ditampilkan ketika Video CD dimasukkan.Aktifkan checkbox dan gunakan kotak tersebut untuk menentukan bagaimana menu tampil. Jika anda klik tombol Set as default, setting untuk masukan menu akan disimpan dan akan dipanggil secara otomatis pada saat membuat Video CD selanjutnya.

Pada tab ISO anda dapat memilih level ISO untuk panjang karater dari nama. Maksimum 31 karakter yang diijinkan untuk Windows 95 dan diatasnya.

Pada tab Label anda dapat memberi nama pada cd anda dan akan menumpuki nama default "New". Anda dapat menggunakan huruf A-Z, digit 0-9.

Pada tab Dates anda dapat menentukan tanggal dari kompilasi.

Gunakan tab Misc untuk menentukan file mana yang akan di-buffer di cache memory.

Untuk selanjutnya anda dapat mengikuti langkah-langkah seperti gambar-gambar dibawah ini:

48

Page 49: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

Gambar 43. Open Nero Burning ROM

Gambar 44. Nero Wizard; Klik Next

49

Page 50: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

Gambar 45. Compile New CD; Klik Next

Gambar 46. Other CD Format untuk membuat video; Klik Next

50

Page 51: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

Gambar 47. Video CD; Klik Next

Gambar 48. Akhir wizard Video CD; Klik Finish

51

Page 52: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

Gambar 49. Drag & Drop File yang berekstensi MPEG atau AVI

Gambar 50. Switch ke Nero Ekspress untuk Burning

52

Page 53: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

Gambar 51. Final Burn Setting, klik Burn

Gambar 52. Burning Process

Gambar 53. Proses burning selesai

Hasil dari kompilasi Video CD dapat anda coba pada CD Player atau program komputer seperti Windows media

53

Page 54: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

player dengan cara jalankan windows media player, browse file F:\MPEGAV\Avseq01.dat, maka akan tampil seperti gambar dibawah ini:

Gambar 54. File Lingkaran.dir yang sudah dikompilasi menjadi Video CD

3) Mengekspor Animasi untuk Digunakan pada Web. Movie yang telah buat disimpan sebagai file berekstensi

*.dir. Format ini adalah format milik Macromedia Director MX 2004, yang digunakan ketika membuat dan mengedit file. File dengan format *.dir tidak baik digunakan untuk aplikasi web dengan beberapa alasan. File tersebut terlalu besar, dan file ini tidak dapat dijalankan oleh web browser.

54

Page 55: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

Untuk dapat digunakan pada web, file Macromedia Director MX 2004 harus disimpan dengan format file*.swf dan akan dapat dijalankan pada sembarang browser yang mempunyai Macromedia Director MX 2004 plugin dan juga Anda dapat menjalankan file Macromedia Director MX 2004 anda pada versi yang lebih lama. Untuk melakukan itu anda harus menggunakan pilihan Publish pada Macromedia Director MX 2004.

Pilihan Publish tidak hanya mengirim ke file *.swf tetapi dapat juga mengerjakan variasi perbedaan format file termasuk membuat kode HTML untuk web dan stand alone player untuk distribusi.

4) Publish Settings Sebelum mem-publish file Macromedia Director MX

2004 anda anda pertama kali harus memeriksa setting untuk output file, klik File> Publish Settings, kemudian anda masuk pada menu publish settings. Disini anda dapat memilih format yang ingin anda keluarkan. Beberapa diantaranya adalah :

Director MX 2004 - File .swf yang berisi animasi HTML - kode HTML mencakup Macromedia Director MX

2004 website (direkomendasikan) GIF - Animasi GIF dengan semua frames dari animasi

anda akan dikeluarkan.

55

Page 56: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

Gambar 55. Kotak Dialog Setting Publish Windows Projector - Akan membuat file *.exe yang akan

memainkan animasi apakah Macromedia Director MX 2004 player sudah diinstal atau belum (sangat berguna untuk distribusi offline)

Untuk masing-masing pilihan yang dipilih akan ditampilkan tab pada bagian atas jendela menu, yang berisi pilihan lanjut untuk masing-masing pilihan yang dipilih.

5) Publishing Langkah terakhir adalah mempublish movie anda. Anda

dapat klik tombol publish atau pilih File > klik Publish. Sebelum melaksanakan publish anda dapat melihat dengan preview dengan memilih File > Klik Publish Preview dan kemudian memilih apa yang anda ingin preview. Sekali file anda di publish anda dapat tes file tersebut dengan menjalankannya secara normal, yaitu dengan cara memanggil file yang di-publish melalui Internet Browser.

c. Rangkuman 4VideoCDVideo-CD berisi MPEG-1 video sequences.

Membuat VideoCD

56

Page 57: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

Anda dapat membuat VideoCDs ketika file telah di format dalam MPEG-1 atau AVI dengan Software Nero. Nero berisi built-in MPEG-1 encoder yang mana file MPEG-1 dapat dibuat. Untuk mendapatkan file berekstensi AVI dilakukan pada saat anda mengeksport file anda dengan memilih format file ekstensi *.AVI. Hasil dari kompilasi Video CD dapat anda coba pada CD Player atau program komputer seperti Windows media player dengan cara jalankan windows media player, browse file F:\MPEGAV\Avseq01.dat. Untuk dapat digunakan pada web, file Macromedia Director MX 2004 harus disimpan dengan format file*.swf dan akan dapat dijalankan pada sembarang browser yang mempunyai Macromedia Director MX 2004 plugin dan juga Anda dapat menjalankan file Director MX 2004 anda pada versi yang lebih lama. Untuk melakukan itu anda harus menggunakan pilihan Publish pada Macromedia Director MX 2004.

d. Tugas 41. Cobalah kembali untuk mengkompilasi file animasi

lingkaran.dir untuk menjadi Video CD!2. Cobalah kembali untuk mempublish file animasi

lingkaran .dir untuk dapat digunakan pada web!

e. Tes Formatif 41. Buatlah Video CD dengan mengambil sembarang file

animasi Macromedia Director MX 2004 di komputer anda, anda dapat mengambil dari contoh file bawaan Macromedia Director MX 2004, misalnya dari help menu bar, klik file keyframing.dir, kemudian kompilasi file tersebut menjadi Video CD dengan software Nero!

57

Page 58: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

2. Buatlah file tersebut untuk dapat dijalankan di Internet browser sebagai web!

f. Kunci Jawaban Formatif 4 Pahami dan Ikuti kembali langkah-langkah yang di uraikan

pada materi 4.

g. Lembar Kerja 4Alat dan bahan 1 (Satu) unit komputer dengan spesifikasi minimum

Pentium III 450 yang telah diinstalasi program aplikasi Macromedia Director MX 2004 dan Nero.

CD Writer + 1 keping CD R/W.

Kesehatan dan Keselamatan Kerja1) Membaca do’a sebelum memulai kegiatan belajar.2) Membaca dan memahami petunjuk praktikum pada

setiap lembar kegiatan belajar.3) Memastikan komputer dalam keadaan baik dan semua

kabel penghubung terkoneksi dengan baik.4) Menjauhkan benda yang dapat mengeluarkan medan

elektromagnetik di dekat komputer (magnet, handphone, dan sebagainya).

5) Klik Help pada menu bar, arahkan mouse pada Sample.

6) Klik Spotlight Mask.

7) klik Control>klik Play

8) Amati menu-menu yang tampil, dan animasi gambar yang ada.

9) Export file Spotlight Mask menjadi Spotlight.avi

10) Siapkan 1 keping CD R/W (Read/Write), kemudian masukkan pada CD Writer.

58

Page 59: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

11) Jalankan software Nero

12) Menggunakan komputer sesuai fungsinya dengan hati-hati.

13) Setelah selesai, mematikan komputer dengan benar.

59

Page 60: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

Bab III Evaluasi

A. PERTANYAAN1. Sebutkan bagian-bagian dari tampilan menu Timeline! (skor 10)2. Sebutkan shortcut dari perintah dibawah ini ! (skor 10)

a. Membuat file baru (New)b. Membuka file (Open)c. Menyimpan File (Save)d. Import Filee. Export Filef. Membatalkan pekerjaan (undo)g. Convert To Symbolh. Playi. Test Moviej. Publish

3. Buatlah animasi Text "EVALUASI" untuk mengubah warna dan tranpransi dari text ! (skor 40)

4. Buatlah animasi untuk membuat movie clip dengan gambar yang ada di komputer anda, gambar berextensi *.jpg, dan merupakan gambar berbentuk sequen (urutan), bila tidak ada buatlah gambar tersebut paling tidak 5 frame.? (skor 40)

B. KUNCI JAWABAN EVALUASI1. Bagian-bagian tampilan menu Timeline adalah sebagai berikut:

60

Page 61: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

2. Shortcut a. Membuat file baru (New) Ctrl+Nb. Membuka file (Open) Ctrl+Oc. Menyimpan File (Save) Ctrl +Sd. Import File Ctrl + Re. Export Movie Ctrl + Alt +Shift + S f. Membatalkan pekerjaan (undo) Ctrl + Zg. Convert To Symbol F8h. Play Enteri. Test Movie Ctrl + Enterj. Publish Shift + F12

3. Animasi TextLangkah-langkah membuat effek warna pada text:a. Pilih Insert Keyframe , keyframe pertamab. Buat teks "EVALUASI" dengan Text tool pada Stagec. Pilih Insert Convert to Symbol, buat simbol dengan

nama Teks1d. Buat keyframe kedua

61

Page 62: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

e. Pilih Window Panel Effect, Terdapat pilihan none, brightness, alpha, tint, advance Pilih Alpha 50% untuk gambar tersebut.

f. Buat simbol Teks2g. Buat motion tweening animation, Insert Create Motion

Tween.h. Pilih Control Play, maka animasi tweening akan

ditampilkan dengan teks yang warnanya menghilangi. Simpan file tersebut dengan nama Evaluasi.dir

4. Animasi Video Clip Cara membuat movie clip adalah sebagai berikut:1. Buat file baru2. Pada menu File Import3. Import gambar sembarang1.jpg.4. Pilih Window Library, sembarang1. jpg akan tersimpan

dalam library.5. Ulangi untuk mengimport sembarang2.jpg, sembarang3.jpg,

sembarang4.jpg dan sembarang5.jpg. Pada library akan muncul simbol dari kelima gambar tersebut, sedangkan pada Stage juga terdapat gambar lima gambar yang terletak pada satu posisi.

6. Delete semua gambar pada Stage sehingga sehingga tidak ada gambar satupun dalam Stage.

7. Pilih Insert New Symbol, beri nama simbol dengan sembarang, dan pilih Movie Clip pada check box. Klik OK, maka muncul editor movie clip sembarang.

8. Dengan animasi frame by frame, simbol gambar sembarang1.jpg sampai dengan sembarang5.jpg dimasukkan ke dalam Stage, dengan mengatur posisi dan besarnya image.

62

Page 63: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

9. Simpan file tersebut dengan nama movie_sembarang.dir10. Select Control Play.

63

Page 64: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

C. KRITERIA KELULUSAN

Aspek Skor(1-10) Bobot Nilai Keterangan

Kognitif (soal no 1 s/d 2) 3 Syarat lulus nilai minimal 70 dan skor setiap aspek minimal 7

Kebenaran langkah 3Kerapian, kebersihan, ketelitian

2

Ketepatan waktu 2Nilai Akhir

Kategori kelulusan:70 – 79 : Memenuhi kriteria mininal. Dapat bekerja dengan bimbingan.80 – 89 : Memenuhi kriteria minimal. Dapat bekerja tanpa bimbingan.90 – 100: Di atas kriteria minimal. Dapat bekerja tanpa bimbingan.

64

Page 65: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

Bab IV Penutup

Demikianlah modul pemelajaran Mengembangkan Aplikasi Multimedia. Materi yang telah dibahas dalam modul ini masih sangat sederhana. Hanya sebagai dasar saja bagi peserta diklat untuk belajar lebih lanjut. Diharapkan peserta diklat memanfaatkan modul ini sebagai motivasi untuk mengembangkan aplikasi multimedia lebih jauh sehingga peserta diklat dapat merancang berbagai macam tampilan multimedia interaktif yang dikehendaki.

Setelah menyelesaikan modul terakhir ini dan mengerjakan semua tugas serta evaluasi maka berdasarkan kriteria penilaian, peserta diklat dapat dinyatakan lulus/tidak lulus. Apabila dinyatakan lulus maka peserta diklat dinyatakan telah lulus dan mengusai kompetensi Multimedia, sedangkan apabila dinyatakan tidak lulus maka peserta diklat harus mengulang modul ini.

65

Page 66: EI - ekosulistyobudi.files.wordpress.com  · Web viewPengenalan software multimedia Mengamati proses aktifasi sistem operasi dan software multimedia dengan seksama Menjelaskan fungsi

Daftar Pustaka

Komputer, Wahana, 2004, Panduan Aplikatif Pembuatan Animasi dengan Macromedia Director MX 2004, Andi, Andi Offset, Semarang.

Link: www.macromedia.com/director

66