Kode Keyboard

ActionScript
ActionScript

Saya menerima pertanyaan, melalui email dan Facebook, dari sejumlah mahasiswa yang akan mengembangkan pakarTI (paket ajar berbasis Teknologi Informasi) menggunakan Adobe Flash. Salah satu pertanyaan yang mengemuka, “Bagaimana mengontrol animasi Flash menggunakan keyboard?”.

Diantaranya dari mahasiswa yang akan mengembangkan pakarTI bagi siswa tunanetra. Terus terang saya salut akan ke’peduli’annya, sehingga saya merelakan diri menjawabnya, dengan menulis tutorial ini, segera setelah menerima pesan sekalipun sudah tengah malam.

Disamping itu, ini merupakan suatu bentuk kepedulian saya karena telah “mengompori” (baca: memotivasi) mereka ketika mengajar matakuliah Algoritma Pemrograman dan Pembelajaran Berbantuan Komputer untuk membuat aplikasi menggunakan Flash. Pada sisi lain, saat ini saya tidak bisa membimbing mereka karena sedang tugas belajar.

Pada intinya, mengontrol animasi menggunakan keyboard, dapat dilakukan menggunakan: Key Event (Key Press Event) dan Key Object.

Key Press Event

Pertama, buat instance tombol. Anda dapat meletakkannya di dalam atau di luar stage, karena tombol ini hanya sebagai perantara.

Kedua, konversi menjadi simbol. Klik Insert | Convert to Symbol. Beri nama dan pastikan behavior-nya tombol (button).

Katiga, buka Windows | Library. Drag simbol tombol ke (dalam atau luar) stage.

Keempat, seleksi tombol, beri ActionScript, misal:

on (keyPress) "<Left>"){
    prevFrame ();
}

Kelima, Test Movie.

Key Object

Metode yang sering digunakan adalah isDown. Format skripnya:

Key.isDown(KodeKeyboard)

Penulisan kode keyboard dapat dilakukan dengan dua cara, yaitu:

Key.isDown(Key.ENTER)

atau

Key.isDown(13)
Sebagai contoh, ketika pengguna (user) mengklik tombol Enter, agar animasi dimainkan, gunakan skrip:
if (Key.isDown(Key.ENTER)){
    play();
}
Demikian tutorial mengontrol animasi menggunakan keyboard. Semoga bermanfaat.
Sebagai lampiran, berikut saya sertakan ringkasan kode  keyboard
Kode 

8

9

12

13

16

17

18

20

27

32

33

34

35

36

37

38

39

40

45

46

47

Tombol 

Backspace

Tab

Clear

Enter

Shift

Control

Alt

Caps Lock

Esc

Spacebar

Page Up

Page Down

End

Home

Left Arrow

Up Arrow

Right Arrow

Down Arrow

Insert

Delete

Help

[tweetmeme only_single=”false”]
Enhanced by Zemanta

Kartu Tebak Bilangan

Kartu

Pada panduan praktikum 3:berMAIN dengan ActionScript, saya telah membahas bagaimana membuat kartu tebak bilangan 1 s.d 7.  Berdasarkan tutorial tersebut, sebenarnya anda dapat mengembangkannya menjadi kartu tebak bilangan 1 s.d 15 atau kartu tebak bilangan 1 s.d 31 atau lebih banyak lagi.

Aplikasinya, anda dapat menebak tanggal dan bulan kelahiran seseorang tanpa menyebutkannya terlebih dulu.

Pertama, petakan bilangan 1 s.d 31 menjadi penjumlahan 20, 21, 22, 23, dan 24 seperti nampak pada tabel berikut.

Bilangan 20 21 22 23 24 25
1 1 0 0 0 0 0
2 0 1 0 0 0 0
3 1 0 1 0 0 0
4 0 0 1 0 0 0
5 1 0 1 0 0 0
6 0 1 1 0 0 0
7 1 1 1 0 0 0
8 0 0 0 1 0 0
9 1 0 0 1 0 0
10 0 1 0 1 0 0
11 1 1 0 1 0 0
12 0 0 1 1 0 0
13 1 0 1 1 0 0
14 0 1 1 1 0 0
15 1 1 1 1 0 0
16 0 0 0 0 1 0
17 1 0 0 0 1 0
18 0 1 0 0 1 0
19 1 1 0 0 1 0
20 0 0 1 0 1 0
21 1 0 1 0 1 0
22 0 1 1 0 1 0
23 1 1 1 0 1 0
24 0 0 0 1 1 0
25 1 0 0 1 1 0
26 0 1 0 1 1 0
27 1 1 0 1 1 0
28 0 0 1 1 1 0
29 1 0 1 1 1 0
30 0 1 1 1 1 0
31 1 1 1 1 1 0

Kartu

Kedua, pilah bilangan yang merupakan 20, 21, 22, 23, dan 24

Kartu 20

1 3 5 7
9 11 13 15
17 19 21 23
25 27 29 31

Kartu 21

2 3 6 7
10 11 14 15
18 19 22 23
26 27 30 31

Kartu 22

4 5 6 7
12 13 14 15
20 21 22 23
28 29 30 31

Kartu 23

8 9 10 11
12 13 14 15
24 25 26 27
28 29 30 31

