Cai Design

CAI Design Mu

ltimed

ia

CAI Design Step

อ้�างอ้�งจาก Department of Computer Education

KMITNB

271430 2

CAI Design Mu

ltimed

iaขั้�นตอ้นการพัฒนา

• การวิ�เคราะห์� (Analysis)• การอ้อ้กแบบ (Design)• การพัฒนา (Development)• การน�าไปใช้� (Implementation)• การประเมิ�นผล (Evaluate)

ADDIEADDIE

271430 3

CAI Design Mu

ltimed

iaขั้�นตอ้นการพัฒนา

AnalysisAnalysis

DesignDesign

DevelopDevelop

EvaluateEvaluateImplementImplement

271430 4

CAI Design Mu

ltimed

iaขั้��นตอนขั้��นตอน การวิ�เคราะห์� การวิ�เคราะห์� (Analysis)(Analysis)

ประกอบด้�วิยรายละเอ�ยด้แต�ละส่�วิน ประกอบด้�วิยรายละเอ�ยด้แต�ละส่�วินด้�งน��ด้�งน��1. 1. การก�าห์นด้ห์�วิเร��องและการก�าห์นด้ห์�วิเร��องและวิ�ตถุ!ประส่งค�ทั่��วิไปวิ�ตถุ!ประส่งค�ทั่��วิไป ต�องพิ�จารณาถุ'งควิามเห์มาะส่มต�องพิ�จารณาถุ'งควิามเห์มาะส่มขั้องห์�วิเร��องทั่��จะน�าขั้องห์�วิเร��องทั่��จะน�า มาส่ร�างเป)นบทั่เร�ยน มาส่ร�างเป)นบทั่เร�ยน CAI CAI เช่�น วิ�ช่า เช่�น วิ�ช่า

ทั่ฤษฎี� ห์ล�งจาก ทั่ฤษฎี� ห์ล�งจาก น��นจ'งก�าห์นด้เป)นวิ�ตถุ!ประส่งค�น��นจ'งก�าห์นด้เป)นวิ�ตถุ!ประส่งค�ทั่��วิไปขั้องบทั่เร�ยนทั่��วิไปขั้องบทั่เร�ยน2. 2. การวิ�เคราะห์�ผู้/�เร�ยนการวิ�เคราะห์�ผู้/�เร�ยน ต�องทั่�าการวิ�เคราะห์�ผู้/�เร�ยนเก��ยวิก�บต�องทั่�าการวิ�เคราะห์�ผู้/�เร�ยนเก��ยวิก�บขั้�อม/ลต�างๆขั้�อม/ลต�างๆ เช่�น ระด้�บช่��น อาย! ควิามร/�พิ��นฐาน เช่�น ระด้�บช่��น อาย! ควิามร/�พิ��นฐานเน��องจากเพิ��อเน��องจากเพิ��อ ให์�ได้�บทั่เร�ยนทั่��ม�ค!ณภาพิ และ ให์�ได้�บทั่เร�ยนทั่��ม�ค!ณภาพิ และเห์มาะส่มเห์มาะส่ม

271430 5

CAI Design Mu

ltimed

ia3. 3. การวิ�เคราะห์�วิ�ตถุ!ประส่งค�เช่�งการวิ�เคราะห์�วิ�ตถุ!ประส่งค�เช่�งพิฤต�กรรมพิฤต�กรรม ห์ล�งจากได้�ห์�วิขั้�อเร��อง ห์ล�งจากได้�ห์�วิขั้�อเร��องวิ�ตถุ!ประส่งค�ทั่��วิไปขั้องบทั่วิ�ตถุ!ประส่งค�ทั่��วิไปขั้องบทั่ เร�ยน และวิ�เคราะห์�ควิามต�องการ เร�ยน และวิ�เคราะห์�ควิามต�องการขั้องผู้/�เร�ยนแล�วิขั้องผู้/�เร�ยนแล�วิ ขั้��นต�อไปเป)นการก�าห์นด้ขั้��นต�อไปเป)นการก�าห์นด้วิ�ตถุ!ประส่งค�เช่�งพิฤต�กรรมวิ�ตถุ!ประส่งค�เช่�งพิฤต�กรรม ขั้องบทั่เร�ยน ทั่��จะต�องพิ�จารณาอย�าง ขั้องบทั่เร�ยน ทั่��จะต�องพิ�จารณาอย�างละเอ�ยด้ถุ��ถุ�วินละเอ�ยด้ถุ��ถุ�วิน4. 4. การวิ�เคราะห์�เน��อห์าการวิ�เคราะห์�เน��อห์า การวิ�เคราะห์�เน��อห์าน�บวิ�าม�ควิามการวิ�เคราะห์�เน��อห์าน�บวิ�าม�ควิามส่�าค�ญมากในการส่�าค�ญมากในการ ทั่��จะได้�มาซึ่'�งเน��อห์าขั้องบทั่เร�ยนทั่��ทั่��จะได้�มาซึ่'�งเน��อห์าขั้องบทั่เร�ยนทั่��เห์มาะส่มและส่อด้เห์มาะส่มและส่อด้ คล�องก�บควิามต�องการขั้องผู้/�เร�ยนคล�องก�บควิามต�องการขั้องผู้/�เร�ยนมากทั่��ส่!ด้และตรงมากทั่��ส่!ด้และตรง ก�บเป6าห์มายก�บเป6าห์มาย

