CONTOH Storyboard Pengembangan Multimedia

Storyboard Pengembangan Web Pembelajaran Videografi.

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.

web
Pada halaman ini, banyak link yang dapat diakses
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.
TESIS: Yusron Saudi, ST., M.Pd <2010>
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

TESIS: Yusron Saudi, ST., M.Pd <2010>

 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 dipenuhi user, agar semua HEADER WEB VIDEOGRAFI SMSR
layanan web dapat di akses secara maksimal. Untuk kembali
ke halaman utama, kelik tombol back yang terdapat bada
Petunjuk Penggunaan Web Pembelajaran
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

TESIS: Yusron Saudi, ST., M.Pd <2010>

 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 masing HEADER WEB VIDEOGRAFI SMSR
profil. Untuk kembali ke halaman utama, kelik tombol back
yang terdapat bada web browser, agar dapat melihat profil
lainnya. Biodata Singkat

Halaman Keterangan ……………………………… Foto

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 -
TESIS: Yusron Saudi, ST., M.Pd <2010>
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
P d

Animasi - -
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
TESIS: Yusron Saudi, ST., M.Pd <2010>
CONTOH Storyboard Pengembangan Multimedia

No. Keterangan Visual Audio

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

Materi Pertemuan III Link terkait Materi I

Quiz Pertemuan I

Materi Pertemuan II
TESIS: Yusron Saudi, ST., M.Pd <2010>
 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 yang terdapat HEADER WEB VIDEOGRAFI SMSR
bada web browser.

Halaman Keterangan Pengantar Web Pembelajaran videografi

Web …………………………………………………………
Pengantar Ketentuan materi yang dibahas
…………………………………………………………
web pada web videografi
…………………………………………………………
pembelajaran
Gambar Header web ……………………………………………………… -
Foto -
Animasi -
Video -
Teks Deskripsi materi videografi
Link Informasi pendaftaran

TESIS: Yusron Saudi, ST., M.Pd <2010>

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
TESIS: Yusron Saudi, ST., M.Pd <2010>
 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 dapat HEADER WEB VIDEOGRAFI SMSR
dibaca atau di unduh dan bahkan dapat langsung diprint.

Halaman Keterangan Materi PDF

Web …………………………………………………………
Materi PDF Penjelasan lengkap setiap materi
…………………………………………………………
dalam satu dokumen Adobe
…………………………………………………………
Acrobat Reader.
…………………………………………………………
Gambar Materi
Foto - ………………………………………………………… -
Animasi -
Video -
Teks Uraian materi Format PDF
Link -

TESIS: Yusron Saudi, ST., M.Pd <2010>

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

TESIS: Yusron Saudi, ST., M.Pd <2010>