Mendesain Tampilan Salah Satu Provinsi Mendesain Tampilan Profil

3.5 Mendesain Tampilan Salah Satu Provinsi

Desain tampilan bangun datar adalah sebagai berikut : Gambar 3.5 Rancangan Tampilan Salah Satu Provinsi Cara pembuatannya adalah sebagai berikut : 1. Membuat Frame baru klik kanan pada Frame awal setelah itu pilih insert Blank KeyFrame. 2. Untuk button persegi memiliki fungsi yang berbeda - beda. Button yang dipilih akan menampilkan penjelasan yang berbeda pada bidang yang sesuai dengan nama button yang ada. Sebagai contoh kita akan memilih persegi. Script pada button persegi adalah sebagai berikut : onrelease{ gotoAndPlaynext frame ; } Foto baju adat Rumah adat Senjata tradisional Tarian tradisional penjelasan penjelasan Next Back Universitas Sumatera Utara Maksudnya adalah, jika kita menekan tombol persegi maka kita akan berpindah ke scene yang selanjutnya . 1 yang ada pada script berarti baju adat sumatera berada pada frame 1. Begitu selanjutnya sampai lingkaran, yang membedakannya hanyalah nomor frame yang berbeda. Penjelasan mengenai bangun datar berada pada scene yang sama, yaitu pada scene yang diberi next frame. 3. Untuk pembuatan tombol back pada tampilan baju adat sumatera kali ini sama dengan tombol button yang sebelumnya bedanya hanya pada bentuk tampilan yang lebih kreatif yang disimbolkan dengan gambar dan beda pada script frame nya, untuk membuat script pada tombol next dengan mengklik pada jendela action-buttons ketikkan script program sebagai berikut: onrelease{ gotoAndStopnext; } Jika kita mengklik button next maka kita akan kembali ke tampilan menu sebelumnya.

3.6 Mendesain Tampilan Profil

Gambar 3.12 Rancangan Tampilan Profil Foto Animasi tulisan pengenalan tentang profil Next Logo usu Universitas Sumatera Utara Untuk pembuatan tombol back pada tampilan profil datar kali ini sama dengan tombol button yang sebelumnya bedanya hanya pada bentuk tampilan yang lebih kreatif yang disimbolkan dengan gambar dan beda pada script frame nya, untuk membuat script pada tombol home dengan mengklik pada jendela action-buttons ketikkan script program sebagai berikut: onrelease{ gotoAndStop2” ; } Jika kita mengklik button next maka kita akan kembali ke tampilan menu pengenalan. 1. 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. 2. Untuk pembuatan nama bangun datar atau bangun ruang pada bagian atas tampilan menggunakan animasi mask. Dimana animasi mask ini membuat objek seakan disorot. Langkah - langkah pembuatan mask ini adalah : 1. Buatlah objek tulisan pada layer, di sini kita buat contoh nya Aditya Firmansyah. 2. Buat 2 layer baru. 3. Pada layer 1 yang telah kita buat objek tulisan Aditya Firmansyah itu, klik kanan, copy. 4. Kemudian kita pindah ke layer 3, pada stage, klik kanan pada mouse kemudian pilih paste in place. Universitas Sumatera Utara 5. Kemudian kita berpindah ke layer 2, di layer 2 ini kita membuat kotak berwarna atau pilih rectangle tool dari toolbar, di sini kita pilih warna biru dengan tulisan teks berwarna hitam. 6. Pada layer 1,2,3 pilih frame 10, kemudian klik kanan inster keyframe. 7. Kembali ke layer 2, klik frame 10. Pindahkan kotak berwarna yang pada frame 1 posisi awalnya berada di depan objek berubah posisinya menjadi di belakang objek pada frame 10. Klik kanan pada sembarang frame di layer 2 kemudian pilih create motion tween. 8. Kemudian klik kanan pada layer 3, pilih mask. Maka objek tulisan yang telah kita buat di stage sekarang sudah seakan - akan disorot atau telah menggunakan mask. 9. Dengan langkah yang sama, dilanjutkan penulisan animasi tulisan tentang pengenalan profil tetapi dengan menggunakan warna rerctangle tool yang berbeda. Universitas Sumatera Utara BAB 4 IMPLEMENTASI SISTEM

4.1 Pengertian Implementasi Sistem