APLIKASI MULTIMEDIA PEMBELAJARAN GEOGRAFI STRUKTUR LAPISAN ATMOSFER DAN LITHOSFER UNTUK TINGKAT SMP DENGAN MENGGUNAKAN ADOBE FLASH CS5 :

Ukuran: px

Mulai penontonan dengan halaman:

Download "APLIKASI MULTIMEDIA PEMBELAJARAN GEOGRAFI STRUKTUR LAPISAN ATMOSFER DAN LITHOSFER UNTUK TINGKAT SMP DENGAN MENGGUNAKAN ADOBE FLASH CS5 :"

Budi Hadi Kusuma
7 tahun lalu
Tontonan:

1 APLIKASI MULTIMEDIA PEMBELAJARAN GEOGRAFI STRUKTUR LAPISAN ATMOSFER DAN LITHOSFER UNTUK TINGKAT SMP DENGAN MENGGUNAKAN ADOBE FLASH CS5 : Nama : Siti Halimah NPM : Dosen Pembimbing : Iffatul Mardhiyah, SSi, MSi.

2 Pendahuluan Batasan Masalah Penulis memberi batasan masalah yaitu hanya membahas tentang struktur lapisan atmosfer dan lithosfer bumi yang ditujukan untuk siswa Sekolah Menengah Pertama, yang di dalam aplikasi multimedia pembelajaran geografi ini terdapat fungsi dari penjelasan setiap lapisan atmosfer, gejala-gejala optik atmosfer dan lithosfer menggunakan animasi dan efek suara yang dibuat dengan Adobe Flash CS5. Rumusan Masalah Bagaimana agar siswa tingkat SMP lebih mudah memahami struktur lapisan atmosfer dan lithosfer bumi? Tujuan Penelitian 1. meningkatkan minat belajar siswa dan siswi dengan cara yang lebih menyenangkan dan menarik. 2. efisien dalam waktu dan tenaga. 3. diharapkan dapat menumbuhkan sikap positif siswa terhadap proses belajar. Metode Penelitian 1. studi pustaka 2. studi lapangan

3 Analisa dan Pembahasan Struktur navigasi struktur navigasi terbagi kedalam 4 struktur yang berbeda yaitu : 1. Linier 2. Non linier 3. Hirarki 4. Campuran pada penulisan ini, penulis menggunakan struktur navigasi hirarki

4 Analisa dan Pembahasan

Analisa dan Pembahasan Flash adalah program grafis yang diproduksi oleh Macromedia corp, yaitu sebuah vendor software yang bergerak dibidang animasi web.

5 Analisa dan Pembahasan Flash adalah program grafis yang diproduksi oleh Macromedia corp, yaitu sebuah vendor software yang bergerak dibidang animasi web. Macromedia Flash pertama kali diproduksi pada tahun Macromedia flash telah diproduksi dalam beberapa versi. Versi terakir dari Macromedia Flash adalah Macromedia flash 8. Sekarang Flash telah pindah vendor menjadi Adobe. Penulisan ini sudah menggunakan Adobe Flash CS5 Professional sebagai aplikasinya.

6 Keterangan : 1. Menu Bar 2. Timeline Panel 3. Stage 4. Toolbox 5. Properties 6. Panel 7. Layer 8. Scene Analisa dan Pembahasan

7 Timeline Library Panel Library panel adalah panel yang menyimpan objek-objek seperti movie clip, grafis, button, sound, video, dan lain-lain yang digunakan dalam pembuatan aplikasi.

8 Analisa dan Pembahasan ActionScript

9 Struktur Navigasi

10 Alur Cerita (Storyboard) Animasi Teks Materi Latihan Profil Atmosfer Lithosfer

11 Perancangan Program

