Home » adobe flash » Membuat media pembelajaran fisika GLBB berbasis flash

Membuat media pembelajaran fisika GLBB berbasis flash

Pada artikel ini mari kita bahas bagaimana cara membuat media pembelajaran fisika tentang GLBB (Gerak Lurus Berubah Beraturan) yang menggunakan Adobe Flash.

A. LANGKAH MEMBUAT MEDIA PEMBELAJARAN FISIKA

1. Bukalah aplikasi Adobe flash Cs 6 yang ada pada komputer Anda.

2. Bukalah File Fisika_GLBB.fla –> Open (FILE BISA DISOWNLOAD DI AKHIR ARTIKEL INI)

3. Kemudian kita akan masuk ke halaman kerja Fisika_GLBB.fla.

Media pembelajaran fisika GLBB

4. Pada artikel kali ini kita akan membuat suatu animasi pembelajaran interaktif yang berkaitan dengan Gerak Lurus Berubah Beraturan. Dari animasi ini kita bisa mengubah nilai kecepatan awal percepatan maupun waktu tempuh yang dipengaruhi oleh pergerakan mobil dengan GLBB. Ketika mobil berhenti, maka jarak tempuhnya ditampilkan.

5. Kita mulai dengan memilih grahic jalan dari Library Panel lalu drag and drop ke stage. Posisikan graphic pada stage dengan melakukan pengaturan properties. Isikan x = 400, y = 350.

Media pembelajaran fisika GLBB

Media pembelajaran fisika GLBB

6. Selanjutnya memilih graphic background dari Library Panel lalu drag and drop ke stage. Posisikan graphic pada stage dengan melakukan pengaturan properties. Isikan x = 400, y = 100.

Media pembelajaran fisika GLBB

Media pembelajaran fisika GLBB

7. Apabila posisi backround menutupi jalan, maka lakukan pengaturan berikut dengan cara klik kanan pada objek jalan. Ini fungsinya untuk membuat posisi background berada di belakang objek jalan.

Media pembelajaran fisika GLBB

8. Kemudian pilih graphic GLBB dari Library Panel lalu drag and drop ke stage. Posisikan graphic pada stage dengan melakukan pengaturan properties. Isikan x = 230, y = 40.

Media pembelajaran fisika GLBB

Media pembelajaran fisika GLBB

9. Gantilah nama layer 1 menjadi layer background. Yang harus dilakukan adalah double click pada nama layer kemudian ganti nama menjadi “backround”

Media pembelajaran fisika GLBB

Media pembelajaran fisika GLBB

10. Tambahkan sebuah layer baru dia atas layer background, dengan melakukan klik pada panel timeline kemudian pilih icon bernama New layer , berikan nama “objek” (tanpa petik)

Media pembelajaran fisika GLBB Media pembelajaran fisika GLBB

