Learning Log Week 5

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

การสร้างภาพเคลื่อนไหวอย่างง่ายจากโปรแกรม Adobe ImageReady - ซึ่งมีขั้นตอนง่ายๆ แค่ เปิดโปรแกรม คลิ๊ก File > Import > Folder as Frames… จากนั้นจะได้ภาพขึ้นมาในAnimation window แล้วก็ทำการปรับเวลา รอบการเล่น เมื่อเสร็จแล้วบันทึกไฟล์ โดยเลือก File > Save Optimized As… แล้วเลือกนามสกุลไฟล์เป็น .gif เพื่อทำเป็นภาพเคลื่อนไหว

ความรู้เบ้องต้นของการใช้โปรแกรม Macromedia Dreamweaver เช่น
การตั้งค่าsite – ให้เป็นแหล่งที่จัดเก็บไฟล์ทั้งหมดในการทำงาน
การตั้งค่าภาษา – เพื่อให้ภาษาที่ใช้ในเว็บของเราเป็นสากล เปิดที่ไหนก็สามารถอ่านได้ โดยใช้เป็น Unicode (UTF-8)
การตั้งค่าเว็บเพจ – เป็นการตั้งค่าทั่วไป เช่น ชุดตัวอักษร สี ขนาด รูปแบบ ของตัวอักษร จุดเชื่อมต่อ หัวกระดาษต่างๆ
การสร้างตารางและใช้ตารางในการจัดองค์ประกอบหน้าเว็บ – ในการสร้างเว็บต้องใช้ตารางเข้ามาช่วยในการจัดแบ่งหน้าหรือแบ่งส่วนของหน้าเว็บ เช่นการวางอักษรและภาพคนละฝั่ง หรือการทำพื้นที่วางปุ่มไอคอน
การสร้างtemplate – บันทึกหน้าเว็บเป็นTemplate เพื่อลดเวลาสร้างหน้าเว็บทุกๆหน้าให้เหมือนกัน โดยเหลือเพียงแค่เฉพาะส่วนที่ต้องการแก้ไขให้สามารถเปลี่ยนแปลงได้
การสร้าง Rollover Button – เพื่อใช้เพิ่มความน่าสนใจให้กับหน้าเว็บของเราให้มีการโต้ตอบกับผู้ใช้งาน

การใส่ Javascript - เพื่อเพิ่มความน่าสนใจให้เว็บเพจมากขึ้น โดยจะใส่ในส่วนระหว่างแท๊ก Head

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

ทำเว็บของตนให้ได้ประมาน 60% แล้วนำมาส่งดูความเคลื่อนไหว

ข้อเสนอแนะ

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

Learning Log Week04

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

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

ในส่วนของกิจกรรมการใช้ Adobe Photoshop ในการพัฒนาWebQuestที่ได้ศึกษานั้น สัปดาห์นี้เป็นเรื่องเกี่ยวกับการ slice ภาพเพื่อสร้างหน้าเว็บ ด้วยเครื่องมือ slice tool ซึ่งมีการใช้งานruler และ guidesเพิ่มเติมเข้ามาเพื่อช่วยให้หารใช้เครื่องมือsliceได้ง่ายขึ้น และด้วยเครื่องมือ slice tool ตัวนี้ ทำให้การสร้างหน้าเว็บจากภาพทำได้ง่ายมาก ด้วยขั้นตอนที่ไม่ซับซ้อน จึงเป็นอีกทางเลือกหนึ่งที่สามารถเก็บไว้ใช้ได้

สิ่งที่ต้องนำมา

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

ข้อเสนอแนะ

แม้วันนี้อาจจะใช้เวลาไปกับการอภิปรายการออกแบบWebQuestเยอะแต่ก็ทำให้ได้เห็นความคิดและการประยุกต์ใช้หลักการออกแบบพร้อมกับความรู้ในวิชาอื่นๆร่วมกัน

Learning Log Week 3

สิ่งที่ได้เรียนรู้
ADDIE 5 ขั้น
Analyze วิเคราะห์วัตถุประสงค์, กลุ่มเป้าหมาย และเนื้อหาการเรียนการสอน
Design ออกแบบโครงสร้างเว็บไซต์ - เป็นขั้นที่สำคัญ วางตำแหน่งสิ่งต่างๆในเว็บไซต์ สามารถเห็นโครงสร้างของเว็บเป็นรูปธรรมซึ่งทำให้สร้างจุดเชื่อมโยงได้ง่าย ทำให้ผู้เข้าใช้เข้าใจลำดับขั้นตอนได้ง่ายและไม่สับสน
Develop ใช้ storyboard ช่วยในการออกแบบใช้ชัดเจนยิ่งขึ้นว่าแต่ละเว็บเพจ จะมีองค์ประกอบอย่างไร
Implement นำเว็บไซต์ไปใช้ในการเรียนการสอน
Evaluate ประเมินผลการเรียนรู้จากหลายๆด้าน ให้ตรงกับวัตถุประสงค์ที่ได้วิเคราะห์ไว้

