Mendesain Halaman Pembelajaran Hiragana Mendesain Halaman Pembelajaran Katakana

fscommandquit; }

3.7 Mendesain Halaman Pembelajaran Hiragana

Desain tampilan pada halaman pembelajaran : Gambar 3.6 Rancangan Tampilan Halaman Pembelajaran Hiragana Cara pembuatannya adalah sebagai berikut : 1. Membuat Frame baru klik kanan pada Frame awal setelah itu pilih insert Blank KeyFrame. 2. Untuk memasukkan huruf hiragana atau katakana kita harus mengubah Microsoft IME ke dalam bentuk bahasa Jepang. 3. Untuk pembuatan cara penulisan huruf hiragana, pertama kita membuat hurufnya menjadi samar dengan menekan ctrl + b pada keyboard dan mulai menghapus hurufnya dari arah berlawanan cara penulisan huruf hiragana tersebut, setelah itu blok semua frame dan klik kanan pada frame yang sudah diblok tadi dan pilih reverse frames, selanjutnya buat layer untuk tombol suara Back Tombol Cara Penulisan Tombol Suara Huruf Hiragana dan tombol penulisannya,pada tombol suara klik kanan pada jendela action- buttons ketikkan script program sebagai berikut : on release { gotoAndPlayScene 2, 1; } Pada tombol suara klik kanan pada jendela action-buttons ketikkan script program sebagai berikut : on release { gotoAndStopsound3; } 4. Cara untuk membuat fungsi tombol menu adalah dengan mengklik tombol menu yang sudah dijadikan button pada jendela actions-buttons ketikkan script program sebagai berikut : onrelease{ gotoAndStopmenu; } Tombol menu bertujuan untuk kembali ke halaman menu. 5. Untuk pembuatan tombol backpada bagian pembelajaran ini juga sama dengan tombol tombol button yang sebelumnya. Untuk membuat script pada tombol back dengan cara mengklik kanan pada jendela action-buttons ketikkan script program sebagai berikut: onrelease{ gotoAndStophiraganaa; } Tombol back bertujuan untuk masuk ke scene 1 di frame hiraganaa.

3.8 Mendesain Halaman Pembelajaran Katakana

Desain tampilan pada halaman pembelajaran : Gambar 3.7 Rancangan Tampilan Halaman Pembelajaran Katakana Cara pembuatannya adalah sebagai berikut : 1. Membuat Frame baru klik kanan pada Frame awal setelah itu pilih insert Blank KeyFrame. 2. Untuk memasukkan huruf hiragana atau katakana kita harus mengubah Microsoft IME ke dalam bentuk bahasa Jepang. 3. Untuk pembuatan cara penulisan huruf katakana, pertama kita membuat hurufnya menjadi samar dengan menekan CTRL + B pada keyboard dan mulai menghapus hurufnya dari arah berlawanan cara penulisan huruf hiragana tersebut, setelah itu blok semua frame dan klik kanan pada frame yang sudah diblok tadi dan pilih reverse frames, selanjutnya buat layer untuk tombol suara dan tombol penulisannya,pada tombol suara klik kanan pada jendela action-buttons ketikkan script program sebagai berikut : Back Tombol Cara Penulisan Tombol Suara Huruf katakana on release { gotoAndPlayScene 47, 1; } Pada tombol suara klik kanan pada jendela action-buttons ketikkan script program sebagai berikut : on release { gotoAndStopsound48; } 4. Cara untuk membuat fungsi tombol menu adalah dengan mengklik tombol menu yang sudah dijadikan button pada jendela Actions-Button ketikkan script program sebagai berikut : onrelease{ gotoAndStopmenu; } Tombol menu bertujuan untuk kembali ke halaman menu. 5. Untuk pembuatan tombol backpada bagian pembelajaran ini juga sama dengan tombol tombol button yang sebelumnya. Untuk membuat script pada tombol back dengan cara mengklik kanan pada jendela action-buttons ketikkan script program sebagai berikut: onrelease{ gotoAndStopkatakanaa; } Tombol back bertujuan untuk masuk ke scene 1 di frame hiraganaa. 3.9Mendesain Tampilan Profil Desain tampilan pada halamanprofil : Gambar 3.8 Rancangan Tampilan Profil Cara pembuatannya adalah sebagai berikut : 1. 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{ gotoAndStopScene 1, 1 ; } Jika kita mengklik buttonback maka kita akan kembali ke tampilan home. 2. Untuk foto di bagian profil ini dimasukkan dengan cara klik import pilih import to library. Kemudian gambar yang kita masukkan ke library Foto Back Animasi tulisan pengenalan tentang profil Animasi Lambang USU akanberupa gambar bitmap. Setelah gambar masuk ke library, tarik gambar ke dalam stage, atur posisi gambar sebaik mungkin. 3. Untuk pembuatan animasi tulisan Untuk pembuatan animasi tulisan 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 membuat frame selanjutnya klik kanan di frame selanjutnya lalu pilih insert keyframe atau dengan shortcut F6. 4. Dengan langkah yang sama, pembuatan animasi lambang usu memasukkan dulu gambar ke dalam library dengan carapilih menu file klik pada pilihan import lalu pilih import to library. Setelah gambar masuk ke dalam library, drag gambar ke dalam stage kemudian klik kanan pada gambar yang telah kita drag ke dalam stage itu pilih convert so symbol, pilih movie clip. Kemudian klik 2 dua kali pada gambar tersebut, maka kita akan masuk ke dalam movie clip tersebut. Isi satu persatu frame yang ada dengan melanjutkan gambar demi gambar dari gambar yang telah kita drag tadi dan kita buat menjadi seperti muncul timbul.

3.10 Mendesain Tampilan Awal Test