แนวทางการพัฒนาสื่ออิเล็กทรอนิกส์

แนวทางการพัฒนา
สื่ออิเล็กทรอนิกส์
โดย
พรชัย ธรรมรัตนนนท์
หน่วยปฏิบัติการวิจัยพัฒนาสื่อดิจิทัล
Wednesday, September 18, 13

มัลติมีเดียคืออะไร

มัลติ (Multi) หมายถึง หลายๆ อย่างผสมรวมกัน

มีเดีย (Media) หมายถึง สื่อ ข่าวสาร ช่องทางการสื่อสาร

มีเดีย (Media) หมายถึง สื่อ ข่าวสาร ช่องทางการสื่อสาร
มัลติมีเดีย (Multimedia) หมายถึง การนําองค์ประกอบของสื่อชนิด
ต่างๆมาผสมผสานเข้าด้วยกันตั้งแต่ 2 อย่างขึ้นไป ซึ่งได้แก่ ตัวอักษร
(Text), รูปภาพ (Image), ภาพเคลื่อนไหว (Animation), เสียง
(Sound) และ วีดีโอ (Video) โดยผ่านกระบวนการทางระบบ
คอมพิวเตอร์เพื่อสื่อความหมายกับผู้ใช้อย่างมีปฏิสัมพันธ์ (Interactive
Multimedia) และได้บรรลุผลตามวัตถุประสงค์การใช้งาน

มัลติมีเดีย ?

การนําสื่อในหลากหลายรูปแบบมารวมกัน
Text, Graphic, Sound, Video, Animation, etc.

Drawing

Drawing
Music

Drawing
Photograph
Music

Drawing
Photograph
Music
Video

Drawing
Photograph
Music
Video
Digital format (Edit/Play on Computer)

Drawing
Photograph
Music
Video
Digital
Format
0101101
0010110
1010110
100

Drawing
Photograph
Music
Video
Digital
Format
0101101
0010110
1010110
100
Integrate on
computer

Text
Graphics
Video/
Animation
Sound

Text
Graphics
Video/
Animation
Sound
Force

มัลติมีเดียที่ต่างมุมมอง

มุมมองของผู้รับสื่อ (User’s Perspective)
การนําสื่อหลากหลายประเภทมานําเสนอร่วมกัน
การโต้ตอบและปฏิสัมพันธ์ระหว่างคนกับคอมพิวเตอร์
การนําเสนอสิ่งที่น่าสนใจ ทําให้เข้าใจได้ง่ายยิ่งขึ้น

มุมมองของผู้รับสื่อ (User’s Perspective)
การนําสื่อหลากหลายประเภทมานําเสนอร่วมกัน
การโต้ตอบและปฏิสัมพันธ์ระหว่างคนกับคอมพิวเตอร์
การนําเสนอสิ่งที่น่าสนใจ ทําให้เข้าใจได้ง่ายยิ่งขึ้น
มุมมองของผู้พัฒนาสื่อ (Developer’s Perspective)
การสร้างสรรค์ผลงานที่มีคุณภาพ
เทคนิคการนําเสนอผลงาน
การผสมผสานระหว่างวิทยาศาสตร์และศิลปะอย่างลงตัว

การพัฒนางานทั่วไป (Conventional Development)

เหตุผล
Logic

เหตุผล
Logic
คณิตฯ
Math

การพัฒนางานงานมัลติมีเดีย (Multimedia Development)
เหตุผล
Logic
คณิตฯ
Math

เหตุผล
Logic
คณิตฯ
Math
ศิลปะ
Art

เหตุผล
Logic
คณิตฯ
Math
ศิลปะ
Art
จิตวิทยา
Psychology

เหตุผล
Logic
คณิตฯ
Math
ศิลปะ
Art
Psychology
สรีรศาสตร์
Physiology

เหตุผล
Logic
คณิตฯ
Math
วิทย์ฯ กายภาพ
Physic
ศิลปะ
Art
Psychology
สรีรศาสตร์
Physiology