GAGNE 9 ขั้น
(1) gaining attention (reception) การใช้ภาพ เสียง สี แอนนิเมชั่นหรือวิดีโอ เพื่อเร้าความสนใจผู้เรียน
(2) informing learners of the objective (expectancy) นำเสนอวัตถุประสงค์หรือสิ่งที่คาดหวังจากผู้เรียน รวมทั้งขั้นตอนกิจกรรมการเรียนรู้ ให้ผู้เรียนได้ทราบ
(3) stimulating recall of prior learning (retrieval) การตั้งคำถามหรือโต้ตอบ เพื่อเรียกความรู้พื้นฐานที่จำเป็น
(4) presenting the stimulus (selective perception) ให้เนื้อหาโดยนำเสนอในรูปแบบที่น่าสนใจ
(5) providing learning guidance (semantic encoding) ให้ตัวช่วยหรือนำทางในการดำเนินกิจกรรมการเรียนรู้
(6) eliciting performance (responding) ดำเนินกิจกรรมการเรียนรู้ เช่นทำงานที่ได้รับมอบหมาย หรือแลกเปลี่ยนความคิดเห็น
(7) providing feedback (reinforcement) ให้ผลป้อนกลับ
(8) assessing performance (retrieval) ประเมินผลงาน
(9) enhancing retention and transfer (generalization) ทำให้เชื่อโยง ให้เห็นเป็นรูปธรรม

เทคนิคต่างๆ เช่น การใช้สี การสรุปด้วยตาราง การใช้มัลติมีเดีย การใช้หัวข้อใหญ่หัวข้อย่อย การออกแบบการเรียนแบบประสานเวลา ไม่ประสานเวลา และแบบผสม เทคนิคเหล่านี้ช่วยให้ผู้เรียนเกิดการเรียนรู้ได้ดีขึ้นและเป็นระบบมากยิ่งขึ้น

Site Structure
การออกแบบ Site Structure ช่วยเอื้อประโยชน์ในการสร้างจุดเชื่อโยงต่างๆอย่างเป็นระบบในเว็บเพจ
และประเภทของ Site Structure ทั้ง 3 แบบ คือ
1 Sequence เป็นลำดับ หน้า1-2-3-4-...
2 Hierachy เป็นแบบแบ่งชั้น ย่อยๆไปจากจุดใหญ่หรือหัวข้อ
3 Combination แบบผสมผสาน คือการนำข้อดัมารวมกันอย่างไร


สิ่งที่ต้องเตรียมมา
Powerpoint present Web structure

ข้อเสนอแนะ
วันนี้เนื้อหางงมาก งานก็งงมากเหมือนกัน
มีกลิ่นทินเนอร์ด้วย ปวดหัวกันทั้งห้อง

Learning Log Week02

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

_______________________________________________________

Webquest

What is Web Quest?
คือ นวัตกรรมการจัดกิจกรรมการเรียนรู้ ที่อาศัยข้อมูลออนไลน์ โดยใช้วิธีการเรียนรู้แบบสืบสอบ เน้นทักษะการสืบค้น การคิด วิเคราะห์ สังเคราะห์ และประเมินผล ซึ่งส่งเสริมการเรียนรู้ตลอดชีวิต
มีองค์ประกอบอะไรบ้าง
1 นำเข้าสู่บทเรียน
2 ภาระงานที่ได้รับมอบหมาย
3 กระบวนการทำงานและแหล่งอ้างอิงการเรียนรู้
4 การประเมินผล - ใช้Rubric
5 บทสรุป - ทิ้งคำถาม ให้เห็นคุณค่า

* หัวใจของ WebQuest = 1. ส่วนนำเข้า -> 2. แปลงสาร -> 3. ส่วนนำออก (สิ่งที่ผู้เรียนสร้างขึ้นมาด้วยตนเอง,ความรู้)
ส่วนของครูผู้สอน(ผู้พัฒนา Web quest) -> แนะนำแนวทางการใช้ web quest

Web 2.0
แบ่งเครื่องมือออกได้เป็น 4 ประเภท
1. Web application tools – เครื่องมือสนับสนุนการทำงานบนเว็บ ได้แก่ Blog, Social Bookmarking, RSS Feed, Widgets และ Mashup
2. Communication tools – เครื่องมือสำหรับติดต่อสื่อสาร ได้แก่ Chat/Shoutbox, Instant Messenging, Skype, Podcast และ Audiographics
3. Community tools – เครื่องมือส่งเสริมการเป็นชุมชนออนไลน์ ได้แก่ Webboard, Wiki, Social Networking และ Second Life
4. File sharing tools - File sharing tools – เครื่องมือที่ช่วยในการแบ่งปันข้อมูล ได้แก่ Photo sharing, Video sharing, Music sharing, Document sharing และ File Sharing

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

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

