LAB 11

KOMPONEN UI FLASH
TUJUAN PRAKTIKUM
Setelah melakukan praktikum ini, mahasiswa diharapkan mampu :
✓ Bagaimana menggunakan berbagai komponen UI Flash
✓ Bagaimana menulis ActionScript yang mengontrol komponen
✓ Bagaimana membuat skin untuk komponen
✓ Bagaimana memanajemen komponen dalam movie flash

Lab 11 : Komponen UI Flash – Syahrizal D. Putra, ST. MKom 1

TEORI SINGKAT

Siapa pun yang akrab dengan pengembangan HTML tahu bagaimana mudahnya
untuk menambahkan check box, radio button, atau elemen bentuk lain ke dalam
dokumen. Hal ini biasanya digunakan dalam halaman "hubungi kami", survei
online, dan skenario aplikasi lainnya.

Komponen Flash memberikan Anda kenyamanan sama seperti hal diatas,

bahkan Anda juga mendapatkan komponen lebih banyak lagi, termasuk
komponen yang tidak mungkin instance dalam browser. Sedikit ActionScript
diperlukan untuk menghubungkan komponen-komponen tersebut, namun
sebagian besar cukup dengan drag-and-drop.

Komponen UI Flash ditata dalam cara sederhana menarik yang nyaman cocok
berbagai desain. Sangat membantu bagi desainer dalam pengembangan user
interface.

Lab 11 : Komponen UI Flash – Syahrizal D. Putra, ST. MKom 2

LATIHAN
Latihan 01 : CheckBox

Latihan membuat interaktif checkbox dengan ActionScript

1. Buat file dokumen baru, drag komponen checkbox (3 buah) dari panel
komponen (Window > Component) ke stage.
2. Ganti label dari masing-masing checkbox menjadi nasi goreng, bakso
malang dan kebab dengan masing-masing instance name cb1, cb2 dan
cb3.
3. Buat layer diatasnya beri nama text, isi dengan pertanyaan : Apakah
makanan favorit Anda ?
4. Tambahkan dynamic text di bawah checkbox tersebut dengan instance
name : output.
5. Tambahkan layer baru untuk ActionScript. Isi dengan script berikut :

6. Jalankan movie, pilih / check list pilihan Anda, perhatikan apa yang terjadi

Lab 11 : Komponen UI Flash – Syahrizal D. Putra, ST. MKom 3

Latihan 02 : Color Picker

Latihan membuat interaktif color picker dengan ActionScript

1. Buat file dokumen baru, drag komponen colorPicker dari panel komponen
(Window > Component) ke stage.
2. Beri instance name dari colorPicket dengan cp.
3. Tambahkan layer baru dengan nama text, isi dengan dynamic text,
dimana instance name : poem dan kontentnya : “Pilih warna disamping,
agar tulisan ini berubah sesuai warna pilihan Anda”.
4. Tambahkan layer baru untuk ActionScript. Isi dengan script berikut :

5. Jalankan movie, pilih / check list pilihan Anda, perhatikan apa yang terjadi

Lab 11 : Komponen UI Flash – Syahrizal D. Putra, ST. MKom 4

Latihan 03 : ComboBox

Latihan membuat interaktif ComboBox dengan ActionScript

1. Buat file dokumen baru, drag komponen ComboBox dari panel komponen
(Window > Component) ke stage.
2. Beri instance name dari ComboBox dengan cbx. Masuk ke tab
Parameters yang ada di panel property, isi Prompt : Select a shape. Klik
ganda pada dataProvider, masukkan data-data sebagai berikut :

3. Tambahkan layer baru dengan nama shape, isi dengan gambar star,
dimana instance name : shapes.

4. Tambahkan layer baru untuk ActionScript. Isi dengan script berikut :

5. Jalankan movie, pilih item yang ada di ComboBox, perhatikan apa yang
terjadi

Lab 11 : Komponen UI Flash – Syahrizal D. Putra, ST. MKom 5

Latihan 04 : Text Input

Latihan membuat interaktif TextInput dengan ActionScript

1. Buat file dokumen baru, drag komponen TextInput (2 buah) dari panel
komponen (Window > Component) ke stage.
2. Beri instance name dari masing-masing TextInput dengan input dan
output.
3. Tambahkan layer baru dengan nama text, buat static text dengan konten
: Enter password here.
4. Tambahkan layer baru untuk ActionScript. Isi dengan script berikut :

5. Jalankan movie, perhatikan apa yang terjadi

LATIHAN MANDIRI
Lakukan latihan mandiri dengan obyek Flash UI yang lainnya, seperti : button,
datagrid, list, radiobutton, progress bar dan text area.

Lab 11 : Komponen UI Flash – Syahrizal D. Putra, ST. MKom 6