ประโยชน์ของมัลติมีเดีย
ง่ายต่อการใช้งาน
สัมผัสได้ถึงความรู้สึก
สร้างเสริมประสบการณ์
เพิ่มขีดความสามารถในการเรียนรู้
เข้าใจเนื้อหาที่นําเสนอมากยิ่งขึ้น
คุ้มค่าในการลงทุน
เพิ่มประสิทธิผลในการเรียนรู้

การประยุกต์ใช้งาน
ด้านการศึกษา (Education)
ด้านการฝึกอบรม (Training)
ด้านความบันเทิง (Entertainment)
ด้านธุรกิจ (Business)
ด้านการประชาสัมพันธ์ (Public Relation)
ด้านความเป็นจริงเสมือน (Virtual Reality)
ด้านเทคโนโลยีอุปกรณ์เคลื่อนที่ (Mobile Technology)

INSTRUCTIONAL MEDIA
การสอน คือการจัดเตรียมข้อมูลและสภาพแวดล้อมที่เหมาะสมเพื่อ
ก่อให้เกิดการเรียนรู้ (Instruction is the arrangement of
information and environment to facilitate)
สถานที่ (Place)
วิธีการ (Methods)
สื่อ (Media)
อุปกรณ์ (Equipment)
การเรียน คือการพัฒนาองค์ความรู้ใหม่, ทักษะและทัศนคติ
(Learning is the development of new knowledge, skill, or
attitudes)

INSTRUCTION AND LEARNING
ผู้สอน
Instructor
ผู้เรียน
Learner

ผู้สอน
Instructor
Learner

ผู้สอน
Instructor
Learner
เนื้อหา
(Message)

MEDIA, MESSAGE, AND METHOD
Channel of
communication
Carrier of messages
เนื้อหา (Message)
Subject Matter Content
Direction to the learners
Questions about the
content
Feedback of responses
วิธีการ (Methods)
Presentation
Demonstration
Discussion
Drill and Practice (ฝึกฝน)
Tutorial
Cooperative learning
Games
Simulation
Discovery

การเรียนรู้แบบสร้างองค์ความรู้ด้วยตนเอง
(CONSTRUCTIVISM)
คนเรานั้นจะมีการสร้างความรู้ใหม่เสมอหากมีสภาวะ
แวดล้อมเอื้ออํานวย การเรียนรู้แบบเดิมที่มาจากการฟัง เห็น
ล้วนเป็นการเรียนรู้ทางเดียวนั่นคือเราเป็นผู้รับสารและเก็บ
เอาไว้จึงมีการเรียกผู้ที่มีความจําดีว่า “พจนานุกรมเดินได้”
หากแต่เราจะเรียนรู้ได้มากกว่าหากเป็นการถ่ายทอดจาก
สมองสู่สมองนั่นคือมีการแลกเปลี่ยนทัศนะและเรียนรู้จาก
ประสบการณ์ของผู้อื่น

การเรียนรู้แบบคิดเอง สร้างเอง
(CONSTRUCTIONVISM)
การเปลี่ยนกรอบความคิดของครูจากเดิม ซึ่งเน้นการสอนไป
เป็นการให้อิสระแก่ผู้เรียน ได้ร่วมเรียนรู้เป็นอิสระในการเรียนโดย
พึ่งพาตนเอง
การเรียนรู้แบบคิดเองสร้างเองคือการเรียนรู้ด้วยการลงมือทําไม่ว่า
จะเป็นการพูด การโพสต์แสดงความคิดเห็นบนกระดานเสวนา
ตัวอย่างเช่น ปกติอ่านหนังสือพอวางหนังสือก็จะลืมแต่ถ้าได้อธิบาย
ให้คนอื่นฟังจะทําให้จําได้มากขึ้น

INSTRUCTIONAL MEDIA PRODUCTION
Overview

Problem
Overview

Instructional Media
Problem
Overview

Instructional Media
Planning
Problem
Overview

