Membuat tombol dengan Action Script

Membuat tombol dengan Action Script ,hingga zamansekarang sangat banyak bahasa pemograman salah satunya ActionScript. ActionScript adalah bahasa pemograman yang di buat brdasarkan ECMAScript,yang di gunakan dalam pengembangan situs web hingga perangkat lunak menggunakan platforn Adobe Flash Player.

Sejarah ActionScript

Membuat tombol dengan Action Script, ActionScript 1.0 rilis pertama kali pada Flash 5 yang merupakan pengembangan ‘Ation’ di Flash 4, dan masih di gunakan hingga Flash MX (Flash 6).ActionScript 2.0 kemudian di rilis pada Flash MX 2004 (Flash 7), Flash 8, sampai Flash CS3 (Flash 9). Sebagai generassi penerus ActionScript 1.0 dengan kelebihannya dari kemampuan compile time checking, strict-typing hingga variabel, classs-based syntax (yang seebelumnya prototype based), dll. ActionScript 3.0 ini berupa sebuah restrkturisasi fundammental dari model pemprograman sebelumnya. Penggunaannya yang luas terutama dalam pengembangan RIA  (Rich Internet Appliction) dengan hadirnya Flex yang menawarkan hal serupa seperti AJAX, JavaFX, dan Microsoft Silverlight.

Membuat tombol dengan Action Script, Dengan ActionScript kita bisa membuat sesuatu yang sederhana seperti animasi, game sederhana, aplikasi sederhana, media interaktif, hingga presentasi. Bagi orang non-programmer pun mungkin lebih menyukai sisi desain daripada membuat skrip yang kompleks seperti di ActionScript 3. Namun, bagi application developer ataupun web developer, mempelajari Action Script 3.0 mungkin akan menjadi sesuatu yang perlu karena penggunaannya yang lebih luas.

Pengertian ActionScript

ActionScript adalah bahasa pemograman  yang di buat berdasarkan ECMAScript,yang di gunakan dalam pengembangan situs web dan perangkat lunak  menggunakan platform Adobe Flash Player.ActionScript juga di pakai pada beberapa aplikasi basis data, seperti Alpha Five. Bahasa ini awalnya di kembangkan oleh Macromedia, tetapi kini sudah di miliki dan di lanjutkan perkembangannya oleh Adobe, yang membeli Macromedia pada tahun 2005

Membuat tombol dengan Action Script, Action Script terbaru saat ini adalah Action Script 3.0 Action Script 3.0 adalah bahasa terbaru dari edisi yang sebelumnya di kenal dengan Action Script 2.0 Action Script 3.0 memiliki beberapa kelebihan dibanding pendahulunya, antara lain fitur yang di tawarkan adalah file pada Action Script 3.0 dapat di buat terpisah saat runtime.

Fungsi Action

Action Script memiliki beberapa fungsi atau peran yang dapat membantu dalam merancang situs atau movie Flash,diantaranya :

a.membuat sistem navigasi situs 
c.Membuat situs atau program yang dinamis

Cara membuat tombol back dan next:

Membuat tombol dengan Action Script

1. Buatlah dua buah Tombol Back dan Tombol Next, dengan memanfaatkan menu pada Tool Box. 

2. lakukan convert objek menjadi symbol dengan Type Button dengan Registration tengah.

3. Selanjutnya pilih tombol back, kemudian lihat panel properties, beri nama pada instance name dengan nama tombol_back. Lakukan hal yang sama pada tombol next, beri nama pada instance name dengan nama tombol_next

4. Tambahkan 3 layer baru, dengan cara menekan icon New Layer.

5. Ubah Nama layer dengan cara klik layer dua kali kemudian layer_1 di ganti menjadi navigasi, layer_2 di ganti menjadi materi, layer_3 di ganti menjadi Action_Script.

6. Pilih Frame 1 Layer Materi, Kemudian buatlah tulisan Ini adalah Layer 1.

7. Pilih Frame 2 Layer Materi, Kemudian Klik Kanan Pilih Convert to Keyframe dan ganti tulisan menjadi tulisan Ini adalah Layer 2. Lanjutkan sampai Frame 5 pada layer Materi dengan cara sama seperti di atas.

8. Setelah selesai melakukan tahap diatas, Klik/pilih Frame 5 pada Layer Tombol_Navigasi, Kemudian lakukan Klik kanan pilih Insert Frame

9. Setelah selesai melakukan tahap diatas, lanjutkan membuat Action Script nya agar nantinnya tombol bisa berfungsi. Klik Kanan Frame 1 Layer Action_Script, Kemudian Pilih Actions. Ketik atau Copy Paste Action Script dibawah ini

1. stop(); 
2. //untuk fungsi tombol back
3.  
4. tombol_back.addEventListener(MouseEvent.CLICK, klik_back);
5. function klik_back(e:MouseEvent):void
6. {
7.     prevFrame();
8. }
9.  
10. //untuk fungsi tombol next
11. tombol_next.addEventListener(MouseEvent.CLICK, klik_next);
12. function klik_next(e:MouseEvent):void
13. {
14.     nextFrame();
15. }

Lakukan test movie dengan cara menekan CTRL+ENTER pada Keyboard untuk melihat hasilnnya.

Editor :Ratna Puspita