271430 6

CAI Design Mu

ltimed

iaขั้��นตอนขั้��นตอนการวิ�เคราะห์�เน��อห์าการวิ�เคราะห์�เน��อห์า

1. 1. ศึ'กษาวิ�ตถุ!ประส่งค�เช่�งพิฤต�กรรมขั้องบทั่เร�ยน ศึ'กษาวิ�ตถุ!ประส่งค�เช่�งพิฤต�กรรมขั้องบทั่เร�ยน2. 2. เขั้�ยนเน��อห์าส่��นๆ ทั่!กห์�วิเร��องย�อย ให์�ส่อด้คล�องก�บ เขั้�ยนเน��อห์าส่��นๆ ทั่!กห์�วิเร��องย�อย ให์�ส่อด้คล�องก�บ วิ�ตถุ!ประส่งค�เช่�งพิฤต�กรรมวิ�ตถุ!ประส่งค�เช่�งพิฤต�กรรม3. 3. จ�ด้ล�าด้�บเน��อห์าจ�ด้ล�าด้�บเน��อห์า4. 4. จ�ด้กล!�มเน��อห์าเพิ��อแบ�งเป)นห์�วิเร��องย�อยๆ ตาม จ�ด้กล!�มเน��อห์าเพิ��อแบ�งเป)นห์�วิเร��องย�อยๆ ตาม ปร�มาณขั้องเน��อห์าปร�มาณขั้องเน��อห์า5. 5. จ�ด้ล�าด้�บควิามส่�มพิ�นธ์�ขั้องเน��อห์าแต�ละห์�วิเร��องย�อย จ�ด้ล�าด้�บควิามส่�มพิ�นธ์�ขั้องเน��อห์าแต�ละห์�วิเร��องย�อย

271430 7

CAI Design Mu

ltimed

ia การวิ�เคราะห์�เน��อห์า การวิ�เคราะห์�เน��อห์า

การก�าห์นด้ห์�วิเร��องการก�าห์นด้ห์�วิเร��อง และวิ�ตถุ!ประส่งค�ทั่��วิไป และวิ�ตถุ!ประส่งค�ทั่��วิไป

การวิ�เคราะห์�ผู้/�เร�ยน การวิ�เคราะห์�ผู้/�เร�ยน

การวิ�เคราะห์�วิ�ตถุ! การวิ�เคราะห์�วิ�ตถุ! ประส่งค�เช่�งพิฤต�กรรม ประส่งค�เช่�งพิฤต�กรรม

ขั้��นตอนการวิ�เคราะห์� ขั้��นตอนการวิ�เคราะห์� (Analysis)(Analysis)

271430 8

CAI Design Mu

ltimed

iaขั้��นตอนขั้��นตอน การออกแบบ การออกแบบ (Design)(Design)

ประกอบด้�วิยรายละเอ�ยด้แต�ละส่�วิน ประกอบด้�วิยรายละเอ�ยด้แต�ละส่�วินด้�งน��ด้�งน��1. 1. การออกแบบ การออกแบบ CoursewareCourseware Courseware Courseware ห์มายถุ'ง ต�วิบทั่ ห์มายถุ'ง ต�วิบทั่เร�ยนทั่��ผู้�านการออกเร�ยนทั่��ผู้�านการออก แบบและวิ�เคราะห์�จากขั้��นตอนแรก แบบและวิ�เคราะห์�จากขั้��นตอนแรกพิร�อมทั่��จะน�าพิร�อมทั่��จะน�า ไปส่ร�างเป)นบทั่เร�ยนคอมพิ�วิเตอร�ไปส่ร�างเป)นบทั่เร�ยนคอมพิ�วิเตอร�

ช่�วิยส่อน ซึ่'�งจะ ช่�วิยส่อน ซึ่'�งจะ ประกอบด้�วิยส่�วินต�างๆ ได้�แก� ประกอบด้�วิยส่�วินต�างๆ ได้�แก�วิ�ตถุ!ประส่งค�เช่�งวิ�ตถุ!ประส่งค�เช่�ง พิฤต�กรรม เน��อห์า แบบทั่ด้ส่อบ พิฤต�กรรม เน��อห์า แบบทั่ด้ส่อบก�อนบทั่เร�ยนก�อนบทั่เร�ยน (Pre-test) (Pre-test) ส่��อ ก�จกรรม วิ�ธ์� ส่��อ ก�จกรรม วิ�ธ์�

