CONTOH Storyboard Pengembangan Multimedia

Storyboard Pengembangan Web Pembelajaran Videografi. Yusron Saudi, ST., M.Pd <2010> 

No. Keterangan Visual Audio

1. Setelah berhasil mengakses alamat web
www.videografismsr.com akan tampil halaman awal
HEADER WEB VIDEOGRAFI SMSR
web pembelajaran. Tampilan ini menggunakan
template dari Moodle yang dimodifikasi terutama
pada gambar header web. Header web akan tetap Menu Materi Videografi Login
tampil pada setiap link, kecuali untuk website UNY,
Utama
website SMK Negeri 3 Kasihan, dan link materi
Deskripsi
terkait.
Pada halaman ini, banyak link yang dapat diakses web
seperti petunjuk penggunaan, profil, materi
pembelajaran, dll.
Tombol navigasi pada web pembelajaran ini hanya Online
menggunakan fasilitas yang tersedia pada web User -
browser. Untuk kembali ke halaman sebelumnya,
dapat menggunakan tombol back pada browser.
Untuk ke akses berikutnya menggunakan link, pada
saat pointer mouse berubah seperti simbol tangan
maka ada link yang terhubung sesuai dengan
kata/kalimat yang disorot pointer. Tabel dibawah ini
berisi komponen yang terdapat pada halaman awal
web pembelajaran.
CONTOH Storyboard Pengembangan Multimedia
No. Keterangan Visual Audio

Halaman Keterangan
Web
Pembuka web Tampilan awal ketika mengakses
web dan terdapat judul web.
Gambar Header web
Foto -
Animasi -
Video -
Teks Judul web, keterangan link,
deskripsi web.
Link Menu utama: petunjuk -
penggunaan web, profil
pengembang, profil pembimbing,
profil ahli materi, profil ahli
media.
Materi videografi
Login
Deskripsi web: website UNY,
website SMK N 3 Kasihan Bantul
Online user

 
CONTOH Storyboard Pengembangan Multimedia

No. Keterangan Visual Audio

2. Untuk masuk ke halaman petujuk web, user harus
mengklik link yang terdapat pada Menu Utama.
Halaman ini berisi segala ketentuan yang harus HEADER WEB VIDEOGRAFI SMSR
dipenuhi user, agar semua layanan web dapat di
akses secara maksimal. Untuk kembali ke halaman
Petunjuk Penggunaan Web Pembelajaran
utama, kelik tombol back yang terdapat bada web
browser. …………………………………………………………
…………………………………………………………
Halaman Keterangan …………………………………………………………
Web
………………………………………………………
Petunjuk Syarat dan ketentuan agar dapat
penggunaan mengaskses web secara maksimal -
web
Gambar Header web
Foto -
Animasi -
Video -
Teks Deskripsi petunjuk web
Link e-mail admin

   
CONTOH Storyboard Pengembangan Multimedia

No. Keterangan Visual Audio

3. Link profil pengembang, profil pembimbing, profil
ahli materi, dan profil ahli media terdapat pada Menu
Utama. Halaman ini berisi biodata singkat masing HEADER WEB VIDEOGRAFI SMSR
masing profil. Untuk kembali ke halaman utama,
kelik tombol back yang terdapat bada web browser,
Biodata Singkat
agar dapat melihat profil lainnya.
……………………………… Foto
Halaman Keterangan ………………………………
Web ………………………………
Profil Informasi yang terkait ………………………………
pengembang, pembimbing, ahli
……………………………… -
materi, dan ahli media.
………………………………
Gambar Header web, header profil
Foto Pengembang
Animasi -
Video -
Teks Biodata singkat
Link -

   
CONTOH Storyboard Pengembangan Multimedia

No. Keterangan Visual Audio