Instructional Media
Planning
Designing
Problem
Overview

Instructional Media
Planning
Designing
Producing
Problem
Overview

Instructional Media
Planning
Designing
Producing
Evaluating
Problem
Overview

Instructional Media
Planning
Designing
Producing
Evaluating
Implementation/
Evaluation
Problem
Overview

การวางแผน (PLANNING)
Idea
Audience Analysis
Objectives
Research
Proposal & Content Outline
BudgetMedium
Specifications

IDEA/PURPOSE
ปัญหา
การสัมภาษณ์ หรือ แบบสอบถาม
สถานการณ์ปัจจุบัน
พยายามหาวิธีการที่เป็นไปได้
ความต้องการ
ข้อมูล / ความรู้
ทักษะ
ทัศนคติ

AUDIENCE ANALYSIS
คุณสมบัติ (Characteristics)
age, education level, socio-economics factor, cultural
background, attitude, etc.
ขีดความสามารถ (Entry competency)
Entry test: prerequisite knowledge and skill
Pretest: measure the content to be taught
รูปแบบการเรียนรู้ (Learning Style)
Perceptual preferences: Auditory, visual, Tactile etc.
ARCS Model: Attention, Relevance, Confidence, Satisfaction.
Size of Audience: Individuals, Groups, Large audience.

วัตถุประสงค์ (OBJECTIVE)

Objective Classification
Cognitive: Knowledge, Comprehension, Application,
Creation
Affective: Receiving, Responding, valuing,
Characterization
Motor Skill: Imitation, Manipulation, Precision,
Articulation
Interpersonal: Seeking/Giving information, Proposing,
Building and Supporting, Disagreeing

Objective Classification
Cognitive: Knowledge, Comprehension, Application,
Creation
Affective: Receiving, Responding, valuing,
Characterization
Motor Skill: Imitation, Manipulation, Precision,
Articulation
Interpersonal: Seeking/Giving information, Proposing,
Building and Supporting, Disagreeing
ABCDs of Objectives
A: Audience (ผู้เรียน)
B: Behavior (พฤติกรรม)
C: Condition (เงื่อนไข)
D: Degree (ระดับ)

OBJECTIVE CLASSIFICATION
พุทธิพิสัย (Cognitive): ความรู้, ความเข้าใจ, การนําไปใช้, การ
สร้างสรรค์
จิตพิสัย (Affective): การยอมรับ, ปฏิกิริยาตอบสนอง, การสร้างค่า
นิยม, คุณสมบัติ
ทักษะพิสัย (Motor Skill): การเลียนแบบ, การจําลอง, ความ
แม่นยํา, การออกเสียง
มนุษยสัมพันธ์ (Interpersonal): การค้นหา/แลกเปลี่ยนข้อมูล,
การนําเสนอ, การสนับสนุน

COGNITIVE
รู้ บรรยาย อธิบาย เขียน ให้คําจํากัดความ บอก จับคู่
เข้าใจ
ย่อความ สรุปความ แปลความ ตีความหมาย คาดคะเน
เปรียบเทียบ
ประยุกต์ใช้ การนําเอากฎ กติกา หลักการ วิธีการไปใช้
วิเคราะห์
แยกแยะ บอกความสัมพันธ์ อธิบายเหตุผล แยกส่วน
ประกอบ
สังเคราะห์
จัดรวบรวมรูปแบบ จัดหมวดหมู่ การจัดโปรแกรม การ
กําหนดโครงการ การเสนอแบบฝึกใหม่
ประเมินผล ตัดสิน ประเมินค่า ให้เหตุผลประกอบ