การน�าเส่นอ และ การน�าเส่นอ และ แบบทั่ด้ส่อบห์ล�งบทั่เร�ยน แบบทั่ด้ส่อบห์ล�งบทั่เร�ยน (Post-(Post-test)test)

271430 9

CAI Design Mu

ltimed

ia2. 2. การออกแบบผู้�งงาน การออกแบบผู้�งงาน (Flowchart) (Flowchart) และการออกแบบ และการออกแบบ

บทั่ด้�าเน�นเร��อง บทั่ด้�าเน�นเร��อง(Storyboard)(Storyboard) ผู้�งงาน ผู้�งงาน (Flowchart) (Flowchart) ห์มายถุ'ง แผู้นภ/ม�ทั่��แส่ด้งให์� ห์มายถุ'ง แผู้นภ/ม�ทั่��แส่ด้งให์�

เห์9นถุ'งควิามส่�มพิ�นธ์�ขั้องบทั่ด้�าเน�นเร��อง ซึ่'�งเป)นการ เห์9นถุ'งควิามส่�มพิ�นธ์�ขั้องบทั่ด้�าเน�นเร��อง ซึ่'�งเป)นการจ�ด้ล�าด้�บควิามส่�มพิ�นธ์�ขั้องเน��อห์าแต�ละส่�วินจ�ด้ล�าด้�บควิามส่�มพิ�นธ์�ขั้องเน��อห์าแต�ละส่�วิน

บทั่ด้�าเน�นเร��อง บทั่ด้�าเน�นเร��อง (Storyboard) (Storyboard) ห์มายถุ'ง เร��องราวิขั้อง ห์มายถุ'ง เร��องราวิขั้อง บทั่เร�ยน ประกอบด้�วิยเน��อห์าทั่��แบ�งออกเป)นเฟรมๆ บทั่เร�ยน ประกอบด้�วิยเน��อห์าทั่��แบ�งออกเป)นเฟรมๆ

ต��งแต�เฟรมแรกซึ่'�งเป)น ต��งแต�เฟรมแรกซึ่'�งเป)น Title Title ขั้องบทั่เร�ยน จนถุ'ง ขั้องบทั่เร�ยน จนถุ'ง เฟรมส่!ด้ทั่�าย บทั่ด้�าเน�นเร��องจ'งประกอบด้�วิย ภาพิ เฟรมส่!ด้ทั่�าย บทั่ด้�าเน�นเร��องจ'งประกอบด้�วิย ภาพิ

ขั้�อควิาม ค�าถุาม ขั้�อควิาม ค�าถุาม-- ค�าตอบ และรายละเอ�ยด้อ��นๆ ค�าตอบ และรายละเอ�ยด้อ��นๆ

271430 10

CAI Design Mu

ltimed

ia ผู้�งงาน ผู้�งงาน (Flowchat) (Flowchat)

Operation/DefinitionOperation/DefinitionExpressionExpression

Read DataRead Data

Input Data Input Data

DecisionDecision

271430 11

CAI Design Mu

ltimed

iaStart น�าเขั้�าสู่"#บทเร%ยน

