Learning Log Week 03 [161109]
สิ่งที่ได้เรียนรู้
ADDIE 's ISD Model การออกแบบการเรียนการสอนอย่างเป็นระบบ
Analyze - การวิเคราะห์
1. Goal ,, วิเคราะห์วัตถุประสงค์บทเรียน วัตถุประสงค์เว็บไซต์
2. Audience ,,กลุ่มเป้าหมาย
3. Environment ,, สภาพแวดล้อม hardware software
Design -การออกแบบ
1. Site Structure ,, โครงสร้างเว็บไซต์
2. Story Board ,, แผนการดำเนินงาน
3. Interface Design ,, แต่ละหน้าจะเป็นอย่างไร
Rapid Prototype การออกแบบภาพรวมคร่าวๆก่อนนำไปพัฒนาจริงเพื่อให้ได้เห็นภาพต้นแบบสามารถปรับแก้ได้
Devolope-การพัฒนา เชื่อมต่อกับ Rapid Prototype
1. Tools ,, Software กราฟฟิก เสียง vdo ฯลฯ
2. Teams ,, ทีมออกแบบเวป ทีมกราฟฟิก ทีมรวบรวม และจัดเรียงเนื้อหา ทีมตัดต่อ VDO ทีมพัฒนาเว็บ ทีมโปรแกรมเมอร์ ฯลฯ
Implement -การนำไปใช้
1. Pilots ,, การนำไปทดลองใช้ กับกลุ่มเป้าหมาย หรือผู้สอน ผู้เชี่ยวชาญ
2. Rollout Plans ,, การนำมาปรับแก้ก่อนนำไปใช้
Evaluate - การประเมินผล
1. SMEs ,, มองด้านเนื้อหา ผู้เชี่ยวชาญ ตรวจสอบบทเรียน
2. Audience ,, ประเมินผลว่ากลุ่มเป้าหมายว่าใช้ เข้าใจ มีข้อสงสัยหรือไม่
Gange's
1.Gain attention ใช้ภาพสี เสียง แอนิเมชัน เพื่อดึงความสนใจจากผู้เรียน
2.Inform learner objective แจ้งให้ทราบถึงวัตถุประสงค์ ใช้หน้าแรกในการนำเสนอวัตถุประสงค์
3.Stimulate recall of prior learning กระตุ้นความรู้เดิม เพื่อเชี่อมโยงความรู้ใหม่ ใช้ถามตอบ real time chatroom post คำถามไว้ให้ตอบ pretest
4.Present the content นำเสนอเนื้อหา รูปแบบสไลด์ e-document flash movie สรุปเนื้อหาเฉพาะคอนเซปท์ vdo clip CAI
5.Provide learning guidance ให้คำแนะนำระหว่างกาเรียน โพสต์FAQ Help post คำถามไว้
6.Elicit performance ตรวจสอบดู จากพฤติกรรม แบบฝึกหัด ควิซ ให้งานกลุ่ม ให้ผู้เรียนส่งงานผ่านcommunication tools
7.Provide feedback ให้ข้อเสนอแนะผู้เรียน ผู้สอนเสนอแนะประเด็นต่างผ่านทาง communication tool ได้ feedback ว่าถูกหรือผิด
8.Assess performance ประเมินผล ว่าได้เรียนรู้ตามวัตถุประสงค์ที่ตั้งไว้ไหม บนเว็บตรวจสอบโดยการเช็คว่าผู้เรียนเข้ามาเรียนกี่ครั้ง เสนอความคิดเห็นกี่ครั้ง ทำงานกลุ่ม ส่งเป็นชิ้นงาน
9.Enhance retention and transfer to the job เพิ่มเติม ทบทวน และการนำไปใช้ต่อ เชื่อมโยงกับโจทย์ case study สื่อสารผ่าน discussion board เป็นการบ้าน
หลักการในการออกแบบ WBI
เนื้อหา
- กำหนดวัตถุประสงค์
- เลือกใช้สี
- การใช้หัวข้อใหญ่ ย่อย
- ใช้ถ้อยคำ ง่าย สั้น กระชับ
- ใช้สื่อประสมต่างๆ ดึงดูดความสนใจ
- ใช้ตารางเพื่อให้เห็นเป็นรูปธรรม
กิจกรรม
- แบบประสานเวลา chat เสียง
- ไม่ประสานเวลา blog email board
- แบบร่วมมือ ใช้ทั้งสองแบบประสมกัน
Site Structure Analyze การวิเคราะห์วัตถุประสงค์ของเว็บไซต์ กลุ่มผู้ชม/กลุ่มเป้าหมาย เนื้อหา และศึกษาแหล่งข้อมูลต่างๆ
Design
1. การเขียนsite structure สำคัญที่สุด กำหนดแผนผัง การจัดวางตำแหน่งwebpageทั้งหมด ช่วยให้ไม่สับสน จัดตามกลุ่มเนื้อหา/ กลุ่มผู้ชม
2. การเขียน storyboard
3. การออกแบบหน้าเว็บ page design
Page Design การออกแบบหน้าเว็บเพจ
1. Page header ส่วนบนสุด ใส่ชื่อเว็บ หรือผู้ให้การสนับสนุน เป็นส่วนที่ผู้ใช้จะมองมากที่สุด
2. Navigation Bar ส่วนที่เชื่อมโยงไปยัง webpage ต่างของเว็บ
3. Page body ใส่เนื้อหาหลัก มีตัวนำทางย่อยๆ นิยมอยู่ด้านขวา
4. Page footer ใส่ชื่อหน่วยงาน ชื่อทำ banner ผู้ให้การสนับสนุน
หลักการออกแบบ
1. ความเรียบง่าย ให้มีแต่องค์ประกอบหลักๆ
2. ความสม่ำเสมอ แต่ละหน้าไม่มีความแตกต่างกันมากเกินไป
3. การใช้สี โทนร้อน-เย็น ช่วยสร้างความพึงพอใช้ให้ผู้ใช้ มีอิทธิพลในการกระตุ้นอารมณ์ ที่ต่างกัน
สีโทนเย็น รู้สึกสงบ ความสุภาพ อ่อนโยน
สีโทนร้อน ตื่นเต้น รุนแรง ช่วยให้หายจากความเฉื่อยชา
สีโทนกลาง ขาว ดำ เทา น้ำตาล
การออกแบบระบบนำทาง ช่วยให้เข้าถึงข้อมูลได้รวดเร็ว และไม่หลงทาง
เครื่องนำทาง ประกอบด้วย เมนูหลัก ปรากฏอยู่บนเว็บเพจทุกหน้า เมนูเฉพาะลุ่ม
เครื่องมือเสริม ช่องค้นหน้า แผนที่เว็บ
ระบบนำทางที่ดี
- เข้าถึงได้ง่าย
- สื่อความหมายดี
- มีความสม่ำเสมอ มีระบบ
- มีการตอบสนองเมื่อใช้งาน
- จำนวนรายการที่พอเหมาะ
- มีทางเลือกหลากหลาย
- มีลิงค์ให้กลับโฮมเพจเสมอ
สิ่งที่ต้องค้นคว้าเพิ่มเติม
- ทำ MS Powerpoint เพื่อนำเสนอในครั้งหน้าค่ะ
ข้อเสนอแนะ
- เนื้อหาเยอะมากจิงๆค่ะอาจารย์ ตอนเรียนก้อเหม็นยากันยุงมากๆด้วย