AFFECTIVE
ยอมรับ
ตั้งใจฟัง เอาใจใส่ กระตือรือร้น ยอมรับ เห็นประโยชน์
เต็มใจ
ตอบสนอง
ปฏิบัติตามกฎระเบียบ ปฏิบัติตามหลักการ การนําไปใช้
เคร่งครัด
รู้คุณค่า กระตือรือร้น ปฏิบัติตนเป็นประจํา
จัดรวบรวม จัดหมวดหมู่ มีค่านิยม ชอบปฏิบัติ
คุณลักษณะที่ดี/
ค่านิยมชั้นสูง
มีบุคลิกภาพ กิจนิสัย ปฏิบัติประจํา สม่ําเสมอ ยึดมั่น
หลักการทุกครั้ง

MOTOR SKILL
รู้คําศัพท์/รู้วิธีการเคลื่อนไหว สาธิต บอก อธิบาย แสดง
เคลื่อนไหว ไม่เคลื่อนที่ เอียง เหวี่ยง ก้ม ปิด เงย หงาย หมุน เขย่ง
เคลื่อนไหวแบบเคลื่อนที่ วิ่ง เต้น กระโดด ควบม้า คลาน
เคลื่อนไหวประกอบอุปกรณ์ ทุ่มน้ําหนัก ตีลูกขนไก่ เลี้ยงลูกบาสฯ
จัดรูปแบบของเคลื่อนไหว ผสมผสาน 1-4
เคลื่อนไหวร่วมกับผู้อื่น ส่งลูกให้เพื่อน
แก้ปัญหาการเคลื่อนไหว
แก้ไขข้อบกพร่อง เรียนรู้ทักษะใหม่ ยิงประตู
ได้ประเมินการเคลื่อนไหว

AUDIENCE (ผู้เรียน)
หลักที่สําคัญของระบบการเรียนการสอน คือ การมุ่งเป้าไปที่ผู้เรียน
ว่ากําลังทําอะไรอยู่ ต้องการให้ผู้เรียนได้อะไร
การเรียนรู้จะเกิดขึ้นได้ที่สุดเมื่อผู้เรียนมีความกระตือรือร้นอยากจะ
หาความรู้ ทําให้เกิดทักษะทั้งทางความคิดและร่างกาย

BEHAVIOR (พฤติกรรม)
ผู้เรียนจะเกิดความรู้ความสามารถใหม่ๆ หรือไม่หลังจากเรียนแล้ว
หรือมีพฤติกรรมอะไรที่เปลี่ยนแปลงไปหลังจากได้เรียนรู้
เป็นขั้นสํารวจพฤติกรรมของผู้เรียนว่ามีอะไรบ้างที่จะต้องบรรลุ
วัตถุประสงค์หลังจากการเรียนรู้

CONDITION (เงื่อนไข)
เป็นการตั้งวัตถุประสงค์การเรียนรู้ ภายใต้สภาพหรือเงื่อนไขต่างๆ
เช่น
ในการบรรยายลําดับขั้นของการใช้แอลกอฮอล์มากเกินขนาด
นักเรียนสามารถใช้บันทึกย่อได้
นักเรียนจะต้องเขียนบทความได้อย่างน้อย 300 คํา โดยไม่ดู
หนังสือหรือหาข้อมูลอื่นๆ จากห้องสมุดหรือแหล่งค้นคว้าต่างๆ

DEGREE (ระดับ)
การเขียนวัตถุประสงค์คือ จะต้องมีตัวชี้วัดหรือเกณฑ์ในการประเมิน
(Criterion)
เป็นระดับที่ใช้ในการวัดพฤติกรรมของผู้เรียน เกณฑ์ที่ใช้วัดเน้น
คุณภาพหรือปริมาณและควรตั้งอยู่บนพื้นฐานความเป็นไปได้จริง
เช่น
นักเรียนต้องแก้โจทย์ปัญหา 5 ข้อ ภายในเวลา 5-10 นาที

ตัวอย่าง ABCD
นักเรียนชั้นป. 4 สามารถแก้ปัญหาการบวกเลข
ได้อย่างถูกต้องโดยปราศจากเครื่องคิดเลข
Audience Behavior
Degree Condition

