สิ่งที่ได้เรียนรู้
กิจกรรมที่ 1 WBI : ADDIE & Gagne
ADDIE's ISD Model
A-ANALYZE การวิเคราะห์
-GOAL วิเคราะห์วัตถุประสงค์ของบทเรียน
-AUDIENCE วิเคราะห์กลุ่มเป้าหมาย
-ENVIRONMENT วิเคราะห์สภาพแวดล้อม บริบทต่างๆ
D-DESIGN การออกแบบ
-SITE STRUCTURE โครงสร้างเว็บไซต์
-STORYBOARD แผนดำเนินงาน
-INTERFACE DESIGN ลักษณะของแต่ละหน้า
*RAPID PROTOTYPE เป็นการออกแบบคร่าวๆ ก่อนไปพัฒนาจริง
D-DEVELOP การพัฒนา
-TOOLS ซอฟต์แวร์ต่างๆ
-TEAM ทีมกราฟฟิก ทีมรวบรวมเนื้อหาจัดเตรียมเนื้อหา ทีมตัดต่อ ทีมพัฒนาเว็บ
ทีมโปรแกรมเมอร์ ฯลฯ
I-IMPLEMENT การนำไปใช้
-PILOTS การนำไปทดลองใช้กับกลุ่มเป้าหมาย
-ROLLOUT PLAN การนำมาปรับแก้ก่อนนำไปใช้
E-EVALUATION การประเมินผล
-SMES ผู้เชี่ยวชาญเป็นผู้ตรวจสอบบทเรียน
-AUDIENCE ประเมินผลว่ากลุ่มเป้าหมายเข้าใจในบทเรียน หรือมีข้อสงสัยอะไร
Gagne's Instructional Theory
Gain-Attention เรียกความสนใจจากผู้เรียน เช่นการใช้ภาพ สี เสียง แอนนิเมชั่นต่างๆ
Specify Objective แจ้งผู้เรียนให้ทราบถึงวัตถุประสงค์ของบทเรียนนั้นๆ แนวคิดของ Bloom จะเน้น พุทธ พิสัย จิตพิสัย ทักษะพิสัย
Stimulate Recall กระตุ้นความรู้เดิมเพื่อให้เชื่อมโยงกับความรู้ใหม่ เช่นใช้การถามตอบ หรือการใช้ Pre-test
Present the Content นำเสนอเนื้อหา เช่น นำเสนอในรูปแบบพาวเวอร์พอยท์, pdf file, e-book
Provide Learning Guidance การให้คำแนะนำระหว่างการเรียน เช่น การมีหน้า FAQs หรือปุ่ม HELP ที่ช่วยผู้เรียน
Elicit performance การตรวจสอบดูว่าผู้เรียนได้เกิดการเรียนรู้หรือไม่ ดูจากพฤติกรรมที่ผู้เรียนแสดงออกมา เช่น แบบฝึกหัดต่างๆในแบบฟอร์มของ quiz , Discussion board หรือ Chatroom หรือ E-mail
Provide Feedback ให้ข้อเสนอแนะผู้เรียน เช่นการข้อเสนอแนะจากผู้สอนผ่าน Communication tools ต่างๆ
Assess Performance การประเมินผล การประเมินผลที่หลากหลาย เช่น ตรวจสอบว่าผู้เรียนมาเข้าร่วมกิจกรรมระหว่างเรียนหรือเปล่า หรือให้ผู้เรียนทำงานกลุ่มส่งเป็นชิ้นงาน ถ้าต้องการให้เกิดความเที่ยงตรงเราอาจใช้รูปแบบการประเมินผลตามสภาพจริง ด้วยการใช้ Rubric
Enhance retention & transfer to the job การเพิ่มเนื้อหา ให้แน่ใจว่าผู้เรียนได้รับความรู้ที่คงอยู่กับตัวผู้เรียนและสามารถนำไปใช้ในชีวิตจริง เช่นมีการทบทวน มีการเชื่อมโยงกับเนื้อหาบทต่อไปหรือวิชาอื่นๆ
WBI Design
หลักการในการออกแบบ WBI
ส่วนของเนื้อหา
-กำหนดวัตถุประสงค์การใช้บทเรียนอย่างชัดเจน
-การเลือกใช้สี ข้อความ และภาพประกอบให้เหมาะสมกับเนื้อหาและกลุ่มผู้เรียน
-การใช้หัวข้อใหญ่และหัวข้อย่อย ทำให้เรียนรู้ได้อย่างเป็นหมวดหมู่ เข้าใจง่ายมากยิ่งขึ้น
-การใช้ภาษาง่ายๆ สั้นๆ กะทัดรัด และเหมาะสมกับระดับการอ่านของกลุ่มเป้าหมาย และควรหลีกเลี่ยงการใช้ศัพท์หรือภาษาที่ยากจนเกินไป
-การนำสื่อประสม เช่น ภาพกราฟิก ภาพถ่าย ภาพเคลื่อยไหว เสียง วิดีโอ มาเพื่อให้ดึงดูดความสนใจ
-การใช้ตารางทำให้เกิควมชัดเจนและเห็นเป็นรูปธรรมมากขึ้นในการอธิบาย
ส่วนของกิจกรรม
-กิจกรรมแบบประสานเวลา เช่น การสื่อสารด้วยการพิมพ์ข้อความผ่านคอมพิวเตอร์, การสื่อสารด้วยเสียง
-กิจกรรมแบบไม่ประสานเวลา เช่น การสื่อสารด้วย e-mail, web board, blog
-กิจกรรมแบบร่วมมือ เป็นการผสมผสานระหว่างกิจกรรมแบบประสานเวลาและกิจกรรมแบบไม่ประสานเวลา
กิจกรรมที่ 2 WBI : SITE STRUCTURE
SITE STRUCTURE คือการกำหนดแผนผังของการลำดับเนื้อหา หรือการจัดวางตำแหน่งเว็บเพจทั้งหมด ทำให้เรารู้ว่าทั้งเว็บไซต์ประกอบไปด้วยเนื้อหาอะไรบ้าง มีเว็บเพจหน้าไหนที่เกี่ยวข้องและเชื่อมโยงถึงกันและกัน
แนวคิดหลักที่นิยมใช้
1.จัดตามกลุ่มเนื้อหา
2.จัดตามกลุ่มผู้ชม
การออกแบบ SITE STRUCTURE
-Sequence แบบเรียงลำดับ ออกแบบเว็บไซต์ไปทีละหน้า เหมาะกับเว็บไซต์ที่มีจำนวนเว็บเพจไม่มากนัก หรือเว็บไซต์ที่นำเสนอข้อมูลแบบทีละขั้นตอนไปเรื่อยๆ ทีละหน้า
-Hierarchy แบบระดับชั้น เหมาะสำหรับเว็บไซต์ที่มีจำนวนเว็บเพจมาก เป็นรูปแบบที่พบได้ทั่วไป นิยมใช้มาก
-Combination เหมาะกับเว็บไซต์ที่ซับซ้อน เป็นการผสมผสานของขอ้ดีระหว่างการออกแบบ แบบSequenceและแบบHierarchyเข้าไว้ด้วยกัน
กิจกรรมที่ 3 WBI:Page Design
Page Design Structure
Page Header นิยมใส่ชื่อของเว็บ หรือผู้ที่ให้การสนับสนุนเว็บ
Nevigation Bar ใช้เชื่อมโยงไปยังเว็บเพจต่างๆของเว็บไซต์
Page Body ใช้ใส่เนื้อหาหลักของเว็บไซต์ อาจมีตัวนำทางย่อยๆเพื่อเชื่อมโยงไปยังเนื้อหาที่เกี่ยวข้องได้
Page Footer นิยมใส่ชื่อของหน่วยงาน ผู้ทำเว็บไซต์ bannerของผู้ที่ให้การสนับสนุน
หลักการออกแบบ
1.ความเรียบง่าย(Simplicity) มีรูปแบบที่เรียบง่ายไม่ซับซ้อน ใช้งานง่าย สะดวก
2.ความสม่ำเสมอ(Consistency) มีรูปแบบ สไตล์กราฟฟิก ระบบNevigationและโทนสีที่คล้ายคลึงกันตลอดทั้งเว็บไซต์
การเลือกใช้สี
สีโทนร้อน แสดงถึง ความตื่นเต้น รุนแรง ความสุข ความปลอบโยนโยน ความอบอุ่นความดึงดูดใจ มีชีวิตชีวา
สีโทนเย็น แสดงถึง ความสงบ สุภาพ อ่อนโยน เรียบร้อย
สีโทนกลาง ได้แก่ สีขาว สีดำ สีเทา สีน้ำตาล สามารถนำไปผสมกับสีอื่นๆได้
เว็บที่ช่วยในการเลือกใช้สี ได้แก่ kuler.adobe.com และ http://www.colourlover.com/
3.การออกแบบระบบนำทาง(Nevigation) ช่วยให้ผู้เข้าชมเข้าถึงข้อมูลที่ต้องการได้อย่างรวดเร็ว ไม่หลงทาง ดังนั้นจึงมีองค์ประกอบดังนี้
เครื่องนำทาง เพื่อให้ผู้ชมเปิดไปยังเว็บเพจต่างๆภายในเว็บไซต์
เมนูเฉพาะกลุ่ม เชื่อมโยงเว็บเพจปัจจุบันกับเว็บเพจอื่นภายในกลุ่มย่อย ที่มีเนื้อหาเกี่ยวเนื่องเท่านั้น
เครื่องมือเสริม ใช้เสริมการทำงานของเมนู เช่นช่องค้นหา แผนที่เว็บไซต์ เป็นต้น
ระบบนำทางที่ดี
-เข้าถึงง่าย
-สื่อความหมาย ชัดเจน เข้าใจง่าย
-สม่ำเสมอ
-ตอบสนองผู้ใช้
-มีจำนวนรายการพอเหมาะ
-มีทางเลือกหลากหลาย
-มีลิงค์กลับไปโฮมเพจได้
Taxt & Botton
Drop down List
Dynamic Drop down menu
On mouse over
สิ่งที่จะต้องค้นคว้าเพิ่มเติม/ต้องเตรียมมาครั้งหน้า
เตรียม Present งาน
ข้อคิดเห็นอื่นๆ
อยากให้ทำงานคู่มากกว่าค่ะ เพราะจะทำให้งานออกมามีคุณภาพ ได้แลกเปลี่ยนความคิดเห็นระหว่างกัน งานจึงมีความสมบูรณ์มากขึ้นและสามารถนำมาใช้ได้จริง
สำหรับการเรียนในวันนี้ งายเยอะมากค่ะ อยากให้อาจารย์สอนเองมากกว่าค่ะ จะได้เข้าใจและจดจำได้มากยิ่งขึ้น
ไม่มีความคิดเห็น:
แสดงความคิดเห็น