LANGKAH-LANGKAH MEMBUAT MULTIMEDIA INTERAKTIF

14
LANGKAH-LANGKAH MEMBUAT MULTIMEDIA INTERAKTIF (LEBIH DEKAT DENGAN KPK DAN FPB BENTUK ALJABAR SUKU TUNGGAL) Diajukan untuk memenuhi salah satu tugas Ujian Akhir Semester tahap 3 mata kuliah Multi Media Pendidikan Matematika Disusun Oleh : YUSI NURHAYATI 0602433 JURUSAN PENDIDIKAN MATEMATIKA FAKULTAS PENDIDIKAN MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS PENDIDIKAN INDONESIA BANDUNG 2010

Transcript of LANGKAH-LANGKAH MEMBUAT MULTIMEDIA INTERAKTIF

Page 1: LANGKAH-LANGKAH MEMBUAT MULTIMEDIA INTERAKTIF

LANGKAH-LANGKAH MEMBUAT MULTIMEDIA INTERAKTIF (LEBIH DEKAT DENGAN KPK DAN FPB BENTUK ALJABAR SUKU TUNGGAL)

Diajukan untuk memenuhi salah satu tugas Ujian Akhir Semester tahap 3 mata kuliah Multi Media Pendidikan Matematika

Disusun Oleh :

YUSI NURHAYATI

0602433

JURUSAN PENDIDIKAN MATEMATIKA FAKULTAS PENDIDIKAN MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS PENDIDIKAN INDONESIA BANDUNG

2010

Page 2: LANGKAH-LANGKAH MEMBUAT MULTIMEDIA INTERAKTIF

LANGKAH-LANGKAH MEMBUAT MULTIMEDIA INTERAKTIF (LEBIH DEKAT DENGAN KPK DAN FPB BENTUK ALJABAR SUKU TUNGGAL)

Dalam membuat suatu program interaktif, hendaknya kita merancang sebuah diagram alur (flowchart) dari program. Flowchart Program Multimedia Interaktif yang akan saya buat adalah sebagai berikut:

Pertama-tama user dari program akan disambut dengan ucapan “WELCOME TO Multimedia Interaktif”. Pada halaman utama yang dinamakan home, terdapat beberapa menu yang berisi tentang menu:

Tentang program Tujuan Kompetensi Materi (terdiri dari 3 materi yang dibahas) Soal (terdiri dari 3 soal yang ditampilkan) Keluar (untuk keluar dari program).

Adapun langkah-langkah pembuatan Multimedia Interaktif adalah sebagai berikut: 1. Jalankan program Flash 8 2. Save File dengan nama “KPK DAN FPB” 3. Sebelum mulai merancang, kita harus menentukan display dari program yang kita buat dan

kecepatan pergerakan frame (frame rate). Caranya: pada panel properties (di bawah), klik pada button size : (550 x 400 pixels) sehingga muncul kotak dialog document properties. Pada dimension isikan width panjang) = 800 px, height (tinggi) = 600 px , frame rate = 12, dan background hitam. Artinya, program akan dijalankan pada resolusi 800 x 600 pixels dengan kecepatan 12 frame per detiknya. Tampilannya sebagai berikut:

Page 3: LANGKAH-LANGKAH MEMBUAT MULTIMEDIA INTERAKTIF

LANGKAH-LANGKAH MEMBUAT MULTIMEDIA INTERAKTIF (LEBIH DEKAT DENGAN KPK DAN FPB BENTUK ALJABAR SUKU TUNGGAL)

4. Dalam program ini, membuat beberapa Scence, diantaranya adalah Scence intro, home, tentang program, tujuan, kompetensi, materi 1, soal, benar, dan salah. Adapun langkah-langkah pengerjaannya sebagai brikut:

a. Scence intro

Scence intro terdiri dari 3 layer: pleasewait

· Agar tampilan flash nya fullscreen, pada frame ke-1 tekan F9 lalu ketikkan Script berikut:

· Pada layer pleasewait, buat Static Text yang bertuliskan “Please Wait…”

munculkan huruf-huruf tersebut berurutan dari frame ke-1 sampai frame ke-14. · Kemudian tekan F6 pada frame ke-20, ke-25, ke-30, ke-35 buat Poly Star Tool · Tekan F6 pada frame ke-40 buat bentuk bulan dan tulisan “WELCOME TO

