Nama : sultan salahuddin

NIM : 1404733

Storyboard Pengembangan Web Pembelajaran Videografi.

No. Keterangan Visual Audio

1. Setelah berhasil mengakses alamat web
www.videografismsr.com akan tampil halaman awal
web pembelajaran. Tampilan ini menggunakan HEADER WEB VIDEOGRAFI SMSR
template dari Moodle yang dimodifikasi terutama
pada gambar header web. Header web akan tetap
tampil pada setiap link, kecuali untuk website UNY, Menu Materi Videografi Login
Utama
website SMK Negeri 3 Kasihan, dan link materi
terkait. Deskripsi
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.
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
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
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 HEADER WEB VIDEOGRAFI SMSR
masing masing profil. Untuk kembali ke halaman
utama, kelik tombol back yang terdapat bada web Biodata Singkat
browser, 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 -
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

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

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
News Forum
Gambar Header web
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
No. Keterangan Visual Audio
6. Halaman ini berisi deskripsi materi videografi,
bentuk materi pembelajaran serta jumlah
pertemuan. Untuk kembali ke halaman materi, kelik HEADER WEB VIDEOGRAFI SMSR
tombol back yang terdapat 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
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
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 HEADER WEB VIDEOGRAFI SMSR
ditampilkan 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 -
No. Keterangan Visual Audio
Untuk mengukur penguasaan materi yang telah
9 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