State Transition Diagram STD Flowchart Macromedia Flash 8

41

2.7. State Transition Diagram STD

State Transition Diagram diagram transisi keadaan merupakan suatu modeling tool yang menggambarkan Time Depend Behavior dari suatu sistem Yourdon, 1989. Pada mulanya model State Transition Diagram ini hanya digunakan untuk menggambarkan suatu sistem yang bersifat real time, seperti: control process, telephone switching system, high speed data acquisition dan military command and control system. Ada dua cara kerja sistem ini yaitu pasif dan aktif. STD ini hanya digunakan untuk menuliskan urutan dan pergantian dari layar yang dapat terjadi, ketika pengguna sistem berada pada terminal. 1. Pasif Disini sifatnya lebih kepada menerima data saja dalam melakukan control terhadap lingkungan. Contoh sistem yang bertugas untuk menerima data melalui sinyal yang dikirimkan satelit. 2. Aktif Untuk sistem ini kontrol terhadap lingkungan dilaksanakan secara aktif sehingga selain menerima data, sistem ini juga memberikan suatu respon terhadap lingkungannya. Contoh sistem yang digunakan untuk proses control. Berikut ini adalah beberapa simbol serta keterangan yang digunakan dalam membuat STD Yourdon, 1989 antara lain: Kondisi dan Aksi 42 Untuk melengkapi STD dibutuhkan dua hal tambahan, yaitu: kondisi sebelum keadaan berubah dan aksi dari pemakai untuk merubah keadaan. Di bawah ini adalah ilustrasi dari kondisi dan aksi yang ditampilkan disebelah anak panah yang menghubungkan dua keadaan. Gambar 2.2. Kondisi dan aksi Yourdon, 1989

2.8. Flowchart

Flowchart merupakan bagan yang menunjukkan arus pekerjaan secara keseluruhan dari sistem Jogiyanto, 2005.

2.9. Macromedia Flash 8