Multimedia Interaktif”. · Masih pada frame ke-40, buat button berbentuk rumah dengan tulisan “GO

HOME”, kemudian seleksi tombol tersebut, klik kanan padanya. Pilih convert to symbol. Pilih button dan beri nama gohome_btn.

· Klik 2x pada button tersebut, tekan F6 sebanyak 3x, akan pada timeline akan muncul seperti gambar berikut:

Pada frame Up, biarkan button pada posisi awal. Pada frame Over, ubah ukuran button benjadi lebih besar. Pada frame Down ubah warna button.

Page 4: LANGKAH-LANGKAH MEMBUAT MULTIMEDIA INTERAKTIF

LANGKAH-LANGKAH MEMBUAT MULTIMEDIA INTERAKTIF (LEBIH DEKAT DENGAN KPK DAN FPB BENTUK ALJABAR SUKU TUNGGAL)

· Tekan F9 ketikkan Sript

suara

· Untuk memasukkan sound ke flash, lakukan langkah berikut File>Import>Import to Library>Pilih music>Open.

· Tekan F6 pada frame ke-40, lalu kembali ke frame ke-1. · Pada frame ke-1, lihat pada bagian bawah ada sound, pilih sound yang diinginkan,

ini berfungsi untuk mengiringi tampilan sampai akhir tampilan. · Untuk sound pada button, klik 2x button tersebut, pada frame Down, pilih sound

yang diinginkan. action

· pada layer action, tekan F6 pada frame ke-20, lalu tekan F9, dan ketikan script berikut

Tampilannya sperti gambar berikut:

Untuk menambah Scence, tekan Shift F2, kemudian klik tanda “+” dan beri nama Scence baru dengan nama home.

Page 5: LANGKAH-LANGKAH MEMBUAT MULTIMEDIA INTERAKTIF

LANGKAH-LANGKAH MEMBUAT MULTIMEDIA INTERAKTIF (LEBIH DEKAT DENGAN KPK DAN FPB BENTUK ALJABAR SUKU TUNGGAL)

b. Scence home Scence home terdiri dari 2 layer yaitu: home · Buat Static Text dengan tulisan

“LEBIH DEKAT DENGAN KPK DAN FPB BENTUK ALJABAR SUKU TUNGGAL” “Created By: YUSI NURHAYATI (0602433)” “JURUSAN PENDIDIKAN MATEMATIKA FAKULTAS PENDIDIKAN MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS PENDIDIKAN INDONESIA 2010”

· Buat beberapa button yang terdiri dari button Tentang Program, Tujuan, Kompetensi, Materi, Soal, Keluar.

· Seleksi tiap button tersebut, klik 2x padanya convert to symbol. Pilih button dan beri nama “tentang_btn”, “tujuan_btn”, “kompetensi_btn”, “materi_btn”, “soal_btn”, “keluar_btn”.

· Klik 2x pada masing-masing button tersebut, ubah frame Up, Over, Down sesuai keinginan. Pada frame Down tambahkan sound.

· Pada masing-masing button tekan F9, dan ketikkan script berikut: Tentang Program

Tujuan

Kompetensi

Materi

Soal

Page 6: LANGKAH-LANGKAH MEMBUAT MULTIMEDIA INTERAKTIF

LANGKAH-LANGKAH MEMBUAT MULTIMEDIA INTERAKTIF (LEBIH DEKAT DENGAN KPK DAN FPB BENTUK ALJABAR SUKU TUNGGAL)

Keluar

action pada layer action, tekan F6 pada frame ke-1, lalu tekan F9, dan ketikan script berikut

Tampilannya sperti gambar berikut:

Untuk menambah Scence, tekan Shift F2, kemudian klik tanda “+” dan beri nama Scence baru dengan nama tentang program.

Page 7: LANGKAH-LANGKAH MEMBUAT MULTIMEDIA INTERAKTIF

LANGKAH-LANGKAH MEMBUAT MULTIMEDIA INTERAKTIF (LEBIH DEKAT DENGAN KPK DAN FPB BENTUK ALJABAR SUKU TUNGGAL)

c. Scence tentang program Scence tentang program terdiri dari 2 layer yaitu:

tentang program · Buat Rectangle Tool · Ketik dengan Static Text mengenai tampilan tentang program · Buat button berbentuk rumah dengan tulisan HOME. · Seleksi button tersebut, klik 2x padanya convert to symbol. Pilih button dan

