If you can't read please download the document
Upload
dangkhue
View
216
Download
1
Embed Size (px)
Citation preview
BAHAN PRAKTIKUM FLASH
Digunakan Untuk matakuliah
Pengembangan Media Pembelajaran Matematika
Bahan praktikum ini berisi latihan penunjang untuk matakuliah
pengembangan media pembelajaran matematika. Berisi beberapa latihan
untuk praktikum. Diharapkan dengan adanya bahan ini, mahasiswa dapat
membuat media pembelajaran Matematika khususnya berbasis Flash.
2013
Bahan Praktikum Pengembangan Media Pembelajaran Matematika Dosen: Syaiful Hamzah Nasution
Jurusan Matematika, FMIPA UM. 1
PRAKTIKUM : 1 | MEMBUAT OBJEK DENGAN ADOBE FLASH
1. Buatlah dokumen baru.
2. Untuk membuat objek, Anda dapat memanfaatkan beberapa tool yang ada di toolbox. Misalnya untuk
membuat persegi panjang, klik rectangle tool (atau tekan R) pada toolbox. Kemudian atur property dari
rectangle tool pada panel property di bawah.
3. Setelah mengatur property rectangle, buatlah persegi panjang di stage dengan cara drag pada stage bentuk
persegi panjang. Sehingga diperoleh tampilan seperti berikut:
4. Secara garis besar, untuk membuat objek di Adobe Flash dapat digunakan cara di atas.
Digunakan untuk mengatur jenis garis tepi
Digunakan untuk mengatur
kelengkungan Rectangle
Menentukan ketebalan garis tepi
Menentukan
warna garis tepi
Menentukan warna
bidang (fiil)
Latihan : Buatlah tampilan seperti berikut
Bahan Praktikum Pengembangan Media Pembelajaran Matematika Dosen: Syaiful Hamzah Nasution
Jurusan Matematika, FMIPA UM. 2
PRAKTIKUM : 2 | MEMBUAT BUTTON
1. Buatlah dokumen baru.
2. Klik rectangle tool (tombol R), kemudian ubah propertinya seperti gambar berikut:
3. Buat suatu objek mirip tombol sebagai berikut, kemudian convert menjadi symbol dengan type button dengan
double klik objek, kemudian tekan F8.
4. klik OK, maka tombol telah terbentuk.
5. Double klik tombol yang baru dibuat, maka pada timeline akan muncul tampilan seperti berikut:
Maka ada 4 frame yang muncul
Up : Kondisi tombol pada saat kursor tidak di atas tombol.
Over : Kondisi tombol saat kursor di atas tombol.
Down : Kondisi tombol saatmouse diklik.
Hit : Kondisi tombol saat mouse diangkat.
6. Klik frame Up, kemudian buat teks Tombol. Letakkan teks tepat di tengah tombol.
7. Klik kanan frame over, pilih insert keyframe. Kemudian seleksi tombol, ubah warna tombol menjadi kuning.
8. Klik kanan frame Down, pilih insert keyframe. Kemudian seleksi tombol, ubah warna tombol menjadi merah.
Bahan Praktikum Pengembangan Media Pembelajaran Matematika Dosen: Syaiful Hamzah Nasution
Jurusan Matematika, FMIPA UM. 3
9. Kembali ke Scene 1, dengan cara klik scene 1.
10. Jalankan animasi dengan menekan tombol ctrl + enter. Amati tombol yang telah Anda buat.
PRAKTIKUM : 3 | ANIMASI DASAR: MOTION TWEEN
1. Buatlah dokumen flash.
2. Buatlah persegi panjang dengan rectangle tool pada stage.
3. Ubah persegi panjang yang dibuat menjadi Graphic. Caranya, pilih selection tool, kemudian double klik pada
persegi panjang. Pada menu, pilih Modify convert to symbol (atau tekan F8).
4. Pada kotak dialog yang muncul isikan isian berikut:
5. Klik Ok. Kemudian klik mouse di frame 30 pada Timeline, kemudian pilih InsertTimelineKeyframe atau klik
kanan mouse di frame 30, pilih Insert Keyframe.
Bahan Praktikum Pengembangan Media Pembelajaran Matematika Dosen: Syaiful Hamzah Nasution
Jurusan Matematika, FMIPA UM. 4
6. Klik mouse pada persegi panjang, kemudian geser persegi panjang ke kanan.
7. Pada Timeline akan muncul tampilan seperti berikut:
8. Blok pada Timeline dari frame 1 sampai 30. Kemudian pilih jendela Properties, pada pilihan Tween pilih
Motion.
Atau klik kanan mouse pada Timeline pilih Create Motion Tween.
9. Apabila animasi Motion Tween dibuat, maka pada Timeline akan muncul panah seperti berikut
10. Tekan ctrl + enter untuk melihat hasilnya.
PRAKTIKUM : 4 | ANIMASI DASAR: MOTION SHAPE
1. Buat file baru.
2. Dengen menggunakan Oval Tool, buatlah objek oval.
Bahan Praktikum Pengembangan Media Pembelajaran Matematika Dosen: Syaiful Hamzah Nasution
Jurusan Matematika, FMIPA UM. 5
3. Klik di frame 40 pada time line, klik kanan mouse pilih Insert Blank Keyframe
4. Di posisi frame ke-40, buatlah objek persegi panjang.
5. Klik mouse pada bagian tengan timeline, pilih jendela properties, pada opsi Tween pilih Shape.
6. Jalankan animasi dengan menekan tombol ctrl+enter.
PRAKTIKUM : 5 | ANIMASI DASAR: MOTION GUIDE
1. Buat file baru.
2. Ganti nama layer 1 menjadi objek.
3. Kemudian klik menu Insert Timeline Motion Guide.
4. Pada layer objek frame ke-1 buat lingkaran dengan oval tool.
Bahan Praktikum Pengembangan Media Pembelajaran Matematika Dosen: Syaiful Hamzah Nasution
Jurusan Matematika, FMIPA UM. 6
5. Convert objek menjadi Graphic dengan cara double klik objek dan tekan F8. Beri nama symbol menjadi
lingkaran_gr.
6. Pada layer Guide:objek pilih frame ke-1. Buatlah suatu lintasan dengan menggunakan pencil tool (atau tekan
tombol y pada keyboard).
7. Klik kanan frame ke-40 pada layer objek, pilih Insert KeyFrame.
8. Klik kanan frame ke-40 pada layer Guide:objek, pilih Insert KeyFrame.
9. Pada frame ke-40 pada layer objek, pindahkan objek lingaran_gr ke akhir lintasan.
10. klik kanan frame ke-1 pada layer objek, pilih Create Motion Tween.
11. Jalankan animasi dengan menekan ctrl+enter.
Bahan Praktikum Pengembangan Media Pembelajaran Matematika Dosen: Syaiful Hamzah Nasution
Jurusan Matematika, FMIPA UM. 7
PRAKTIKUM : 6 | ANIMASI DASAR: MASKING
1. Buka file baru.
2. Ubah background dengan warna hitam melalui property.
3. Buat dua layer. Ubah nama layer menjadi layer teks dan mask dengan posisi layer mask di atas layer teks.
4. Pada layer teks, di frame ke-1 buat tulisan UNIVERSITAS NEGERI MALANG dengan warna kuning seperti
gambar berikut:
5. Klik kanan frame 40 pada layer text dan pilih Insert Frame.
6. Pada layer mask frame ke-1 buatlah elips dengan menggunakan oval tool dan beri warna hitam (sesuai dengan
warna background). Letakkan di sebelah kiri stage, lurus dengan teks yang dibuat.
7. Pada layer mask frame ke-40 klik kanan pilih Insert Keyframe. Lalu ubah posisi elips ke samping kanan stage.
Bahan Praktikum Pengembangan Media Pembelajaran Matematika Dosen: Syaiful Hamzah Nasution
Jurusan Matematika, FMIPA UM. 8
8. Pada layer mask frame ke-1 klik kanan pilih Create Motion Tween.
9. Pada layer mask, klik kanan kemudian pilih mask.
10. Jalankan animasi dengan menekan ctrl+enter.
PRAKTIKUM : 7 | MENYISIPKAN SUARA PADA ANIMASI
1. Bukalah file yang menyimpan animasi masking yang telah dibuat
2. Tambahkan layer baru, posisikan di atas dan ganti nama layer dengan suara.
3. Pilih menu file ImportImport to Library
4. Pilih file suara yang akan di import ke dalam library flash. Jika sudah, maka nama file suara yang diimport akan
muncul di dalam library.
Bahan Praktikum Pengembangan Media Pembelajaran Matematika Dosen: Syaiful Hamzah Nasution
Jurusan Matematika, FMIPA UM. 9
5. Pada layer suara frame ke-1, buka library, drag file suara yang anda import ke dalam stage.
6. Untuk mengatur efek dan pengulangan suara, dapat diganti pada panel properties.
7. jalankan animasi dengan menekan tombol ctrl + enter pada keyboard.
PRAKTIKUM : 8 | MENULIS ACTIONSCRIPT PADA FRAME
1. Buatlah dokumen baru.
2. Buat objek persegi panjang dan convert menjadi symbol dengan type movie clip. (double klik objek, tekan F8
pilih movie clip dan ok).
3. Ubah nama instance objek menjadi kotak.
4. klik kanan frame 1, pilih actions. Pada panel actions tulislah script berikut:
Bahan Praktikum Pengembangan Media Pembelajaran Matematika Dosen: Syaiful Hamzah Nasution
Jurusan Matematika, FMIPA UM. 10
5. Jalankan animasi dengan menekan tombol ctrl+enter.
Jika diamati, terlihat bahwa animasi hanya bergerak sekali. Karena script tersebut hanya dibaca sekali pada saat
loading. Jika ingin animasi berjalan terus menerus maka harus dibuat script tersebut selalu dibaca hingga
properties movie clip selalu berubah. Ada dua cara yang dapat dilakukan:
a. Menambah 1 frame (frame 1 dan frame 2 sama) pada time line.
b. Memodifikasi ActionScript menjadi berikut:
PRAKTIKUM : 9 | MENULIS ACTIONSCRIPT PADA MOVIE CLIP
1. Buatlah dokumen baru.
2. Buat objek lingkaran dan convert menjadi symbol dengan type movie clip. (double klik objek, tekan F8 pilih
movie clip dan ok).
3. Ubah nama instance name menjadi lingkaran.
Latihan : 1. Buatlah animasi jarum jam dengan memutar garis searah jarum jam.
2. Buatlah Animasi Fade in/Fade out dari suatu objek.
3. Buatlah Animasi Zoom in/Zoom out dari suatu objek.
Bahan Praktikum Pengembangan Media Pembelajaran Matematika Dosen: Syaiful Hamzah Nasution
Jurusan Matematika, FMIPA UM. 11
4. Klik lingkaran, dan tekan F9 untuk menampilkan jendela ActionScript. Pastikan bahwa Anda menulis di
actionscript movie clip.
5. Jalankan animasi dengan menekan tombol ctrl + enter.
PRAKTIKUM : 10 | MENULIS ACTIONSCRIPT PADA BUTTON
1. Buatlah dokumen baru.
2. Ganti nama layer 1 menjadi objek.