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