beri nama “a_btn”. · Klik 2x pada button tersebut, ubah frame Up, Over, Down sesuai keinginan.

Pada frame Down tambahkan sound. · Pada button tekan F9, dan ketikkan script berikut:

· Pada frame ke-10 tekan F6, pindahkan button HOME ke pojok kiri bawah.

action pada layer action, tekan F6 pada frame ke-10,lalu tekan F9, dan ketikan script berikut

Tampilannya sperti gambar berikut: Untuk menambah Scence, tekan Shift F2, kemudian klik tanda “+” dan beri nama Scence baru dengan nama tujuan.

Page 8: LANGKAH-LANGKAH MEMBUAT MULTIMEDIA INTERAKTIF

LANGKAH-LANGKAH MEMBUAT MULTIMEDIA INTERAKTIF (LEBIH DEKAT DENGAN KPK DAN FPB BENTUK ALJABAR SUKU TUNGGAL)

d. Scence tujuan Scence tujuan terdiri dari 2 layer yaitu:

tujuan · Buat Oval Tool · Ketik dengan Static Text mengenai tampilan tujuan. · Buat button berbentuk rumah dengan tulisan HOME. · Seleksi button tersebut, klik 2x padanya convert to symbol. Pilih button dan

beri nama “b_btn”. · Klik 2x pada button tersebut, ubah frame Up, Over, Down sesuai keinginan.

Pada frame Down tambahkan sound. · Pada button tekan F9, dan ketikkan script berikut:

· Pada frame ke-10 tekan F6, pindahkan button HOME ke pojok kiri bawah.

action pada layer action, tekan F6 pada frame ke-10, lalu tekan F9, dan ketikan script berikut

Tampilannya sperti gambar berikut: Untuk menambah Scence, tekan Shift F2, kemudian klik tanda “+” dan beri nama Scence baru dengan nama kompetensi.

Page 9: LANGKAH-LANGKAH MEMBUAT MULTIMEDIA INTERAKTIF

LANGKAH-LANGKAH MEMBUAT MULTIMEDIA INTERAKTIF (LEBIH DEKAT DENGAN KPK DAN FPB BENTUK ALJABAR SUKU TUNGGAL)

e. Scence kompetensi Scence kompetensi terdiri dari 2 layer yaitu:

kompetensi · Buat Rectangle Tool. · Ketik dengan Static Text mengenai tampilan kompetensi. · Buat button berbentuk rumah dengan tulisan HOME. · Seleksi button tersebut, klik 2x padanya convert to symbol. Pilih button dan

beri nama “c_btn”. · Klik 2x pada button tersebut, ubah frame Up, Over, Down sesuai keinginan.

Pada frame Down tambahkan sound. · Pada button tekan F9, dan ketikkan script berikut:

· Pada frame ke-10 tekan F6, pindahkan button HOME ke pojok kiri bawah.

action pada layer action, tekan F6 pada frame ke-10, lalu tekan F9, dan ketikan script berikut

Tampilannya seperti gambar berikut: Untuk menambah Scence, tekan Shift F2, kemudian klik tanda “+” dan beri nama Scence baru dengan nama materi 1.

Page 10: LANGKAH-LANGKAH MEMBUAT MULTIMEDIA INTERAKTIF

LANGKAH-LANGKAH MEMBUAT MULTIMEDIA INTERAKTIF (LEBIH DEKAT DENGAN KPK DAN FPB BENTUK ALJABAR SUKU TUNGGAL)

f. Scence materi 1 Scence materi 1 terdiri dari 2 layer yaitu:

materi · Buat Rectangle Tool. · Ketik dengan Static Text mengenai tampilan materi · Buat button berbentuk rumah dengan tulisan HOME. · Seleksi button tersebut, klik 2x padanya convert to symbol. Pilih button dan

beri nama “d_btn”. · Klik 2x pada button tersebut, ubah frame Up, Over, Down sesuai keinginan.

Pada frame Down tambahkan sound. · Pada button tekan F9, dan ketikkan script berikut:

· Pada frame ke-10 tekan F6, pindahkan button HOME ke pojok kiri bawah.

action pada layer action, tekan F6 pada frame ke-10, lalu tekan F9, dan ketikan script berikut