RESEARCH
ศึกษาข้อมูลที่เกี่ยวข้อง (Careful Study about the topic)
หาแหล่งข้อมูลที่เหมาะสม (Visit to Suitable Facilities)
ไปเก็บข้อมูล (Location Hunting)
พิจารณาเงินทุน (Consider the Budget)

MEDIUM (สื่อ)
วิดีโอ (Video)
เอกสารเผยแพร่ (Printed Material)
Desktop Presentation
CD-ROM
WBT
etc

คุณลักษณะสื่อ (SPECIFICATION)
ชนิดของวัสดุ (Type of Material)
ชนิดของสื่อ (Type of Media)
ความยาว (Length)
อุปกรณ์ (Equipment)
กําหนดการ (Schedule)

ค่าใช้จ่าย (BUDGET)
การจัดซื้อ (Purchase)
การเช่า (Rental)
การให้บริการ (Service)
ค่าใช้จ่ายอื่นๆ (Overhead Expenses)

CONTENT OUTLINE
Topics: Support Objectives
Information: Explains each Topic
Organize: Order of Information

การออกแบบ (DESIGNING)
Storyboard Script

STORYBOARD/SCRIPT
Think in Pictures
Specific Visual Representation
Visualization of each cut
Sketches
Computer Graphics
Photographs
Finalize visual and Audio Idea
Check continuity of the Scenes
Check narration idea
Word Usage
Connection to the visual

STORYBOARD

การผลิต (PRODUCING)
Digital Video Sound Photo Graphics
Shooting Recording Shooting Artwork
Editing Editing Retouching Icon/Button
Editing

PRODUCING
Digital Video: According to Storyboard, Compose the Scene,
Editing
Sound: finalize Narration Script, sound Effect, Editing
Photograph: Shooting, Digitizing, Retouch, Calibration,
Trimming
Graphics: Art Work, Logo, Title, Icon, Button

39
FORMAT
รูปแบบของไฟล์ภาพที่ใช้ในการจัดเก็บภาพ
การเลือกรูปแบบที่เหมาะสมต่อการนําเสนอจะช่วยให้ภาพมีขนาด
(File Size) เล็กลง โดยคงความคมชัดไว้ในระดับดี
เป็นการประหยัดพื้นที่ของสื่อบันทึกข้อมูลได้เป็นอย่างดี

40
เว็บกราฟิก
รูปภาพที่แสดงในโหมดปกติ
การแสดงผลภาพแบบ Interlaced
การแสดงผลภาพ
แบบ Progressive

41
RGB MODEL
RGB model used for lighting, video, and monitors
So, computer’s monitor only has 3 colors
Red
Green
Blue

42
CMYK MODEL
The CMYK model is based on the light-absorbing quality of
ink printed on paper.

43
GIF / JPEG

GIF : 608 KB JPG : 480 KB

45
GIF OR JPEG?

46
JPEG QUALITY & PROGRESSIVE
• ภาพฟอร์แมต JPG ค่า Quality
ไม่ควรต่ํา หรือสูงเกินไป
• กําหนดรูปแบบการแสดงผล
เป็นแบบ Progressive ด้วย
สําหรับภาพที่มีขนาดโต

47
GIF
Graphics Interlace File
จํานวนสีและความละเอียดของภาพไม่สูงมากนัก
ต้องการพื้นแบบโปร่งใส
ต้องการแสดงผลแบบโครงร่างก่อน แล้วค่อยแสดงผลแบบละเอียด
ต้องการนําเสนอภาพแบบภาพเคลื่อนไหว
ส่วนขยายคือ .gif

48
TRANSPARENT GIFS

49
ANIMATION GIF

50
BIT DEPTH DRASTICALLY
AFFECTS FILE SIZE
24 bit color
16 million
colors
1.55 MB
8 bit color
256 colors
518k
8 bit
gray scale
256 shades
of gray
518k
1 bit
dithered
image
64k

