Multimedia Storyboard
Project: Analisis dan Perancangan Aplikasi Perangkat Ajar Bahasa Jepang Berbasis Multimedia untuk Siswa Kelas X UPTD SMA Negeri 7 Kota Tangerang
Date:
Screen: 1 of 23 Screen ID: 1
Screen Description:
Setiap aplikasi dijalankan akan muncul animasi awal sebagai intro. Terdapat tombol skip untuk langsung menuju ke halaman berikutnya
Link From Screen ID: - Link To Screen ID: 2
3.5.2 Rancangan Layar Login Multimedia Storyboard
Project: Analisis dan Perancangan Aplikasi Perangkat Ajar Bahasa Jepang Berbasis Multimedia untuk Siswa Kelas X UPTD SMA Negeri 7 Kota Tangerang
Date:
Screen: 2 of 23 Screen ID: 2
Screen Description:
Pada halaman login, pengguna diminta untuk memasukkan nama dan kata sandi, jika pengguna belum memiliki username dapat membuatnya terlebih dahulu dengan menekan tombol register. Jika pengguna telah memiliki akun, maka langsung memasukkan username dan password kemudian menekan tombol login. Jika pengguna lupa password maka pengguna dapat mengklik tombol forgot password dan pengguna akan mendapatkan password kembali
Link From Screen ID: 1 Link To Screen ID: 3,4,5 Color Schemes: transparent white
Text Attributes:
Still Images:
Audio: bgm.mp3 Video:
Animation:
3.5.3 Rancangan Layar Register Multimedia Storyboard
Project: Analisis dan Perancangan Aplikasi Perangkat Ajar Bahasa Jepang Berbasis Multimedia untuk Siswa Kelas X UPTD SMA Negeri 7 Kota Tangerang
Date:
Screen: 3 of 23 Screen ID: 3
Screen Description:
Pengguna baru akan diminta untuk memasukkan username, password, dan secret code untuk membuat akun baru. Secret code diisi oleh pengguna yang bertujuan untuk sebagai kode yang digunakan pengguna untuk me-recover password.
Link From Screen ID: 2 Link To Screen ID: - Color Schemes: transparent white
Text Attributes:
Still Images:
Audio: bgm.mp3 Video:
Animation:
3.5.4 Rancangan Layar Recovery Password Multimedia Storyboard
Project: Analisis dan Perancangan Aplikasi Perangkat Ajar Bahasa Jepang Berbasis Multimedia untuk Siswa Kelas X UPTD SMA Negeri 7 passwordnya sendiri. Pengguna diminta untuk mengisi username yang ingin direcover dan memasukkan secret code yang pengguna masukkan saat daftar akun baru.
Link From Screen ID: 2 Link To Screen ID:
Color Schemes: transparent white Text Attributes:
Still Images:
Audio: bgm.mp3 Video:
Animation:
3.5.5 Rancangan Layar Menu Pembuka Multimedia Storyboard
Project: Analisis dan Perancangan Aplikasi Perangkat Ajar Bahasa Jepang Berbasis Multimedia untuk Siswa Kelas X UPTD SMA Negeri 7 Kota Tangerang
Date:
Screen: 5 of 23 Screen ID: 5
Screen Description:
Setelah pengguna memasukkan username dan password yang benar di database, pengguna akan dibawa ke menu ini. Di menu ini pengguna disediakan beberapa menu materi. Pengguna yang baru pernah memakai aplikasi hanya boleh mengakses materi dari tahap 1. Tahap 2 akan dapat diakses jika pengguna menyelesaikan terlebih dahulu latihan-latihan yang ada di tahap 2. Begitu juga dengan tahap 3.
Link From Screen ID: 2 Link To Screen ID:
Color Schemes: transparent white Text Attributes:
Still Images:
Audio: bgm.mp3 Video:
Animation:
3.5.6 Rancangan Layar Tahap 1 Multimedia Storyboard
Project: Analisis dan Perancangan Aplikasi Perangkat Ajar Bahasa Jepang Berbasis Multimedia untuk Siswa Kelas X UPTD SMA Negeri 7 Kota Tangerang
Date:
Screen: 6 of 23 Screen ID: 6
Screen Description:
Jika pengguna menekan tombol tahap 1, pengguna akan disediakan beberapa pilihan materi lagi yaitu hiragana dan katakana berikut soal latihannya.
Link From Screen ID: 5 Link To Screen ID: 5,7,8,9 Color Schemes: transparent white
Text Attributes:
Still Images:
Audio: bgm.mp3 Video:
Animation:
3.5.7 Rancangan Layar Menu Hiragana Multimedia Storyboard
Project: Analisis dan Perancangan Aplikasi Perangkat Ajar Bahasa Jepang Berbasis Multimedia untuk Siswa Kelas X UPTD SMA Negeri 7 Kota Tangerang
Date:
Screen: 7 of 23 Screen ID: 7
Screen Description:
Dalam layar ini pengguna akan diberikan materi tentang hiragana. Materi diberikan dalam bentuk tabel berisi huruf-huruf hiragana, dan jika pengguna menekan salah satu dari huruf hiragana maka akan muncul animasi tentang cara penulisannya dan cara pembacaan dari huruf tersebut.
Link From Screen ID: 6 Link To Screen ID: 5,6,8,9 Color Schemes: transparent white
Text Attributes:
Still Images:
Audio: bgm.mp3 Video:
Animation:
3.5.8 Rancangan Layar Menu Katakana Multimedia Storyboard
Project: Analisis dan Perancangan Aplikasi Perangkat Ajar Bahasa Jepang Berbasis Multimedia untuk Siswa Kelas X UPTD SMA Negeri 7 Kota Tangerang
Date:
Screen: 8 of 23 Screen ID: 8
Screen Description:
Dalam layar ini pengguna akan diberikan materi tentang katakana. Materi diberikan dalam bentuk tabel berisi huruf-huruf katakana, dan jika pengguna menekan salah satu dari huruf katakana maka akan muncul animasi tentang cara penulisannya dan cara pembacaan dari huruf tersebut.
Link From Screen ID: 6 Link To Screen ID: 5,6,7,9 Color Schemes: transparent white
Text Attributes:
Still Images:
Audio: bgm.mp3 Video:
Animation:
3.5.9 Rancangan Layar Menu Latihan Tahap 1 Multimedia Storyboard
Project: Analisis dan Perancangan Aplikasi Perangkat Ajar Bahasa Jepang Berbasis Multimedia untuk Siswa Kelas X UPTD SMA Negeri 7 Kota Tangerang
Date:
Screen: 9 of 23 Screen ID: 9
Screen Description:
Layar ini berisi tentang soal-soal latihan dari materi tahap 1, yaitu hiragana dan katakana. Pengguna harus menyelesaikan target untuk dapat mengakses ke dalam materi tahap 2.
Link From Screen ID: 6 Link To Screen ID: 5,6,7,8 Color Schemes: transparent white
Text Attributes:
Still Images:
Audio: bgm.mp3 Video:
Animation:
3.5.10 Rancangan Layar Menu Tahap 2 Multimedia Storyboard
Project: Analisis dan Perancangan Aplikasi Perangkat Ajar Bahasa Jepang Berbasis Multimedia untuk Siswa Kelas X UPTD SMA Negeri 7 kata benda dan lingkungan sekitar.
Link From Screen ID: 5 Link To Screen ID: 5,11,12,13 Color Schemes: transparent white
Text Attributes:
Still Images:
Audio: bgm.mp3 Video:
Animation:
3.5.11 Rancangan Layar Menu Kata Benda Multimedia Storyboard
Project: Analisis dan Perancangan Aplikasi Perangkat Ajar Bahasa Jepang Berbasis Multimedia untuk Siswa Kelas X UPTD SMA Negeri 7 Kota Tangerang
Date:
Screen: 11 of 23 Screen ID: 11
Screen Description:
Jika pengguna memilih pengenalan kata benda, maka pengguna akan dibawa dalam layar ini. Pengguna akan mendapat tentang kata benda yang sering digunakan dan cara pengucapannya.
Link From Screen ID: 10 Link To Screen ID: 10,12,13 Color Schemes: transparent white
Text Attributes:
Still Images:
Audio: bgm.mp3 Video:
Animation:
3.5.12 Rancangan Layar Menu Lingkungan Multimedia Storyboard
Project: Analisis dan Perancangan Aplikasi Perangkat Ajar Bahasa Jepang Berbasis Multimedia untuk Siswa Kelas X UPTD SMA Negeri 7 Kota Tangerang
Date:
Screen: 12 of 23 Screen ID: 12
Screen Description:
Jika pengguna memilih lingkungan, maka pengguna akan disediakan materi tentang lingkungan berupa peta yang interaktif yang berisi tentang nama-nama tempat. Dan jika pengguna menekan salah satu dari tempat atau benda yang disediakan di dalam peta, maka akan muncul penjelasan tentang tempat tersebut, arti dalam bahasa Jepang, dan pengucapannya.
Link From Screen ID: 10 Link To Screen ID: 10,11,13 Color Schemes: transparent white
Text Attributes:
Still Images:
Audio: bgm.mp3 Video:
Animation:
3.5.13 Rancangan Layar Menu Latihan Tahap 2 Multimedia Storyboard
Project: Analisis dan Perancangan Aplikasi Perangkat Ajar Bahasa Jepang Berbasis Multimedia untuk Siswa Kelas X UPTD SMA Negeri 7 Kota Tangerang
Date:
Screen: 13 of 23 Screen ID: 13
Screen Description:
Pengguna akan diberikan tentang latihan-latihan yang berisi materi tahap 2.
Pengguna harus menyelesaikan target untuk dapat mengakses materi di tahap 3.
Link From Screen ID: 10 Link To Screen ID: 10,11,12 Color Schemes: transparent white
Text Attributes:
Still Images:
Audio: bgm.mp3 Video:
Animation:
3.5.14 Rancangan Layar Menu Tahap 3 Multimedia Storyboard
Project: Analisis dan Perancangan Aplikasi Perangkat Ajar Bahasa Jepang Berbasis Multimedia untuk Siswa Kelas X UPTD SMA Negeri 7 kalimat salam yang sering digunakan dalam bahasa Jepang sehari-hari.
Link From Screen ID: 5 Link To Screen ID: 5,15,16,17 Color Schemes: transparent white
Text Attributes:
Still Images:
Audio: bgm.mp3 Video:
Animation:
3.5.15 Rancangan Layar Menu Jenis Kalimat Multimedia Storyboard
Project: Analisis dan Perancangan Aplikasi Perangkat Ajar Bahasa Jepang Berbasis Multimedia untuk Siswa Kelas X UPTD SMA Negeri 7 kalimat positif, negatif dan interogatif.
Link From Screen ID: 14 Link To Screen ID: 14,16,17 Color Schemes: transparent white
Text Attributes:
Still Images:
Audio: bgm.mp3 Video:
Animation:
3.5.16 Rancangan Layar Menu Kalimat Salam Multimedia Storyboard
Project: Analisis dan Perancangan Aplikasi Perangkat Ajar Bahasa Jepang Berbasis Multimedia untuk Siswa Kelas X UPTD SMA Negeri 7 pengguna maka akan ada penjelasan tentang kalimat salam tersebut, bagaimana pengucapannya dan kapan kalimat tersebut digunakan.
Link From Screen ID: 14 Link To Screen ID: 14,15,17 Color Schemes: transparent white
Text Attributes:
Still Images:
Audio: bgm.mp3 Video:
Animation:
3.5.17 Rancangan Layar Menu Latihan Tahap 3 Multimedia Storyboard
Project: Analisis dan Perancangan Aplikasi Perangkat Ajar Bahasa Jepang Berbasis Multimedia untuk Siswa Kelas X UPTD SMA Negeri 7 Kota Tangerang
Date:
Screen: 17 of 23 Screen ID: 17
Screen Description:
Layar ini akan memberikan latihan dari materi yang dipilih.
Link From Screen ID: 14 Link To Screen ID: 14,15,16 Color Schemes: transparent white
Text Attributes:
Still Images:
Audio: bgm.mp3 Video:
Animation:
3.5.18 Rancangan Layar Menu Kosakata Multimedia Storyboard
Project: Analisis dan Perancangan Aplikasi Perangkat Ajar Bahasa Jepang Berbasis Multimedia untuk Siswa Kelas X UPTD SMA Negeri 7 Kota Tangerang
Date:
Screen: 18 of 23 Screen ID: 22
Screen Description:
Jika pengguna atau admin memilih menu kosakata maka akan ada 2 pilihan yaitu update kosakata atau lihat kosakata.
Link From Screen ID: 5 Link To Screen ID: 20 Color Schemes: transparent white
Text Attributes:
Still Images:
Audio: bgm.mp3 Video:
Animation:
3.5.19 Rancangan Layar Menu Kosakata - Update Multimedia Storyboard
Project: Analisis dan Perancangan Aplikasi Perangkat Ajar Bahasa Jepang Berbasis Multimedia untuk Siswa Kelas X UPTD SMA Negeri 7 Kota Tangerang
Date:
Screen: 19 of 23 Screen ID: 23
Screen Description:
Jika pengguna atau admin memilih menu update kosakata, ada beberapa pilihan yaitu untuk menambahkan, mengubah atau menghapus kosakata yang diinginkan oleh pengguna.
Link From Screen ID: 22 Link To Screen ID: 22 Color Schemes: transparent white
Text Attributes:
Still Images:
Audio: bgm.mp3 Video:
Animation:
3.5.20 Rancangan Layar Menu Kosakata – Lihat Kosakata Multimedia Storyboard
Project: Analisis dan Perancangan Aplikasi Perangkat Ajar Bahasa Jepang Berbasis Multimedia untuk Siswa Kelas X UPTD SMA Negeri 7 admin hanya dapat melihat kosakata yang ingin dipelajari mereka.
Link From Screen ID: 22 Link To Screen ID: 22,23 Color Schemes: transparent white
Text Attributes:
Still Images:
Audio: bgm.mp3 Video:
Animation:
3.5.21 Rancangan Layar Menu Utama Admin Multimedia Storyboard
Project: Analisis dan Perancangan Aplikasi Perangkat Ajar Bahasa Jepang Berbasis Multimedia untuk Siswa Kelas X UPTD SMA Negeri 7 Kota Tangerang
Date:
Screen: 21 of 23 Screen ID: 19
Screen Description:
Menu utama pada admin, terdapat tambahan menu berupa update yang berfungsi untuk mengupdate soal-soal yang ada.
Link From Screen ID: 2 Link To Screen ID: 2,3,4,5,20 Color Schemes: transparent white
Text Attributes:
Still Images:
Audio: bgm.mp3 Video:
Animation:
3.5.22 Rancangan Layar Menu Update Soal Multimedia Storyboard
Project: Analisis dan Perancangan Aplikasi Perangkat Ajar Bahasa Jepang Berbasis Multimedia untuk Siswa Kelas X UPTD SMA Negeri 7 Kota Tangerang
Date:
Screen: 22 of 23 Screen ID: 20
Screen Description:
Jika admin memilih menu update, maka admin akan diberikan beberapa pilihan soal mana yang ingin di update.
Link From Screen ID: 19 Link To Screen ID: 19,21 Color Schemes: transparent white
Text Attributes:
Still Images:
Audio: bgm.mp3 Video:
Animation:
3.5.23 Rancangan Layar Menu Update Latihan 1 Multimedia Storyboard
Project: Analisis dan Perancangan Aplikasi Perangkat Ajar Bahasa Jepang Berbasis Multimedia untuk Siswa Kelas X UPTD SMA Negeri 7 Kota Tangerang
Date:
Screen: 23 of 23 Screen ID: 21
Screen Description:
Salah satu contoh jika admin memilih menu update soal latihan tahap 1. Admin akan diberikan soal-soal yang ada beserta jawaban. Terdapat beberapa tombol pilihan untuk update soal-soal latihan.
Link From Screen ID: 20 Link To Screen ID: 20 Color Schemes: transparent white
Text Attributes:
Still Images:
Audio: bgm.mp3 Video:
Animation: