Learning Log Week 03

* Learning Log Week 03 *

(16 พฤศจิกายน 2552)

สิ่งที่ได้เรียนรู้

กิจกรรมที่ 1 ADDIE & Gagne

WBI : ADDIE’s ISD Model
1. Analyze : การวิเคราะห์
- Goal : วิเคราะห์วัตถุประสงค์
- Audience : วิเคราะห์กลุ่มเป้าหมาย
- Environment : วิเคราะห์บริบท
2. Design : การออกแบบ
- Site structure
- Story Board
- Interface Design
3. Develop : การพัฒนา
- Tools : Software
- Team : ในการออกแบบงาน
- Rapid Prototype : เป็นการเชื่อมต่อจากขั้นตอนการออกแบบ ข้างต้น
4. Implement : การนำไปใช้
- Pilots : การนำไปทดลองใช้
- Rollout plan
5. Evaluate : การประเมินผล
- SMEs : เนื้อหาสาระใดๆ ให้ SMEs ตรวจสอบ
- Audience : ทดลองใช้กับกลุ่มเป้าหมาย และประเมินตามความเหมาะสม

Gagne’ Instructional Theory

กิจกรรมการเรียนการสอน WebQuest โดยใช้เว็บช่วย (Web-Based Instruction)
1. Gain attention
ตัวอย่างเช่น การใช้ภาพ เสียง สี แอนนิเมชั่นหรือวิดีโอ ใช้ไฟล์ของตนเองหรือ download ใหม่ก็ได้ ในส่วนของ homepage อย่างงานของผม ก็จะใช้ภาพเป็นหลักครับ
2. Inform learners Objectives
ตัวอย่างเช่น การใช้ homepage หรือ announcement ในการนำเสนอวัตถุประสงค์แก่ผู้เรียน รวมทั้งขั้นตอนกิจกรรมการเรียนรู้ งานของผมก็จะนำเสนอวัตถุประสงค์อย่างชัดเจน ไว้ในส่วนของหน้าหลักเว็บไซท์
3. Stimulate recall of prior learning
ตัวอย่างเช่น การใช้ communication tools เช่น discussion board หรือ chatroom ในการถามตอบ การใช้ assessment tool เช่น Pretest แบบทดสอบก่อนเรียน อย่างงานของผม จะมีการให้ทำกิจกรรม Vote ภาพ เป็นต้น
4. Present the content
เนื้อหาอาจอยู่ในรูปแบบ PPT slides, PDF file, E-book, Flash Movie, Video clip, sound clip, บทเรียน CAI หรือจากเว็บไซท์ ที่สร้างเองหรือมีอยู่แล้ว งานของผมจะมีการนำเสนอด้วย Video clip จาก Youtube ที่เกี่ยวข้องและมีความน่าสนใจ
5. Provide learning guidance
ตัวอย่างเช่น ขั้นตอนการเข้าร่วมกิจกรรมการเรียนรู้ ต้องระบุอย่างละเอียดโดยอาจอยู่ในหน้า homepage, announcement หรือหน้า FAQs/Helps เป็นต้น ก็จะมีให้ผู้เรียนได้ฝึกดูภาพ แล้วบอกว่า ใช้เทคนิคอะไร เป็นต้น
6. Elicit performance
ตัวอย่าง แบบฝึกหัด Quiz ใน assessment tool หรือ discussion board หรือ Chatroom แทนการแลกเปลี่ยนความเห็นในชั้นเรียนได้ รวมไปถึงการส่งงานกลุ่มผ่านทาง discussion board งานของผมจะมีกระดานสนทนาไว้ให้แสดงความเห็น
7. Provide feedback
ตัวอย่างเช่น ข้อเสนอแนะจากผู้สอนผ่านทาง Communication tools ต่างๆ เช่น discussion board , Chatroom หรือ E-mail การให้ Feedback ตอบกลับผู้เรียนผ่านทาง discussion board งานผมจะใช้การโต้กันทางกระดานสนทนา
8. Assess performance
การประเมินผลทำได้หลากหลาย เช่น การตรวจสอบการเข้าร่วมกิจกรรมต่างๆของผู้เรียน ระหว่างเรียน และการใช้ Rubric ประเมินผลตามสภาพจริง authentic assessment งานของผมจะมีการประเมินผลโดยให้โพสรูปบ้างแล้ว ติชมกัน
9. Enhance retention and transfer to the job
ตัวอย่างเช่น มีการทบทวนและเสนอแนะ นำไปใช้ต่อทั้งเนื้อหา ในบทต่อไปและวิชาอื่น พร้อมทั้งมีการเชื่อมโยง เพื่อให้ผู้เรียนเห็นเป็นรูปธรรม การเชื่อมโยงกับการตั้งโจทย์ที่ท้าทาย และให้อภิปรายผ่านเครื่องมือต่างๆ

ADDIE FOR WEBQUEST