51
JPEG
Joint Photographer's Experts Group
เหมาะสมกับการนําเสนอทั้งระบบสื่อมัลติมีเดีย และ
เว็บไซต์
สามารถกําหนดขนาดของไฟล์ได้ตามความเหมาะสม
(File Compression)
สามารถกําหนดคุณสมบัติการแสดงผลแบบหยาบ แล้ว

52
JPEG FILE FORMAT
JPEG - 19K
Low Quality
JPEG - 60K
Max Quality

53
PNG
Portable Network Graphics
รูปแบบล่าสุดในการนําเสนอภาพผ่านเครือข่ายอินเทอร์เน็ต
สามารถแสดงผลได้ในระบบสีเต็มพิกัด (True Color), มี
ขนาดไฟล์เล็ก และควบคุมคุณภาพได้ตามที่ต้องการ มีการ
กําหนดให้พื้นภาพเป็นพื้นโปร่งใสได้ (Transparent) รวมทั้ง
การแสดงผลแบบหยาบสู่ละเอียด (Interlaced)
ส่วนขยายของไฟล์รูปแบบนี้คือ .png

54
TIFF
Tagged-Image File Format
รูปแบบที่ใช้เก็บภาพพร้อมรายละเอียดต่างๆ เช่น
เลเยอร์ (Layer), Annotation, โหมดภาพทั้งระบบ CMYK,
RGB, Lab Color ตลอดจนข้อมูลประกอบอื่นๆ ตามต้นฉบับ
เดิมของภาพ
เหมาะสมต่อการเก็บบันทึกภาพต้นฉบับ และ
ภาพสําหรับใช้ประกอบการสร้างสื่อสิ่งพิมพ์
ส่วนขยายของไฟล์รูปแบบนี้คือ .tif

55
สรุปการเลือกใช้ฟอร์แมต
ไฟล์สกุล GIF (Graphics Interlace File)
ภาพที่ไม่ต้องการความคมชัดมากนัก สีไม่มาก
มีลักษณะพื้นโปร่งใส
ไฟล์สกุล JPG (Joint Photographer’s Experts Group)
ภาพที่ต้องการความคมชัดสูง มีสีมาก
ไฟล์สกุล PNG (Portable Network Graphics)
ภาพที่ต้องการความคมชัดสูง มีสีมากทําพื้นโปร่งใสได้

56
72-PPI AND 300-PPI
72 ppi = 72 pixels high x 72 pixels wide = 5184 pixels in a square
inch
300 ppi = 300 pixels high x 300 pixels wide = 90,000 pixels in a
square inch

มาตรฐานรูปแบบการนําเสนอภาพ
Format Resolution Size
ภาพต้นฉบับ Jpeg, Tiff Up to 350 dpi Up to 1840x1232 pixels
ภาพสื่อสิ่งพิมพ์ Tiff Up to 350 dpi Up to 1840x1232 pixels
ภาพสําหรับ
Digital Archive
Jpeg 72 dpi Up to 1024x768 pixels
Presentation Jpeg 72 dpi Up to 1024x768 pixels
Database Jpeg 72 dpi 300x250 pixels
Website Gif, Jpg, Png, Tif 72 dpi 300x250 pixels
Preview Gif, Jpg, Png 72 dpi 100x100 pixels

VIDEO FILE
mov
Quicktime, an Apple standard. It is playable on
Macintosh and Windows machines
avi
Microsoft standard that is playable on Windows and
Macintosh machines
rm
Real streaming. They are playable on Windows,
MacOS, and Unix computers.
asf
Microsoft streaming format, and play on Window ,
MacOS and Solaris.
wma/wmv Microsoft format used in Microsoft
flv Macromedia flash Video

การประเมิน (EVALUATING)
Evaluation
Distribution Debug/Revision
Technical
Check &
Validation

TECHNICAL CHECK &VALIDATION
ตรวสอบผลงานทั้งหมด เชิงคุณภาพ (ภาพ, เสียง)
ความถูกต้องของข้อมูล
แสดงตัวอย่างบางส่วนแก่กลุ่มเป้าหมายเพื่อทดสอบ