11. Kemudian pilihlah mobil_mc dari library panel lalu drag and drop ke dalam stage. Posisikan mobil tepat di atas jalan (bagian bawah ban menyentuh permukaan jalan. Bukalah properties panel kemudian berikan instance name dengan nama mobil.


Media pembelajaran fisika GLBBMedia pembelajaran fisika GLBB

12. Tambahkan dua buah tombol dari library standar Adobe Flash. Caranya, pastikan layer objek yang terpilih kemudian buka menu Window à Common Library –> buttons. Kemudian pilih tombol sesuai gambar.

Media pembelajaran fisika GLBB

Media pembelajaran fisika GLBB

13. Tambahkan beberapa tulisan pada layer objek. Pastikan layer objek yang terpilih. Gunakan text tool pada tool box kemudian buka properties panel. Jangan lupa text type yang kita gunakan adalah static text, beri warna hitam, font verdana dan size 12.

Media pembelajaran fisika GLBB

14. Klik pada stage kemudian isikan dengan tulisan “Kecepatan awal (v0)” dan “m/s”. Tambahkan sebuah input text dengan cara memilih text tool pada tool box. Bukalah properties panel kemudian isikan sesuai dengan poin-poin berikut :

  1. Text type : input text
  2. Instance name : kecepatan_awal
  3. Line Type : Single Line
  4. Font : consolas
  5. Font size : 12
  6. Warna : merah
  7. Rata tengah
  8. Beri border pada tulisan
  9. Var = v0 (baca v nol)
  10. Uncheck auto kern

Media pembelajaran fisika GLBB

15. Tampilan awalnya akan seperti berikut ini :

Media pembelajaran fisika GLBB

16. Dari gambar di atas, kita harus membuat input text di sebelah text tool percepatan, waktu tempuh dan jarak tempuh dengan ketentuan yang sama seperti pada pada input text kecepatan_awal. Perhatikan gambar berikut:

clip_image037 clip_image039[4]

clip_image041[4]

A. ACTION SCRIPT

1. Menambahkan Script pada tombol Play

Cara menambahkannya adalah dengan melakukan klik pada tombol play kemudian pilih Actions. Isikan kode berikut ini :

clip_image043[4]

2. Menambahkan Script pada tombol Reset

Tombol reset ini digunakan untuk mengembalikan keadaan mobil ke posisi semula. Cara menambahkannya adalah dengan melakukan klik kanan pada tombol reset kemudian pilih Actions.

clip_image045[4]

3. Menambahkan Script pada Frame 1

Untuk menambahkan Script pada frame 1, lakukan langkah-langkah berikut ini :

  • Tambahkan sebuah layer baru kemudian letakkan pada posisi layer paling atas. Caranya dengan melakukan klik kanan pada layer objek kemudian pilih insert layer.

clip_image047[4]

  • Beri nama layer tersebut dengan nama Action

clip_image049[4]

  • Klik kanan pada frame 1 pada layer Action kemudian pilih Actions.
  • Isikan dengan deklarasi variable-varibel yang akan digunakan dalam animasi dengan menuliskan script berikut ini :

clip_image051[4]

  • Kemudian buatlah sebuah fungsi yang berguna untuk memberikan nilai awal pada setiap variable. Nama fungsi tersebut adalah fungsi inisialisasi. Berikut ini adalah scriptnya :

clip_image053[4]

  • Setelah itu, panggil fungsi tersebut dengan menulikan kode berikut ini:

clip_image054

  • Terakhir, tambahkan script stop(); agar ketika animasi ini pertama kali dijalankan, dia akan segera berhenti dan menunggu tombol ditekan.

4. Menambahkan script pada frame 2

  • Klik kanan pada frame 2 layer action kemudian pilih insert Keyframe

clip_image056

  • Klik kanan pada frame 2 tersebut kemudian pilih Actions
  • kemudian tuliskan script berikut :

clip_image058

5. Menambahkan Script pada frame 3

Pada flash, setelah frame 2 selesai dieksekusi maka secara otomatis script pada frame 3 harus dieksekusi pula. Maka pada animasi ini, frame 3 berfungsi sebagai increment (menambah nilai current time sejumlah delta). Setelah current time bertambah, maka akan dihitung kembali posisi dari mobil selanjutnya. Itu berarti pada frame 3 ada perintah yang memerintahkan pointer untuk kembali mengeksekusi kode pada frame 2.

  • Jangan lupa untuk menambahkan keyframe baru pada layer ke 3

clip_image059[4]

  • Berikut ini script pada frame ke 3 :

clip_image061

6. Melihat hasilnya

a. Untuk melihat hasilnya tekan tombol CTRL + Enter

b. Cobalah untuk memasukkan nilai kecepatan awal yaitu 10, percepatan 30 dan waktu tempuh = 5. Kemudian tekan tombol Play. Lihatlah hasil perhitungan jarak tempuhnya jika nilainya 425 m, berarti animasi anda sudah benar.

Media pembelajaran fisika GLBB

c. Tekan tombol reset kemudian masukkan nilai kecepatanawal = 10.3, percepatan = 30; dan waktu tempuh =5. Tekan tombol Play, apabila nilainya 426.5 m, maka berarti animasi Anda sudah benar.

Download bahan : Fisika_GLBB.ZIP- 20KB

Preview hasil jadi: Hasil-fisika-glbb.zip – 12KB

 

Content Protection by DMCA.com
loading...

About admin

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

This site uses Akismet to reduce spam. Learn how your comment data is processed.