แจ�งวิตถุ(ประสู่งค�ทบทวินควิามิร" �เดิ�มิ

เสู่นอ้เน*�อ้ห์าให์มิ# ท�าก�จกรรมิ

สู่ร(ปควิามิร" �

ให์�ขั้�อ้มิ"ลย�อ้นกลบ

กระต(�นการตอ้บสู่นอ้ง

ปฏิ�สู่มิพันธ์�

ประเมิ�นผล

END

271430 12

CAI Design Mu

ltimed

iaStoryboardStoryboard

Frame 1Frame 1 Frame 2Frame 2 Frame 3Frame 3

Frame 4Frame 4 Frame 5Frame 5 Frame 6Frame 6

ABCDEFABCDEF

271430 13

CAI Design Mu

ltimed

iaStoryboardStoryboard

Frame No. Frame No. ประเภทั่ภาพิประเภทั่ภาพิ ภาพิน��งภาพิน��ง ภาพิเคล��อนไห์วิภาพิเคล��อนไห์วิ ภาพิกราฟ;กภาพิกราฟ;ก ภาพิภาพิล�กษณะการน�าเส่นอล�กษณะการน�าเส่นอ

ขั้�อควิามขั้�อควิาม เส่�ยงเส่�ยง

ภาพิห์ร�อขั้�อควิามภาพิห์ร�อขั้�อควิาม

271430 14

CAI Design Mu

ltimed

iaSuper Story Board

กราฟิ

.ก

เสู่%ยงบรรยาย

ขั้�อ้ควิามิ

ภาพัร

วิมิควิ

บค(มิ

Graphic ID:

……………วินท%0 .. …………เวิลา น. ……ล�าดิบท%0 .

บนท1ก

NO รายละเอ้%ยดิ1

2

3

4

5

Scene/shot ID:

271430 15

CAI Design Mu

ltimed

iaUninet Croseware ScriptUninet Croseware Script

เร*0อ้ง................................................................ตอ้นท%0/บทท%0...........ล�าดิบท%0............. บทน�ยามิ ทฤษฎี%บท ตวิอ้ย#าง อ้*0นๆระบ(......................................

ห์มิายเห์ต(

271430 16

CAI Design Mu

ltimed

iaUninet Croseware ScriptUninet Croseware Script

เร*0อ้ง................................................................ตอ้นท%0/บทท%0...........ล�าดิบท%0............. บทน�ยามิ ทฤษฎี%บท ตวิอ้ย#าง อ้*0นๆระบ(......................................

ค�าบรรยาย/เสู่%ยง

ภาพัห์

น�าจอ้

ปฎี�สู่มิ

พันธ์�

271430 17

CAI Design Mu

ltimed

iaขั้��นตอนขั้��นตอน การออกแบบผู้�งงานและบทั่ด้�าเน�นเร��อง การออกแบบผู้�งงานและบทั่ด้�าเน�นเร��อง

1. 1. ออกแบบจ!ด้เร��มต�นและจ!ด้ส่��นส่!ด้ขั้องเน��อห์าบทั่เร�ยน ออกแบบจ!ด้เร��มต�นและจ!ด้ส่��นส่!ด้ขั้องเน��อห์าบทั่เร�ยน2. 2. แส่ด้งให์�เห์9นถุ'งการเช่��อมต�อระห์วิ�างเน��อห์าแต�ละแส่ด้งให์�เห์9นถุ'งการเช่��อมต�อระห์วิ�างเน��อห์าแต�ละ เฟรม และแส่ด้งควิามส่�มพิ�นธ์�การเช่��อมโยงบทั่เร�ยน เฟรม และแส่ด้งควิามส่�มพิ�นธ์�การเช่��อมโยงบทั่เร�ยน3. 3. แส่ด้งปฏิ�ส่�มพิ�นธ์�ขั้องเฟรมต�างๆ ขั้องบทั่เร�ยน แส่ด้งปฏิ�ส่�มพิ�นธ์�ขั้องเฟรมต�างๆ ขั้องบทั่เร�ยน4. 4. แส่ด้งร/ปแบบการด้�าเน�นบทั่เร�ยนวิ�าเป)นแบบเช่�งเส่�นแส่ด้งร/ปแบบการด้�าเน�นบทั่เร�ยนวิ�าเป)นแบบเช่�งเส่�น (Linear Type) (Linear Type) ห์ร�อแบบส่าขั้า ห์ร�อแบบส่าขั้า (Branching Type)(Branching Type)5. 5. แส่ด้งการด้�าเน�นบทั่เร�ยนและวิ�ธ์�การน�าเส่นอเน��อห์าแส่ด้งการด้�าเน�นบทั่เร�ยนและวิ�ธ์�การน�าเส่นอเน��อห์า และก�จกรรมและก�จกรรม

271430 18

CAI Design Mu

ltimed

iaการด้�าเน�นบทั่เร�ยนการด้�าเน�นบทั่เร�ยน แบบเช่�งเส่�น แบบเช่�งเส่�น (Linear)(Linear)

11 22 33 44 55

ร/ปแบบการด้�าเน�นบทั่เร�ยนแบบน�� เน��อห์าแต�ละเฟรมจะ ร/ปแบบการด้�าเน�นบทั่เร�ยนแบบน�� เน��อห์าแต�ละเฟรมจะ เร�ยงล�าด้�บต�อเน��องก�นไปต��งแต�ต�นจนจบบทั่เร�ยน จะไม� เร�ยงล�าด้�บต�อเน��องก�นไปต��งแต�ต�นจนจบบทั่เร�ยน จะไม�

ส่ามารถุขั้�ามกระโด้ด้ไปย�งเฟรมห์ร�อเน��อห์าส่�วินใด้ ๆส่ามารถุขั้�ามกระโด้ด้ไปย�งเฟรมห์ร�อเน��อห์าส่�วินใด้ๆ ได้�ได้� ห์ากไม�ผู้�านเน��อห์าเฟรมต�นๆ มาก�อน จ'งเป)นร/ปแบบทั่�� ห์ากไม�ผู้�านเน��อห์าเฟรมต�นๆ มาก�อน จ'งเป)นร/ปแบบทั่��

ง�ายต�อการส่ร�างและพิ�ฒนาง�ายต�อการส่ร�างและพิ�ฒนา

271430 19

CAI Design Mu

ltimed

ia

77 88

11 22 33 44 55

AA

BB

CC DD

66

EE FF

การด้�าเน�นบทั่เร�ยนการด้�าเน�นบทั่เร�ยน แบบส่าขั้า แบบส่าขั้า (Branching)(Branching)

271430 20

CAI Design Mu

ltimed

ia ร/ปแบบการด้�าเน�นบทั่เร�ยนแบบส่าขั้า เน��อห์าแต�ละเฟรม ร/ปแบบการด้�าเน�นบทั่เร�ยนแบบส่าขั้า เน��อห์าแต�ละเฟรม

จะไม�เร�ยงล�าด้�บเห์ม�อนแบบเช่�งเส่�น จะไม�เร�ยงล�าด้�บเห์ม�อนแบบเช่�งเส่�น แต�จะเป)นไปตามแต�จะเป)นไปตามล�กษณะเน��อห์าห์ร�อผู้/�ออกแบบบทั่เร�ยนทั่��ได้�วิ�เคราะห์�ขั้'�นล�กษณะเน��อห์าห์ร�อผู้/�ออกแบบบทั่เร�ยนทั่��ได้�วิ�เคราะห์�ขั้'�น