Kartu 24

16 17 18 19
20 21 22 23
24 25 26 27
28 29 30 31

Kubus 3 Dimensi

Berikkut saya sertakan contoh pakarTI mengenai komponen kubus meliputi rusuk, diagonal sisi, diagonal ruang, bidang sisi, dan bidang diagonal. PakarTI ini terdiri dari 3 file yaitu kubus3D.swf, kubus3D.as, dan titikSudut.as. Namun demikian, untuk alasan tertentu, pakarTI ini hanya bisa dioperasikan secara online. Untuk menampilkan silahkan klik.

Flash Video Tutorial

Panduan praktikum

Berikut merupakan tutorial video dalam format file SWF. Klik link berikut untuk memainkan. Kecepatan memainkan tergantung spesifikasi komputer dan bandwidth Internet. So, sabar ya. Jangan lupa, berikan komentar terbaik anda untuk kesempurnaan tutorial video ini.

  1. Panduan membuat klip bola mengikuti alur, unduh
  2. Panduan membuat klip memulai Flash, unduh
  3. Panduan membuat klip bola menggelinding, unduh
  4. Panduan membuat klip garis dinamis, unduh
  5. Panduan membuat klip lampu disko, unduh
  6. Panduan menulis teks unduh

Agendakan berkunjung secara periodik untuk memastikan anda tidak ketinggalan sesuatu yang lebih menarik

Membuat Jam dan Kalender

Tutorial ini merupakan pelengkap Panduan Praktikum 1: beKERJA dengan TEKS

Membuat Jam Digital

  1. Buat teks dinamis. Pada panel Properties, beri nama var = arloji.
  2. Seleksi teks dinamis, kemudian Convert to Symbol beri nama arloji_mc dan behavior movie clip.
  3. Pada panel Actions | Movie Clip, tuliskan skrip berikut:
// -- membuat jam digital --
// -- http://edywihardjo.blog.unej.ac.id --
onClipEvent (enterFrame) {
     myDate = new Date();
          jam = myDate.getHours();
          menit = myDate.getMinutes();
          detik = myDate.getSeconds();
          if (jam == 0) {
               jam = 12;
          } else if (jam>12) {
          jam = jam-12;
     }
     if (menit<10) {
          menit = "0"+menit;
     }
     if (detik<10) {
          detik = "0"+detik;
     }
     arloji = jam+" : "+menit+" : "+detik;
}

Membuat Kalender

  1. Pada panel Actions | Frame di frame 1, tuliskan skrip berikut:
  2. // -- membuat jam digital --
    // -- http://edywihardjo.blog.unej.ac.id --
    // -- nama hari --
    hari = new Array();
    hari[0] = "Minggu";
    hari[1] = "Senin";
    hari[2] = "Selasa";
    hari[3] = "Rabu";
    hari[4] = "Kamis";
    hari[5] = "Jum'at";
    hari[6] = "Sabtu";
    // -- nama bulan --
    bulan = new Array();
    bulan[0] = "Januari";
    bulan[1] = "Februari";
    bulan[2] = "Maret";
    bulan[3] = "April";
    bulan[4] = "Mei";
    bulan[5] = "Juni";
    bulan[6] = "Juli";
    bulan[7] = "Agustus";
    bulan[8] = "September";
    bulan[9] = "Oktober";
    bulan[10] = "November";
    bulan[11] = "Desember";
  3. Buat teks dinamis. Pada panel Properties, var = kalender.
  4. Seleksi teks dinamis, kemudian Convert to Symbol dengan nama kalender_mc dan behavior movie clip.
  5. Pada panel Actions, tuliskan skrip berikut:
onClipEvent (enterFrame) {
     myCalender = new Date();
     tanggal = myCalender.getDate();
     hari = myCalender.getDay();
     bulan = myCalender.getMonth();
     tahun = myCalender.getFullYear();
     kalender = _root.hari[hari]+", "+tanggal+" "+_root.bulan[bulan]+" "+tahun;
}

Menginstal Flash 8

Setelah melakukan praktikum 1, mahasiswa peserta matakuliah Algoritma dan Pemrograman diharapkan mampu atau memiliki kompetensi menginstal Flash 8 pada komputer dengan sistem operasi Windows.

  1. Klik file installer Flash 8 (Macromedia Flash 8.msi). InstallShield Wizard akan membimbing anda.
  2. 1_flash8_welcome_page

  3. Baca License Agreement. Pilih I accept the terms in the license agreement. Klik Next.
  4. 2_flash8_license_agreement

  5. Contreng Install Macromedia Flash Player untuk menginstal Flash Player. Klik Next.
  6. 3_flash8_install_flash_player

  7. Tentukan letak folder instalasi. Secara default di C:\Program Files\Macromedia\Flash 8. Contreng Create Shorcut on Desktop.
  8. 4_flash8_destination_folder

  9. Klik tombol Install jika anda siap untuk menginstal.
  10. 5_flash8_ready_to_install

  11. Tunggu proses instalasi. Klik Cancel untuk membatalkan.
  12. 6_flash8_instalation_process

  13. Contreng Show the Readme files untuk membaca file Readme. Klik Finish untuk mengakhiri instalasi.
  14. 7_flash8_completed