Gagne คือ ทฤษฎีขั้นตอนการสอนที่ก่อให้เกิดการเรียนรู้สูงสุดกับผู้เรียนมีทั้งสิ้น 9 ขั้น
เมื่อนำมาเปรียบเทียบกับองค์ประกอบของ Webquest แสดงได้ดังนี้
ซึ่งการพัฒนา Webquest ใช้หลักการของ ADDIE โดยมีรายละเอียด ดังนี้
A - ANALYZE ต้องมีการวิเคราะห์วัตถุประสงค์ของบทเรียน กลุ่มเป้าหมาย และสภาพแวดล้อมรวมถึงบริบทต่างๆ ที่เกี่ยวข้องกับการจัดการเรียนรู้
D - DESIGN ออกแบบโครงสร้างเว็บไซต์ สร้าง STORYBOARD การออกแบบในแต่ละหน้าที่นำเสนอ และมีการจัดทำโครงร่าง (Rapid Prototype) ก่อนนำไปใช้จริง
D - DEVELOP เริ่มพัฒนาเว็บเควสโดยใช้เครื่องมือต่างๆ ที่มี ซึ่งการทำงานอาจทำเป็นทีมในกรณีที่การพัฒนาเว็บไซต์มีความซับซ้อน เช่น ทีมกราฟิก ทีตัดต่อ ทีมพัฒนาเว็บ เป็นต้น
I - IMPLEMENT นำผลการพัฒนาได้ไปทดลองใช้กับกลุ่มเป้าหมาย แล้วจึงนำผลการทดลองมาปรับปรุงก่อนนำไปใช้จริง
E - EVALUATION มีการประเมินผลทั้งจากผู้เชี่ยวชาญในเนื้อหาและการพัฒนาเว็บเควส และการประเมินผลจากผู้ที่เข้าใช้บทเรียนว่ามีข้อสงสัยอย่างไร เพื่อนำข้อมูลที่ได้ไปพัฒนาต่อไป
หลักการออกแบบ WBI
ส่วนของเนื้อหา ต้องมีการกำหนดวัตถุประสงค์อย่างชัดเจน มีการเลือกใช้ สี ข้อความ และภาพประกอบที่เหมาะสมกับผู้เรียน มีการใช้หัวข้อใหญ่หัวข้อย่อยอย่างเป็นหมวดหมู่และมีความแตกต่างกันอย่างชัดเจนจะทำให้เข้าใจการใช้งานได้ง่ายมากขึ้น ภาษาที่ใช้ในเนื้อหาต้องเหมาะสมกับกลุ่มผู้เรียน มีการนำสื่อประสมมาใช้ประกอบเพื่อดึงดูดความสนใจ และนำตารางมาใช้เพื่อให้เนื้อหาบางส่วนเห็นเป็นรูปธรรมมากขึ้น
ส่วนของกิจกรรม ควรเป็นลักษณะของการผสมผสานกันของกิจกรรมทั้งแบบประสานเวลา (เช่น Chat, Video Conference) และแบบไม่ประสานเวลา (เช่น E-mail, Webboard)
โครงสร้างของเว็บไซต์ (Site Structure)
เป็นการกำหนดแผนผังลำดับเนื้อหา รวมถึงตำแหน่งการวางหน้าเพจ รวมถึงการเชื่อมโยงระหว่างเพจ
โดยแนวคิดการจัดกลุ่มมีทั้งการจัดกลุ่มตามเนื้อหาและการจัดกลุ่มตามผู้ชม
การออกแบบโครงสร้างของเว็บไซต์
1. แบบเรียงลำดับ กล่าวคือ ออกแบบไปทีละหน้า เหมาะกับเว็บไซต์ที่มีเพจไม่มาก
2. แบบระดับชั้น กล่าวคือ มีการจำแนกจากหัวข้อใหญ่เป็นหัวข้อย่อยเป็นลำดับชั้นไป เหมาะกับเว็บไซต์ที่มีเพจจำนวนมาก
3. แบบผสม กล่าวคือ เป็นการผสมทั้งแบบเรียงลำดับและแบบระดับชั้นเพราะบางเนื้อหาที่จำแนกเป็นระดับชั้นอาจมีเนื้อหาบางส่วนต้องการนำเสนอเป็นลำดับ จึงต้องนำรูปแบบทั้งสองมาผสมกัน
การออกแบบโครงร่างหน้าเว็บ
ประกอบด้วยส่วนของ Page Header ที่นิยมใส่ชื่อของเว็บ Nevigation Bar ส่วนเชื่อมโยงไปยังส่วนต่างๆ ของเว็บไซต์ Page Body ส่วนของเนื้อหาหลัก อาจมีตัวนำทางย่อยเพื่อเชื่อมโยงไปยังส่วนที่เกี่ยวข้องได้ และ Page Footer นิยมใส่ชื่อผู้จัดทำ หรือ banner ผู้ให้การสนับสนุน
โดยหลักการออกแบบ เน้นความเรียบง่าย มีความสม่ำเสมอของรูปแบบเพื่อไม่ให้สับสนว่าเปลี่ยนไปเว็บอื่น การเลือกใช้สีให้เหมาะสม ทั้งสีโทนร้อน โทนกลาง และโทนเย็น หรือสีที่ช่วยเสริมสร้างเอกลักษณ์ขององค์กร สามารถเลือก Theme สีได้จาก http://kuler.adobe.com/
เว็บควรมีการออกแบบระบบนำทางที่ดี โดยมีหลักการคือ เข้าถึงง่าย สื่อความหมาย ชัดเจน เข้าใจง่าย มีความสม่ำเสมอ สามารถตอบสนองผู้ใช้ มีจำนวนรายการเหมาะสม มีทางเลือกหลายทาง และมีลิงค์กลับไปโฮมเพจได้ ทั้งนี้รูปแบบของ navigator มีทั้งแบบ Text & Button, Drop Down List, Dynamic Drop Down List, On Mouse Over
สิ่งที่ต้องเตรียมมาสัปดาห์หน้า
เตรียม PowerPoint ที่นำเสนอการออกแบบเว็บเควสในส่วนของ ANALYZE โครงสร้างของเว็บไซต์ และรูปแบบของเว็บเพจ
ข้อคิดเห็นอื่นๆ
วันนี้เรียนด้วยตนเองก็ดีเหมือนกันครับ แต่ก็ทำไปเล่นไป งานเสร็จช้าไปหน่อย แต่ก็เสร็จครับ คำสั่งงานตารางไม่ค่อยเข้าใจเท่าไร เลยไม่ทราบว่าทำถูกต้องหรือไม่ สำหรับงานเว็บเควส ทำงานคู่ดีกว่าครับเพราะผมไม่ค่อยเก่งการออกแบบเท่าไร งานคงออกมาไม่ดีแน่ถ้าผมทำคนเดียว