มาวิ�าต�องการอย�างไร การด้�าเน�นบทั่เร�ยนแบบน��จะตอบ มาวิ�าต�องการอย�างไร การด้�าเน�นบทั่เร�ยนแบบน��จะตอบส่นองควิามต�องการขั้องผู้/�เร�ยนได้�ด้�กวิ�าแบบแรกส่นองควิามต�องการขั้องผู้/�เร�ยนได้�ด้�กวิ�าแบบแรก ผู้/�เร�ยน ผู้/�เร�ยนทั่��ร�บร/�เน��อห์าได้�เร9วิจะได้�ร�บเน��อห์าทั่��แตกต�างจากผู้/�เร�ยนทั่��ทั่��ร�บร/�เน��อห์าได้�เร9วิจะได้�ร�บเน��อห์าทั่��แตกต�างจากผู้/�เร�ยนทั่��

ร�บร/�เน��อห์าได้�ช่�า ซึ่'�งทั่�าให์�ผู้/�เร�ยนแต�ละคนศึ'กษาเน��อห์า ร�บร/�เน��อห์าได้�ช่�า ซึ่'�งทั่�าให์�ผู้/�เร�ยนแต�ละคนศึ'กษาเน��อห์า ได้�จบในเวิลาทั่��แตกต�างก�น ขั้'�นอย/�ก�บควิามส่ามารถุ ได้�จบในเวิลาทั่��แตกต�างก�น ขั้'�นอย/�ก�บควิามส่ามารถุ

การด้�าเน�นบทั่เร�ยนการด้�าเน�นบทั่เร�ยน แบบส่าขั้า แบบส่าขั้า (Branching)(Branching)

271430 21

CAI Design Mu

ltimed

ia3. 3. การออกแบบห์น�าจอภาพิ การออกแบบห์น�าจอภาพิ (Screen Design)(Screen Design)

การออกแบบห์น�าจอภาพิ ห์มายถุ'ง การจ�ด้พิ��นทั่��ขั้อง การออกแบบห์น�าจอภาพิ ห์มายถุ'ง การจ�ด้พิ��นทั่��ขั้อง จอภาพิเพิ��อใช่�ในการน�าเส่นอเน��อห์า ภาพิ และส่�วิน จอภาพิเพิ��อใช่�ในการน�าเส่นอเน��อห์า ภาพิ และส่�วิน

ประกอบอ��นๆ ส่��งทั่��ต�องพิ�จารณาม�ด้�งน�� ประกอบอ��นๆ ส่��งทั่��ต�องพิ�จารณาม�ด้�งน��1. 1. การก�าห์นด้ควิามละเอ�ยด้ภาพิ การก�าห์นด้ควิามละเอ�ยด้ภาพิ (Resolution)(Resolution) เช่�น เช่�น VGA 640 x 480 dpiVGA 640 x 480 dpi SVGA 800 x 600 dpi SVGA 800 x 600 dpi ห์ร�อขั้นาด้อ��นๆห์ร�อขั้นาด้อ��นๆ2. 2. การจ�ด้พิ��นทั่��แต�ละห์น�าจอภาพิในการน�าเส่นอการจ�ด้พิ��นทั่��แต�ละห์น�าจอภาพิในการน�าเส่นอ เช่�น พิ��นทั่��การน�าเส่นอขั้�อควิาม และภาพิ เช่�น พิ��นทั่��การน�าเส่นอขั้�อควิาม และภาพิ พิ��นทั่��การให์�ขั้�อม/ลย�อนกล�บและอ��นๆพิ��นทั่��การให์�ขั้�อม/ลย�อนกล�บและอ��นๆ