A. Sejarah Macromedia Flash 8 Macromedia Flash merupakan program grafis animasi web yang diproduksi oleh Macromedia corp, yaitu sebuah vendor software yang bergerak di bidang animasi web. Macromedia Flash pertama kali diproduksi pada tahun 1996. Pada awal produksi, Macromdia Flash merupakan software untuk membuat animasi sederhana berbasis GIF. Seiring dengan perkembangannya, Macromedia Flash mulai digunakan dalam membuatan desain situs web. Keadaan 1 Keadaan 2 Kondisi Aksi 43 Macromedia Flash telah diproduksi dengan beberapa versi. Versi terbaru yang sekarang beredar di pasaran adalah Macromedia Flash versi 8. Macromedia Flash versi 8 ini merupakan perkembangan dari versi sebelumnya yang dikenal dengan Macromedia Flash MX 2004 atau Macromedia Flash versi 7. Pada akhir tahun 2005, Macromedia Flash versi 8 mulai beredar di pasaran. Dalam Macromedia Flash versi 8 terdapat beberapa fitur baru yang merupakan pengembangan dari versi sebelumnya. Keberadaan tambahan fitur-fitur baru itu secara otomatis akan dapat menghasilkan animasi yang lebih interaktif. B. Area Kerja Macromedia Flash 8 Macromedia Flash 8 merupakan pengembangan dari Macromedia Flash versi sebelumnya. Sedikit perubahan pada susuna interface mengakibatkan Macromedia Flash 8 akan lebih mudah dioperasikan oleh para pengguna. Gambar 2.3. Tampilan Awal Macromedia Flash 8 44 Interface Macromedia Flash 8 terdiri dari beberapa bagian, antara lain: - Menu bar Menu bar merupakan barisan menu yang berisi kumpulan perintah yang digunakan pada Macromedia Flash 8. Menu bar terdiri dari beberapa submenu yang dilengkapi dengan short cut jalan pintas menggunakan kombinasi tombol keyboard. - Toolbar Toolbar merupakan baris meu yang ditandai dengan berbagai ikon. Toolbar merupakan jalan pintas untuk menjalankan menu - Stage Merupakan bagian dari Macromedia Flash 8 yang digunakan untuk membuat atau meletakkan objek. - Timeline Timeline berisi berbagai frame yang berfungsi mengontrol objek yang dianimasikan. Selain itu, Timeline juga dapat digunakan untuk menentukan kapan suatu objek ditampilkan. Timeline terbagi menjadi 3 bagian, antara lain: a. Layer Layer merupakan susunan atau lapisan yang terdiri dari kumpulan objek atau komponen gambar, teks, atau animasi. Urutan posisi layer akan memengaruhi urutan tampilnya objek yang dianimasikan 45 b. Frame Merupakan bagian dari Macromedia Flash 8 yang terdiri dari berbagai segmen yang akan dijalankan secara bergantian dari kiri ke kanan c. Playhead Merupakan penunjuk posisi frame pada saat dijalankan. Playhead ditandai dengan garis vertikal berwarna merah. - Toolbox Bagian dari Macromedia Flash 8 yang terdiri dari bermacam tool yang berfungsi membuat gambar, memilih objek dan memanipulasi objek yang merupakan komponen dari stage. Toolbox terbagi menjadi 4 bagian, antara lain: a. Tools Merupakan bagian dari toolbox yang berfungsi membuat objek gambar, memberi warna objek, memilih dan memodifikasi objek. b. View Bagian dari toolbox yang digunakan untuk mengatur tampilan stage. Tools view ini biasanya digunakan pada saat pengeditan objek pada stage c. Colors Digunakan untuk mengatur atau memanipulasi pewarnaan objek. 46 d. Options Merupakan bagian dari toolbox yang akan tampil pada saat mengaktifkan salah satu ikon dari toolbox. Setiap ikon toolbox memiliki option yang berbeda dengan ikon yang lain - Panels Bagian dari Macromedia Flash 8 yang berupa jendela dan berfungsi mengontrol atau memodifikasi berbagai atribut pada objek atau animasi secara cepat. Secara default, panel terdiri dari 4 bagian, antara lain: a. Properties Merupakan salah satu panel yang berfungsi mengatur properti objek yang aktif b. Action Bagian dari panel yang berfungsi memberikan aksi atau kerja terhadap suatu objek pada stage, frame atau layer. c. Color Panel yang berfungsi mengatu pewarnaan terhadap suatu objek secara lebih detail. d. Library Panel yang digunakan sebagai tempat penyimpanan objek yang telah dibuat pada stage. 47 C. Toolbox Area Tabel 2.1. Keterangan Nama dan Fungsi Tool Macromedia Flash 8 No. Nama Tool Fungsi 1 Arrow Tool V Untuk Memilih Objek 2 Sub Select Tool A Untuk Mengedit garis 3 Free Transform Tool Q Untuk mentransform Objek 4 Gradient Transform Tool F Untuk mengatur setting gradasi 5 Line Tool N Untuk membuat garis 6 Lasso Tool L Untuk memilih objek bagain tertentu dari objek 7 Pen Tool P Untuk membuat garis lurus maupun garis kurva 8 Text Tool T Untuk membuat objek teks 9 Oval Tool O Untuk membuat objek lingkaran 10 Rectangular Tool ® Untuk membuat objek segi empat 11 Pencil Tool Y Untuk membuat objek bebas berupa garis Gambar 2.4 Interface Macromedia Flash 8 Munu bar Tools Timeline Panel Stage 48 12 Brush Tool B Untuk membuat objek bebas berupa sapuan kuas 13 Ink bottle Tool S Untuk memberi warna garis luar objek 14 Paint Bucket Tool S Untuk memberi warna dalam objek 15 Eyedropper Tool I Untuk meniru warna 16 Erase Tool E Untuk menghapus bagian tertentu objek 17 Hand Tool Untuk menggeser bidang kanvas keataskebawah 18 Zoom Tool Untuk mengatur ukuran lembar kerja dalam persentase 19 Stroke Color Untuk memilih warna garis luar objek 20 Fiil Color Untuk memilih warna objek 21 Black and White Untuk mengembalikan warna default hitam dan putih 22 No Color Untuk menghilangkan warna 23 Swap Color Untuk membalik warna 24 Snap to Objek Untuk menempelkan garis tepi objek secara otomatis 25 Smooth Untuk melengkungkan bagian garis 26 Straighten Untuk melengkungkan garis

2.10. Adobe Photoshop CS2