A
การวิเคราะห์ (Analysis) คือการวิเคราะห์วัตถุประสงค์ของบทเรียน ผู้เรียน พื้นฐานของผู้เรียน เนื้อหา แหล่งความรู้ และสื่อที่เหมาะสม

D
การออกแบบ (Design) คือการกำหนดโครงสร้าง แผน ขั้นตอนการดำเนินงาน และการประเมินบทเรียนอย่างเป็นระบบ เช่น การออกแบบเนื้อหาแบบประสานเวลา (Synchronous) แบบไม่ประสานเวลา (Asynchronous) หรือแบบผสมผสาน (Blended หรือ Hybrid) เพื่อให้สอดคล้องกับวัตถุประสงค์ของบทเรียน พื้นฐานของผู้เรียนและเนื้อหา

D
การพัฒนา (Development) คือการสร้างบทเรียนโดยเริ่มจากการกำหนดแผนการดำเนินงานผลิตอย่างเป็นขั้นตอนด้วยการเขียน Storyboard โดยระบุ เนื้อหา รูปแบบของเนื้อหาที่จะใช้ เช่น รูปภาพ เสียงบรรยาย วีดิทัศน์ และผู้รับผิดชอบเพื่อตอบสนองวัตถุประสงค์ของบทเรียนและการประเมินบทเรียนอย่างเป็นระบบ

I
การนำไปใช้ (Implementation) คือการนำบทเรียนที่สร้างเสร็จไปใช้งานจริงหลังจากที่ได้มีการทดลองนำไปใช้โดยกลุ่มนักออกแบบและนักพัฒนาบทเรียนแล้ว โดยในบทเรียนหนึ่งจะมีคำอธิบายการนำบทเรียนไปใช้สำหรับผู้สอน การเตรียมความพร้อมผู้เรียน และการเตรียมอุปกรณ์เครื่องมือสำหรับบทเรียนนั้นๆ เพื่อให้สามารถนำบทเรียนไปใช้อย่างได้ผลสูงสุด

E
การวัดผลและการประเมิน (Evaluation) การวัดผลและการประเมินจะต้องทำอย่างมีระบบโดยวัดที่คุณภาพและประสิทธิภาพของขั้นตอนการออกแบบบทเรียนรวมทั้งชิ้นผลงานบทเรียน โดยการประเมินจะประกอบด้วย 2 ส่วนที่สำคัญคือ การประเมินผลระหว่างขั้นตอนพัฒนา (Formative Evaluation) เป็นการเก็บข้อมูลเพื่อนำไปปรับปรุงแก้ไขในการดำเนินงานครั้งต่อๆไป และ การประเมินผลเมื่อพัฒนาบทเรียนเรียบร้อยแล้ว (Summative Evaluation) เพื่อเป็นการเปิดโอกาสสำหรับความคิดเห็นจากผู้ใช้งานจริง และจากการวัดและประเมินผลลัพธ์ทางการเรียนรู้ของผู้เรียนว่าตรงตามวัตถุประสงค์ของบทเรียนหรือไม่

หลักการในการออกแบบ WBI
ส่วนเนื้อหา
· กำหนดวัตถุประสงค์การใช้บทเรียนอย่างชัดเจน
· การเลือกใช้สี ข้อความ และภาพประกอบให้เหมาะสม
· การใช้หัวข้อใหญ่และย่อย ทำให้เกิดการเรียนรู้อย่างเป็นหมวดหมู่
· การใช้ภาษาง่ายๆสั้นๆ และเหมาะสมกับระดับของกลุ่มเป้าหมาย และเลี่ยงคำที่ยากเกินไป
· การนำสื่อประสมมาประกอบเพื่อดึงดูดความน่าสนใจ เช่น ภาพถ่าย เสียง วิดีโอ
· การใช้ตาราง เพื่อให้เกิดความชัดเจนและเป็นรูปธรรมมากขึ้นในการอธิบาย

