Learning Log Week 3

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

ADDIE’S Model


-------- Analyze = การวิเคราะห์
- Goal วัตถุประสงค์ของบทเรียน
- Audience กลุ่มเป้าหมายเป็นใคร
- Environment สภาพแวดล้ม บริบทต่างๆ

....................................................................................

---------Design = การออกแบบ
- site structure โครงสร้างของ Weppage
- storyboard การร่างเนื้อหาที่จะใส่ทั้งหมด และสื่ออื่นๆที่จะใช้
- Interface Design
.......................Rapid Prototyping การร่างต้นแบบ.............

---------Develop การพัฒนา
- Tools software
- Team ทีมในการออกแบบทั้งภาพ เสียง วีดีโอ
.................................................................................................

---------Implement การนำไปใช้
- Pilots นำไปทดลองใช้ กับกลุ่มเป้าหมาย ผู้สอนผู้เชี่ยวชาญ และนำ feedback มาปรับปรุง
- Rollout plan วางแผนการใช้จริง

ซึ่งในขั้นตอนนี้รวมถึงเป็นการเตรียมอุปกรณ์ให้พร้อมเพื่อการนำไปใช้ได้อย่างสมบูรณ์
...............................................................................................

---------Evaluation การประเมิน
- Smes ด้านเนื้อหาและด้านเว็บ
- Audience คือ กลุ่มเป้าหมาย

การประเมินคุณภาพของชิ้นงานสามารถทำได้ ทั้งระหว่างและเมื่อนำสื่อไปใช้แล้วเพื่อนำไปปรับปรุงและพัฒนาต่อไป


________________________________________________


Gagne












มี 9 ขั้นตอน ซึ่งแบ่งออกเป็นขั้นนำ ขั้นสอน ขั้นสรุป โดย

ขั้นนำ

1. Gain attention
เรียกความสนใจจากผู้เรียนโดยอาจใช้ภาพ สี เสียง animation วิดีโอ

2. Inform learners Objectives
บอกวัตถุประสงค์แก่ผู้เรียน และขั้นตอนกิจกรรมการเรียนรู้ โดยใช้ Homepage หรือ Announcement

3. Stimulate recall of prior learning
กระตุ้นความรู้เดิม อาจทำการ Pretest ผ่านCommunication tools
- แบบประสานเวลา เช่น Chatroom ,Video conference
-แบบไม่ประสานเวลา เช่น discussion board
............................................................................................

ขั้นสอน

4. Present the content
การนำเสนอเนื้อหา ในรูปแบบ PPT , PDF, E-book,Flash,Video Clip,CAI

5. Provide learning guidance
การให้คำแนะนำแก่ผู้เรียน Post คำถามในหน้า Helps แบบ real timeและ non-real time

6. Elicit performance
การตรวจสอบพฤติกรรมผู้เรียน

7. Provide feedback
ให้ข้อเสนอแนะผู้เรียน ผ่านทาง Communication tools
..........................................................................................

ขั้นสรุป

8. Assess performance
การประเมินผล โดยการใช้ rubric ประเมินผลตามสภาพจริง

9. Enhance retention and transfer to the job
การเชื่อมโยงข้อมูล เพื่อให้ผู้เรียนสามารถนำความรู้ไปใช้กับชีวิตจริงและงานอื่นๆได้ และทำให้ผู้เรียนเห็นตัวอย่างที่เป็นรูปธรรม
_______________________________________

การออกแบบ WBI

เนื้อหา
1. กำหนดวัตถุประสงค์ชัดเจน
2. การใช้สี ข้อความ ภาพให้เหมาะกับผู้เรียน
3. การใช้หัวข้อใหญ่ หัวข้อย่อย
4. หลีกเลี่ยงศัพท์ที่ยาก
5. การใช้สื่อประสมต่างๆ
6. การใช้ตาราง ทำให้เกิดความเป็นรูปธรรมมากขึ้น

กิจกรรม
แบ่งเป็น 3 รูปแบบ คือ
1. แบบประสานเวลา (Synchronous)
2. แบบไม่ประสานเวลา(Asynchronous)
3. กิจกรรมแบบร่วมมือ (Collaborative) เป็นการเรียนการสอนแบบผสมระหว่าง synchronous และ asynchronous

