Mendesain Tampilan Profil Mendesain Tampilan Awal Latihan

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