Tampilannya seperti gambar berikut: Untuk menambah Scence, tekan Shift F2, kemudian klik tanda “+” dan beri nama Scence baru dengan nama soal.

Page 11: LANGKAH-LANGKAH MEMBUAT MULTIMEDIA INTERAKTIF

LANGKAH-LANGKAH MEMBUAT MULTIMEDIA INTERAKTIF (LEBIH DEKAT DENGAN KPK DAN FPB BENTUK ALJABAR SUKU TUNGGAL)

g. Scence soal Scence soal terdiri dari 2 layer yaitu:

soal · Buat Rectangle Tool · Ketik dengan Static Text mengenai tampilan soal · Buat button berbentuk segitiga (dengan tulisan BACK TO MATERI), segitiga

dan segilima untuk symbol pada soal pilihan ganda. Seleksi masing-masing button tersebut, klik 2x pada masing-masing button convert to symbol. Pilih button dan beri nama “back5_btn”, “benar1_btn”, “benar2_btn”, “salah1_btn”, “salah2_btn”, “salah3_btn”, “salah4_btn”.

· Klik 2x pada masing-masing button tersebut, ubah frame Up, Over, Down sesuai keinginan. Pada frame Down tambahkan sound.

· Pada masing-masing button tekan F9, dan ketikkan script berikut: “back5_btn”

“benar1_btn” dan “benar2_btn”

“salah1_btn” “salah2_btn”, “salah3_btn”, “salah4_btn”.

action

pada layer action, tekan F6 pada frame ke-1, lalu tekan F9, dan ketikan script berikut

Tampilannya seperti gambar berikut:

Page 12: LANGKAH-LANGKAH MEMBUAT MULTIMEDIA INTERAKTIF

LANGKAH-LANGKAH MEMBUAT MULTIMEDIA INTERAKTIF (LEBIH DEKAT DENGAN KPK DAN FPB BENTUK ALJABAR SUKU TUNGGAL)

Untuk menambah Scence, tekan Shift F2, kemudian klik tanda “+” dan beri nama Scence baru dengan nama benar.

Page 13: LANGKAH-LANGKAH MEMBUAT MULTIMEDIA INTERAKTIF

LANGKAH-LANGKAH MEMBUAT MULTIMEDIA INTERAKTIF (LEBIH DEKAT DENGAN KPK DAN FPB BENTUK ALJABAR SUKU TUNGGAL)

h. Scence benar Scence benar terdiri dari 2 layer yaitu:

benar · Buat Rectangle Tool. · Ketik dengan Static Text mengenai tampilan “SELAMAT JAWABAN ANDA

BENAR” · Buat button dengan tulisan BACK TO SOAL. · Seleksi button tersebut, klik 2x padanya convert to symbol. Pilih button dan

beri nama “back6_btn”. · Klik 2x pada button tersebut, ubah frame Up, Over, Down sesuai keinginan.

Pada frame Down tambahkan sound. · Pada button tekan F9, dan ketikkan script berikut:

action pada layer action, tekan F6 pada frame ke-1, lalu tekan F9, dan ketikan script berikut

Tampilannya seperti gambar berikut: Untuk menambah Scence, tekan Shift F2, kemudian klik tanda “+” dan beri nama Scence baru dengan nama salah.

Page 14: LANGKAH-LANGKAH MEMBUAT MULTIMEDIA INTERAKTIF

LANGKAH-LANGKAH MEMBUAT MULTIMEDIA INTERAKTIF (LEBIH DEKAT DENGAN KPK DAN FPB BENTUK ALJABAR SUKU TUNGGAL)

i. Scence salah Scence salah terdiri dari 2 layer yaitu:

materi · Buat Rectangle Tool. · Ketik dengan Static Text mengenai “OW JAWABAN ANDA SALAH”. · Buat Static Text dengan tulisan COBA LAGI. · Seleksi button tersebut, klik 2x padanya convert to symbol. Pilih button dan

beri nama “coba_btn”. · Klik 2x pada button tersebut, ubah frame Up, Over, Down sesuai keinginan.

Pada frame Down tambahkan sound. · Pada button tekan F9, dan ketikkan script berikut:

action pada layer action, tekan F6 pada frame ke-1, lalu tekan F9, dan ketikan script berikut

Tampilannya seperti gambar berikut:

~…SELAMAT MENCOBA DAN SEMOGA BERHASIL…~