REVISION
ตรวสอบว่ามีสิ่งใดที่ต้องแก้ไขปรับปรุงเพิ่มเติม (ที่ไหน, อย่างไร)
พิจารณากระบวนการที่สามารถดําเนินการได้ (การผลิต, เวลา, งบ
ประมาณ)
เลือกวิธีการที่ดีที่สุดที่ส่งผลให้ให้ผลงานมีประสิทธิภาพเพิ่มมากขึ้น

DISTRIBUTION
การจัดเตรียมสื่อ (Prepare Materials)
ส่งเสริมการสอน (To support instructions)
คู่มือแนะนํา (Guidebook or Worksheet)
นําเสนอให้แก่กลุ่มเป้าหมาย (Show to the target audience)
e-Learning
CD-ROM

สงวนลิขสิทธิ์ ?
• เมื่อคุณผลิตงานสร้างสรรค์ขึ้นมาชิ้นหนึ่ง ไม่ว่าจะเป็น
งานเขียน บทเพลง รูปถ่าย รูปวาด ฯลฯ งานนั้นจะถูก
คุ้มครองภายใต้กฎหมายลิขสิทธิ์แบบ “สงวนลิขสิทธิ์
100%” โดยอัตโนมัติ
– ไม่ว่าคุณจะแจ้งต่อทางการหรือไม่
– ไม่ว่าคุณจะแสดงเครื่องหมาย © บนงานของคุณหรือไม่

ครีเอทีฟคอมมอนส์
CREATIVE COMMONS
• http://creativecommons.org/
• รูปแบบ “สัญญาอนุญาต” (license agreement) ที่ทุกคนนําไป
ใช้กับงานของตัวเองได้ฟรี
• คิดค้นโดยองค์กรการกุศลชื่อเดียวกัน
• ก่อตั้งโดยนักกฎหมายและผู้เชี่ยวชาญด้านคอมพิวเตอร์และ
เทคโนโลยีชาวอเมริกันกลุ่มหนึ่ง นําโดย ลอว์เรนซ์ เลสสิก
(Lawrence Lessig) อาจารย์กฎหมายประจํามหาวิทยาลัย
สแตนฟอร์ด ผู้รณรงค์แนวคิด “วัฒนธรรมเสรี” (free culture)‫‏‬

(CC)‫‏‬
Copyright
100%
Copy
100%
(CC)‫‏‬

เป้าหมาย
• การอนุญาตให้คนทั่วโลกสามารถ
–เผยแพร่
–จัดแสดง
–ทําซ้ํา
–โพสงานต่าง ๆ ลงในเว็บไซต์ได้
• ตราบใดที่พวกเขาปฏิบัติตามเงื่อนไขที่เจ้าของลิขสิทธิ์เป็นผู้
กําหนด

เงื่อนไข
• สัญญาอนุญาตแบบครีเอทีฟคอมมอนส์มีเงื่อนไขหลักสี่ข้อ
• ผู้สร้างงานสามารถเลือกใช้ข้อใดข้อหนึ่งหรือหลายข้อรวมกันก็ได้
–“ยอมรับสิทธิของผู้สร้าง” (Attribution ) - BY
–“ไม่ใช้เพื่อการค้า” (Noncommercial) - NC
–“ไม่แก้ไขต้นฉบับ” (No Derivative Works) - ND
–“ใช้สัญญาอนุญาตแบบเดียวกัน” (Share Alike) - SA

รูปแบบ
• Human-Readable Common Deed
– สัญญาฉบับอ่านง่าย สําหรับคนทั่วไป
• Lawyer-Readable Legal Code
– สัญญาฉบับกฎหมาย สําหรับการนําไปใช้ในกระบวนการ
ยุติธรรม เช่น เมื่อเกิดคดีฟ้องละเมิดลิขสิทธิ์
• Machine-Readable Digital Code
– สัญญาฉบับภาษาคอมพิวเตอร์ สําหรับให้โปรแกรมท่องเว็บต่างๆ
เช่น เสิร์ชเอ็นจิ้นของกูเกิ้ล “อ่าน” ออกโดยอัตโนมัติ

