MAPPING & STORYBOARD

MEDIA PEMBELAJARAN INTERAKTIF

“HIDUP SEHAT DENGAN MAKANAN DAN MINUMAN

YANG HALAL SERTA BERGIZI”
Untuk Memenuhi Tugas Mata Kuliah
Pendidikan PAI Berbasis IT

ACHMAD SYARIF
NIM. 14710055

Dosen Pembimbing :
Dr. Hj. Sutiah, M.Pd

KONSENTRASI SUPERVISI PENDIDIKAN ISLAM

PROGRAM MAGISTER MANAJEMEN PENDIDIKAN ISLAM
SEKOLAH PASCASARJANA UNIVERSITAS ISLAM MALIKI MALANG
2016
F
3
-
U
Q
L
G
V
2
1
B
H
A
D
S
E
P
M
K
O
R
T
N
I MAPPING PRODUK MEDIA PEMBELAJARAN INTERAKTIF
MATA PELAJARAN PAI SMP KELAS VIII
“HIDUP SEHAT DENGAN MAKANAN DAN MINUMAN YANG HALAL SERTA BERGIZI”
 MAPPING PRODUK MEDIA PEMBELAJARAN INTERAKTIF
MATA PELAJARAN PAI SMP KELAS VIII
“HIDUP SEHAT DENGAN MAKANAN DAN MINUMAN
YANG HALAL SERTA BERGIZI”

ALUR/SKEMA PERANCANGAN

TAHAPAN PRODUKSI

1. Membuat Desain Seluruh halaman di software Flash, dengan teknik Multi Scene dan Multi
Frame.
2. Mendesain halaman dengan menggunakan:
a. Manajemen Scene
b. Duplikasi Scene
c. Hyperlink Multi Scene
d. Hyperlink Multi Frame
e. Animasi Timeline Effect
f. Animasi Keyframe dan Frame by Frame
g. Animasi Masking
h. Animasi Gift
i. Animasi Create Motion Tween
j. Tombol Play dan Stop
k. Navigasi Tombol dengan Konversi dan Hyperlink
l. Action dengan menggunakan:
Go To and Play
Go To and Stop
Stop
Stop Allsound
Fscommand Exec
Fscommand Quit
Fscommand Fullscreen
m. Improt Musik
3. Mengkonvert Video Menjadi File “Flv”
4. Mengimport Video ke Scene “Amati”
5. Mempublish Fullscreen
6. Membuat kuis interaktif menggunakan Software Quiz Creator, dengan jumlah 5 soal
menggunakan jenis:
a. Multiple Choice, sebanyak 2 soal
b. Matching, sebanyak 1 soal
c. Fill in The Blank, sebanyak 2 soal
7. Mempublish Quiz Creator
8. Menghubungkan Quiz dengan Flash
9. Mengumpulkan File untuk Proses Burning CD/DVD
10. Menghapus Seluruh File “Swf” Kecuali File “SteelEksternalAll”

SOFTWARE-SOFTWARE YANG DIGUNAKAN

1. Macromedia Flash 8 : Untuk membuat Desain seluruh halaman pembelajaran

2. Quiz Creator : Untuk membuat Kuis Interaktif
3. Office Word : Untuk merancang dokumen
4. Mozila Firefox : Untuk mencari informasi data, gambar, suara dan video
5. AnvSoft : Untuk mengkonvert video ke file “Flv”
6. Nero : Untuk melakukan Burning Data
 STORYBOARD PRODUK MEDIA PEMBELAJARAN INTERAKTIF
MATA PELAJARAN PAI SMP KELAS VIII
HIDUP SEHAT DENGAN MAKANAN DAN MINUMAN
YANG HALAL SERTA BERGIZI
1 Scene Name : Intro
Sub-Scene Name : Start
Entrance Animation : Yes
Soundtrack : Yes
Navigation Tech. :
Multipage
Control Button :
Music on, Music Off, Exit,
KI/KD

2 Scene Name :
KI/KD
Sub-Scene Name :
Kompetensi Inti
Entrance Animation : Yes
Soundtrack : Yes
Navigation Tech. : Multi
Frame
Control Button :
Music on, Music Off, Exit,
Next, Back, Home

3 Scene Name :
KI/KD
Sub-Scene Name :
Kompetensi Dasar
Entrance Animation : Yes
Soundtrack : Yes
Navigation Tech. : Multi
Frame
Control Button :
Music on, Music Off, Exit,
Next, Back, Home
4 Scene Name : Intro
Sub-Scene Name :
Home
Entrance Animation : Yes
Soundtrack : Yes
Navigation Tech. : Multi
Frame
Control Button :
Music on, Music Off, Exit,
Next, Back, Home

5 Scene Name :
Beranda 1
Sub-Scene Name : Judul
Entrance Animation : Yes
Soundtrack : Yes
Navigation Tech. : Multi
Frame
Control Button :
Music on, Music Off, Exit,
Start

6 Scene Name :
Beranda 2
Sub-Scene Name :
Entrance Animation : Yes
Soundtrack : Yes
Navigation Tech. : Multi
Frame
Control Button :
Music on, Music Off, Exit.
Back, Amati, Materi, Kuis,
Referensi, Author
7 Scene Name :
Amati
Sub-Scene Name :
Makanan dan Minuman
Yang Sehat, Halal & Bergizi
Entrance Animation : No
Soundtrack : Yes
Navigation Tech. : Multi
Frame
Control Button :
Music on, Music Off, Exit,
Next, Back, Home