4.
Halaman Keterangan
Web HEADER WEB VIDEOGRAFI SMSR
Login Menu Login digunakan untuk
masuk ke halaman materi Login disini menggunakan nama pengguna dan
pembelajaran. password Anda:
Gambar Header web
Nama Pengguna
Foto - login
Animasi - P d -
Video -
Teks Petunjuk singkat untuk login Login sebagai tamu
Link Login
Login sebagai tamu Ya, bantu saya untuk login
Ya, bantu saya untuk login Beberapa kursus membolehkan akses pengguna tamu

   
CONTOH Storyboard Pengembangan Multimedia

No. Keterangan Visual Audio

5.
Halaman Keterangan
Web HEADER WEB VIDEOGRAFI SMSR
Materi Menu Login digunakan untuk
masuk ke halaman materi Aktivitas Pengantar Berita
pembelajaran. terbaru
Gambar Header web News Forum
Agenda
Foto - Kegiatan
Animasi -
Materi Pertemuan I
Video -
Teks Petunjuk singkat untuk login Tujuan Pembelajaran I
Link Participant
Materi I
Search Forum -
Pengantar Materi PDF Pertemuan I
News Forum
Link terkait Materi I
Materi Pertemuan I
Materi Pertemuan II Quiz Pertemuan I
Materi Pertemuan III

Materi Pertemuan II

 
CONTOH Storyboard Pengembangan Multimedia

No. Keterangan Visual Audio

6. Halaman ini berisi deskripsi materi videografi,
bentuk materi pembelajaran serta jumlah pertemuan.
Untuk kembali ke halaman materi, kelik tombol back HEADER WEB VIDEOGRAFI SMSR
yang terdapat bada web browser.
Pengantar Web Pembelajaran videografi
Halaman Keterangan
Web …………………………………………………………
Pengantar Ketentuan materi yang dibahas …………………………………………………………
web pada web videografi …………………………………………………………
pembelajaran ……………………………………………………… -
Gambar Header web
Foto -
Animasi -
Video -
Teks Deskripsi materi videografi
Link Informasi pendaftaran

   
CONTOH Storyboard Pengembangan Multimedia

No. Keterangan Visual Audio

7.
Halaman Keterangan
Web HEADER WEB VIDEOGRAFI SMSR
Materi Penjelasan setiap materi
Pembelajaran
Materi
Gambar Header web, gambar terkait
materi …………………………………………………………
Foto - …………………………………………………………
Animasi Gerakan kamera
Video Tutorial Gambar
Narasi video
Teks Uraian materi tutorial
Link -
Animasi

Video Tutorial

   
CONTOH Storyboard Pengembangan Multimedia

No. Keterangan Visual Audio

8. Ketika mengakses materi dalam format PDF, maka
akan secara otomatis terbuka satu tampilan baru yaitu
tampilan aplikasi PDF. Materi yang ditampilkan HEADER WEB VIDEOGRAFI SMSR
dapat dibaca atau di unduh dan bahkan dapat
langsung diprint.
Materi PDF
Halaman Keterangan …………………………………………………………
Web …………………………………………………………
Materi PDF Penjelasan lengkap setiap materi …………………………………………………………
dalam satu dokumen Adobe …………………………………………………………
Acrobat Reader.
………………………………………………………… -
Gambar Materi
Foto -
Animasi -
Video -
Teks Uraian materi Format PDF
Link -

   
CONTOH Storyboard Pengembangan Multimedia

No. Keterangan Visual Audio

9. Untuk mengukur penguasaan materi yang telah
dipelajari maka disediakan Quiz pada setiap akhir
pertemuan. HEADER WEB VIDEOGRAFI SMSR

Halaman Keterangan
Soal 1
Web
Quiz Mengukur kemampuan siswa. …………………………………………………………
Gambar Soal …………………………………………………………
Foto -
Animasi - Submit -
Video -
Teks Uraian materi Format PDF
Link Submit
Soal 2
Save without submitting
Submit page …………………………………………………………
Submit All and finish