ส่วนกิจกรรม (( จำแนกได้ 3 รูปแบบ
· กิจกรรมแบบประสานเวลา เช่น Chatroom, Voice conferencing, Video conferencing
· กิจกรรมแบบไม่ประสานเวลา เช่น E-mail การสื่อสานผ่านทาง Web board และการใช้ Blog
· กิจกรรมแบบร่วมมือ : เป็นแบบผสมผสานทั้งสองกิจกรรมข้างต้น พิจารณาจากความเหมาะสมของเนื้อหาและกิจกรรม สามารถลดข้อเสียของการเรียนการสอนทั้งสองรูปแบบได้

**การออกแบบงานที่ดี ควรมีทั้งขั้นนำ ขั้นสอน และขั้นสรุป เพื่อให้เนื้อหามีความชัดเจนและเข้าใจง่ายขึ้น

กิจกรรมที่ 2 Site Structure
การวิเคราะห์วัตถุประสงค์ของเว็บไซต์ กลุ่มผู้ชม/กลุ่มเป้าหมาย เนื้อหา และศึกษาแหล่งข้อมูลต่างๆ และได้เห็นตัวอย่างของการใช้สี ในงานออกแบบ อีกด้วย
การเขียน site structure ปัจจัยสำคัญที่สุด คือ การวางแผนและกำหนดแผนผัง การจัดวางตำแหน่ง webpageเพื่อให้เข้าใจง่ายขึ้น จัดตามกลุ่มเนื้อหา เป็นต้น
แนวคิดการเขียน site structure เพิ่มเติม
Sequence ลำดับไปทีละหน้า ข้อมูลไม่เยอะจนเกินไป
Hierarchy เป็นแนวคิดที่เหมาะกับการออกแบบ webpage
Combination เหมาะกับสิ่งที่ที่ซับซ้อน ข้อมูลมากและผสมทั้งสองรูปแบบด้วยกัน

กิจกรรมที่ 3 Page Design

การออกแบบหน้าเว็บเพจ มี 4 องค์ประกอบหลัก
· Page header ส่วนบนสุด ใส่ชื่อเว็บ หรือผู้ให้การสนับสนุน เป็นส่วนที่มองมากที่สุด เด่นสุด
· Navigation Bar ส่วนที่เชื่อมโยงไปยัง webpage ต่างของเว็บ LINK
· Page body ใส่เนื้อหาหลัก มีตัวนำทางย่อยๆ นิยมอยู่ด้านขวา เปลี่ยนไปตารคลิ๊ก
· Page footer ใส่ชื่อผู้ผลิต @copyright ชื่อทำ banner ผู้ให้การสนับสนุน
หลักการออกแบบ
มีความเรียบง่าย มีสุนทรียภาพ องค์ประกอบหลักๆ มีความสม่ำเสมอ ไม่แตกต่างกันมากเกินไป การใช้สี โทนร้อน-เย็น ช่วยสร้างความพึงพอใช้ให้ผู้ใช้ สร้างความดึงดูด มีอิทธิพลในการกระตุ้นอารมณ์ ที่ต่างกัน ยกตัวอย่างเช่น
สีโทนเย็น ให้ความรู้สึกเบา สงบ สุภาพ อ่อนโยน
สีโทนร้อน ให้ความรู้สึกตื่นเต้น รุนแรง สดใส ซาบซ่า
สีโทนกลาง อย่างสีขาว ดำ เทา น้ำตาล ช่วยให้รู้สึกกลางๆ ทึมๆ เนียนๆ ไม่ฉูดฉาด
นอกจากนี้ สียังช่วยสร้างภาพลักษณ์ขององค์กรต่างๆ อย่าง ของสยามพารากอน ใช้สีทองและดำ ดูหรูหรา เข้ากับภาพลักษณ์ของห้าง และ จุฬาฯ เลือกใช้ สีชมพูเข้ม เพื่อให้ดูเป็นทางการ

การออกแบบระบบนำทาง ที่ดี
อยู่ในตำแหน่งที่เห็นได้ชัด เข้าถึงง่าย ส่วนบน
สื่อความหมาย ใช้ได้ทันที โดยยังไม่ต้องศึกษา
มีความสม่ำเสมอ เป็นระบบ ไม่สับสน วนไปวนมา
มีการตอบสนองเมื่อใช้งาน มีการเปลี่ยนสี เมื่อ ตอบโต้
จำนวนรายการที่พอเหมาะ ไม่มากเกินไป เอาแต่ที่สำคัญ
มีทางเลือกหลากหลาย เมนูกราฟิก เมนูข้อความ
มีลิงค์ให้กลับโฮมเพจเสมอ เพื่อให้เริ่มต้นใหม่ ในกรณีหลงทาง

Development การพัฒนา
ถัดจาก page design สร้าง story board ที่ระบุเนื้อหา รูปแบบ เพื่อตอบสนองวัตถุประสงค์ของเว็บไซท์ โดยใช้โปรแกรม Dreamweaver เป็นต้น

สิ่งที่ต้องเตรียมมา

อาทิตย์หน้าจะให้ทุกคน vote ว่าต้องการทำ WebQuest เป็นงานเดี่ยวหรืองานคู่ ทั้งนี้ขอให้เสนอมาใน Learning Log สัปดาห์นี้เพื่อเป็นข้อมูลให้อาจารย์ แต่ไม่ว่าจะเป็นงานเดี่ยวหรืองานคู่ ขอให้ทุกคนเตรียมตัวนำเสนองาน WebQuest ตามหัวข้อที่ระบุในสัปดาห์นี้ด้วย โดยผ่านรูปแบบของ PPT
นอกจากนี้ให้เตรียมการพรีเซน เพื่อให้งานออกมามีความน่าสนใจ โดยการทำ Mind Map และ Home Page มานำเสนอ


ข้อเสนอแนะ

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