8 Scene Name :
Materi Mengeksplorasi
Sub-Scene Name :
Mengeksplorasi
Entrance Animation : Yes
Soundtrack : Yes
Navigation Tech. : Multi
Frame
Control Button :
Music on, Music Off, Exit.
Back, Next, Home

9 Scene Name :
Materi Mengasosiasi
Sub-Scene Name :
Mengasosiasi
Entrance Animation : Yes
Soundtrack : Yes
Navigation Tech. : Multi
Frame
Control Button :
Music on, Music Off, Exit.
Back, Next, Home
10 Scene Name :
Materi MEngkomunikasi
Sub-Scene Name :
Mengkomuniasikan
Entrance Animation : Yes
Soundtrack : Yes
Navigation Tech. : Multi
Frame
Control Button :
Music on, Music Off, Exit.
Back, Next, Home

11 Scene Name : Kuis

Sub-Scene Name : Kuis
Entry Page
Entrance Animation : No
Soundtrack : Yes
Navigation Tech. : Multi
Frame
Control Button :
Music on, Music Off, Close,
Submit, Home

12 Scene Name : Kuis

Sub-Scene Name : Kuis
Multiple Choice
Entrance Animation : No
Soundtrack : Yes
Navigation Tech. : Multi
Frame
Control Button :
Music on, Music Off, Close,
Submit, Home
13 Scene Name : Kuis
Sub-Scene Name : Kuis
Multiple Choice
Entrance Animation : No
Soundtrack : Yes
Navigation Tech. : Multi
Frame
Control Button :
Music on, Music Off, Close,
Submit, Home

14 Scene Name : Kuis

Sub-Scene Name : Kuis
Matching
Entrance Animation : No
Soundtrack : Yes
Navigation Tech. : Multi
Frame
Control Button :
Music on, Music Off, Close,
Submit, Home

15 Scene Name : kuis

Sub-Scene Name : Fill in
the blank
Entrance Animation : Yes
Soundtrack : Yes
Navigation Tech. : No
Control Button :
Music on, Music Off, Close,
Home
16 Scene Name : kuis
Sub-Scene Name : Fill in
the blank
Entrance Animation : Yes
Soundtrack : Yes
Navigation Tech. : No
Control Button :
Music on, Music Off, Close,
Home

17 Scene Name : Kuis

Sub-Scene Name : Quiz
Result
Entrance Animation : No
Soundtrack : Yes
Navigation Tech. : Multi
Frame
Control Button :
Music on, Music Off, Close,
Submit, Home

18 Scene Name : Kuis

Sub-Scene Name : Kuis
jawaban Salah
Entrance Animation : No
Soundtrack : Yes
Navigation Tech. : Multi
Frame
Control Button :
Music on, Music Off, Close,
Submit, Home
19 Scene Name : Kuis
Sub-Scene Name : Kuis
Result Page
Entrance Animation : No
Soundtrack : Yes
Navigation Tech. : Multi
Frame
Control Button :
Music on, Music Off, Close,
Submit, Home

20 Scene Name : Kuis

Sub-Scene Name : Kuis
Review
Entrance Animation : No
Soundtrack : Yes
Navigation Tech. : Multi
Frame
Control Button :
Music on, Music Off, Close,
Submit, Home

21 Scene Name :
Referensi
Sub-Scene Name : Buku
rujukan
Entrance Animation : Yes
Soundtrack : Yes
Navigation Tech. : Multi
Frame
Control Button :
Music on, Music Off, Exit,
Next, Back, Home
22 Scene Name :
Author
Sub-Scene Name :
Dosen Pembimbing &
Mahasiswa
Entrance Animation : Yes
Soundtrack : Yes
Navigation Tech. : Multi
Frame
Control Button :
Music Off, Exit, Next, Back,
Home
 TAHAPAN PRODUKSI

1. Membuat Desain Seluruh halaman di software Flash, dengan teknik Multi Scene dan Multi
Frame.
2. Mendesain halaman dengan menggunakan:
a. Manajemen Scene
b. Duplikasi Scene
c. Hyperlink Multi Scene
d. Hyperlink Multi Frame
e. Animasi Timeline Effect
f. Animasi Keyframe dan Frame by Frame
g. Animasi Masking
h. Animasi Gift
i. Animasi Create Motion Tween
j. Tombol Play dan Stop
k. Navigasi Tombol dengan Konversi dan Hyperlink
l. Action dengan menggunakan:
Go To and Play
Go To and Stop
Stop
Stop Allsound
Fscommand Exec
Fscommand Quit
Fscommand Fullscreen
m. Improt Musik
n. Publish Quiz Creator
o. Menghubungkan Quiz dengan Flash
3. Mengkonvert Video Menjadi File “Flv”
4. Mengimport Video ke Scene “Amati”
5. Mempublish Fullscreen
6. Membuat kuis interaktif menggunakan Software Quiz Creator, dengan jumlah 5 soal
menggunakan jenis:
a. Multiple Choice, sebanyak 2 soal
b. Matching, sebanyak 1 soal
c. Fill in The Blank, sebanyak 2 soal
7. Mempublish Quiz Creator
8. Menghubungkan Quiz dengan Flash
9. Mengumpulkan File untuk Proses Burning CD/DVD
10. Menghapus Seluruh File “Swf” Kecuali File “SteelEksternalAll”