®¯
Pengembangan tampilan
visual dimulai
dengan mengumpulkan atau membuat piktorial dan elemen teks yang akan
dimunculkan dalam tampilan. Elemen ditentukan oleh hasil analisis pembelajaran yang telah dilakukan terlebih dahulu. Elemen dapat
dibedakan menjadi elemen visual yang terdiri dari visual realistik, analogi, dan organisasi dan elemen verbal yang terdiri dari jenis,
bentuk, warna, dan ukuran huruf. Terdapat elemen tambahan untuk menambah daya tarik tampilan yaitu surprise, tekstur untuk
memunculkan kesan tiga dimensi, dan interaksi siswa dengan tampilan. Penjelasan elemen tampilan dapat dilihat seperti pada
gambar sebagai berikut:
Gambar 2. Elemen Tampilan Visual Sumber: Heinich 1996: 76
Interaction Texture
Spacing
Visual Design
Elements That Add Appeal
Verball Elements Visual Elements
Size Colour
Number of Style Realistic
Analogic Organizational
Letter Style
Capitals Surprise
°°
1 Visual elements
Terdapat tiga kategori simbol visual: a realistic
menggambarkan objek secara aktual atau sesuai dengan kenyataan yang sebenarnya. Sebuah objek atau peristiwa
aktual akan selalu memiliki aspek yang tidak dapat diilustrasikan sekalipun dalam gambar tiga dimensi; b analogic
menggambarkan sebuah
konsep atau
topic dengan
menggunakan benda atau sesuatu lain yang memiliki kemiripan. Misalnya pengajaran tentang rangkaian arus listrik
dijelaskan dengan aliran air pada pipa paralel dan seri; c organization meliputi: diagram, peta, skema, flowchart, dll.
Grafik seperti ini menunjukan hubungan antara poin-poin utama atau konsep dalam materi.
2 Verball elements, enam kategori dalam elemen verbal sebagai
berikut: a
Letter style jenis huruf Jenis huruf harus konsisten dan serasi dengan
elemen-elemen visual lain. Penggunaan huruf yang
sederhana tidak penuh dengan hiasan-hiasan sangat baik untuk tampilan visual. Untuk keperluan desain pesan
pembelajaran, jenis
huruf yang
sederhana lebih
diutamakan. Misalnya huruf-huruf jenis Serif atau Sanserif. b
Numbering of lettering styles Sebuah tampilan visual atau rangkaian tampilan
visual sebaiknya tidak menggunakan lebih dari dua jenis
±²
huruf dan kedua jenis huruf ini harus sesuai satu dengan lain.
c Capital
Penggunaan huruf besar disarankan hanya pada hal-hal yang normal. Untuk judul dengan kalimat yang
pendek dapat menggunakan huruf besar, tetapi kalimat yang lebih dari tiga kata dan kalimat penuh lebih baik
menggunakan huruf kecil. d
Colour of lettering Warna tulisan harus dikontraskan dengan warna
latar belakang background hal ini bertujuan untuk mempermudah pembacaan dan memberikan penekanan
pada bagian yang penting pada sebuah pesan. e
Size of lettering Ukuran huruf sangatlah berhubungan dengan
kemudahan cara membaca. f
Spacing between letters Pemberian jarak antar sebuah kata
harus didasarkan pengalaman tidak hanya sekedar didasarkan
pada dasar mekanik. Hal ini karena beberapa huruf misalnya: A, I, K, dan W memiliki perbandingan huruf
yang sangat tidak beraturan jika dibandingkan dengan huruf-huruf persegi misalnya: H, M, N, dan S dan huruf-
huruf melingkar misalnya: C, G, O, dan Q
³´
Ketika huruf-huruf
persegi dan
huruf-huruf melingkar digabungkan dengan perbandingan jarak
tertentu, maka jarak antara huruf-huruf memiliki pola rata. Tetapi ketika huruf-huruf yang tidak beraturan digabungkan
dengan cara yang sama, maka jarak antara huruf-huruf memiliki pola yang tidak rata. Satu-satunya cara untuk
mengatasi hal tersebut adalah memberi ruang untuk semua huruf dengan pemberian jarak secara optikal.
g Spacing between lines
Jarak vertikal antar baris memegang peranan penting untuk kemudahan cara membaca. Apabila jarak
antar baris terlalu dekat, akan menyebabkan tulisan menjadi kabur dan tidak terbaca, tetapi apabila jarak antar
baris terlalu jauh, tulisan dalam tayangan akan terlihat kurang menyatu.
3 Elements that add appeal
a Surprise
Merupakan cara memperoleh perhatian dengan melakukan
sesuatu yang
tidak terduga.
Misalnya memberikan kiasan yang tidak biasa, menggabungkan
sebuah kata dengan sebuah gambar yang tidak tepat, memberikan warna yang lebih berani, dan memberikan
perubahan ukuran dengan yang dramatis.
µ¶
Siswa memberi perhatian sepanjang mereka memperoleh informasi baru, tetapi akan pergi apabila
pesan yang disampaikan menjadi monoton. b
Texture Merupakan bahan atau objek yang memiliki ciri-ciri
tiga dimensi. Penggunaan tekstur dapat menimbulkan kesan kasar atau halus. Tekstur dapat digunakan untuk
menekankan suatu unsur. c
Interaction Siswa dapat ditanya untuk menanggapi tampilan
visual dengan membuat tiruan bahan pada tampilan, menjawab dengan memindahkan kartu matematika ke
posisi yang benar, menjawab pertanyaan geografi yang disembunyikan di bawah penutup yang dapat dipindah-
pindah, dan menekan tombol tampilan cuaca yang sedang terjadi diluar kelas.
7. Pengembangan Media Pembelajaran
· ¸
¹
r
º »¼½
u r
¹ ¼
n
¾¼
m
¿·
n
¾ ·
n
À ¼ ½Á·
¹ ¼
m
¿ ¼Â ·
÷
r
·
n
¹ ¼
n
¾¼
m
¿·
n
¾ ·
n m
¼ ½Á·
p
¼
m
¿ ¼Â ·Ã·
r
·
n p
¼
rlu
½Á  ·
k u
k
·
n
» ¼
Ä ·
r
·
sist
¼
m
·
tik
¿ ¼
r
½·»·
rk
·
n
 ·