21 Pembuatan program Langkah-langkah awal pembuatan program : - buka Buka program Adobe Flash CS5. Dengan cara Star-All Program-klik dua kali ikon Adobe Flash CS5 - Pilih ActionScript Atur ukuran Stage dengan cara klik Modify pilih Dokumen, ganti ukuran dgn ukuran width 640, height 480, warna bayground kertas putih selanjutnya pilih - ok. Pembuatan Scene Pembuka Tampilan Awal Atur nama scene terlebih dahulu, Selanjutnya ubah nama scene untuk membedakan antara scene yang satu dengan yang lain, nama scene bebas, penulis mengunakan nama 1 untuk scene tampilan awal pertama. Caranya pilih scene klik dua kali mouse lalu ganti judul. Setelah nama scene terganti, langkah selanjutnya yaitu buat 8 layer pada panel timeline dengan cara klik new layer. Ubah nama masing- masing layer menjadi bg, latihan, profil, strukturlap, atmodanlithos, materi, sound dan exit Dimulai dari frame 1 sampai berhenti di frame 10.

23 pembuatan tampilan bayground. dimulai dari layer bg. klik File-Import-Import to Library. Selanjutnya pindahkan gambar dari library ke stage, atur ukuran gambar sesuai ukuran stage dokumen awal sebelumnya yaitu dengan cara Windows lalu pilih Info yaitu dengan ukuran Weight 640 dan Height 480, Selanjutnya atur letak gambar di tengah. Dengan cara pilih Align sesuaikan dengan letak stage di tengah. Teks bergerak. Dimulai Pada layer atmodanlithos buat symbol movie klip teks judul yaitu teks ATMOSFER & LITHOSFER, dengan cara Insert-New Symbol-pilih Movie clip-beri lalu ok. Dengan demikian akan muncul lembar tampilan movie clip, buat tiga layer pada timeline movie clip yaitu atmosfer, &, lihosfer. Selanjutnya ketikan teks sesuai judul layer.

24 Penulis mengunakan efek glow dan drop shadow untuk judul teks, kembali ke scene 1 setelah teks selesai ditulis maka pindahkan teks yang tersimpan pada library ke scene 1 pada layer atmodanlitos. Klik dua kali pada judul teks untuk memunculkan lembar kerja movie clip. dimulai pada frame satu layer atmosfer dan berakhir pada frame sepuluh, atur arah gerakan teks sesuaikan kebutuhan, selanjutnya kembali ke frame satu klik kanan pilih create classic tween Membuat button materi pada layer materi. Untuk button materi penulis menggunakan fasilitas button yang telah disediakan oleh Adobe Flash CS5. Dengan cara Windows-Common Library- Button. Pada penyimpanan Library button-pilih tombol lalu pindahkan button yang diinginkan ke scene 1. Atur letak button materi disamping kiri. Untuk button materi, latihan dan profil listing program ditunjukan pada lampiran 1 scene menu tampilan awal. Untuk button exit import gambar dari folder penyimpanan, jadikan symbol movie clip terlebih dahulu lalu jadikan symbol button, atur pengaturan timeline up, over, down, selanjutnya pindahkan icon yang sudah dijadikan symbol button dari library ke stage. Pembuatan Scene Latihan Soal Pada scene menu latihan menggunakan metode frame by frame Buat scene baru ubah namanya menjadi 16. Selanjutnya Tambahkan empat layer, ubah namanya menjadi bg, cth, opsi, exit. Buat bayground pada layer bg menggunakan rectangle tool. Buat kotak berwarna biru menggunakan rectangle tool langsung gambar pada stage.

25 Selanjutnya pada layer cth buat teks LATIHAN SOAL!!, input nama, buat kotak menggunakan teks tool, tambahkan tombol enter. padaproperties ubah tipe teks menjadi input teks lalu pada instance name ubah namanya menjadi inputuser_txt dan pada behavior ubah menjadi single line