สร้าง (CC) เอกสารเว็บ
• เข้าเว็บไซต์ http://creativecommons.org/license/
• เลือกรูปแบบ

EVALUATION
Assessment of audience achievement
Utilize the result in the next production
Formative Evaluation
During the developmental stage
Design reviews
Expert reviews
Learner validation
Summative Evaluation
After Implementation
Determines the effectiveness, appeal, and efficiency of
instruction
Assesses whether the instruction solves the “problem”

INSTRUCTIONAL
SYSTEM DESIGN

INSTRUCTIONAL DESIGN
การออกแบบการสอน
รูปแบบการสอนที่มีลําดับขั้นตอนและหลักการ
การวางแผนการสอนอย่างมีระบบระเบียบแบบแผน
การจัดทําแผนการสอน
การพัฒนาเนื้อหาการสอน การประเมินผล
การวิเคราะห์เป้าหมาย การพัฒนาเพื่อตอบสนองความต้องการด้าน
การเรียน การพัฒนาเนื้อหา การทบทวนและปรับปรุงและการ
ประเมินผล

ทฤษฎีที่เกี่ยวกับการออกแบบสื่อการสอน
Needs assessment
Task analysis (Hannum & Hansen, 1989)
Front-end analysis (Romzowski, 1981; McGriff, 2001 online)
Learning theories (Romzowski, 1986)
A Mager and Pipe model
ARCS model of motivation
9 Event of Learning (Gagné, R. M.)
Maslow’s Hierarchy of Human Needs
A Cognitive Model of Motivation
Kaufman’s 6 Levels of Needs Assessment

ADDIE MODEL

ADDIE MODEL
Analysis

ADDIE MODEL
Analysis Constraint Analysis, Audience
Analysis, Needs Analysis

ADDIE MODEL
Analysis
Design
Constraint Analysis, Audience

ADDIE MODEL
Analysis
Design
Objectives, Contents Plan, Tactics,
assessment, motivation

ADDIE MODEL
Analysis
Design
Development

ADDIE MODEL
Analysis
Design
Development
Develop contents, Tools, Test

ADDIE MODEL
Analysis
Design
Development
Implementation

ADDIE MODEL
Analysis
Design
Development
Implementation
Implement the contents, pilot test, tutor
training, marketing

ADDIE MODEL
Analysis
Design
Development
Implementation
Evaluation
training, marketing

ADDIE MODEL
Analysis
Design
Development
Implementation
Evaluation
Evaluation (formative, summative),
Feedback
training, marketing

ASSURE MODEL

ASSURE MODEL
A: Analyze Learners

ASSURE MODEL
A: Analyze Learners
S: State Objective

ASSURE MODEL
A: Analyze Learners
S: State Objective
S: Select Methods, Media, and Materials

ASSURE MODEL
A: Analyze Learners
S: State Objective
U: Utilize Media and Materials

ASSURE MODEL
A: Analyze Learners
S: State Objective
R: Require Learner Participation

ASSURE MODEL
A: Analyze Learners
S: State Objective
R: Require Learner Participation
E: Evaluate and revise

DICK AND CAREY SYSTEMS APPROACH MODEL

RESOURCE
http://slideshare.net
http://www.stks.or.th
http://www.learnsquare.com

ขอบคุณครับ
THANK YOU
PORNCHAI.TUMMARATTANANONT@NECTEC.OR.TH

แนวทางการพัฒนาสื่ออิเล็กทรอนิกส์

Recommended

Recommended

More Related Content

Similar to แนวทางการพัฒนาสื่ออิเล็กทรอนิกส์

Similar to แนวทางการพัฒนาสื่ออิเล็กทรอนิกส์ (10)

More from NECTEC, NSTDA

More from NECTEC, NSTDA (15)

แนวทางการพัฒนาสื่ออิเล็กทรอนิกส์