Membuat Media Pembelajaran Sederhana Dengan Flash ~ BELAJAR DAN BERKARYA DEMI LII'I LAA-I KALIMATILLAH

Membuat Media Pembelajaran Sederhana Dengan Flash

Media pembelajaran secara umum adalah metode atau alat bantu dalam proses pembelajaran interaktif dengan konsep multimedia. Sehingga metode ini dapat meningkatkan proses belajar dan mengajar menjadi interaktif, efektif dan efisien.

          Pada sebuah media pembelajaran biasanya terdapat sebuah botton (objek tombol) yang berfungsi sebagai pergantian dari halaman pertama ke halaman berikutnya dan sebaliknya. Oleh karena itu...

              Ditutorial yang pertama ini kita akan belajar membuatnya secara sesederhana mungkin dan yang nantinya anda dapat membuat dan mengembangkannya agar menjadi lebih baik lagi.
Berikut langkah - langkahnya :

NOTE :  Untuk mengikuti tutorial ini diharapkan anda sudah menginstall terlebih dahulu adobe flash cs6 dan paling tidak sudah mengetahui fungsi - fungsi dari setiap tools, layer, timeline, properties dan cara menuliskan script pada program aplikasi yang digunakan.



Menu Bar
adalah kumpulan menu-menu yang ada pada Flash 8

Timeline
jendela panel yang digunakan untuk mengelompokkan dan mengatur isi atau gerak sebuah movie atau simbol, panel time line ini berisi:

scene
merupakan tempat berbagai kejadiandi dalam stage

layer
merupakan tempat dimana kita menampung objek dalam satu scene

frame
merupakan tempat kita mengatur animasi bagian perbagian yang di kelompokan dalam sebuah layer

Stage
adalah area putih dimana kita bekerja dengan objek di dalam flash

Nama file
merupakan tempat dimana nama dari file yang kita buat dicantumkan untuk lebih memudahkan apabila kita bekerja dengan file yang banyak


Tools
adalah alat-alat yang ada di dalam flash dan yang akan kita gunakan untuk bekerja dengan objek, untuk lebih detailnya lihat gambar.
Zoom
merupakan opsi dimana kita mengatur besar kecilnya tahap atau area kerja kita

Tindakan panel
adalah tempat kita memasukkan script / coding / tindakan

Properties
adalah panel dimana kita mengatur objek yang kita gunakan untuk bekerja, baik mengatur teks jika kita bekerja dengan teks, warna, ukuran dan lain-lain

Panel panel
panel-panel ini terdiri dari:

1.Panel library
panel ini adalah tempat kami menampung semua jenis animasi, gambar, lagu, klip film, dan lain sebagainya

2. Panel Color
panel Panel ini sangat berguna untuk mengatur warna di dalam flash

3. Panel sejajarkan, info, transformasi 
panel ini berguna untuk mengatur bentuk, letak dan posisi dari dalam flash

Mari kita mulai membuatnya:

1.Buka program adobe flash cs6 atau yang lainnya >> buat file baru >> pilih ActionsScript 2.0

2.Pada panel properties ganti warna stage >> langkah ini boleh anda lewatkan

3.Selanjutnya tambahkan tiga layer dan beri nama masing - masing layer dengan AS, tombol dan konten

4.Pada layer konten di frame satu buatlah sebuah desain halaman semanarik mungkin pada stage >> dan pada layer tombol di frame satu tambahkan dua tombol next (untuk melanjutkan) dan prev (untuk kembali)

5.Klik kanan pada objek tombol next dan pilih opsi Convert to Symbol atau bisa anda tekan F8 pada keyboard

6.Isikan next_tombol atau sesuai keinginan anda pada kolom nama >> pilih type Button

7.Ulangi langkah ke 6 dan isikan nama prev_tombol >> pilih type Button

8.Klik kanan pada layer AS dan pilih Action

9.Isikan script berikut >> script ini berfungsi pada saat project dijalankan akan berhenti di frame pertama

10.Pada keaadaan yang sama pilih Selection Tool >> klik objek tombol next >> isikan script berikut >> Script ini berfungsi untuk melanjutkan ke frame atau halaman berikutnya 


11.Pilih Selection Tool >> klik objek tombol prev >>  isikan script berikut >> Script ini akan berfungsi untuk kembali ke frame atau halaman yang telah dilewati

12.Pada layer konten >> klik kanan frame 2 >> pilih Insert Keyframe >> isikan materi yang anda inginkan pada stage >> frame disini berfungsi sebagai wadah untuk menyimpan materi yang anda isikan pada stage >> sebagai contoh saya mengisikan sebuah tulisan yang berbeda pada setiap frame

13.Pilih menu Control >> Play atau tekan CTRL + Enter pada keyboard untuk melihat hasilnya 

14.Walaupun hasilnya sudah berjalan dengan baik, disini saya akan menambahkan sedikit modifikasi pada kedua objek tombol next dan prev yang nantinya pada saat project dijalankan ketika mouse berada diatas atau menekan tombol akan berubah warnanya 

15.Pilih Selection Tool >> klik kanan pada objek tombol next >> pilih opsi Edit in Place

16.Klik kanan pada frame over >> pilih Insert Keyframe

17.Pada keadaan yang sama >> pilih Selection Toll >> klik objek tombol next >> ganti warna tombol sesuai keinginan anda

18. Ulangi langkah 15 sampai 17 pada objek tombol prev

19.Tekan CTRL + Enter untuk melihat hasilnya

Ok...lebih jelasnya lihat tutorial video berikutnya:

1.Pengenalan Interface - Layout - Menu :


2. Opening Media - Membuatan akun APK


3. Mengatur Background dan Pembesaran Instance


4. Navigasi


5. Konten Teks, Gambar dan Scroll Pane


6. Movie Clip


7. Sound


Share:

1 komentar:

  1. Your post is very great.I read this post. It’s very helpful. I will definitely go ahead and take advantage of this. You absolutely have wonderful stories. Cheers for sharing with us your blog. For more learning about data science visit at Data science course in Bangalore

    BalasHapus

Labels

Popular Posts