271430 22

CAI Design Mu

ltimed

iaการออกแบบการออกแบบ ห์น�าจอภาพิ ห์น�าจอภาพิ (Template)(Template)

Topic Frame NoTopic Frame No

Help About Exit Next Previous Help About Exit Next Previous

Image and Dialogue AreaImage and Dialogue Area

Feedback AreaControl Area

Header Area

271430 23

CAI Design Mu

ltimed

iaTemplate Format 1Template Format 1



ขั้�อควิามขั้�อควิามขั้�อควิามขั้�อควิามขั้�อควิามขั้�อควิามขั้�อควิามขั้�อควิามขั้�อควิามขั้�อควิามขั้�อควิามขั้�อควิามขั้�อควิามขั้�อควิามขั้�อควิามขั้�อควิามขั้�อควิามขั้�อควิามขั้�อควิามขั้�อควิามขั้�อควิาม

271430 24

CAI Design Mu

ltimed

iaTemplate Format 2Template Format 2



ขั้�อควิามขั้�อควิามขั้�อควิามขั้�อควิามขั้�อควิามขั้�อควิามขั้�อควิามขั้�อควิามขั้�อควิามขั้�อควิามขั้�อควิามขั้�อควิามขั้�อควิามขั้�อควิาม

271430 25

CAI Design Mu

ltimed

ia3. 3. การออกแบบห์น�าจอภาพิ การออกแบบห์น�าจอภาพิ (Screen Design)(Screen Design)

3. 3. การเล�อกร/ปแบบและขั้นาด้ขั้องต�วิอ�กษรการเล�อกร/ปแบบและขั้นาด้ขั้องต�วิอ�กษรทั่��งภาษาทั่��งภาษา ไทั่ยและภาษาอ�งกฤษไทั่ยและภาษาอ�งกฤษ4. 4. การก�าห์นด้ส่� ได้�แก� การก�าห์นด้ส่� ได้�แก� ส่�ขั้องต�วิอ�กษร ส่�ขั้องต�วิอ�กษร (Font Color)(Font Color) ส่�ขั้องฉากห์ล�ง ส่�ขั้องฉากห์ล�ง (Background)(Background) ส่�ขั้องส่�วินอ��นๆส่�ขั้องส่�วินอ��นๆ5. 5. การก�าห์นด้ส่�วินอ��นๆการก�าห์นด้ส่�วินอ��นๆ ทั่��เป)นส่��งอ�านวิยควิาม ทั่��เป)นส่��งอ�านวิยควิาม ส่ะด้วิกในการใช่�บทั่เร�ยน เช่�น ป!@ม ส่ะด้วิกในการใช่�บทั่เร�ยน เช่�น ป!@ม Help Help

271430 26

CAI Design Mu

ltimed

iaการออกแบบการออกแบบ

Courseware Courseware

การออกแบบผู้�งงาน การออกแบบผู้�งงาน

ขั้��นตอนการออกแบบ ขั้��นตอนการออกแบบ (Design)(Design)

และบทั่ด้�าเน�นเร��องและบทั่ด้�าเน�นเร��อง

การออกแบบการออกแบบห์น�าจอภาพิห์น�าจอภาพิ

271430 27

CAI Design Mu

ltimed

iaขั้��นตอนขั้��นตอน การพิ�ฒนา การพิ�ฒนา (Develop)(Develop)

ประกอบด้�วิยรายละเอ�ยด้แต�ละส่�วิน ประกอบด้�วิยรายละเอ�ยด้แต�ละส่�วินด้�งน��ด้�งน��

1. 1. การเตร�ยมการการเตร�ยมการ การเตร�ยมการ เก��ยวิก�บองค� การเตร�ยมการ เก��ยวิก�บองค�

ประกอบด้�งน�� ประกอบด้�งน�� 1. 1. การเตร�ยมขั้�อควิามการเตร�ยมขั้�อควิาม 2 . 2 . การเตร�ยมภาพิ ได้�แก� ภาพิ การเตร�ยมภาพิ ได้�แก� ภาพิ

น��ง ภาพิการ�ต/น น��ง ภาพิการ�ต/น ภาพิกราฟ;ก ภาพิเคล��อนไห์วิ ภาพิกราฟ;ก ภาพิเคล��อนไห์วิภาพิวิ�ด้�ทั่�ศึน�ภาพิวิ�ด้�ทั่�ศึน� 3 . 3 . การเตร�ยมเส่�ยง ได้�แก� เส่�ยง การเตร�ยมเส่�ยง ได้�แก� เส่�ยง