_____________________________________

Site structure
การเขียน Site Structure คือการ Design หน้า webpage เพื่อให้เกิดความเป็นระเบียบ แบ่งเป็น
1. การกำหนดโครงสร้างเว็บไซต์ (Site Structure) สอดคล้องกับวัตถุประสงค์ของเว็บ
มีการออกแบบอยู่ 2 แบบ คือ
1.1 จัดตามกลุ่มเนื้อหา
1.2 จัดตามกลุ่มผู้ชมความสนใจ
การออกแบบดังกล่าวทำให้รู้โครงร่างสะดวกแก่ผู้เยี่ยมชม
2. การออกแบบโดยคำนึงถึงโครงสร้างเนื้อหาแบ่งออกเป็น
2.1. Sequence แบบเรียงลำดับไปทีละหน้า เหมาะกับจำนวนเว็บเพจไม่มากนัก

2.2. Hierarchy เหมาะกับจำนวนเว็บเพจมาก พบทั่วไป นิยมใช้มาก

2.3. Combination เป็นการผสมข้อดีของ 2 แบบข้างต้นเข้าด้วยกัน เหมาะกับเว็บไซต์ที่ซับซ้อน

_______________________________________

Page design การออกแบบหน้าเว็บเพจ

Webpage ประกอบด้วยองค์ประกอบหลัก 4 อย่างคือ
1. Page header ส่วนบนสุดของเว็บ เป็นส่วนที่สำคัญที่สุด เพราะเป็นส่วนแรกที่ผู้ชมมอง

นิยมใส่ชื่อเว็บ หรือผู้ให้การสนับสนุน
2. Navigation Bar ส่วนที่ใช้เชื่อมโยงไปยังส่วนต่างๆของเว็บไซต์
3. Page Body ส่วนที่ใช้สำหรับใส่เนื้อหาหลักของเว็บไซต์ อาจมีตัวนำทางย่อยๆ เพื่อเชื่อมโยงไปยังเนื้อหาที่เกี่ยวข้อง
4. Page Footer นิยมใส่ชื่อหน่วยงาน ผู้ทำเว็บไซต์ ผู้ให้การสนับสนุน แผนผังเว็บไซต์แบบ text link
.................................................................................

หลักการออกแบบหน้าเว็บเพจ มีหลักการ ดังนี้
1. Simplicity ความเรียบง่าย :เสนอแต่องค์ประกอบหลักในรูป สีสัน ตัวอักษร ภาพเคลื่อนไหว ให้พอเหมาะ ไม่มากจนเกินไป เช่นเว็ปไซต์ของ apple ,adobe
2. Consistency ความสม่ำเสมอ : ใช้รูปแบบเดียวกันในเว็บไซต์ ใช้ theam เดียวกัน
3. การใช้สีแบ่งเป็น

3.1 Warm tone color สีโทนร้อน : ทำให้ดูมีชีวิตชีวา ความสุข
3.2 Cool tone color สีโทนเย็น : ความสุภาพ อ่อนโยน นิยมใช้กันมากสุด เพราะสามารถโน้มน้าวในระยะไกล
3.3 Neutral tone color สีโทนกลาง : สีขาว ดำ เทา น้ำตาล โดยจะนำไปผสมกับสีโทนอื่นเพื่อสร้างจุดเด่นความน่าสนใจ
.........................................................................................

Navigation ระบบนำทาง

ประกอบด้วย 2 ส่วนที่สำคัญ

1.เครื่องนำทาง

2. เมนูเฉพาะกลุ่ม

และอาจมีเครื่องมือเสริมอื่นๆ ช่องค้นหา

...............................................................................

เทคนิค Text and Button

- Drop down List

- Dynamic drop down Menu

- On Mouse over

__________________________________

สิ่งที่จะต้องค้นคว้าเพิ่มเติม/ต้องเตรียมมาครั้งหน้า

ไฟล์งานโครงสร้างและรูปแบบที่จะผลิต
และหลักการออกแบบ การใช้สี

ข้อคิดเห็นอื่นๆ

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