GHANIS PUTRA

WIDHANARTO

MERANCANG
MEDIA
PEMBELAJAR
AN
INTERAKTIF
 IS RAN

A
TR
PU
AN PA
GH PA

TUJUAN
MATERI HARI
INI
MATERI INI MENGKAJI DESAIN
MEDIA PEMBELAJARAN
INTERAKTIF DENGAN ALUR
SEKUENSIAL. PEMAHAMAN
TENTANG FLOWCHART, GARIS
BESAR PROGRAM MEDIA, DAN
PROTOTYPE MEDIA
PEMBELAJARA INTERAKTIF
SESUAI DENGAN ANALISIS
KEBUTUHAN AWAL YANG
SUDAH DILAKUKAN DI
LINGKUNGAN BELAJAR
MASING-MASING.
 IS RAN

A
TR
PU
AN PA
GH PA

CAPAIAN
MATERI HARI
INI
• PESERTA MAMPU MERANCANG
DAN MEMPRAKTIKAN
PENGEMBANGAN DESAIN MEDIA
PEMBELAJARAN INTERAKTIF
SECARA KONSEPTUAL, TEORITIKAL,
DAN PRAKTIK
• PESERTA MAMPU MENGHASILKAN
DOKUMEN RANCANGAN MEDIA
PEMBELAJARAN INTERAKTIF
SEBAGAI STANDAR
PENGEMBANGAN PROTOTYPE
MEDIA PEMBELAJARAN
 IS RAN

A
TR
PU
AN PA
GH PA

mendesain
tampilan antar
muka media
pembelajaran
interaktif
 IS RAN

A
TR
PU
AN PA
GH PA

merumuskan
strategi
penyampaian
untuk media
pembelajaran
interaktif
 IS RAN

A
TR
PU
AN PA
GH PA

melakukan
validasi
media
pembelajaran
interaktif
 IS RAN

A
TR
PU
AN PA
GH PA

Validasi
media
interaktif
 IS RAN

A
TR
PU
AN PA
GH PA

MEDIA DIGITAL
DAN MEDIA
NON DIGITAL
(ANALOG,
SEDERHANA,
DSB)
 IS RAN

A
TR
PU
AN PA
GH PA

TYPE
PEMBELAJAR
AN DIGITAL
 IS RAN

A
TR
PU
AN PA

SYARAT MINIMAL MULTIMEDIA

GH PA

INTERAKTIF INI LHO

Ilustrasi
teks video
gambar

audio animasi kontrol

 IS RAN

A
TR
PU
AN PA
GH PA

MEDIA
PEMBELAJAR
AN
INTERAKTIF
ITU BUAT
APA?
 IS RAN

A
TR
PU
AN PA
GH PA

BAGAIMANA KITA MEMBUAT MEDIA PEMBELAJARAN

YANG EFEKTIF (BAGI KAJIAN TERTENTU)
 IS RAN

A
TR
PU
AN PA
GH PA

MEDIA
PEMBELAJAR
AN
INTERAKTIF
MEMUAT APA
SAJA?
 IS RAN

A
TR
PU
AN PA
GH PA

Aplikasi pembangun

Authorware
Flash
Swift
Ispring
Visual studio
Dlsb.
 IS RAN

A
TR
PU
AN PA
GH PA

APAKAH BISA
DIJADIKAN COBA LIHAT PUBLIKASI DI LINK INI

LUARAN
RISET? ATAU https://
BAGIAN DARI www.tandfonline.com/action/doSearch?AllField=
MEDIA+AND+INTERACTIVE&Ppub=%5B20190813
INOVASINYA? +TO+20200813%5D
 IS RAN

A
TR
PU
AN PA

KAPAN KITA PERLU MEDIA PEMBELAJARAN

GH PA

INTERAKTIF?
 GH PA
AN PA
IS RAN
PU
TR
A

AN
PENGGUNA

HYPERTEXT
 IS RAN

A
TR
PU
AN PA
GH PA

STRATEGI
PEMBELAJAR
AN MANDIRI
 IS RAN

A
TR
PU
AN PA
GH PA

FLOW
CHART
MEDICAL
TREATMEN
T
 IS RAN

A
TR
PU
AN PA
GH PA

HIERARKI
MEDIA
PEMBELAJAR
AN
INTERAKTIF
 IS RAN

A
TR
PU
AN PA

Model-Model
GH PA

Pengembangan Multimedia
Author Year Instructional Multimedia Development Models
Stephen M. Allesi & Stanley R. Trollip 1985 Eight-steps model for developing CBI

Eleanor L Criswell 1989 10 Steps CBI Design , Production , and Testing

Adrian Mallon 1995 Multimedia Development Process
Rob Phillip 1997 Interactive Multimedia Deveopment Models
Donna Rubinton 1999 Developing Instructional Multimedia (12 major steps)
Stephen M Allesi & Stanley R Trollip 2001 The Model for Instructional Multimedia Design and Development
(3-phases)
Willian W Lee & Diana L Owens 2004 Multimedia Based Instrutional Development Process
 IS RAN

A
TR
PU
AN PA
GH PA

Allesi & Trolips

Collect Resource Generate Ideas For Organize Idea For

Define Purpose
Matelials The Lesson The Lesson

Evaluate the Quality

