Learning Log Week 3 ( 16 Nov.09
สิ่งที่ได้เรียนรู้ (16.พย.09)
วันนี้อาจารย์ได้ให้พวกเราศึกษาเนื้อหาด้วยตัวเองได้จากเว็บWBI โดยเรื่องแรกคือ
1.ADDIE'S MODEL ซึ่งแบ่งออกเป็นทั้งหมด 5 ขั้นตอนดังนี้
1.1 Analyze การวิเคราะห์ข้อมูลเป็นการวิเคราะห์ข้อมูลทั่วไปและเเบบเฉพาะ โดยนำเอามาใช้กับเว็บไซต์ก็จะนำขั้นนี้มาระบุวัตถุประสงค์ของเว็บไซต์ รวมถึงกลุ่มเป้าหมายที่จะนำไปให้ใช้ และบริบทของโรงเรียนที่มีสภาพเเวดล้อมเเละอุปกรณ์เป็นอย่างไรเหมาะเเก่การใช้หรือไม่
1.2 Design อการออกแบบโดยมี Rapidprototype ซึ่งเป็นการออกแบบคร่าวๆให้ผู้สอนได้เห็นโครงสร้างของเว็บไซต์ดังกล่าว และจะได้สามารถปรับแก้ต้นแบบได้
1.3 Develop การพัฒนา โดยขั้นนี้ก็จะอิงผลมาจากข้อที่เเล้ว เมื่อต้นเเบบได้รับการยอมรับเเล้วก็จะดำเนินการในการพัฒนาต่อๆไป
1.4 Implement การนำไปใช้ แยกออกเป็น Pilots เว็บไซต์ไปทดลองกับกลุ่มเป้าหมาย
Rollout Plan การวางเเผนการนำไปใช้จริง
1.5 Evaluation การประเมินคือมีทั้ง SMES ประมเนทางเนื้อหาสาระ ว่าอยู่สาระใด หรือจะเป็น Audience คือกลุ่มเป้าหมาย หรือ คนทำเว็บเป็นคนประเมิน
Gagne 9 ขั้น
1. Gain attention เรียกความสนใจจากผู้เรียน เช่น วีดีโอ ภาพ สี เสียง เป็นต้น
2. Inform learners Objectives - แจ้งให้ผู้เรียนทราบถึงวัตถุประสงค์ของเว็บไซต์ซึ่งอาจจะอยู่ที่หน้า Home page หรือ Annoucement
3. Stimulate recall of prior learning กระตุ้นความรู้เดิมของผู้เรียนโดยอาจใช้ ภาพ วีดีโอ chatroom เป้นต้น
4. Present the content นำเสนอเนื้อหาสรุป เช่นอาจทำอยู่ในรูปแบบ Powerpoint ที่แปลงเเล้วก็ได้
5. Provide learning guidance การให้คำเเนะนำระหว่างเรียนเช่นอาจผ่านทาง FAQs หรืออาจจะมีปุ่มช่วยผู้เรียน โดยอาจใช้การพบกันเเบบประสารเวลาหรือ Post ข้อความไว้เล้วค่อยให้ผู้สอนมาตอบก็ได้
6. Elicit performance แบบฝึกหัดทดสอบความรู้เช่น Quiz เครื่องมือต่างๆ หรือจะAssign งานกลุ่มก็ได้
7. Provide feedback ให้ข้อเสนอเเนะหรือเเนวทางต่างๆทาง E-mail เป็นต้น
8. Assess performance การประเมินผล เช่นการตรวจสอบการเข้าร่วมกิจกรรมต่างๆ เเละการใช้ Rubic
9. Enhance retention and transfer to the job การทบทวนเเละการเสนอแนะ การนำไปใช้ในชีวิตจริง เช่นการตั้งโจทย์ case study เป็นต้น
WBI Site Structure
คือการกำหนดเนื้อหาทั้งหมด ซึ่งเป็นส่วนที่สำคัยมากๆสำหรับการทำเว็บไซต์ เหมือนเป็นการเขียนเเบบเว็บไซต์ทั้งหมด คือการกำหนดรายละเอียดของ Web page
1. Sequence คือการเรียงลำดับเเต่ละหน้าซึ่งเเบบนี้จะเหมาะกับการมีเนื้อหา web page ไม่มากนัก
2. Hierarchy เป็นการจัดแบบลำดับชั้นซึ่งเหมาะกับ Web page ที่มีเนื้อหามากๆ
3. ombination เหมาะกับการสร้างเว็บที่ซับซ้อนซึ่งเอาข้อดีระหว่างข้อที่ 1 เเละ ข้อที่ 2 มาผสมกัน
สรุปแล้ว ข้อมูลเเละขั้นตอนในการออกแบบเป็นเรื่องสำคัญอย่างมากที่เราจะต้องคำนึงถึงซึ่งจะต้องผสมผสานให้เหมาะสมกับ Web ของตัวเอง
Page Design
- Page Header คือ Banner ของหัวเรื่อง อาจจะเป็นจุดที่เด่นสุดคือมุมบนซ้ายซึ่งเป็นส่วนแรกที่มองเห็น
- Navigation Bar เชื่อมโยงไปยังส่วนต่างๆ เหมือนเป็นส่วนนำทาง
- Page Body เป็นส่วนที่ใส่เนื้อหาอาจมีส่วนนำทางในการเชื่อมโยงไปยังเนื้อหาอื่นๆ ซึ่งส่วนมากจะอยู่ทางด้านขวา
- Page Footer อยู่ด้านล่างสุดนิยมใส่ชื่อผู้จัดทำ Banner ของผู้สนับสนุน หรือแผนผังของเว็บไซต์ Text link เป็นต้น
การออกแบบ Page Header และ Navigation Bar จะคงอยู่ตลอดไม่ว่าจะเปิดไปหน้าใดของเว็บ การออกแบบควรคำนึงถึงความเรียบง่าย มีสีสันที่พอเหมาะ เป็นต้น
คำนึงถึงความสม่ำเสมอกันตลอดทั้งเว็บไซต์ ถ้าเราทำให้เกิดความเเตกต่างกันผู้ใช้อาจงงได้ว่าอยู่ที่เว็บไซต์เดิมหรือไม่
การใช้สี ซึ่งมีทั้ง โทนร้อนเเละโทนเย็น ในส่วนของสีโทนร้อน
Warm Tone นั้นจะบอกถึงความรู้สึกตื่นเต้น มีชีวิตชีวา
Cool Tone บอกถึงความสุภาพ อ่อนโยน เรียบง่าย
Neutral Tone สีโทนกลางขาว ดำ เทา น้ำตาล สามารถนำไปผสมกับสีอื่นๆก็ได้
- Navigation Bar ระบบนำทาง ช่วยให้ผู้ชมเข้าถึงข้อมูลได้อย่างรวดเร็วสามารถแยกออกจากเมนูหลักที่ปรากฏอยู่บนเว็บเพจทุกหน้า เเละอาจมีเครื่องมือช่วยค้นหา Search box เป็นต้น
-มี Link กลับไปหน้า Home page ในกรณีที่หลงทาง เป้นต้น
สิ่งที่จะเตรียมไปคราวหน้า
เตรียมตัวนำเสนอ Web Quest ของตนเองเเละศึกษารูปแบบของ Web Quest เพิ่มเติมรวมถึงอยากจะศึกษาในเรื่องของโทนสีซึ่งค่อนข้างน่าสนใจ เเละหลักการของ Gagne เพื่อจะได้ออกแบบเว็บไซต์ที่ตนเองต้องการได้อย่างถูกต้องตามหลัก
ข้อเสนอแนะ
วันนี้อาจารย์ให้ศึกษาบทเรียนด้วยตัวเองซึ่งก็ดีค่ะเพราะว่าจะได้ทบทวนได้หลายรอบถ้าไม่เข้าใจเเต่ง่วงนิดหน่อย พอทำงานก้สนุกดีค่ะมีไอเดียเยอะเเยะทำให้เลือกได้เยอะดีค่ะจากตัวอย่างที่พี่ทีเอให้ดู
ไม่มีความคิดเห็น:
แสดงความคิดเห็น