95
Rosseni Din, PhD STEM Enculturation Center Faculty of Education, UKM Personalized Education Research Group Universiti Kebangsaan Malaysia INSTRUCTIONAL DESIGN

INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

  • Upload
    others

  • View
    4

  • Download
    0

Embed Size (px)

Citation preview

Page 1: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Rosseni Din, PhD

STEM Enculturation Center

Faculty of Education, UKM

Personalized Education Research Group

Universiti Kebangsaan Malaysia

INSTRUCTIONAL DESIGN

Page 2: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Table of Content

Rosseni Din. GE6543 Technology in Education, FPEND, UKM. 21/03/2019

ID Definition & UDL

ID, ISD & ISDD Models

Principles of Learning

Eclectic ID-Learning Theories

Eclectic ID-Pedagogy

Eclectic ID-Strategy

Evaluation & Modelling

Page 3: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Instructional Design Definition

Page 4: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Instructional Design

A systematic process of translating general principles of learning and instruction into plans for instructional materials and activities which make the acquisition of knowledge and skill more efficient, effective, and appealing

Page 5: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Video link:

https://www.youtube.com/watch?v=bDvKnY0g6e4

Universal Learning for Design

Page 6: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Instructional Design & Development

Model

Page 7: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Model RekaBentuk & Pembangunan Sistem P&P (Din 2017, 2014,

2010, 2006, 2001)

Eclectic Design & Development Model (Din 2016)

Universal Design & Agile Development Model (Din 2017)

ADDIE Model

Hannafin & Peck Model (1988)

Dick & Carey Model (Dick & Carey 1996)

Software Engineering Development Model (Bostock 1998)

Software Engineering (Pressman 2001)

Rosseni Din. GE6543 Technology in Education, FPEND, UKM. 21/03/2019

Page 8: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

10/08/2017Rosseni Din. Kursus P&P di IPT. Kolej Keris Mas, UKM.

Model RekaBangun Sistem SPP (Din 2010, 2014)

Page 9: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

10/08/2017Rosseni Din. Kursus P&P di IPT. Kolej Keris Mas, UKM.Eclectic Instructionl Design Model

Source: Din, R. (2016). Notes from the Chief Editor. Ournal of Personalized Learning. Vol. 2(1)

Page 10: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

10/08/2017Rosseni Din. Kursus P&P di IPT. Kolej Keris Mas, UKM.

Page 11: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Rosseni Din. GE6543 Technology in Education, FPEND, UKM. 21/03/2019

Page 12: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Rosseni Din. GE6543 Technology in Education, FPEND, UKM. 21/03/2019

Page 13: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Rosseni Din. GE6543 Technology in Education, FPEND, UKM. 21/03/2019

Page 14: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Rosseni Din. GE6543 Technology in Education, FPEND, UKM. 21/03/2019

Page 15: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Rosseni Din. GE6543 Technology in Education, FPEND, UKM. 21/03/2019

Page 16: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Principles of Learning & Instruction

Page 17: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

10/08/2017Rosseni Din. Kursus P&P di IPT. Kolej Keris Mas, UKM.Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 18: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

10/08/2017Rosseni Din. Kursus P&P di IPT. Kolej Keris Mas, UKM.Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 19: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

10/08/2017Rosseni Din. Kursus P&P di IPT. Kolej Keris Mas, UKM.Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 20: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 21: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Eclectic LEARNING THEORY

Page 22: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 23: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill
Page 24: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 25: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Minimalisme Theory

Aktiviti bermakna dan lengkap

Projek realistik

Arahan membolehkan taakulan

Bahan latihan dan aktiviti tanpa ralat

Latihan dengan sistem sebenar saling berkaitan

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 26: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Cognitive Load Theory

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 27: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

https://www.youtube.com/watch?v=-20Oqm1GvsU

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 28: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Adult Learning Theory

,

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 29: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

PoPeyeProblem-oriented Project-based Hybrid e-Learning

Eclectic PEDAGOGY

Page 30: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

PoPeyeProblem-oriented - Project-based - Hybrid e-Learning

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 31: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

10/08/2017Rosseni Din. Kursus P&P di IPT. Kolej Keris Mas, UKM.

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 32: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Before the beginning of our first class…

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 33: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill
Page 34: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 35: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

