แนวทางการพัฒนาสื ่ออิเล็กทรอนิกส์
โดย พรชัย ธรรมรัตนนนท์
หน่วยปฏิบัติการวิจัยพัฒนาสื่อดิจิทัลWednesday, September 18, 13
มัลติมีเดียคืออะไร
Wednesday, September 18, 13
มัลติมีเดียคืออะไร
มัลต ิ(Multi) หมายถึง หลายๆ อย่างผสมรวมกัน
Wednesday, September 18, 13
มัลติมีเดียคืออะไร
มัลต ิ(Multi) หมายถึง หลายๆ อย่างผสมรวมกัน
มีเดีย (Media) หมายถึง สื่อ ข่าวสาร ช่องทางการสื่อสาร
Wednesday, September 18, 13
มัลติมีเดียคืออะไร
มัลต ิ(Multi) หมายถึง หลายๆ อย่างผสมรวมกัน
มีเดีย (Media) หมายถึง สื่อ ข่าวสาร ช่องทางการสื่อสาร
มัลติมีเดีย (Multimedia) หมายถึง การนําองค์ประกอบของสื่อชนิดต่างๆมาผสมผสานเข้าด้วยกันตั้งแต่ 2 อย่างขึ้นไป ซึ่งได้แก่ ตัวอักษร (Text), รูปภาพ (Image), ภาพเคลื่อนไหว (Animation), เสียง (Sound) และ วีดีโอ (Video) โดยผ่านกระบวนการทางระบบคอมพิวเตอร์เพื่อสื่อความหมายกับผู้ใช้อย่างมีปฏิสัมพันธ์ (Interactive Multimedia) และได้บรรลุผลตามวัตถุประสงค์การใช้งาน
Wednesday, September 18, 13
มัลติมีเดีย ?
Wednesday, September 18, 13
มัลติมีเดีย ?การนําสื่อในหลากหลายรูปแบบมารวมกัน
Text, Graphic, Sound, Video, Animation, etc.
Wednesday, September 18, 13
มัลติมีเดีย ?การนําสื่อในหลากหลายรูปแบบมารวมกัน
Text, Graphic, Sound, Video, Animation, etc.
Drawing
Wednesday, September 18, 13
มัลติมีเดีย ?การนําสื่อในหลากหลายรูปแบบมารวมกัน
Text, Graphic, Sound, Video, Animation, etc.
DrawingMusic
Wednesday, September 18, 13
มัลติมีเดีย ?การนําสื่อในหลากหลายรูปแบบมารวมกัน
Text, Graphic, Sound, Video, Animation, etc.
Drawing
Photograph
Music
Wednesday, September 18, 13
มัลติมีเดีย ?การนําสื่อในหลากหลายรูปแบบมารวมกัน
Text, Graphic, Sound, Video, Animation, etc.
Drawing
Photograph
Music
Video
Wednesday, September 18, 13
มัลติมีเดีย ?การนําสื่อในหลากหลายรูปแบบมารวมกัน
Text, Graphic, Sound, Video, Animation, etc.
Drawing
Photograph
Music
Video
Digital format (Edit/Play on Computer)
Wednesday, September 18, 13
มัลติมีเดีย ?การนําสื่อในหลากหลายรูปแบบมารวมกัน
Text, Graphic, Sound, Video, Animation, etc.
Drawing
Photograph
Music
Video
Digital
Format
0101101
0010110
1010110
100
Digital format (Edit/Play on Computer)
Wednesday, September 18, 13
มัลติมีเดีย ?การนําสื่อในหลากหลายรูปแบบมารวมกัน
Text, Graphic, Sound, Video, Animation, etc.
Drawing
Photograph
Music
Video
Digital
Format
0101101
0010110
1010110
100
Integrate oncomputer
Digital format (Edit/Play on Computer)
Wednesday, September 18, 13
Wednesday, September 18, 13
Text
Graphics
Video/Animation
Sound
Wednesday, September 18, 13
Text
Graphics
Video/Animation
Sound
Wednesday, September 18, 13
Text
Graphics
Video/Animation
Sound
Wednesday, September 18, 13
Text
Graphics
Video/Animation
Sound
Wednesday, September 18, 13
Text
Graphics
Video/Animation
Sound
Force
Wednesday, September 18, 13
มัลติมีเดียที ่ต่างมุมมอง
Wednesday, September 18, 13
มัลติมีเดียที ่ต่างมุมมอง
มุมมองของผู้รับสื่อ (User’s Perspective)
การนําสื่อหลากหลายประเภทมานําเสนอร่วมกัน
การโต้ตอบและปฏิสัมพันธ์ระหว่างคนกับคอมพิวเตอร์
การนําเสนอสิ่งที่น่าสนใจ ทําให้เข้าใจได้ง่ายยิ่งขึ้น
Wednesday, September 18, 13
มัลติมีเดียที ่ต่างมุมมอง
มุมมองของผู้รับสื่อ (User’s Perspective)
การนําสื่อหลากหลายประเภทมานําเสนอร่วมกัน
การโต้ตอบและปฏิสัมพันธ์ระหว่างคนกับคอมพิวเตอร์
การนําเสนอสิ่งที่น่าสนใจ ทําให้เข้าใจได้ง่ายยิ่งขึ้น
มุมมองของผู้พัฒนาสื่อ (Developer’s Perspective)
การสร้างสรรค์ผลงานที่มีคุณภาพ
เทคนิคการนําเสนอผลงาน
การผสมผสานระหว่างวิทยาศาสตร์และศิลปะอย่างลงตัว
Wednesday, September 18, 13
Wednesday, September 18, 13
Wednesday, September 18, 13
Wednesday, September 18, 13
Wednesday, September 18, 13
Wednesday, September 18, 13
การพัฒนางานทั่วไป (Conventional Development)
Wednesday, September 18, 13
การพัฒนางานทั่วไป (Conventional Development)
เหตุผลLogic
Wednesday, September 18, 13
การพัฒนางานทั่วไป (Conventional Development)
เหตุผลLogic
คณิตฯMath
Wednesday, September 18, 13
การพัฒนางานงานมัลติมีเดีย (Multimedia Development)
การพัฒนางานทั่วไป (Conventional Development)
เหตุผลLogic
คณิตฯMath
Wednesday, September 18, 13
การพัฒนางานงานมัลติมีเดีย (Multimedia Development)
การพัฒนางานทั่วไป (Conventional Development)
เหตุผลLogic
คณิตฯMath
ศิลปะArt
Wednesday, September 18, 13
การพัฒนางานงานมัลติมีเดีย (Multimedia Development)
การพัฒนางานทั่วไป (Conventional Development)
เหตุผลLogic
คณิตฯMath
ศิลปะArt
จิตวิทยาPsychology
Wednesday, September 18, 13
การพัฒนางานงานมัลติมีเดีย (Multimedia Development)
การพัฒนางานทั่วไป (Conventional Development)
เหตุผลLogic
คณิตฯMath
ศิลปะArt
จิตวิทยาPsychology
สรีรศาสตร์Physiology
Wednesday, September 18, 13
การพัฒนางานงานมัลติมีเดีย (Multimedia Development)
การพัฒนางานทั่วไป (Conventional Development)
เหตุผลLogic
คณิตฯMath
วิทย์ฯ กายภาพPhysic ศิลปะ
Art
จิตวิทยาPsychology
สรีรศาสตร์Physiology
Wednesday, September 18, 13
ประโยชน์ของมัลติมีเดีย
ง่ายต่อการใช้งาน
สัมผัสได้ถึงความรู้สึก
สร้างเสริมประสบการณ์
เพิ่มขีดความสามารถในการเรียนรู้
เข้าใจเนื้อหาที่นําเสนอมากยิ่งขึ้น
คุ้มค่าในการลงทุน
เพิ่มประสิทธิผลในการเรียนรู้
Wednesday, September 18, 13
การประยุกต์ใช้งาน
ด้านการศึกษา (Education)
ด้านการฝึกอบรม (Training)
ด้านความบันเทิง (Entertainment)
ด้านธุรกิจ (Business)
ด้านการประชาสัมพันธ์ (Public Relation)
ด้านความเป็นจริงเสมือน (Virtual Reality)
ด้านเทคโนโลยีอุปกรณ์เคลื่อนที่ (Mobile Technology)
Wednesday, September 18, 13
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)
Wednesday, September 18, 13
INSTRUCTION AND LEARNING
ผู้สอนInstructor
ผู้เรียนLearner
Wednesday, September 18, 13
INSTRUCTION AND LEARNING
ผู้สอนInstructor
ผู้เรียนLearner
Wednesday, September 18, 13
INSTRUCTION AND LEARNING
ผู้สอนInstructor
ผู้เรียนLearner
สื่อ (Media)
Wednesday, September 18, 13
INSTRUCTION AND LEARNING
ผู้สอนInstructor
ผู้เรียนLearner
สื่อ (Media) เนื้อหา(Message)
Wednesday, September 18, 13
INSTRUCTION AND LEARNING
ผู้สอนInstructor
ผู้เรียนLearner
สื่อ (Media) เนื้อหา(Message)
Wednesday, September 18, 13
MEDIA, MESSAGE, AND METHOD
สื่อ (Media)Channel of communicationCarrier of messages
เนื้อหา (Message)Subject Matter ContentDirection to the learnersQuestions about the contentFeedback of responses
วิธีการ (Methods)PresentationDemonstrationDiscussionDrill and Practice (ฝึกฝน)TutorialCooperative learningGamesSimulationDiscovery
Wednesday, September 18, 13
การเรียนรู ้แบบสร้างองค์ความรู ้ด้วยตนเอง (CONSTRUCTIVISM)
คนเรานั้นจะมีการสร้างความรู้ใหม่เสมอหากมีสภาวะแวดล้อมเอื้ออํานวย การเรียนรู้แบบเดิมที่มาจากการฟัง เห็น ล้วนเป็นการเรียนรู้ทางเดียวนั่นคือเราเป็นผู้รับสารและเก็บเอาไว้จึงมีการเรียกผู้ที่มีความจําดีว่า “พจนานุกรมเดินได้” หากแต่เราจะเรียนรู้ได้มากกว่าหากเป็นการถ่ายทอดจากสมองสู่สมองนั่นคือมีการแลกเปลี่ยนทัศนะและเรียนรู้จากประสบการณ์ของผู้อื่น
Wednesday, September 18, 13
การเรียนรู ้แบบคิดเอง สร้างเอง (CONSTRUCTIONVISM)
การเปลี่ยนกรอบความคิดของครูจากเดิม ซึ่งเน้นการสอนไปเป็นการให้อิสระแก่ผู้เรียน ได้ร่วมเรียนรู้เป็นอิสระในการเรียนโดยพึ่งพาตนเอง
การเรียนรู้แบบคิดเองสร้างเองคือการเรียนรู้ด้วยการลงมือทําไม่ว่าจะเป็นการพูด การโพสต์แสดงความคิดเห็นบนกระดานเสวนา
ตัวอย่างเช่น ปกติอ่านหนังสือพอวางหนังสือก็จะลืมแต่ถ้าได้อธิบายให้คนอื่นฟังจะทําให้จําได้มากขึ้น
Wednesday, September 18, 13
INSTRUCTIONAL MEDIA PRODUCTION
Overview
Wednesday, September 18, 13
INSTRUCTIONAL MEDIA PRODUCTION
Problem
Overview
Wednesday, September 18, 13
INSTRUCTIONAL MEDIA PRODUCTION
Problem
Overview
Wednesday, September 18, 13
INSTRUCTIONAL MEDIA PRODUCTION
Instructional Media
Problem
Overview
Wednesday, September 18, 13
INSTRUCTIONAL MEDIA PRODUCTION
Instructional Media
Problem
Overview
Wednesday, September 18, 13
INSTRUCTIONAL MEDIA PRODUCTION
Instructional Media
PlanningProblem
Overview
Wednesday, September 18, 13
INSTRUCTIONAL MEDIA PRODUCTION
Instructional Media
PlanningProblem
Overview
Wednesday, September 18, 13
INSTRUCTIONAL MEDIA PRODUCTION
Instructional Media
Planning
Designing
Problem
Overview
Wednesday, September 18, 13
INSTRUCTIONAL MEDIA PRODUCTION
Instructional Media
Planning
Designing
Problem
Overview
Wednesday, September 18, 13
INSTRUCTIONAL MEDIA PRODUCTION
Instructional Media
Planning
Designing
Producing
Problem
Overview
Wednesday, September 18, 13
INSTRUCTIONAL MEDIA PRODUCTION
Instructional Media
Planning
Designing
Producing
Problem
Overview
Wednesday, September 18, 13
INSTRUCTIONAL MEDIA PRODUCTION
Instructional Media
Planning
Designing
Producing
Evaluating
Problem
Overview
Wednesday, September 18, 13
INSTRUCTIONAL MEDIA PRODUCTION
Instructional Media
Planning
Designing
Producing
Evaluating
Problem
Overview
Wednesday, September 18, 13
INSTRUCTIONAL MEDIA PRODUCTION
Instructional Media
Planning
Designing
Producing
Evaluating
Implementation/Evaluation
Problem
Overview
Wednesday, September 18, 13
INSTRUCTIONAL MEDIA PRODUCTION
Instructional Media
Planning
Designing
Producing
Evaluating
Implementation/Evaluation
Problem
Overview
Wednesday, September 18, 13
การวางแผน (PLANNING)
Idea
Audience Analysis
Objectives
Research
Proposal & Content Outline
BudgetMedium
Specifications
Wednesday, September 18, 13
IDEA/PURPOSE
ปัญหาการสัมภาษณ์ หรือ แบบสอบถามสถานการณ์ปัจจุบันพยายามหาวิธีการที่เป็นไปได้ความต้องการ
ข้อมูล / ความรู้ทักษะทัศนคติ
Wednesday, September 18, 13
AUDIENCE ANALYSIS
คุณสมบัต ิ(Characteristics)age, education level, socio-economics factor, cultural background, attitude, etc.
ขีดความสามารถ (Entry competency)Entry test: prerequisite knowledge and skillPretest: 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.
Wednesday, September 18, 13
วัตถุประสงค์ (OBJECTIVE)
Wednesday, September 18, 13
วัตถุประสงค์ (OBJECTIVE)Objective Classification
Cognitive: Knowledge, Comprehension, Application, CreationAffective: Receiving, Responding, valuing, CharacterizationMotor Skill: Imitation, Manipulation, Precision, ArticulationInterpersonal: Seeking/Giving information, Proposing, Building and Supporting, Disagreeing
Wednesday, September 18, 13
วัตถุประสงค์ (OBJECTIVE)Objective Classification
Cognitive: Knowledge, Comprehension, Application, CreationAffective: Receiving, Responding, valuing, CharacterizationMotor Skill: Imitation, Manipulation, Precision, ArticulationInterpersonal: Seeking/Giving information, Proposing, Building and Supporting, Disagreeing
ABCDs of ObjectivesA: Audience (ผู้เรียน)B: Behavior (พฤติกรรม)C: Condition (เงื่อนไข)D: Degree (ระดับ)
Wednesday, September 18, 13
OBJECTIVE CLASSIFICATION
พุทธิพิสัย (Cognitive): ความรู้, ความเข้าใจ, การนําไปใช้, การสร้างสรรค์
จิตพิสัย (Affective): การยอมรับ, ปฏิกิริยาตอบสนอง, การสร้างค่านิยม, คุณสมบัติ
ทักษะพิสัย (Motor Skill): การเลียนแบบ, การจําลอง, ความแม่นยํา, การออกเสียง
มนุษยสัมพันธ์ (Interpersonal): การค้นหา/แลกเปลี่ยนข้อมูล, การนําเสนอ, การสนับสนุน
Wednesday, September 18, 13
COGNITIVE
รู้ บรรยาย อธิบาย เขียน ให้คําจํากัดความ บอก จับคู่
เข้าใจ ย่อความ สรุปความ แปลความ ตีความหมาย คาดคะเน เปรียบเทียบ
ประยุกต์ใช้ การนําเอากฎ กติกา หลักการ วิธีการไปใช้
วิเคราะห์ แยกแยะ บอกความสัมพันธ์ อธิบายเหตุผล แยกส่วนประกอบ
สังเคราะห์ จัดรวบรวมรูปแบบ จัดหมวดหมู ่การจัดโปรแกรม การกําหนดโครงการ การเสนอแบบฝึกใหม่
ประเมินผล ตัดสิน ประเมินค่า ให้เหตุผลประกอบ
Wednesday, September 18, 13
AFFECTIVE
ยอมรับ ตั้งใจฟัง เอาใจใส ่กระตือรือร้น ยอมรับ เห็นประโยชน ์เต็มใจ
ตอบสนอง ปฏิบัติตามกฎระเบียบ ปฏิบัติตามหลักการ การนําไปใช้ เคร่งครัด
รู้คุณค่า กระตือรือร้น ปฏิบัติตนเป็นประจํา
จัดรวบรวม จัดหมวดหมู ่มีค่านิยม ชอบปฏิบัติ
คุณลักษณะที่ดี/ค่านิยมชั้นสูง
มีบุคลิกภาพ กิจนิสัย ปฏิบัติประจํา สม่ําเสมอ ยึดมั่นหลักการทุกครั้ง
Wednesday, September 18, 13
MOTOR SKILL
รู้คําศัพท/์รู้วิธีการเคลื่อนไหว สาธิต บอก อธิบาย แสดง
เคลื่อนไหว ไม่เคลื่อนที่ เอียง เหวี่ยง ก้ม ปิด เงย หงาย หมุน เขย่ง
เคลื่อนไหวแบบเคลื่อนที่ วิ่ง เต้น กระโดด ควบม้า คลาน
เคลื่อนไหวประกอบอุปกรณ์ ทุ่มน้ําหนัก ตีลูกขนไก่ เลี้ยงลูกบาสฯ
จัดรูปแบบของเคลื่อนไหว ผสมผสาน 1-4
เคลื่อนไหวร่วมกับผู้อื่น ส่งลูกให้เพื่อน
แก้ปัญหาการเคลื่อนไหว แก้ไขข้อบกพร่อง เรียนรู้ทักษะใหม่ ยิงประตูได้ประเมินการเคลื่อนไหว
Wednesday, September 18, 13
AUDIENCE (ผู ้เรียน)
หลักที่สําคัญของระบบการเรียนการสอน คือ การมุ่งเป้าไปที่ผู้เรียนว่ากําลังทําอะไรอยู่ ต้องการให้ผู้เรียนได้อะไร
การเรียนรู้จะเกิดขึ้นได้ที่สุดเมื่อผู้เรียนมีความกระตือรือร้นอยากจะหาความรู ้ทําให้เกิดทักษะทั้งทางความคิดและร่างกาย
Wednesday, September 18, 13
BEHAVIOR (พฤติกรรม)
ผู้เรียนจะเกิดความรู้ความสามารถใหม่ๆ หรือไม่หลังจากเรียนแล้ว หรือมีพฤติกรรมอะไรที่เปลี่ยนแปลงไปหลังจากได้เรียนรู้
เป็นขั้นสํารวจพฤติกรรมของผู้เรียนว่ามีอะไรบ้างที่จะต้องบรรลุวัตถุประสงค์หลังจากการเรียนรู้
Wednesday, September 18, 13
CONDITION (เงื ่อนไข)
เป็นการตั้งวัตถุประสงค์การเรียนรู้ ภายใต้สภาพหรือเง่ือนไขต่างๆ เช่น
ในการบรรยายลําดับขั้นของการใช้แอลกอฮอล์มากเกินขนาด นักเรียนสามารถใช้บันทึกย่อได้
นักเรียนจะต้องเขียนบทความได้อย่างน้อย 300 คํา โดยไม่ดูหนังสือหรือหาข้อมูลอื่นๆ จากห้องสมุดหรือแหล่งค้นคว้าต่างๆ
Wednesday, September 18, 13
DEGREE (ระดับ)
การเขียนวัตถุประสงค์คือ จะต้องมีตัวชี้วัดหรือเกณฑ์ในการประเมิน (Criterion)
เป็นระดับที่ใช้ในการวัดพฤติกรรมของผู้เรียน เกณฑ์ที่ใช้วัดเน้นคุณภาพหรือปริมาณและควรตั้งอยู่บนพื้นฐานความเป็นไปได้จริงเช่น นักเรียนต้องแก้โจทย์ปัญหา 5 ข้อ ภายในเวลา 5-10 นาที
Wednesday, September 18, 13
ตัวอย่าง ABCD
นักเรียนชั้นป. 4 สามารถแก้ปัญหาการบวกเลข
ได้อย่างถูกต้องโดยปราศจากเครื่องคิดเลข
Audience Behavior
Degree Condition
Wednesday, September 18, 13
RESEARCH
ศึกษาข้อมูลที่เกี่ยวข้อง (Careful Study about the topic)
หาแหล่งข้อมูลที่เหมาะสม (Visit to Suitable Facilities)
ไปเก็บข้อมูล (Location Hunting)
พิจารณาเงินทุน (Consider the Budget)
Wednesday, September 18, 13
MEDIUM (สื ่อ)
วิดีโอ (Video)
เอกสารเผยแพร่ (Printed Material)
Desktop Presentation
CD-ROM
WBT
etc
Wednesday, September 18, 13
คุณลักษณะสื ่อ (SPECIFICATION)
ชนิดของวัสด ุ(Type of Material)
ชนิดของสื่อ (Type of Media)
ความยาว (Length)
อุปกรณ์ (Equipment)
กําหนดการ (Schedule)
Wednesday, September 18, 13
ค่าใช้จ่าย (BUDGET)
การจัดซื้อ (Purchase)
การเช่า (Rental)
การให้บริการ (Service)
ค่าใช้จ่ายอื่นๆ (Overhead Expenses)
Wednesday, September 18, 13
CONTENT OUTLINE
Topics: Support Objectives
Information: Explains each Topic
Organize: Order of Information
Wednesday, September 18, 13
การออกแบบ (DESIGNING)
Storyboard Script
Wednesday, September 18, 13
STORYBOARD/SCRIPT
Think in PicturesSpecific Visual RepresentationVisualization of each cut
SketchesComputer GraphicsPhotographs
Finalize visual and Audio IdeaCheck continuity of the ScenesCheck narration idea
Word UsageConnection to the visual
Wednesday, September 18, 13
STORYBOARD
Wednesday, September 18, 13
การผลิต (PRODUCING)
Digital Video Sound Photo Graphics
Shooting Recording Shooting Artwork
Editing Editing Retouching Icon/Button
Editing
Wednesday, September 18, 13
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
Wednesday, September 18, 13
39
FORMAT
รูปแบบของไฟล์ภาพที่ใช้ในการจัดเก็บภาพ
การเลือกรูปแบบที่เหมาะสมต่อการนําเสนอจะช่วยให้ภาพมีขนาด (File Size) เล็กลง โดยคงความคมชัดไว้ในระดับด ี
เป็นการประหยัดพื้นที่ของสื่อบันทึกข้อมูลได้เป็นอย่างดี
Wednesday, September 18, 13
40
เว็บกราฟิก
รูปภาพที่แสดงในโหมดปกติ
การแสดงผลภาพแบบ Interlacedการแสดงผลภาพ
แบบ Progressive
Wednesday, September 18, 13
41
RGB MODEL
RGB model used for lighting, video, and monitors
So, computer’s monitor only has 3 colors
Red
Green
Blue
Wednesday, September 18, 13
42
CMYK MODEL
The CMYK model is based on the light-absorbing quality of ink printed on paper.
Wednesday, September 18, 13
43
GIF / JPEG
Wednesday, September 18, 13
GIF : 608 KB JPG : 480 KB
Wednesday, September 18, 13
45
GIF OR JPEG?
Wednesday, September 18, 13
46
JPEG QUALITY & PROGRESSIVE
• ภาพฟอร์แมต JPG ค่า Quality ไม่ควรต่ํา หรือสูงเกินไป
• กําหนดรูปแบบการแสดงผลเป็นแบบ Progressive ด้วยสําหรับภาพที่มีขนาดโต
Wednesday, September 18, 13
47
GIF
Graphics Interlace File
จํานวนสีและความละเอียดของภาพไม่สูงมากนัก
ต้องการพื้นแบบโปร่งใส
ต้องการแสดงผลแบบโครงร่างก่อน แล้วค่อยแสดงผลแบบละเอียด
ต้องการนําเสนอภาพแบบภาพเคลื่อนไหว
ส่วนขยายคือ .gif
Wednesday, September 18, 13
48
TRANSPARENT GIFS
Wednesday, September 18, 13
49
ANIMATION GIF
Wednesday, September 18, 13
50
BIT DEPTH DRASTICALLY AFFECTS FILE SIZE
24 bit color16 million
colors1.55 MB
8 bit color
256 colors
518k
8 bit gray scale
256 shades of gray
518k
1 bit dithered
image
64k
Wednesday, September 18, 13
51
JPEG
Joint Photographer's Experts Group
เหมาะสมกับการนําเสนอทั้งระบบสื่อมัลติมีเดีย และเว็บไซต์
สามารถกําหนดขนาดของไฟล์ได้ตามความเหมาะสม (File Compression)
สามารถกําหนดคุณสมบัติการแสดงผลแบบหยาบ แล้ว
Wednesday, September 18, 13
52
JPEG FILE FORMAT
JPEG - 19K
Low Quality
JPEG - 60K
Max Quality
Wednesday, September 18, 13
53
PNG
Portable Network Graphics
รูปแบบล่าสุดในการนําเสนอภาพผ่านเครือข่ายอินเทอร์เน็ต
สามารถแสดงผลได้ในระบบสีเต็มพิกัด (True Color), มีขนาดไฟล์เล็ก และควบคุมคุณภาพได้ตามที่ต้องการ มีการกําหนดให้พื้นภาพเป็นพื้นโปร่งใสได้ (Transparent) รวมทั้งการแสดงผลแบบหยาบสู่ละเอียด (Interlaced)
ส่วนขยายของไฟล์รูปแบบนี้คือ .png
Wednesday, September 18, 13
54
TIFF
Tagged-Image File Format
รูปแบบที่ใช้เก็บภาพพร้อมรายละเอียดต่างๆ เช่น เลเยอร์ (Layer), Annotation, โหมดภาพทั้งระบบ CMYK, RGB, Lab Color ตลอดจนข้อมูลประกอบอื่นๆ ตามต้นฉบับเดิมของภาพ
เหมาะสมต่อการเก็บบันทึกภาพต้นฉบับ และภาพสําหรับใช้ประกอบการสร้างสื่อสิ่งพิมพ์
ส่วนขยายของไฟล์รูปแบบนี้คือ .tif
Wednesday, September 18, 13
55
สรุปการเลือกใช้ฟอร์แมต
ไฟล์สกุล GIF (Graphics Interlace File)
ภาพที่ไม่ต้องการความคมชัดมากนัก สีไม่มาก
มีลักษณะพื้นโปร่งใส
ไฟล์สกุล JPG (Joint Photographer’s Experts Group)
ภาพที่ต้องการความคมชัดสูง มีสีมาก
ไฟล์สกุล PNG (Portable Network Graphics)
ภาพที่ต้องการความคมชัดสูง มีสีมากทําพื้นโปร่งใสได้
Wednesday, September 18, 13
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
Wednesday, September 18, 13
มาตรฐานรูปแบบการนําเสนอภาพ
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
Wednesday, September 18, 13
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
Wednesday, September 18, 13
การประเมิน (EVALUATING)
Evaluation
Distribution Debug/Revision
Technical Check &
Validation
Wednesday, September 18, 13
TECHNICAL CHECK &VALIDATION
ตรวสอบผลงานทั้งหมด เชิงคุณภาพ (ภาพ, เสียง)
ความถูกต้องของข้อมูล
แสดงตัวอย่างบางส่วนแก่กลุ่มเป้าหมายเพื่อทดสอบ
Wednesday, September 18, 13
REVISION
ตรวสอบว่ามีสิ่งใดที่ต้องแก้ไขปรับปรุงเพิ่มเติม (ที่ไหน, อย่างไร)
พิจารณากระบวนการที่สามารถดําเนินการได้ (การผลิต, เวลา, งบประมาณ)
เลือกวิธีการที่ดีที่สุดที่ส่งผลให้ให้ผลงานมีประสิทธิภาพเพิ่มมากขึ้น
Wednesday, September 18, 13
DISTRIBUTION
การจัดเตรียมสื่อ (Prepare Materials)
ส่งเสริมการสอน (To support instructions)
คู่มือแนะนํา (Guidebook or Worksheet)
นําเสนอให้แก่กลุ่มเป้าหมาย (Show to the target audience)
e-Learning
CD-ROM
Wednesday, September 18, 13
สงวนลิขสิทธิ ์ ?
• เมื่อคุณผลิตงานสร้างสรรคข์ึ้นมาชิ้นหนึ่ง ไม่ว่าจะเป็นงานเขียน บทเพลง รูปถ่าย รูปวาด ฯลฯ งานนั้นจะถูกคุ้มครองภายใต้กฎหมายลิขสิทธิ์แบบ “สงวนลิขสิทธ์ิ 100%” โดยอัตโนมัต ิ
– ไม่ว่าคุณจะแจ้งต่อทางการหรือไม่
– ไม่ว่าคุณจะแสดงเครื่องหมาย © บนงานของคุณหรือไม่
Wednesday, September 18, 13
ครีเอทีฟคอมมอนส์ CREATIVE COMMONS• http://creativecommons.org/
• รูปแบบ “สัญญาอนุญาต” (license agreement) ที่ทุกคนนําไปใช้กับงานของตัวเองได้ฟรี
• คิดค้นโดยองค์กรการกุศลชื่อเดียวกัน
• ก่อตั้งโดยนักกฎหมายและผู้เชี่ยวชาญด้านคอมพิวเตอร์และเทคโนโลยีชาวอเมริกันกลุ่มหนึ่ง นําโดย ลอว์เรนซ์ เลสสิก (Lawrence Lessig) อาจารย์กฎหมายประจํามหาวิทยาลัยสแตนฟอร์ด ผู้รณรงค์แนวคิด “วัฒนธรรมเสรี” (free culture)
Wednesday, September 18, 13
(CC)
Copyright
100%Copy100%
(CC)
Wednesday, September 18, 13
เป้าหมาย• การอนุญาตให้คนทั่วโลกสามารถ
–เผยแพร่
–จัดแสดง
–ทําซ้ํา
–โพสงานต่าง ๆ ลงในเว็บไซต์ได้
• ตราบใดที่พวกเขาปฏิบัติตามเงื่อนไขที่เจ้าของลิขสิทธิ์เป็นผู้กําหนด
Wednesday, September 18, 13
เงื ่อนไข
• สัญญาอนุญาตแบบครีเอทีฟคอมมอนส์มีเงื่อนไขหลักสี่ข้อ
• ผู้สร้างงานสามารถเลือกใช้ข้อใดข้อหนึ่งหรือหลายข้อรวมกันก็ได้
–“ยอมรับสิทธิของผู้สร้าง” (Attribution ) - BY
–“ไม่ใช้เพื่อการค้า” (Noncommercial) - NC
–“ไม่แก้ไขต้นฉบับ” (No Derivative Works) - ND
–“ใช้สัญญาอนุญาตแบบเดียวกัน” (Share Alike) - SA
Wednesday, September 18, 13
รูปแบบ• Human-Readable Common Deed
–สัญญาฉบับอ่านง่าย สําหรับคนทั่วไป
• Lawyer-Readable Legal Code
–สัญญาฉบับกฎหมาย สําหรับการนําไปใช้ในกระบวนการยุติธรรม เช่น เมื่อเกิดคดีฟ้องละเมิดลิขสิทธิ์
• Machine-Readable Digital Code
–สัญญาฉบับภาษาคอมพิวเตอร์ สําหรับให้โปรแกรมท่องเว็บต่างๆ เช่น เสิร์ชเอ็นจิ้นของกูเกิ้ล “อ่าน” ออกโดยอัตโนมัติ
Wednesday, September 18, 13
สร้าง (CC) เอกสารเว็บ
• เข้าเว็บไซต ์http://creativecommons.org/license/
• เลือกรูปแบบ
Wednesday, September 18, 13
EVALUATION
Assessment of audience achievementUtilize the result in the next productionFormative Evaluation
During the developmental stageDesign reviewsExpert reviewsLearner validation
Summative EvaluationAfter ImplementationDetermines the effectiveness, appeal, and efficiency of instructionAssesses whether the instruction solves the “problem”
Wednesday, September 18, 13
INSTRUCTIONALSYSTEM DESIGN
Wednesday, September 18, 13
INSTRUCTIONAL DESIGN
การออกแบบการสอน
รูปแบบการสอนที่มีลําดับขั้นตอนและหลักการ
การวางแผนการสอนอย่างมีระบบระเบียบแบบแผน
การจัดทําแผนการสอน
การพัฒนาเนื้อหาการสอน การประเมินผล
การวิเคราะห์เป้าหมาย การพัฒนาเพื่อตอบสนองความต้องการด้านการเรียน การพัฒนาเนื้อหา การทบทวนและปรับปรุงและการประเมินผล
Wednesday, September 18, 13
ทฤษฎีที ่เกี ่ยวกับการออกแบบสื ่อการสอน
Needs assessmentTask analysis (Hannum & Hansen, 1989)Front-end analysis (Romzowski, 1981; McGriff, 2001 online)Learning theories (Romzowski, 1986)A Mager and Pipe modelARCS model of motivation9 Event of Learning (Gagné, R. M.) Maslow’s Hierarchy of Human Needs A Cognitive Model of MotivationKaufman’s 6 Levels of Needs Assessment
Wednesday, September 18, 13
ADDIE MODEL
Wednesday, September 18, 13
ADDIE MODEL
Analysis
Wednesday, September 18, 13
ADDIE MODEL
Analysis Constraint Analysis, Audience Analysis, Needs Analysis
Wednesday, September 18, 13
ADDIE MODEL
Analysis
Design
Constraint Analysis, Audience Analysis, Needs Analysis
Wednesday, September 18, 13
ADDIE MODEL
Analysis
Design
Constraint Analysis, Audience Analysis, Needs Analysis
Objectives, Contents Plan, Tactics, assessment, motivation
Wednesday, September 18, 13
ADDIE MODEL
Analysis
Design
Development
Constraint Analysis, Audience Analysis, Needs Analysis
Objectives, Contents Plan, Tactics, assessment, motivation
Wednesday, September 18, 13
ADDIE MODEL
Analysis
Design
Development
Constraint Analysis, Audience Analysis, Needs Analysis
Objectives, Contents Plan, Tactics, assessment, motivation
Develop contents, Tools, Test
Wednesday, September 18, 13
ADDIE MODEL
Analysis
Design
Development
Implementation
Constraint Analysis, Audience Analysis, Needs Analysis
Objectives, Contents Plan, Tactics, assessment, motivation
Develop contents, Tools, Test
Wednesday, September 18, 13
ADDIE MODEL
Analysis
Design
Development
Implementation
Constraint Analysis, Audience Analysis, Needs Analysis
Objectives, Contents Plan, Tactics, assessment, motivation
Develop contents, Tools, Test
Implement the contents, pilot test, tutor training, marketing
Wednesday, September 18, 13
ADDIE MODEL
Analysis
Design
Development
Implementation
Evaluation
Constraint Analysis, Audience Analysis, Needs Analysis
Objectives, Contents Plan, Tactics, assessment, motivation
Develop contents, Tools, Test
Implement the contents, pilot test, tutor training, marketing
Wednesday, September 18, 13
ADDIE MODEL
Analysis
Design
Development
Implementation
Evaluation
Constraint Analysis, Audience Analysis, Needs Analysis
Objectives, Contents Plan, Tactics, assessment, motivation
Develop contents, Tools, Test
Evaluation (formative, summative), Feedback
Implement the contents, pilot test, tutor training, marketing
Wednesday, September 18, 13
ASSURE MODEL
Wednesday, September 18, 13
ASSURE MODEL
A: Analyze Learners
Wednesday, September 18, 13
ASSURE MODEL
A: Analyze Learners
S: State Objective
Wednesday, September 18, 13
ASSURE MODEL
A: Analyze Learners
S: State Objective
S: Select Methods, Media, and Materials
Wednesday, September 18, 13
ASSURE MODEL
A: Analyze Learners
S: State Objective
S: Select Methods, Media, and Materials
U: Utilize Media and Materials
Wednesday, September 18, 13
ASSURE MODEL
A: Analyze Learners
S: State Objective
S: Select Methods, Media, and Materials
U: Utilize Media and Materials
R: Require Learner Participation
Wednesday, September 18, 13
ASSURE MODEL
A: Analyze Learners
S: State Objective
S: Select Methods, Media, and Materials
U: Utilize Media and Materials
R: Require Learner Participation
E: Evaluate and revise
Wednesday, September 18, 13
DICK AND CAREY SYSTEMS APPROACH MODEL
Wednesday, September 18, 13
RESOURCE
http://slideshare.net
http://www.stks.or.th
http://www.learnsquare.com
Wednesday, September 18, 13
Wednesday, September 18, 13
Wednesday, September 18, 13
Top Related