n
¾
k
· Å
Æ Â ·
n g
k
·
h y
·
n g
»·
lin g
t
¼
rk
·
it
»¼
hin g
g
· ½·
p
·
t
½
ih
·
silk
·
n m
¼½Á·
p
¼
m
¿ ¼Â ·
à ·
r
·
n y
·
n g
¿·
ik
½·
n
¿ ¼
rm
·
n
Ç · ·
t
¸ À
¼ ½Á·
p
¼
m
¿ ¼Â ·Ã·
r
·
n m
¼
m
·
n g
m
¼
n g
· Ä
u p
· ½ ·
sisw
· ¸
È ¼
t
Á·
p in
½
iv
Á½
u sisw
· ½
ip
¼
rtim
¿ ·
n g
k
·
n m
¼
m ilik
i k
¼
k h
·
s
·
n m
·
sin g
Æ
m
·
sin g
¸
ÉÊ ËÌÍ
lim
Í
k o
n
ÎÏ
p
Ì Í
Ð Í
m p
r
Ñ Î Ï Ì
u r p
Ï
n
Ò Ï
m
Ó Í
n
ÒÍ
n m
Ï Ì Ô Í
p
Ï
m
ÓÏÐ Í ÕÍ
r
Í
n y
Í Ô Ö
u design, develop, implement, evaluate
Ë ×
×ØÙ ×Ï
w i
Ú Í
lm
Í Û
r
Í
w ir
Í Ì
ÔÐ ÍÒÍ
Ü ÝÞÞ
Ê ß Ý à
á Û
Ï
n
ÕÍ Ó
Í
r
Í
n m
Í
sin
Ò â
m
Í
sin g
k o
n
Î Ï
p t
Ï
r
Î ÏÓ
u t
ÍÌÍ Ð
Í
h
ã à
ä
analyze
ã
m
Ï
n g
Í
n
Í
lisis
ä ß
k
Ï Ó
u tu
h
Í
n
Ü
p
ÏÎ Ï
rt
Í Ì
Ô Ì
ik
Ü ÌÍ
n
ÎÏ
t
Ï
ru sn
y
Í å
ã Ý
ä
design
ã
m
Ï
n
Ì Ï ÎÍ
in
ä ß
ru m
u
Î Í
n
Ü
k o
m p
Ï
t
Ï
n
Î Ô
Ü
str
Í
t
Ï
g i
å ã
É ä
develop
ã
m
Ï
n g
Ï
m
Ó Í
n g
k
Í
n
ä ß
m
Í
t
Ï
ri
Í ÕÍ
r
Ü
m
Ï Ì Ô Í
Ü ÌÍ
n
Î Ï
t
Ï
ru sn
y
Íå ã
æ ä
implement
ã
m
ÏÐ Í
k
Î Í
n
Í
k
Í
n
ä ß
t
Í
t
Í
p m
u k
Í Ü
ÍÎ Ï
sm
Ï
n
Ü ÌÍ
n
Î Ï
t
Ï
ru sn
y
Íå ÌÍ
n
ãçä
evaluate
ã
m
Ï
n
ÔÐ Í
i
ä ß
p ro
g r
Í
m p
Ï
m
ÓÏÐ Í ÕÍ
r
Í
n
Ü
p
Ï
r
Ó Í
ik
Í
n
á è
Ï
n u
ru t
Û Í
n n
Ï
n
ÌÍ
n
Û
u sp
it
Í
sri
ã Ý ÞÞ
É ß à
Ê â
Ý é
ä
p
Í
lin g
t
Ô ÌÍ
k
ÍÌÍ
lim
Í Ð Í
n g
k
Í
h u t
Í
m
Í ÌÍ
Ð Í
m p
r
Ñ Î Ï Ì
u r p
Ï
n g
Ï
m
Ó Í
n g
Í
n m
Ï Ì
i
Í
p
Ï
m
ÓÏÐ Í ÕÍ
r
Í
n
Ü
y
Í
itu
Í
n
Í ÐÔ ÎÔ Î
Ü
p
Ï
r
Ï
n
êÍ
n
Í Í
n
Ü
p
Ï
n g
Ï
m
Ó Í
n g
Í
n
Ü Ï
v
Í
lu
ÍÎ Ô
Ü ÌÍ
n r
Ï
v
Ô Î Ô
á à
ä Ë
n
Í
lisis
ë Í
h
Í
p in
i m
Ï
ru p
Í
k
Í
n t
Í
h
Í
p u
n tu
k m
Ï
n g
Ï
n
Í
l
Î Ô Í
p
Í
sisw
Í
k it
Í Ì
Ï
n g
Í
n p
Ï
r
Ô Ð Í
k u
Í
w
Í
l
ÌÍ
n k
Í
r
Í
k t
Ï
ristik
Í
w
Í
l y
Í
n g
Ì
im ilik
in y
Í á
Û Ï
r
ÔÐ Í
k u
Í
w
Í
l
ÓÏ
rk
Ï
n
Í Í
n
Ì Ï
n g
Í
n p
Ï
n g
u
Í ÎÍÍ
n
ÌÍ
n k
Ï
m
Í
m p
u
Í
n
ÓÔ ÌÍ
n g
ilm u
ÌÍ
n m
Í
t
Í
p
ÏÐ ÍÕÍ
r
Í
n y
Í
n g
su
ÌÍ
h
Ì
im ilik
i sisw
Í á
ì Í
r
Í
k t
Ï
ristik
Í
w
Í
l m
Ï
m
ÓÏ
rik
Í
n in
í
o rm
Í
si t
Ï
n t
Í
n g
ê
iri
â ê
iri sisw
Í ÌÍ
ri
Î Ï
g i
Ì Ï
m o
g r
Í í
i m
Í
u p
u n
í
isik n
y
Í
m
Ô ÎÍ
ln y
Í ÓÏ
ru
Î Ô Í
Ì ÔÓ Í
w
Í
h
àà
t
Í
hu n
ÌÍ
n
ÓÏ
r
ÍÎÍ
l
ÌÍ
ri k o
t
Í á
Ý ä
Û Ï
r
Ï
n
ê Í
n
ÍÍ
n
Û Í
Ì Í
t
Í
h
Í
p p
Ï
r
Ï
n
êÍ
n
ÍÍ
n in
i y
Í
n g
p
Ï
rlu
Ì
i
Ð Í
k u
k
Í
n
Í ÌÍ
Ð Í
h m
Ï
ru m
u sk
Í
n k
o m
p
Ï
t
Ï
n si sisw
Í ÓÏ
r
ÌÍÎÍ
rk
Í
n
Í
n
Í
l
Ô Î Ô Î
Ü
p
Ï
m ilih
Í
n
îï
m
ð
t
ñ
ri p o
k o
k p
ñ ò
ðóð
r
ð
n
ô
p
ñ
m
õòõöð
n m
ñ÷õ ð
÷ ð
n su
m
ø ñ
r
ø ñò ð
ó ð
r
ô ù ñ
rt
ð
p
ñ
m
õ òõ öð
n str
ð
t
ñ ú õ
p
ñ
m
ø ñ ò
ðóð
r
ð
n
û î
ü ñ
n
ú ñ
m
øð
n
úð
n
ýðöð
p
õ þ õ
m
ñ
ru p
ðÿ ð
n t
ð öð
p p
ñ
m
ø
u
ð
t
ð
n su
m
ø ñ
r
ø ñò ðóð
r y
ð
n
ú ÷õÿ ñ
m
øð
n
ú ÿ ð
n
û ü
ñ
r
ù õ ð
p
ð
n
÷ ð
n p
ñ
r
ñ
n
ð
n
ðð
n y
ð
n
ú øðõ
ÿ ðÿ
ð
n m
ñ
n
úö ð ù õò ÿ
ð
n p
ro
÷
u
ÿ
y
ð
n
ú øðõ ÿ
ó úðû
v
ð
lu
ð
si v
ð
lu
ð
si m
ñ
ru p
ð
k
ð
n p
ro s
ñ
s u n
tu k
m
ñ
m p
ñ
r
òñ ö
ø ñ
r
ð úð
m r
ñ ð
k si
÷ ð
ri
ø ñ
r
øð úð
i p
õöð
k t
ñ
r
ö ð÷ ð
p su
m
ø ñ
r
ø ñ ò
ðóð
r y
ð
n
ú ÷õÿñ
m
øð
n
úðÿ ð
n
û ñ
ð ÿ ù õ
õ þ õ
m
ñ
ru p
ð ÿ ð
n m
ð
su
ÿ ð
n y
ð
n
ú ÷
ð
p
ð
t
÷õ ú
u n
ð ÿ ð
n u
n tu
ÿ
m
ñ
n
óð÷õ ÿ ð
n su
m
ø ñ
r
ø ñ ò
ðóð
r m
ñ
n
óð÷õ ø ñ
r
ÿ
u
ð òõ ðùû
ñ
v
õ ù õ
ñ
v
õ ù õ
m
ñ
ru p
ð ÿ ð
n p
ñ
r
ø ð õÿ
ð
n y
ð
n
ú
m u
n
ú ÿõ þ
÷õ ò
ð ÿ
u
ÿ ð
n t
ñ
r
öð÷ ð
p su
m
ø ñ
r
ø ñò ðóð
r
ø ñ
r
÷ ðùð
r
ÿð
n m
ð
su
ÿ ð
n
÷ ð
r
õ ö ð
ù õò
r
ñ
v
õ ù õû
øû ð
k to
r
ð
k to
r
÷ ð ò
ð
m
ü ñ
n g
ñ
m
øð
n g
ð
n
ñ÷õ ð
ü ñ
m
øñ ò
ðóð
r
ð
n zh
ð
r rsy
ð÷
m
ñ
n g
ñ
m u
k
ð
k
ð
n
øð
hw
ð
k rit
ñ
r
õð
y
ð
n g
h
ð
ru s
÷
ip
ñ
rtim
øð
n g
k
ð
n
÷ ðò
ð
m p
ñ
n g
ñ
m
øð
n g
ð
n m
ñ ÷õ
ð
p
ñ
m
ø ñò ð
óð
r
ð
n
ð÷ ð ò
ð
h
÷
u k
u n
g
ð
n t
ñ
rh
ð ÷ ð
p isi
øð
h
ð
n p
ñò ðóð
r
ð
n
÷ ð
n k
ñ
m u
÷ ð
h
ð
n m
ñ
m p
ñ
r
òñ
hn y
ð û
õ ùð
m p
in g
itu
ô
p
ñ
rlu ju
g
ð ÷
ip
ñ
rtim
øð
n g
k
ð
n h
ð
l h
ð
l y
ð
n g
ò ð
in
ù ñ
p
ñ
rti k
ñ ù ñ
su
ð õ ð
n
֖
n g
ð
n tu
ju
ð
n y
ð
n g
in g
in
÷õ ð
p
ð õ ô
k
ñ
t
ñ
p
ð
t
ð
n u
n tu
k m
ñ
n
÷
u k
u n
g isi p
ñò ðóð
r
ð
n y
ð
n g
ù õ
ð
tn y
ð ð
k t
ðô
k o
n
ù ñ
p
ô
p risn
sip
÷ ð
n g
ñ
n
ñ
r
ð òõ ùðù õ
ô
k
ñ
p r
ð
k t
õ ùð
n
÷ ð
n m
u tu
t
ñ
k n
õ ùû
nn n
n u
sp it
s ri
m m
rik n
p rtim
n g
n y
n g
ih t k
n is
i m n
t r
p t
r p
k o
m p
o n
n y
n g
p rlu
ip rh
tik n
m m
n g
m n
g k
n m
p m
r n
rt m
k rm
t n
isi m
p n
g rt
n v
it k
hih n
isi t
u k
n r
n isi
r k
ilm u
n n
k n
r n
isi r
rk n
sist m
n i y
n g
n u
t h m
sy r
k t
t u
su tu
n g
it s isi m
n u
n ju
k n
hw m
i p
m r
n ik
m n
g k
n r
rk n
su tu
k o
n p
n t
o ri
y n
g r
k u
m n
g ilm
u rt
k m
u t
k hir
n su
tu n
g ilm
u
+
u k
t p
t n
k u
p n
y n
g rhu
u n
g n
n g
n isi
su m
r r
ri isi k lu
n n
k m
n isi
t u
m t
ri rt
k u
u tu
h n
k o
n p
r r
n g
ilm u
+
tig k
t r
n n
n m
p m
r n
i m n
m p
m r
n h
ru s m
m ilik
i tin g
k t k
t r
n n
n y
n g
ik m
h l in
i m
p m
r n
h ru
s p
t ip
h m
i n
isin y
p t
im n
g rti
h sisw n
g n
m u
h
, -
Macromedia Flash dalam Pengembangan Media Pembelajaran
.
n g
n l
Macromedia Flash Professional 8 Macromedia Flash Professional 8
m ru
p k
n tw
r y
n g
ir n
n g
u n
tu k
m m
u t
n im
si r
ris v k
to r
n g
n h
sil y n
g m
m p
u n
y i u
k u
r n
k il
1
m n
g
2
riy n
t
2
w ln
y tw
r in
i m m
n g
r hk
n u
n tu
k m
m u
t n
im si
t u
p lik
si r
sis in
t rn
t online
3
t p
i p
45
p
6
rk
6
m
78
n
98
n n
y
8 78
n y
8: ;9
u n
8 : 8
n u
n tu
:
m
6
m
7
u
8
t
8
n
=8 8
t
8
u
8
p
? :
8
y
8
n
9 7
u
: 8
n
76
r
78
t
6
rn
6
t offline
A B8
m
78
n
9 C;
r
D8
n to
E 55 FG
HH
m
6
n
96
m u
: 8 :
8
n
I ;6
n
98
n
C J
t
K J
r
L
t
E A
5
y
8
n
9 ; 78
w
8
n y
8 I
M? 8
N O
;8
p
8
t
;9
u n
8 : 8
n u
n tu
:
m
6
n
96
m
78
n
9 : 8
n
98
m
6 8
t
8
u
78N8
n
8P 8
r
:
u
8
t
8
u
=
u
? 8 A
C
n
; E
55 Q
G H
ju
98
m
6
n
98
t
8
k
8
n
;
i
8
n t
8
r
8
p r
K 9
r
8
m
R
p ro
g r
8
m
8
n im
8 I
p ro
g r
8
m Macromedia Flash Professional 8
m
6
ru p
8
k
8
n p
ro g
r
8
m y
8
n g
p
8
lin g
M? 6
k
76
l
;8 ? 8
m p
6
m
7
u
8
t
8
n
8
n im
8 I
6
p
6
rti
8
n im
8
si in t
6
r
8
k t
M I
game
I
company profile
I
p r
6 6
n t
8 I
movie
I ;8
n t
8
m p
?8
n
8
n im
8
si
? 8
in n
y
8 A
Macromedia Flash Professional 8 m
6
ru p
8
k
8
n v
6
rs i t
6
r
78
ru
;8
ri
6
ri
676
lu m
n y
8 I
y
8
itu Macromedia Flash MX
E 554
A S 6
rsi t
6
r
78
ru in
i m
6
n y
8
jik
8
n
78
n y
8
k
6
k
8
li t
8
m p
? 8
n
I
p ir
8
n ti
78
ru
I
Filter
I
Blend
I
Mode
I ;8
n
M 8
silit
8
s
? 8
in n
y
8A T
6
u n
g g
u
? 8
n
;8
ri p ro
g r
8
m Macromedia Flash Profesional 8
; 78
n
;
in g
k
8
n p
ro g
r
8
m
? 8
in y
8
n g
6 P 6
n is y
8
itu
67 8
g
8
i
76
rik u
t
A H
U V
8
p
8
t m
6
m
7
u
8
t to m
7
o l in
t
6
r
8
k t
M ;6
n g
8
n
6 7
u
8
h m o
v
6 8
t
8
u
K 7 P
6
k y
8
n g
?8
in
A E
U V
8
p
8
t m
6
m
7
u
8
t p
6
ru
78
h
8
n tr
8
n sp
8
r
8
n si w
8
rn
8 ;
8? 8
m movie
A WU
V 8
p
8
t m
6
m
7
u
8
t p
6
ru
78
h
8
n
8
n im
8
si
;8
ri
8
tu
76
n tu
k k
6 76
n tu
k
? 8
in
A 4
U V
8
p
8
t m
6
m
7
u
8
t g
6
r
8
k
8
n
8
n im
8
si
;6
n g
8
n m
6
n g
ik u
ti
8
lu r y
8
n g
t
6 ? 8
h
;
it
6
t
8
p k
8
n
A