Scribd
Unggah
107 tayangan2 halaman

Tugas Membuat Input Username

Dokumen ini memberikan instruksi tentang cara membuat fitur input username interaktif menggunakan Adobe Animate dengan membuat dua frame, masing-masing berisi layer konten dan layer aksi, dan menambahkan script untuk memvalidasi input teks sebelum beralih ke frame berikutnya.

Diunggah oleh

File Arsip
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
107 tayangan2 halaman

Tugas Membuat Input Username

Dokumen ini memberikan instruksi tentang cara membuat fitur input username interaktif menggunakan Adobe Animate dengan membuat dua frame, masing-masing berisi layer konten dan layer aksi, dan menambahkan script untuk memvalidasi input teks sebelum beralih ke frame berikutnya.

Diunggah oleh

File Arsip
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 2

MEMBUAT INPUT USERNAME

1. Penjelasan
Kamu sudah mengenal dasar penggunaan pembuatan Media Interaktif adobe Animase. Sekarang
saatnya saya menantang untuk bereksperimen dengan Membuat Input Username. Untuk UI dapat
dilihat pada gambar dibawah.
Layer_2
Layer_2 Layer_1
Layer_1

Action Action
Konten Konten
Frame 1 FRAME 2
Masukkan Nama Anda
User Masuk kesini

MASUK

2. Soal (Clue)
Soal yang saya berikan bukan melihat video, tapi berupa penjelasan bertipe sebuah Resep. Dengan
Artian Saya hanya memberi bahannya saja dan kalian pelajari cara membuatnya secara OTODIDAK.

A. FRAME 1

- Buatlah 1 frame yang berisi 2 buah layer. Layer 1 diberi nama Konten, layer 2 diberi nama
Action.
- Untuk frame 1 di dalam stage ketikkan tulisan Masukkan Nama Anda dengan tipe Propertiesnya
adalah STATIC TEXT. Selanjutnya buat lagi tulisan kosong dengan tipe properties “INPUT TEXT”
lalu beri nama nameBoxTxt pada Properties <Instance Name> dan terakhir beri tombol dengan
nama Symbol buttonMulai, dan dibagian Properties <Instance Name> masukkan buttonMulai.
- Selanjutnya masukkan kode script dibawah pad layer 2 yang diberi nama Action pada frame 1.
Caranya Klik Kanan pada Frame 1 layer Action dan pilih Actions.
- Ketikkan Kode dibawah

stop();
buttonMulai.addEventListener (MouseEvent.CLICK,fnGo);
function fnGo (event:MouseEvent):void
{
if(nameBoxTxt.length<3){
nameBoxTxt.text="";
stage.focus=nameBoxTxt;
}else{
play();
}
}
B. FRAME 2

- Pada frame 2 layer Konten buat Insert Blank Keyframe, lalu Ketikkan Teks “Yes, berhasil
Masuk” dengan tipe properties teks STATIC TEXT.
- Pada Frame 2 layer Action buat Insert Blank Keyframe dan masukkan kode script dibawah.
Caranya klik kanan pada frame 2 layer action, lalu pilih Actions.

stop();

3. Kesimpulan

Jika kamu dengan cermat dan teliti memahami clue, Insya Allah kamu bisa menyelesaikan tantangan
ini. Jika sudah selesai lakukan testing, Pilih menu Control > Test Movie.
Input Username adalah salah satu fitur Interaktif yang bisa dibuat di adobe animae dimana User
memasukkan nama sebelum lanjut ke Menu Lain, Misalnya masuk ke menu Belajar atau Menu Soal
Latihan.
Dipertemuan berikutnya akan diminta hasil yang sudah dibuat. Jangan Lupa Simpan Pekerjaan Anda
“Nama Anda_Input Userame”

SELAMAT BEKERJA, SEMOGA SUKSES

TERIMA KASIH.

Anda mungkin juga menyukai