Produce Lesson Flowchart The
Program The Lesson and Effectiveness of
Displays on Papper Lesson
The Lesson
 IS RAN

A
TR
PU
AN PA
GH PA

Step in CBI Design , Production, and Testing

Step 1 Conduct Environment Analisys
Step 2 Conduct knowledge engineering
Step 3 Established instructional goals and objective
Step 4 Sequence topics and task in CBI lessons
Criswells Step 5 Write courseware
Model Step 6 Design each frame , the student-conputer dialogue, and the
student
Step 7 Program the computer
Step 8 Produce, accompanying ,documents
Step 9 Evaluate and revise the CBI
Step 10 Implement and follow up as necessary
 IS RAN

A
TR
PU
AN PA
GH PA

Mallons Model

Multimedia Development Process

Planning Starting project, exploratoy meetings, initial brief of treatment, cost, feasibility, studies, test of
concept models, written agreements, documentation
Design Bainstorming, flowchart, modeling the end-user, report on destination site, product spesification,
storyboarding, human-computer interface design, content definition, writing script and caption,
asset researct, copyright, clearance and aquisition, inputing text, file conversion and file
management, designing support materials and packaging

Production Prototyping, graphics, TV, programming, support materials and packaging, integration , mastering

Validation Quality and task competion checking, in-house debugging, content testing, trialing revising
 IS RAN

A
TR
PU
AN PA
GH PA

Philips Model

develop

evaluat
design e implement
 IS RAN

A
TR
PU
AN PA
GH PA

Strategi
Ceramah
Ceramah, hafalan, interaksi
Ceramah dan diskusi
Ceramah dan demonstrasi
Strategi
Pembelajaran Guided learning dan open explorasi
Brainstorming
Games
Role playing
Simulasi
Performance support
 IS RAN

A
TR
PU
AN PA
GH PA

Desain navigasi
Struktur linier
Struktur hirarkis
Desain Struktur gabungan
Navigasi Struktur concentric
Struktur hypermedia
Struktur eksplisit
Struktur implisit
 IS RAN

A
TR
PU
AN PA
GH PA

Struktur navigasi linier

 IS RAN

A
TR
PU
AN PA
GH PA

Struktur navigasi hirarkis

 IS RAN

A
TR
PU
AN PA

Stuktur navigasi gabungan

GH PA
 IS RAN

A
TR
PU
AN PA

Struktur navigasi concentric

GH PA
 IS RAN
PU
TR
A
Struktur navigasi
AN PA
GH PA

hypermedia terstruktur
 IS RAN

A
TR
PU
AN PA
GH PA

Struktur navigasi hypermedia tak terstruktur

 IS RAN

A
TR
PU
AN PA
GH PA

Struktur
navigasi
eksplisit
Menampilkan secara jelas
navigasi dari produk yang
dibuat melalui tombol-
tombol
 IS RAN

A
TR
PU
AN PA
GH PA

Navigasi subjek materi ,

Struktur navigasi implisit berkesan karena ada
“hotwords”
 IS RAN

A
TR
PU
AN PA
GH PA

Desain teks dan

tata letak (layout)
• Pertimbangan desain teks
• Storyboard dan flowchart
view
 IS RAN

A
TR
PU
AN PA
GH PA

Evaluasi 1
Multimedia Pembelajaran
Evaluasi formatif Alpha test Beta test

• Alpha test • Mengevaluasi • Calon pengguna

• Beta test desai dan isi
produk
• Ahli desain
• Ahli
pengembangan
• Ahli materi
 IS RAN

A
TR
PU
AN PA
GH PA

Evaluasi 2 Multimedia Pembelajaran

Test sumatif

• Reaction
• Knowledge
• Performance
• impact
 IS RAN

A
TR
PU
AN PA
GH PA

Kita lihat
yang terbaik
di dunia
saat ini
 IS RAN

A
TR
PU
AN PA
GH PA

JUDUL

TEMA

TUJUAN
IDENTITAS
MULTIMEDI SASARAN
A
CAPAIAN

DURASI

PENGEMBANG
 GH PA
AN PA
IS RAN
PU
TR
A

CONTOH
 GH PA
AN PA
IS RAN
PU
TR
A

FLOW
CHART
GH PA
AN PA
IS RAN
PU
TR
A
 IS RAN

A
TR
PU
AN PA
GH PA

Storyboarding is a
method of mapping
the script and visual
elements that
accompany the
content within
multimedia programs
 GH PA
AN PA
IS RAN
PU
TR
A

storyboard
 IS RAN

A
TR
PU
AN PA
GH PA

TAMPILAN FRONT PAGE

DESAIN TAMPILAN DESAIN TAMPILAN

AWAL TEMPLATE
MULTIMEDIA MULTIMEDIA
 GH PA
AN PA
IS RAN
PU
TR
A

Tampilan
Front Page
 IS RAN

A
TR
PU
AN PA
GH PA

DATA

KOMPONEN
MATERI ILUSTRASI
PENDUKUNG

KOMPONEN
MULTIMEDIA 1- SOFTWARE
5
 IS RAN

A
TR
PU
AN PA
GH PA

Hypermedia
Assisted
Instruction
(HAI)
 IS RAN

A
TR
PU
AN PA
GH PA

PENGUMPULAN TUGAS

https://forms.gle/vTMYTtyrT5tv3Jt16