3.7 Mendesain Tampilan Profil
Gambar 3.7 Rancangan Tampilan Profil
1. Untuk pembuatan tombol back pada tampilan profil kali ini sama dengan tombol button yang sebelumnya bedanya hanya pada bentuk tampilan yang
lebih kreatif yang disimbolkan gambar dan beda pada script frame nya, untuk membuat script pada tombol back dengan mengklik pada jendela action-buttons
ketikkan script program sebagai berikut: onrelease{
gotoAndPlayScene 1, 5 ; }
Jika kita mengklik button back maka kita akan kembali ke tampilan menu. 2. Untuk foto di bagian profil ini dimasukkan dengan cara klik import pilih
import to library. Kemudian gambar yang kita masukkan ke library akan berupa gambar bitmap. Setelah gambar masuk ke library, tarik gambar ke dalam stage,
atur posisi gambar sebaik mungkin. Foto
Back Tulisan pengenalan tentang
profil
Universitas Sumatera Utara
3. Untuk pembuatan penulisan tentang profil dengan cara klik menu text tool pada tools lalu di stage ketikkan data profil
3.8 Mendesain Tampilan Awal Latihan
Gambar 3.8 Rancangan Tampilan Awal Latihan
Cara pembuatannya adalah sebagai berikut : 1. Membuat Frame baru klik kanan pada Frame awal setelah itu pilih insert Blank
KeyFrame.. 2. Untuk pembuatan animasi tulisan latihan berjalan, ketikkan huruf awal dari
kalimat yang akan kita tampilkan pada stage. Klik kanan pada huruf tersebut, pilih Convert to Symbol. Ubah huruf yang kita tuliskan pada stage itu menjadi
movie clip. Kemudian klik 2 dua kali pada huruf tersebut, maka kita akan masuk ke dalam movie clip tersebut. Isi satu persatu frame yang ada dengan
melanjutkan huruf demi huruf dari huruf yang telah kita tuliskan tadi. Untuk Masukkan nama anda
Mulai
Universitas Sumatera Utara
membuat frame selanjutnya klik kanan di frame selanjutnya lalu pilih insert keyframe atau dengan shortcut F6. Pada akhir frame, dimana kita telah selesai
merangkai huruf menjadi kalimat yang kita inginkan, klik kanan pilih action, ketikkan script program sebagai berikut :
stop; 3. Untuk pembuatan tombol mulai pada tampilan kali ini sama dengan tombol
button yang sebelumnya bedanya hanya pada bentuk tampilan disimbolkan dengan gambar pensil. Untuk membuat script pada tombol mulai dengan
mengklik pada jendela action-buttons ketikkan script program sebagai berikut : onrelease{
gotoAndStop2 ; }
Jika kita mengklik button mulai maka kita akan memulai latihan dan langsung masuk ke soal latihan yang sudah ada.
4. Pembuatan tulisan “Nama”, menggunakan text tool. Pilih type textStatic text. Lalu membuat kotak isiannya juga menggunakan text tool pilih type textInput
text dan jangan lupa mengaktifkan show border around text nya. Lalu isikan juga pada kotak variable nya nama pada input text “Nama”. Kotak variable
diisikan untuk menampilkan nama pada halaman hasil.
Universitas Sumatera Utara
3.9 Mendesain Tampilan Soal Latihan