หัวข้อที่สนใจและต้องการจะพัฒนาบทเรียน WebQuest

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

ชื่อเรื่อง : หลักการออกแบบสื่อการสอน

ANALYSE:
- กลุ่มเป้าหมาย – นิสิตคณะครุศาสตร์
- วัตถุประสงค์ของบทเรียน – เพื่อให้นิสิตคณะครุศาสตร์สามารถผลิตสื่อการสอนที่ถูกหลักการออกแบบได้อย่างมีประสิทธิภาพ
DESIGN:
- เนื้อหา – หลักการออกแบบเบื้องต้น ทฤษฎีสีการออกแบบสื่อ ประเภทของสื่อ ฯลฯ
- กิจกรรม

• Introduction – ให้สถานการณ์กับผู้เรียน ต้องออกไปฝึกสอนและต้องผลิตสื่อการสอน


• Task

ชิ้นที่1 ให้ผู้เรียนหาตัวอย่างของสื่อที่ดีและควรปรับปรุงมาอย่างละ2ชิ้น และวิจารณ์โดยอาศัยหลักการที่ได้ศึกษา

ชิ้นที่ 2 ให้ผู้เรียนจับกลุ่มออกแบบสื่อการสอน 1 ชิ้น โดยอาศัยหลักการที่ได้ศึกษา

• Process

1. อ่าน webquest ทั้งหมดโดยละเอียด
2. ระดมความคิด
3. ตัดสินใจแนวทางการออกแบบ
4. ลงมือผลิต
5. ตรวจสอบและส่งผลงาน

• Resources - Website และเอกสารต่างๆ
  
• Evaluation - ประเมินโดยใช้ Rubric

• Conclusion - สรุปเนื้อหาสาระและใช้คำถามทิ้งท้าย
  

ข้อเสนอแนะ

_______________________________________________________

- วันนี้เนื้อหาเยอะไม่น้อยไปกว่าเมื่อคาบที่แล้ว แต่ยังน่าสนใจอยู่ตรงที่มีการเข้าไปดูตัวอย่างWebQuest

Learning Log Week01

Learning Log Week01(2/11/52)

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

-วิวัฒนาการของการเรียนการสอนทางไกล

internet เชื่อมต่อคนให้ทำอะไรหลายๆอย่างได้ไม่ว่าจะอยุ่ที่ไหนเวลาใด เป็นการเปิดประตูสู่โลกกว้าง

internet เป็นเครื่องมือที่ใช้ในการเข้าถึงสิ่งต่างๆรอบตัว เช่น การรักษาพยาบาล การบริการของภาครัฐ เกมหรือความบันเทิง การยกระดับการศึกษา และเรื่องของธุรกิจ เป็นต้น อีกทั้งมีความเป็นmultimediaสูงมากขึ้น สามารถพกพาเคลื่อนที่ได้ การเผยแพร่ข้อมูลก็เป็นสาธารณะมากขึ้น เปลี่ยนแปลงไป ทั้งรูปแบบ ขนาดและราคาซึ่งการพัฒนาinternetนี้มีผลกระทบต่อชีวิตในอนาคตเราเป็นอย่างมาก

-วิวัฒนาการ5 ยุคของการศึกษาทางไกล

1 การเรียนทางไปรษณีย์

2 ยุคของดาวเทียม รายการวิทยุ

3 เป็นวิดีโอเทป

4 ผ่านเวปหรือ internet

5 ใช้เทคโนโลยีทุกประเภทของinternet

"E-learning - anyone anytime anywhere" คำนี้ฮิตมาก

-องค์ประกอบที่สำคัญของ WBI

เนื้อหา

การสอบวัดผลการเรียน(ไม่ดูเฉพาะผลการเรียน แต่ดูเรื่องของกระบวนการเรียนรู้ด้วย)

ระบบบริหารการเรียน(blackboard, moodle)

การติดต่อสื่อสาร

-แนวทางการนำweb2.0ไปใช้

อ.เอกวิชาภาษาอังกฤษเคยใช้ เว็บ vastro เป็นเครื่องมือในการสอนคือให้นิสิตอัดเสียงของคนเองขึ้นเผยแพร่ในเว็บแล้วใหเดพื่อนๆมา comment เสียง โดยตอบกลับด้วยเสียง

สิ่งที่ต้องเตรียมมา
-ศึกษาเรื่องWBI เพิ่มเติม

ข้อเสนอแนะ
-เนื้อหาในคาบนี้สำคัญแต่ยังจำได้ไม่หมด อาจจะเป็นเพราะจำนวนของเนื้อหาด้วย