Lingkungan Kerja Adobe Flash CS5

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