Perancangan Tampilan Awal Perancangan Tampilan Menu

sehingga didapatkan objek yang dinamis, interaktif dan tidak terjadi pemakaian ruang publikasi yang berlebihan.

3.4 Perancangan Antarmuka

Perancangan Antarmuka meliputi perancangan antarmuka pada tampilan user. Berikut diantaranya perancangan antarmuka pada tampilan user.

3.4.1 Perancangan Tampilan Awal

Perancangan tampilan awal animasi adalah sebagai berikut : Gambar 3.2 Perancangan Tampilan Awal Animasi Cara pembuatannya adalah sebagai berikut : 1. Buka lembar kerja macromedia flash 8, kemudian pilih flash document. 2. Buat satu layer pada timeline, yaitu layer awal background. 3. Untuk pembuatan background pada layer awal menggunakan Rectangle Tool Universitas Sumatera Utara R, klik kanan pilih convert to symbol dengan nama cover pilih movie clip, lalu ok. 4. Untuk pembuatan animasi tulisan berjalan, klik dua kali pada background yang sudah di jadikan movie clip dengan nama cover. Tambahkan layer background seperti yang diawal kemudian tambahkan layer design, layer teks jatuh untuk Tulisan “sistem”. Sebelum itu perhuruf di convert symbol dan pilih button klik ok. Untuk teks berjalannya tambahkan layer dengan nama teks berjalan. Di dalam layer ini gunakan line tool N dan bentuk sesuai tulisan “Pencernaan”. Setelah itu, tambahkan layer baru dengan nama actions script, lalu klik di frame akhir klik kanan pilih insert key frame dan klik kanan lagi pilih actions maka, akan muncul actions frame untuk tempat meletakan script seperti yang berikut ini : stop; 5. Untuk pembuatan button materi dan button kuis di pisahkan dalam 2 layer, pada layer button materi sebelum itu gunakan Rectangle Tool R. Setelah itu, gunakan Text Tool T dengan Bernard MT Condensed. Sebaliknya, begitu juga dengan button kuis menggunakan tools - tools yang sama dengan button materi. 6. Untuk layer pada musik, klik frame 1 lalu pilih menu file, klik import pilih import to library dan pilih lagu sesuai yang diinginkan. Selanjutnya klik menu window pilih library lalu cari lagu yang telah di import dan klik kanan pilih linkage kemudian pilih export for actionscript dan export for firstframe serta buat nama yang diinginkan pilih ok. Universitas Sumatera Utara

3.4.2 Perancangan Tampilan Menu

Perancangan tampilan menu adalah sebagai berikut : Gambar 3.3 Perancangan Tampilan Menu Cara pembuatannya adalah sebagai berikut : 1. Buka lembar kerja macromedia flash 8, kemudian pilih flash document. 2. Buat satu layer pada timeline, yaitu layer awal background. 3. Untuk pembuatan background pada layer awal menggunakan Rectangle Tool R dengan Fiil Color dan Stroke Color. 4. Selanjutnya pembuatan button alat – alat pencernaan, sistem pencernaan dan gangguan pencernaan yang di tempatkan di layer yang terpisah. Pada button alat – alat pencernaan, button sistem pencernaan dan button gangguan pencernaan menggunakan Oval Tool O. Pada button di buat menggunakan Line Tool N. 5. Untuk layer pada musik, klik frame 1 lalu pilih menu file, klik import pilih import to library dan pilih file lagu. Selanjutnya klik menu window pilih Universitas Sumatera Utara library lalu cari lagu yang telah di import dan klik kanan pilih linkage kemudian pilih export for actionscript dan export for firstframe serta buat nama yang diinginkan pilih ok.

3.4.3 Perancangan Tampilan Materi Pembuka Alat Pencernaan