10/08/2017Rosseni Din. Kursus P&P di IPT. Kolej Keris Mas, UKM.

LINKS to

STUDENT’S

BLOG

according to

COHORTS

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 36: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

10/08/2017Rosseni Din. Kursus P&P di IPT. Kolej Keris Mas, UKM.

CLASS

FACEBOOK

SMALL

GROUPS

FACEBOOK

Page 37: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 38: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 39: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 40: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

10/08/2017Rosseni Din. Kursus P&P di IPT. Kolej Keris Mas, UKM.

Page 41: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

MeL or MeT

Meaningful eLearning OR Meaningful eTraining

intentional, active, constructive, cooperative, authentic

Eclectic LEARNING STRATEGY

Page 42: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

MeTMeaningful E-Training

10/08/2017Rosseni Din. Kursus P&P di IPT. Kolej Keris Mas, UKM.

Page 43: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Intentional

10/08/2017Rosseni Din. Kursus P&P di IPT. Kolej Keris Mas, UKM.

Page 44: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Authentic

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 45: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Cooperative/Collaborative

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 46: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Active

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 47: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Constructive

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 48: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Instructional Design

Page 49: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Have you ever participated in an online course?

How much did you completed it?

Why?

Instructional Design Activity

Page 50: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 51: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

How do we measure

Learning?

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 52: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 53: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

How thendo we designLearning?

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 54: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 55: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 56: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 57: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

PHASES OF D&D

Page 58: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 59: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

10/08/2017Rosseni Din. Kursus P&P di IPT. Kolej Keris Mas, UKM.

Page 60: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Fasa 1: KAJIAN KESAURAN

Analisis keperluan membina sistem

Mengenal pasti masalah dan lompang sistem semasa

Tujuan, OK, PK dan batasan kajian dikenal pasti

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 61: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Fasa 2: ANALISIS KEPERLUAN SISTEM

Laporan Spesifikasi Keperluan Sistem (SKS)

Matlamat & Objektif Pembelajaran

Sasaran Pengguna

Komponen Pendidikan

Perkomputeran, Masa & Kos

(ms 28-31)

Laporan SKS sebagai output Fasa 3

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 62: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Fasa 3: REKA BENTUK SISTEM

menentukan bagaimana sistem akan dibina

berdasarkan apa yang diperlukan dalam spesifikasi

keperluan sistem

m/s 34-36

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 63: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Fasa 4: PEMBANGUNAN SISTEM

menentukan bagaimana sistem akan dibina

berdasarkan apa yang diperlukan dalam spesifikasi

keperluan sistem

m/s 37-41

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 64: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Fasa 5: PELAKSANAAN

Sistem yang dihasilkan mungkin mengandungi pepijat yang tidak dapat dikenal pasti semasa proses pengujian teknikal.

menilai kebolehgunaan sistem

ujian sumatif untuk mengumpul maklumat untuk fasaseterusnya iaitu penyenggaraan sistem

m/s 42

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 65: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Fasa 6: PENILAIAN, PENYENGGARAAN & PERMODELAN

MeT

coop e6.52

inten e7.74

const e8.84

activ e9

.83

authen e10

.96

HiTs

outcme5

serve4

struce3

delivere2

contente1

Normed Chi-Square 2.509

RMSEA .084

CFI .972

TLI .956

p .000

.89

.86

.85

.81

.80

.45

e16

.35

-.24

.41

-.08

-1.06

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 66: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

10/08/2017Rosseni Din. Kursus P&P di IPT. Kolej Keris Mas, UKM.Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 67: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Design Processes

Page 68: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Pre-production

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 69: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Content Outline

Pre-production

Pre-Production phase

Scripting

Methods of Outlining with Storyboarding, Flowcharting

Storytellingboard etc.

- Importance of Planning

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 70: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

By the end of the session you should be able to:

1. Sketch your ideas for the videoproduction project

2. Come up with a tentative topic andtheme

3. Fill up and submit the proposal form

Learning Objectives

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 71: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

• Pre-production is the phase of further developing ideasand planning prior to the process of production.

• Pre-production is the second step in video production orfilm creation.

