STORYBOARD DAN FLOWCHART

MEDIA INTERAKTIF

Dosen Pengampu :
Basrul Abdul Majid

Disusun Oleh :
Nama : Rifka Aulia
NIM : 180212070

PROGRAM STUDI PENDIDIKAN TEKNOLOGI INFORMASI

FAKULTAS TARBIYAH DAN KEGURUAN
UNIVERSITAS ISLAM NEGERI AR-RANIRY BANDA ACEH
2021
 STORYBOARD

Mata Kuliah : Multimedia Interaktif

Pokok Bahasan : Software Desain Grafis

Kegiatan/
No. Visual Scene/Fram Navigasi Keterangan Musik Durasi
e
1
Opening/ Tidak ada Pada scene opening terdapat Musik latar Tidak
Loading batang loading yang bergerak terbatas,
Loading...
berlahan-lahan. batang tersebut tergantung
merupakan movie clip. pengguna

TEMA Tombol Pada scene ini terdapat teks yang Musik latar, Tidak
Intro
mulai dan berisi tema, nama, logo, dan effect button terbatas,
Logo
transisinya tombol menu tergantung
Nama
pengguna
Mulai
Judul Keluar Menu Terdapat Pada scene ini terdapat menu Musik latar, Tidak
Tujuan
tombol dan utama, yaitu berupa teks judul effect button terbatas,
Materi transisi dari “Software Desain Grafis”, tergantung
Evaluasi
Gambar sub-menu : kemudian terdapat juga tombol pengguna

Profi
- Tujuan menu, yaitu tujuan, materi,
- Materi evaluasi, profil, dan bantuan
Bantual

- Evaluasi serta di pojok kiri terdapat

- Profil tombol keluar seperti pada sketsa
- Petunjuk tersebut. Dan juga terdapat
- Keluar gambar tentang materi yang akan
“Keluar” dibahas.

Tujuan Pembelajaran Home Tujuan Tombol Pada scene ini hanya terdapat Musik latar, Tidak
pembelajaran
home satu tombol yaitu tombol home, effect button terbatas,
“(Home)” dan dilengkapi dengan teks sub- tergantung
Teks
judul serta teks lainnya yang pengguna
berisi SK,KD,indikator, dan
tujuan dari pembelajaran.
 Home
Materi Tombol Pada scene ini berisi tombol Musik latar, Tidak
home, tombol kembali dan lanjut
home effect button terbatas,
serta materi yang tertulias
“(Home)” sebagai berikut : tergantung
Teks materi
pengguna
Frame 1 :
Tombol
kembali
Adobe Photoshop

Tombol
Software desain grafis yang
lanjut
pertama adalah Adobe
Photoshop sering digunakan
oleh sebagian pengguna sejak
dulu. Software ini berfungsi
untuk mengedit gambar,
membuat, menyunting, dan
memodifikasi sejumlah gambar
digital yang ada di dalam
komputer.
Software ini pun sudah lama ada
dan digunakan sejak beberapa
tahun terakhir dan terus
berkembang. Perkembangan
software desain grafis Adobe
Photoshop mampu
memanipulasi berbagai bentuk
gambar.
Anda dapat berkreasi dengan
mengedit setiap Layer dengan
berbagai Tools penunjang.
Untuk dapat mendalami
penggunaan software Adobe
Photoshop, Anda dapat
menemukan berbagai tutorial di
Youtube. Disana terdapat
banyak tutorial dan teknik
desain yang dibuat dengan
mudah dan cepat.

Frame 2 :

Corel Draw

Selain Adobe Photoshop, Corel

Draw juga merupakan salah satu
software desain grafis yang sejak
dulu digunakan oleh sebagian
orang. Aplikasi desain grafis ini
digunakan untuk membuat berbagai
macam desain, misalnya saja
seperti kartu nama, logo, stiker,
poster, dan masih banyak lagi yang
lainnya.

Umumnya software desain grafis

Corel Draw digunakan untuk
membuat desain berbasis vektor
seperti garis lurus, garis lengkung,
kotak, lingkaran dan lainnya.
Perlu diketahui pula kelebihan dari
Corel Draw adalah Anda dapat
memperbesar dan mengecilkan
suatu objek tanpa takut kehilangan
kerapatan pixelnya
Anda pun dapat berkreasi dengan
cepat untuk membentuk berbagai
desain dengan mudah untuk segala
ukuran cetak nanti seperti membuat
spanduk, kartu nama, company
profile, brosur dan lainnya.

Frame 3 :

Adobe Illustrator

Aplikasi yang satu ini sering

