2.10.1. Lingkungan Kerja Adobe Flash CS5
Lingkungan kerja Adobe Flash CS5 terdiri dari 7 bagian umum yang berada dalam satu
framework.
Bagian-bagian tersebut akan dijelaskan dalam tabel 2.1. Tabel 2.2 akan
menjelaskan
tools
yang ada di dalam panel
toolbox
.
46
Gambar 2.6 Lingkungan Kerja Adobe Flash CS5
1 2
3 4
5
6 7
Tabel 2.4 Tabel Lingkungan Kerja Adobe Flash CS5
Nama Bagian Keterangan
1. Menu Bagian ini berisi kumpulan menu yang
memiliki fungsi yang berbeda-beda dan dikelompokkan berdasarkan fungsinya.
2.
Toolbox
Bagian ini berisi kumpulan
tool
atau peralatan untuk berbagai keperluan
seperti desain,
editing
dan pengaturan gambar atau objek yang akan dibuat.
3.
Timeline
Panel ini digunakan untuk mengatur susunan isi dokumen menurut satuan
waktu
frame per second
dalam bentuk layer dan frame.
4.
Stage
Tempat kerja untuk membuat dan mengolah objek, termasuk animasi.
5.
Color Panel
Kumpulan warna yang dapat digunakan untuk mengubah warna pada objek.
6.
Properties Panel
Panel ini berisi kumpulan informasi dan pengaturan untuk dokumen,teks, simbol
grafik, foto, video, frame maupun tool yang sedang aktif.
7.
Library Panel
Panel ini merupakan tempat untuk meletakkan dan mengatur objek baik
berupa file gambar, grafik, suara dan
clip video
.
Tabel 2.5
Toolbox
yang ada dalam Adobe Flash CS5
Icon
Nama
Tool
Keterangan
Selection Tool Tool
ini berfungsi untuk menyeleksi suatu objek
Subselection Tool Tool
ini untuk menyeleksi lebih
detail daripada
Selection Tool
.
Free Transform
Tool
Tool
ini berfungsi untuk mentransformasi objek yang
terseleksi.
Lasso Tool
Tool
ini berguna untuk menyeleksi gambar dengan
cara menggambar garis.
Pen Tool
Tool
ini berguna untuk menggambar garis dengan
bantuan titik-titik bantu.
Text Tool Tool
ini berguna untuk membuat objek teks.
Line Tool
Tool
ini digunakan untuk
membuat garis lurus.
Rectangle Tool Tool
ini digunakan untuk menggambar objek persegi
panjang atau bujur sangkar.
Oval Tool
Tool
ini digunakan untuk menggambar objek bulat
atau oval.
Polystar Tool Tool
ini digunakan untuk menggambar objek bintang
atau
polygon
dalam nilai segi yang diinginkan.
Pencil Tool Tool
ini digunakan untuk membuat
garis seperti
sedang menggunakan pensil.
Brush Tool Tool
ini digunakan untuk membuat
garis yang
warnanya berdasarkan
fill
.
Spray Brush Tool Tool
ini digunakan untuk mewarnai
seperti menggunakan
spray
.
Ink Bottle
Tool
ini digunakan untuk mengubah warna garis.
Paintbucket Tool Tool
ini digunakan untuk
memberi warna objek.
Eyedropper Tool Tool
ini digunakan untuk mengambil sampel warna
dari suatu obyek.
Eraser Tool
Tool
ini digunakan untuk menghapus objek.
Hand Tool Tool
ini digunakan untuk menggeser
stage
.
Zoom Tool Tool
ini digunakan untuk memperbesar
atau memperkecil ukuran
stage
.
Stroke Color Tool
ini digunakan untuk memberi warna pada garis.
Fill Color Tool
ini digunakan untuk memberi warna pada suatu
objek.
Black and White Tool
ini digunakan untuk memilih warna hitam dan
putih saja.
Swap Color
Tool
ini berfungsi untuk menukar warna
fill
dengan warna
stroke
.
Berikut ini adalah daftar format file yang dapat dibuka, di
publish
dan disimpan oleh Adobe Flash CS5: Tabel 2.6 Format file yang dapat dibuka oleh Adobe Flash CS5
File Format Filename extension
Adobe Flash Authoring file FLA
ActionScript
file AS
Flash XML File XML
ActionScript
Communication file ASC
Flash JavaScript file JSFL
Tabel 2.7 Format file yang dipublish oleh Adobe Flash CS5
File Format Filename extension
Compiled Flash and Flash Lite file SWF
Compiled AIR file AIR
HTML HTML
GIF GIF
JPEG JPG, JPEG
PNG PNG
Windows Projector EXE
Macintosh Projector APP
Compiled Flash Library Script SWC
Compiled Flash Player Flex-signed RSL file
SWZ
Tabel 2.8 Format file yang disimpan oleh Adobe Flash CS5
File Format Filename extension
Adobe Flash CS5 file FLA
Adobe Flash CS4 file FLA
Adobe Flash CS5 Uncompressed Document
XFL
ActionScript
file AS
XML file XML
ActionScript
Communication file ASC
Flash JavaScript file JSFL
2.10.2.
ActionScript
ActionScript
merupakan bahasa pemrograman di Flash yang berfungsi untuk mengontrol objek menggunakan kode
tertentu.
ActionScript
dituliskan pada panel
action
yang terletak di bagian bawah Adobe Flash CS5. Berikut adalah berapa aturan
yang harus dikuti dalam menuliskan baris program
ActionScript
: Pemakaian tanda baca dalam
ActionScript
Seperti bahasa pemrograman yang lain,
ActionScript
memiliki beberapa tanda baca yang harus diterapkan dalam perintah pemrogramannya. Tanda baca itu adalah
Curly
braces
tanda baca “{“ dan “}” dan semi kolon tanda baca
“;” . Tanda ini digunakan sebagai awal
begin
dan akhir
end
dari sebuah kode
ActionScript.
Program akan mengeksekusi semua kode yang diawali dengan
curly bracket
awal “{“ dan diakhiri curly bracket akhir “}”.
Tanda baca
semicolon
digunakan untuk mengakhiri sebuah statement, perintah atau sebuah deklarasi. Contohnya
dalam pendeklarasian variabel sebagai berikut: var nama_orang:String;
Penulisan komentar
Progra mmer
membutuhkan waktu yang lama untuk membaca dan memahami perintah yang ada di kode
ActionScript
. Supaya memudahkan dalam memahami kode tersebut maka
programmer
bisa menambahkan keterangan pada kode program yang berupa komentar di dalam
ActionScript
. Untuk menyatakan sebuah baris komentar,
programmer
dapat menggunakan tanda “”. Sedangkan untuk menyatakan bahwa sebuah blok adalah komentar,
maka
programmer
harus memberikan tanda “” dan mengakhiri blok komentar tersebut dengan tanda “”.
Mendeklarasikan dan memberi nama variabel
Data informasi yang disimpan di dalam Flash dapat disimpan dengan mendeklarasikannya ke dalam variabel.
Penyimpanan tiap variabel harus dilakukan dengan tipe data yang tepat. Jika suatu data disimpan pada variabel yang
tidak cocok tipe datanya, maka akan muncul kesalahan. Tabel 2.9 Tipe Data dalam Adobe Flash CS5
Tipe Data Keterangan
Contoh deklarasi dan Assignment
Number Angka
var index:Number; index = 1;
String Teks
atau tulisan
var username:String; username
= “Adi” Boolean
Nilai yang
berisi true
benar atau
false salah var selesai:Boolean;
selesai = true;
Object Tipe
data object
Var mySound = new Sound; mySound.attachSound“kodok.
wav”;
Agar variabel bisa dipanggil , maka harus diberi nama. Dalam penamaan variabel ada aturan yang harus dipenuhi
yaitu:
Nama variabel harus diawali dengan alphabet atau
underscore
“_” Nama variabel tidak boleh mengandung spasi
Nama variabel tidak boleh menggunakan
keyword
dari
ActionScript
seperti
while, do, if, else, return, delete, this, with, true, false,
dsb.
ActionScript
memiliki sifat
case sensitive,
artinya huruf besar dan kecil diperhatikan. Agar
ActionScript
bisa berjalan sesuai dengan yang kita harapkan maka jika
membuat variabel “a” maka ketika dipanggil harus tepat “a” bukan “A”.
Menulis tipe data
array
Array adalah sebuah variabel yang dapt menampung beberapa data dengan tipe sejenis. Flash memungkinkan
penggunaan penyimpanan data secara
array
.
Array
dalam flash dimulai dari index 0. Penyimpanan data dalam bentuk
array
memudahkan proses pengaksesannya. Pemberian
instance name
untuk simbol Jika variabel membutuhkan nama, maka simbol harus
diberi nama agar bisa dipanggil. Dalam flash nama untuk simbol tersebut diberi nama
Instance Name.
2.10.3.
Button Event
Button Event
adalah kejadian yang terjadi ketika sebuah tombol
button
ditekan. Tabel 2.10
Button Event
dalam Adobe Flash CS5
Event
Keterangan
on press Ketika
pointer mouse
berada pada area tombol dan tombol masih dalam keadaan
ditekan. On release
Ketika
pointer
mouse berada pada tombol dan tombol sudah dilepas.
On releaseOutside Ketika setelah tombol ditekan namun
pointer mouse
dilepaskan di luar area tombol.
On tollOver Ketika
pointer
melewati area tombol On dragOver
Ketika
pointer mouse
bergerak menjauhi area tombol.
On dragOut Ketika
pointer mouse
berada di atas area tombol
dan mouse
sudah ditekan
kemudian
pointer
digerakkan keluar menjauhi area tombol.
2.10.4.
Movie Clip Event
Movie Clip Event
adalah
event
-
event
yang menimpa pada simbol bertipe
movie clip
. Tabel 2.11
Movie Clip Event
dalam Adobe Flash CS5
Event Keterangan
onClipEvent load Ketika
movie clip
diload dan muncul di
timeline
onClipEvent enterFrame Ketika setiap
frame
di
movie clip
ditampilkan. Artinya
script
yang berada di dalam
event
ini akan dieksekusi berulang-ulang sesuai dengan fps-nya.
Script
yang berada pada
event
enterFrame akan dieksekusi terlebih dahulu sebelum
action script
lainnya yang mempengaruhi
frame
yang sama. onClipEvent unload
Ketika
movie clip
di-unload onClipEvent
mouseDown Ketika tombol kiri mouse ditekan.
onClipEvent mouseUp Ketika tombol kiri mouse dilepaskan
setelah menekan
movie clip
onClipEvent mouseMove
Mouse digerakkan ketika
movie clip
sedang ditekan. onClipEvent keyDown
Ketika tombol pada keyboard ditekan.
Gunakan method
Key.getCode dan
Key.getAscii untuk mengetahui tombol terakhir yang ditekan.
onClipEvent keyUp Ketika tombol pada keyboard dilepaskan.
Tabel 2.12 Properti
Movie Clip
Properti Keterangan
MovieClip._alpha Nilai transparansi sebauh
movie clip
MovieClip._currentFrame Nomor
frame
dimana
playhead
saat ini berada
MovieClip._enabled Menandakan apakah sebuah
movie clip
dapat diutak-atik
ketika animasi
berjalan MovieClip._framesloaded
Jumlah
frame
yang sudah di
load
dari sebuah
streaming movie
. MovieClip._height
Tinggi dari sebuah
movie clip
satuan pixel
MovieClip._name
Instance name
dari sebuah
movie clip
MovieClip._rotation Derajat perputaran dari sebuah
movie clip
MovieClip._totalframes Jumlah
frame
dari sebuah
movie clip
MovieClip._url URL asal dari SWF file
MovieClip._visible Sebuah nilai Boolean yang menandakan
apakah sebuah
movie clip
terlihat atau tersembunyi
MovieClip._width Lebar dari
movie clip
satuan pixel MovieClip._x
Koordinat x dari sebuah
movie clip
MovieClip._xmouse Koordinat x dari
pointer
mouse dalam sebuah
movie clip
MovieClip._y Koordinator y dari sebuah
movie clip
MovieClip.ymouse Koordiantor y dari
pointer
mouse dalam sebuah
movie clip
2.11. Interaksi Manusia dan Komputer