• It is normal for the various stages to be revisited morethan once.

Pre-production

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 72: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

• Script writing and planning;

• Planning the video using:

i . Scripting

ii.Storyboarding

• Various tool.

Pre-production Phase

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 73: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

1. Scripting

Generated by the script writer.

Repeated until approved for publication.

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 74: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

1. Scripting

Important to:

i . Set goals and direction of the video.

ii . The target audience.

iii.The mood/genre of video.

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 75: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

1. Scripting

Script writing function as a guidefrom the early stages of videoproduction until the end ofproduction.

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 76: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

1. Scripting

Source of idea for script:

Self Experience.

Experience of others.

Reading of a variety of materials.

Watch.

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 77: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

1. Scripting

Structure of script:

Introduction.

Contents.

Conclusion.

10/08/2017Rosseni Din. Kursus P&P di IPT. Kolej Keris Mas, UKM.

Page 78: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Example

If you want to produce a promotional video for the sale ofbeauty products.

1. Purpose: Promote the sale of beauty products

2. Target audience: Women with careers

3. Mood/genre: Professional

In the example above, we can see that the target audience iswomen. To attract the attention of the target audience to buybeauty products, mood/genre of video that can be themedproducts make clients feel confident, and professional career.Mood/genre is influenced by the choice of actors, audio andvideo settings accordingly.

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 79: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Example

10/08/2017

Page 80: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

2. Storyboarding

• Made based on the script that is developed and sketched thescene is key shot (important shot) in the video.

• It contains images or visual, brief description of the relevantvisual and camera shots.

• Help in visualizing the process of video production. It canhelp in arranging the order of the video scene, thecomposition of the video shots, and the relationship is avideo shot by shot another video.

Page 81: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Importance of Storyboarding

Why storyboarding?

1. To guide shooting shot after shot

2. Can easily be changed before production

3. To easily get feedback from others

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 82: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Importance of Storyboarding

A storyboard explain:

1. Characters in the frame and how they move.

2. Spoken words between one scene to another, if any

3. Timing between frames

4. Camera location and movement

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 83: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Example 1

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 84: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

MilkPancake

mixture

Honey

Strawberry

Blueberry

Butter

PourPour

Scene 1

Example 2a

Scene 3 Scene 4

Scene 2

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 85: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Stir

Butter

Blueberry

Pour butter into pan

Scene 5

Scene 8

Scene 6

Example 2b

Scene 7

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 86: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Cut

Strawberry

Pour

Example 2c

Flip

Scene 9

Scene 12

Scene 10

Scene 11

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 87: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Enjoy!

Example 2d

Scene 13

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 88: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

References

1. http://studiouniversiti .blogspot.com/2010/10/fasa-fasa-dalam-penerbitan-videoscp.html

2. http://www.wideopenspace.co.uk/animation-tutorial/pre-production.html

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 89: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Evaluation & Modeling Processes

Page 90: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

10/08/2017Rosseni Din. Kursus P&P di IPT. Kolej Keris Mas, UKM.

Page 91: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

10/08/2017Rosseni Din. Kursus P&P di IPT. Kolej Keris Mas, UKM.

Page 92: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 93: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

10/08/2017Rosseni Din. Kursus P&P di IPT. Kolej Keris Mas, UKM.

Page 94: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill

Assignment:

1. ID Models– Make an analysis of all the the ID models you learned today

with these three additional ID models. Identify strength and weaknesses

of each one. Conclude what is needed for a contemporary Malaysian

instructional media use and acceptance.

• SAM

• SAMR

• ASSURE

• RAPID PROTOTYPING

2. CMS: WordPress is a blog and it can also be a CMS. Login to Open

Learning and register yourself to the JOM BelajarWordpress

(https://www.openlearning.com/courses/learn-wordpress) and get

yourself a blog/CMS before next class to add more feature and turn your

blog into a CMS.

Rosseni Din. GE6543 Technology in Education, FPEND, UKM., 21/03/2019

Page 95: INSTRUCTIONAL DESIGN · 2019-03-21 · Mengenal pasti masalah dan lompang sistem semasa Tujuan, OK, PK dan batasan kajian dikenal pasti Rosseni Din. GE6543 Technology in ... Fill