บรรยาย เส่�ยง บรรยาย เส่�ยง ด้นตร� เส่�ยง ด้นตร� เส่�ยง Sound Effect Sound Effect 4 . 4 . การเตร�ยมโปรแกรมจ�ด้การการเตร�ยมโปรแกรมจ�ด้การบทั่เร�ยนบทั่เร�ยน

271430 28

CAI Design Mu

ltimed

iaขั้��นตอนขั้��นตอน การพิ�ฒนา การพิ�ฒนา (Develop)(Develop)

2. 2. การส่ร�างบทั่เร�ยนการส่ร�างบทั่เร�ยน ห์ล�งจากได้�เตร�ยมขั้�อควิาม ภาพิ ห์ล�งจากได้�เตร�ยมขั้�อควิาม ภาพิ

เส่�ยง และส่�วินอ��น เส่�ยง และส่�วินอ��น เร�ยบร�อยแล�วิ ขั้��นต�อไปเป)นการ เร�ยบร�อยแล�วิ ขั้��นต�อไปเป)นการส่ร�างบทั่เร�ยนโด้ยส่ร�างบทั่เร�ยนโด้ย ใช่�โปรแกรมคอมพิ�วิเตอร�จ�ด้การ ใช่�โปรแกรมคอมพิ�วิเตอร�จ�ด้การ

ซึ่'�งได้�แก� การใช่� ซึ่'�งได้�แก� การใช่� Authoring System Authoring System ห์ร�อใช่� ห์ร�อใช่�Computer LanguageComputer Language ห์ล�งจากส่ร�างบทั่เร�ยนเส่ร9จส่��นแล�วิ ห์ล�งจากส่ร�างบทั่เร�ยนเส่ร9จส่��นแล�วิ ในขั้��นต�อไป ในขั้��นต�อไป เป)นการตรวิจส่อบและทั่ด้ส่อบควิามเป)นการตรวิจส่อบและทั่ด้ส่อบควิามส่มบ/รณ�ขั้��นต�นส่มบ/รณ�ขั้��นต�น ขั้องบทั่เร�ยนขั้องบทั่เร�ยน

271430 29

CAI Design Mu

ltimed

ia การน�าบทั่เร�ยนคอมพิ�วิเตอร�ไปใช่� การน�าบทั่เร�ยนคอมพิ�วิเตอร�ไปใช่�

โด้ยแนวิปฏิ�บ�ต�ทั่��ใช่�โด้ยแนวิปฏิ�บ�ต�ทั่��ใช่� ก�นอย/�ทั่��วิไป ได้�แก� การใช่�ก�บกล!�มเป6า ก�นอย/�ทั่��วิไป ได้�แก� การใช่�ก�บกล!�มเป6า

ห์มาย ห์มาย 2-3 2-3 คนคนเพิ��อตรวิจส่อบควิามเห์มาะส่มขั้องบทั่เพิ��อตรวิจส่อบควิามเห์มาะส่มขั้องบทั่

เร�ยนในขั้��นต�น เร�ยนในขั้��นต�น ห์ล�งจากน��น จ'งทั่�าการปร�บปร!งแก�ไขั้ ห์ล�งจากน��น จ'งทั่�าการปร�บปร!งแก�ไขั้

ก�อนทั่��จะน�าไปใช่�ก�อนทั่��จะน�าไปใช่� ก�บกล!�มเป6าห์มายจร�ง ซึ่'�งม�จ�านวิน ก�บกล!�มเป6าห์มายจร�ง ซึ่'�งม�จ�านวิน

อย�างน�อย อย�างน�อย 10 10 คนคน ขั้'�นไป เพิ��อห์าประส่�ทั่ธ์�ภาพิขั้องบทั่ ขั้'�นไป เพิ��อห์าประส่�ทั่ธ์�ภาพิขั้องบทั่ เร�ยน นอกจากน�� เร�ยน นอกจากน��

ย�งม�วิ�ธ์�อ��นๆ เช่�น ให์�ผู้/�เช่��ยวิช่าญ ย�งม�วิ�ธ์�อ��นๆ เช่�น ให์�ผู้/�เช่��ยวิช่าญตรวิจส่อบควิามตรวิจส่อบควิามเห์มาะส่มและประส่�ทั่ธ์�ภาพิขั้องบทั่เห์มาะส่มและประส่�ทั่ธ์�ภาพิขั้องบทั่

เร�ยน เร�ยน CAICAI

ขั้��นตอนขั้��นตอน การน�าไปใช่� การน�าไปใช่� (Implement)(Implement)

271430 30

CAI Design Mu

ltimed

iaขั้��นตอนขั้��นตอน การประเม�นผู้ล การประเม�นผู้ล (Evaluate)(Evaluate)