digunakan untuk membuat gambar
bertipe vektor. Hasil pembuatan
desain dari aplikasi yang satu ini
misalnya saja seperti media
promosi, logo perusahaan, dan
sebagainya. Bentuk desainnya bisa
berupa produk print out atau digital
sekali pun.
Bisa dikatakan mirip dengan Adobe
Corel Draw, namun yang
membedakannya adalah
tersedianya fitur Layer seperti di
Adobe Photoshop.
Dengan adanya fitur Layer mampu
membantu Anda berkreasi
membuat desain grafis yang lebih
kompleks dan dapat membantu
 Anda melakukan perubahan dengan
cepat untuk setiap layer.
Untuk kelebihan lainnya yaitu
EVALUASI Home
terdapat tools yang lebih lengkap,
Nama : dapat diintegrasi dengan software
Adobe lainnya, mampu membuka
NIM :
file yang sangat besar tanpa
kendala, dapat menghasilkan
Mulai
kualitas warna yang tajam.

Dan seterusnya...

Evaluasi Tombol Pada scene ini tertulis teks : Musik latar, Tidak
frame awal
home Nama : effect button terbatas,
“(Home)” NIM : tergantung
Dan tombol pengguna
mulai Dan juga terdapat tombol home
dan tombol mulai, tombol mulai
disini adalah navigasi untuk
memulai tes. Dan tombol home
untuk kembali ke menu awal
 HASIL EVALUASI Home Evaluasi Tombol Letak frame ini diakhir setelah Musik latar, Tidak
frame akhir home frame soal, Frame ini adalah effect button terbatas,
Nama :
“(Home)” frame hasil evaluasi yang telah tergantung
NIM : Dan tombol dilakukan. yang terdapat skor, pengguna
Skor
ulang, serta skor tersebut adalah output
Ulang
papan skor daripada evaluasi yng dilakukan,
apabila skor nya rendah,
pengguna dapat memulai dengan
menekan tombol ulang, dan
apabila tidak ingin mengulang
lagi, pengguna dapat menekan
tombol home

Soal Evaluasi Home Evaluasi Tombol Pada scene ini terdapat soal yang Musik latar, Tidak
frame tengah
1. jawaban no 1 adalah...
home tertulis : effect button terbatas,
a. a “(Home)”, tergantung
b. b
c. c
tombol Frame 1 : pengguna
d. d kembali
1. CorelDRAW adalah jenis
Tombol software...
lanjut A. Networking
B. Software Editor Grafik
 Vector
Dan tombol C. Software Browser
Jawaban D. Software Video Edting
(a,b,c,atau E. Software Animasi Flash
d)
Frame 2 :

2. Saat kita selesai membuat

vector atau sebuah desain,
bagaimana cara mengexport
gambar di corelDRAW...
A. File ? Export
B. File ? Import
C. File ? Exit
D. File ? Print
E. File ? Save

Frame 3 :
3. Software editing video yang
benar dibawah ini adalah...
A. Adobe Premiere 
B. Adobe Photoshop
C. Notepad
D. Paint
E. Microsoft Power Point

Frame 4 :

4. Dibawah ini Dimension Tool

adalah alat untuk...
A. Membuat kotak pada gambar
B. Membuat tabel
C. Membuat Static Data
D. Membentuk garis dimensi
vertikal, horizontal, diagonal,
dan sebagainya
E. Membuat kurva
 Frame 5 :

5. Format file berikut yang

merupakan format standar untuk
publikasi elektronik dan internet
adalah sebagai berikut...
A. JPG
B. GIF
C. PNG
D. MP3
E. MP4

Profil Tombol Pada scene ini terdapat, teks Musik latar, Tidak
Profil Home home sub-judul serta biodata pembuat effect button terbatas,
“(Home)” media, dan juga bisa dimasukkan tergantung
photo dan juga terdapat tombol pengguna
Teks Biodata
home untuk kembali
PETUNJUK Home Help Tombol Pada scene ini terdapat, teks Musik latar, Tidak
home sub-judul, dan juga teks yang effect button terbatas,
photo
“(Home)” berisi tutorial mengguna aplikasi tergantung
Teks
pengguna

(Tertulis)
Tombol Musik latar, Tidak
Apakah anda ingin keluar?
apakah anda yakin ingin keluar? “Ya” san effect button terbatas,
(Pilihan)
tombol tergantung
Ya (akan keluar aplikasi)
Ya Tidak “Tidak” pengguna
Tidak (kembali ke menu utama)
 FLOWCHART

Opening

-
Intro

Tombol mulai

Yes No

Berhasil?

Menu Utama

Tujuan Materi Evaluasi Profil Help

Tampilan Tujuan Bagian 1 Form Evaluasi Biodata Tutorial

penggunaan
No
Berhasil ?
Bagian 2 aplikasi

Yes
Bagian 3
Soal

Eksekusi soal

Hasil Keluar