26 Pada layer opsi buat tiga kotak menggunakan teks tool, lalu pada kotak pertama yaitu kotak paling kiri pada properties ubah text tipe menjadi dynamic text, pada instance name ubah namanya menjadi username_txt, pada line tipe ubah menjadi single line. Kotak kedua yaitu kotak yang berada ditengah jdikan seperti kotak pertama hanya pada instance name ubah namnya menjadi info_text. Untuk kotak ketiga yang berada pada kanan ubah instance name menjadi skor_text dan pada behavior ganti menjadi multivalue. Pada layer exit buat tombol button exit. Jadikan symbol movie clip terlebih dahulu lalu import gambar, setelah dijadikan movie clip buat symbol button. Atur up, over, down pada align untuk up weight 60 hight 55, untuk over weight 56 hight 44 dan untuk down sama seperti up. Lalu pindahkan tombol button exit dari library ke stage. Untuk tombol button home layer menjadi satu dengan layer cth. langkah pembuatannya sama seperti pembuatan tombol exit. Kembali ke layer tiga cth frame satu, masukan actionscript dengan cara pada frame satu klik kanan pilih action. Tampilan actionscrip pembuka latihan sebagai berikut. stop(); username_txt.text = "nama"; info_txt.text = "info status"; skor_txt.text = "skor"; inputuser_txt.text = ""; Pembuatan soal. Pembuatannya dimulai pada layer cth. Untuk soal nomor satu tekan F6 pada frame 2 lalu akan muncul tampilan halaman pembuka. Hapus semua yang ada dikotak biru, setelah itu tuliskan soal latihan menggunakan text tool. Untuk tombol a,b,c,d menggunakan radio button. Selanjutnya masukan tombol button enter. Lakukan langkah ini sampai soal yang ke sepuluh, buat frame latihan sebanyak sepuluh soal.

27 Untuk frame dua, layer tiga masukan action script, klik kanan pada frame dua lalu pilih actionscript, selanjutnya masukan soure code di bawah ini. var isinilai = 0; untuk frame 3,4,5,6,7,8,9,10 layer tiga, masukan action script yang sama seperti di bawah ini. info_txt.text = isiinfo; skor_txt.text = isinilai untuk frame 11 pada layer tiga cth masukkan actionscript sebagai berikut. Info_txt.text = isiinfo; skor_txt.text = isinilai; trims_txt.text = "Terima kasih " + username_txt.text; pesanskor_txt.text = "Skor Anda Adalah : "; totalskor_txt.text = skor_txt.text; Kembali ke layer tiga cth, frame dua yaitu tampilan soal no satu pada tombol enter masukan action scriptdengan cara klik kanan pada tombol enter masukan action sebagai berikut.

28 on(release){ if(s1.selecteddata == "A"){ isiinfo = "Jawaban Benar (" + s1.selecteddata + ")"; isinilai = isinilai + 1; nextframe(); }else{ isiinfo = "Jawaban Salah"; isinilai = isinilai + 0; nextframe(); } } Selanjutnya membuat scene tampilan penutup soal. Pada frame 11 tekan tombol F6, lalu hapus tulisan teks yang ada di frame 11 pada layer cth. Hapus isi bayground. Lalu buat tulisan Terimakasih menggunakan text tool atur menggunakan properties pada instance name beri nama trim_text, pada text type gunakan dynamic text, pada line tipe ganti menjadi single line. Selanjutnya tulisan Skor anda menggnakan text tool, di bawah text terimakasih. Pada properties instance name ubah namanya menjadi pesanskor_txt. Selanjutnya ketikan menggunakan text tool angka nol di bawah text skor anda. Pada properties instance name ubah namanya menjadi totalskor_txt. Untuk langkah selanjutnya sama seperti langkah sebelumya. Tambahkan tombol back untuk kembali mengulang ke soal latihan awal, tombol button home dan exit.

dokumen-dokumen yang mirip

BAHAN PRAKTIKUM FLASH. Digunakan Untuk matakuliah Pengembangan Media Pembelajaran Matematika

BAHAN PRAKTIKUM FLASH. Digunakan Untuk matakuliah Pengembangan Media Pembelajaran Matematika BAHAN PRAKTIKUM FLASH Digunakan Untuk matakuliah Pengembangan Media Pembelajaran Matematika Bahan praktikum ini berisi latihan penunjang untuk matakuliah pengembangan media pembelajaran matematika. Berisi