การประเม�นผู้ลบทั่เร�ยนคอมพิ�วิเตอร�ช่�วิยส่อน ทั่�าได้� การประเม�นผู้ลบทั่เร�ยนคอมพิ�วิเตอร�ช่�วิยส่อน ทั่�าได้� ห์ลายวิ�ธ์� วิ�ธ์�ปฏิ�บ�ต�ทั่��ใช่�ก�นอย/�ทั่��วิไป ค�อการเปร�ยบ ห์ลายวิ�ธ์� วิ�ธ์�ปฏิ�บ�ต�ทั่��ใช่�ก�นอย/�ทั่��วิไป ค�อการเปร�ยบ

เทั่�ยบก�บการเร�ยนการส่อนแบบปกต� โด้ยแบ�งผู้/�เร�ยน เทั่�ยบก�บการเร�ยนการส่อนแบบปกต� โด้ยแบ�งผู้/�เร�ยน ออกเป)น ออกเป)น 2 2 กล!�ม เร�ยนด้�วิยบทั่เร�ยน กล!�ม เร�ยนด้�วิยบทั่เร�ยน CAI CAI ทั่��ส่ร�างขั้'�นทั่��ส่ร�างขั้'�น

1 1 กล!�ม และเร�ยนด้�วิยการส่อนปกต�อ�ก กล!�ม และเร�ยนด้�วิยการส่อนปกต�อ�ก 1 1 กล!�ม ห์ล�ง กล!�ม ห์ล�ง จากน��นจ'งให์�ผู้/�เร�ยนทั่��งส่องกล!�ม ทั่�าแบบทั่ด้ส่อบช่!ด้ จากน��นจ'งให์�ผู้/�เร�ยนทั่��งส่องกล!�ม ทั่�าแบบทั่ด้ส่อบช่!ด้

เด้�ยวิก�น และแปลผู้ลคะแนนทั่��ได้� ส่ร!ปเป)นประส่�ทั่ธ์� เด้�ยวิก�น และแปลผู้ลคะแนนทั่��ได้� ส่ร!ปเป)นประส่�ทั่ธ์�ภาพิขั้องบทั่เร�ยนคอมพิ�วิเตอร�ช่�วิยส่อนภาพิขั้องบทั่เร�ยนคอมพิ�วิเตอร�ช่�วิยส่อน

271430 31

CAI Design Mu

ltimed

iaMultimedia Design Model

• ตามิแนวิควิามิค�ดิขั้อ้ง Reeves, T. มิ%4 ขั้ �นตอ้น– การวิ�เคราะห์� (Analysis)– การอ้อ้กแบบ (Design)– การผล�ต (Production)– การประเมิ�นผล (Evaluate)

271430 32

CAI Design Mu

ltimed

iaบ(คลากร

• Project Manager• SME (Subject Matter Expert)• Instructional Designer• Project Evaluator• Programmer• Graphic Artist• Video Producer• Video Editor

271430 33

CAI Design Mu

ltimed

iaReeves, T. Model

Conducting needs assessmentPreparing Audience assessmentSpecifying Content and ObjectivesSelecting Authoring SystemsSelecting Delivery SystemsPlanning ProjectPlanning Evaluation Strategies

Project ManagerSubject Matter ExpertInstructional Designer

Project EvaluatorProgrammer

Needs Assessment ReportLearner Profilecontent OutlineLearning HierarchyInstructional ObjectivesAuthoring System Specs.Delivery System Specs.PERT ChartProject Time LineEvaluation Plan

Process Team Product

Analysis

271430 34

CAI Design Mu

ltimed

iaReeves, T. Model

Creating Treatment SpecificationsSpecifying Instructional InteractionsScreen DesignFlowchartingPrototypingWriting Scripts specificationsFormatting ScreensConduction Formative Reviews



Graphics Artist Video Producer

Treatment DescriptionInstructional ArchetypesFlowchartsScriptsFormat SheetsIMM PrototypesImprovement Specifications


Design

271430 35

CAI Design Mu

ltimed

iaReeves, T. Model

Authoring InteractionsGrating GraphicsPreparing Adjunct MaterialsConducting Pre productionConducting ProductionConducting Post productionMastering Optical MediaIntegrating Optical Media and Code



Graphics Artist Video Producer Video Editor

Talent

Interactive CodeGraphics Adjunct MaterialsProgram Documentation

Shot ListsVideo/FilmAudio

Edited Video Masters Video Disc / CDROM

IMM Program


Production

271430 36

CAI Design Mu

ltimed

iaReeves, T. Model

Documenting ProjectTesting IMMValidating IMMConducting Impact Evaluating



Project DocumentationFunctionally Valid IMMInstructionally Valid IMMFormative Evaluation ReportEffectiveness Eval. ReportImpact Evaluation Report


Evaluation

Documents

Cai Design