สิ่งที่ได้เรียนรู้
CMS : Content Management System
-ระบบที่นำมาช่วยสร้างและบรืหารเว็บไซต์แบบสำเร็จรูป
-ผู้ใช้งานแทบไม่ต้องมีความรู้ในด้านการเขียนโปรแกรม
- ประกอบไปด้วยระบบย่อยๆ
เช่น ระบบจัดการบทความและข่าวสาร
ระบบจัดการสมาชิก
ระบบสืบค้นข้อมูล
ระบบจัดการไฟล์ดาวน์โหลด
wordpress เป็นโปรแกรมที่ช่วยสร้างบล๊อก
หน่วยงานที่ใช้ wordpress ได้แก่ CNN
google site ไม่สามารถเลือกเทมเพล็ตเองได้
mambo คล้ายกับ joomla แต่ปัจจุบันนิยมน้อยลง
Joomla เป็นโปรแกรมช่วยสร้างบล็อกที่เป็นที่นิยมมาก จะเห็นได้จากwebsite สวยๆ
โดยส่วนมากมักจะทำจาก joomla เพราะมีลักษณะเทมเพลตที่สวยงาม
และสามารถเพิ่มเติมฟังก์ชันที่ต้องการได้
LMS : Learning Management System
-ระบบที่นำเสนอความรู้ จัดเก็บข้อมูลเพื่อติดตามสิ่งต่างๆที่เกิดขึ้น โดยสนับสนุน
การจัดการเรียนการสอนอีเลิร์นนิ่ง
เช่น การสร้างบทเรียน การสร้างกิจกรรมออนไลน์
การสร้างแบบทดสอบออนไลน์
การสร้างประเมินออนไลน์
การตรวจสอบเวลาเรียน
ตัวอย่าง LMS
- Blackboard มีลิขสิทธิ์ ต้องซื้อ
- moodle
- sakai project
- Atutor
JOOMLA
สิ่งที่จะต้องค้นคว้า/เพิ่มเติมครั้งหน้า
- present webquest
- ทบทวนบทเรียน joomla
ข้อคิดเห็นอื่นๆ
- น่าจะ present webquest วันนี้คะ
Sunday, January 3, 2010
Tuesday, December 15, 2009
Learning Log Week 6
สิ่งที่ได้เรียนรู้
- วันนี้ได้นำงานที่ได้ทำมาไป Present อาจารย์
- ได้รับข้อปรับปรุง เช่น Banner มีขนาดไหนเกินไป
- แก้ไข ภาระงาน กระบวนการ
- ระหว่างที่รอ present ได้เห็นการทำงานของเพื่อนๆกลุ่มอื่นๆ ทำให้รู้สึกว่าตัวเองต้องแอคทีฟมากขึ้นค่ะ
สิ่งที่จะต้องค้นคว้า/เตรียมมาครั้งหน้า
- webquest ที่สมบูรณ์
ข้อคิดเห็นอื่นๆ
- ชอบวิธีการ present คะ ที่ไม่บังคับให้ดู present ของเพื่อน คือถ้าอยากดูก้อดูได้ คนที่ไม่ได้ดูจะได้พัฒนางานของตัวเองไปด้วยน่ะคะ
- วันนี้ได้นำงานที่ได้ทำมาไป Present อาจารย์
- ได้รับข้อปรับปรุง เช่น Banner มีขนาดไหนเกินไป
- แก้ไข ภาระงาน กระบวนการ
- ระหว่างที่รอ present ได้เห็นการทำงานของเพื่อนๆกลุ่มอื่นๆ ทำให้รู้สึกว่าตัวเองต้องแอคทีฟมากขึ้นค่ะ
สิ่งที่จะต้องค้นคว้า/เตรียมมาครั้งหน้า
- webquest ที่สมบูรณ์
ข้อคิดเห็นอื่นๆ
- ชอบวิธีการ present คะ ที่ไม่บังคับให้ดู present ของเพื่อน คือถ้าอยากดูก้อดูได้ คนที่ไม่ได้ดูจะได้พัฒนางานของตัวเองไปด้วยน่ะคะ
Sunday, November 29, 2009
Learning Log Week 05
สิ่งที่ได้เรียนรู้
- ทบทวน programe imageready การสร้างภาพเคลื่อนไหว
- เรียนรู้ programe macromedia dreamweaver
1. สามารถตั้งค่าไซต์ ภาษา ได้
2. สามารถแทรกและแก้ไขตารางได้
3. สามารถแทรกรูปภาพได้
4. สามารถสร้าง template ไว้ใช้และ share กับผู้อื่นได้
5. การใช้ rollover button
6. การใส่ java script
สิ่งที่จะค้นคว้าเพิ่มเติม/เตรียมมาครั้งหน้า
- เทคนิคการใช้เครื่องมืออื่นๆ
- เตรียมร่าง project สิ่งที่จะนำไปใส่ใน template
ข้อคิดเห็น
- ตัวอย่างเทคนิค อาจารย์น่าจะเพิ่มให้อีกสัก 1 ตัวอย่างน่ะคะ กำลังติดใจเลย >_<
- ทบทวน programe imageready การสร้างภาพเคลื่อนไหว
- เรียนรู้ programe macromedia dreamweaver
1. สามารถตั้งค่าไซต์ ภาษา ได้
2. สามารถแทรกและแก้ไขตารางได้
3. สามารถแทรกรูปภาพได้
4. สามารถสร้าง template ไว้ใช้และ share กับผู้อื่นได้
5. การใช้ rollover button
6. การใส่ java script
สิ่งที่จะค้นคว้าเพิ่มเติม/เตรียมมาครั้งหน้า
- เทคนิคการใช้เครื่องมืออื่นๆ
- เตรียมร่าง project สิ่งที่จะนำไปใส่ใน template
ข้อคิดเห็น
- ตัวอย่างเทคนิค อาจารย์น่าจะเพิ่มให้อีกสัก 1 ตัวอย่างน่ะคะ กำลังติดใจเลย >_<
Monday, November 23, 2009
Learning Log Week 4

สิ่งที่ได้เรียนรู้
(เนื่องจากไม่ได้เข้าเรียน ทำให้ไม่ทราบในส่วนของการ present webquest คะ)
- project ทำงานคู่กับวรารักค่ะ ซึ่งได้ตกลงกันเรื่องหัวข้อเรียบร้อยแล้ว
- การใช้ adobe photoshop, image ready ในการพัฒนาเว็บไซต์ถือว่าเป็นส่วนหลัก เพราะการผลิต webquest นั้นนอกจากจะมีความรู้ ทักษะ กระบวนการต่างๆแล้ว การทำให้ webquest ดูน่าสนใจก็เป็นสิ่งหนึ่งที่ควรจะทำ โดยที่ Photoshop จะช่วยตกแต่งรูปภาพ โครงสร้าง หรือเทมเพลต์ทั้งหมดที่เราต้องการ ส่วน image ready เป็นโปรแกรมช่วยสร้างแอนิเมชั่นอย่างง่าย
สิ่งที่จะต้องค้นคว้าเพิ่มเติม/ที่เตรียมมาครั้งหน้า
- เตรียมเนื้อหางานกลุ่มที่ได้แบ่งกับเพื่อนร่วมกลุ่มไว้
- ศึกษา image ready
ข้อคิดเห็นอื่นๆ
- โปรแกรม image ready เป็นโปรแกรมง่ายๆที่น่าสนใจมากคะ ชอบมากเลย
Sunday, November 15, 2009
Learning Log week 03
สิ่งที่ได้เรียนรู้
ADDIE & Gagne
ADDIE
A - Analysis คือการวิเคราห์วัตถุประสงค์ของบทเรียน ผู้เรียน
พื้นฐานของผู้เรียน เนื้อหา แหล่งความรู้ และสื่อที่เหมาะสม
D - Design คือการกำหนดโครงสร้าง แผน ขั้นตอนการดำเนินงาน และการประเมินอย่างเป็นระบบ
เพื่อให้สอดคล้องกับวัตถุประสงค์ของบทเรียน พื้นฐานของผู้เรียนและเนื้อหา
D - Develope คือการสร้างบทเรียนโดยเริ่มจากการกำหนดแผนการดำเนินงานผลิตอย่างเป็นขั้นตอน
ด้วยการเขียน storyboard โดยระบุเนื้อหา รูปแบบที่จะใช้ เพื่อตอบสนองวัตถุประสงค์
ของบทเรียนและการประเมินบทเรียนอย่างเป็นระบบ
I - Implement คือการนำบทเรียนที่สร้างเสร็จไปใช้งานจริง
E - Evaluation การวัดผลและการประเมิน จะต้องทำอย่างมีระบบโดยวัดที่คุณภาพและประสิทธิภาพของ
ขั้นตอนการออกแบบบทเรียน โดยการประเมิน จะแบ่งออกเป็น 2 ส่วน คือ
การประเมินระหว่างการพัฒนา และการประเมินผลเมื่อพัฒนาบทเรียนเรียบร้อยแล้ว
Gagne
Gain attention - การใช้ภาพ สี เสียง แอนิเมชั่น อาจจะใช้ในส่วน homepage
Inform learners objective - การใช้ homepage หรือ announcement ในการนำเสนอวัตถุประสงค์แก่
ผู้เรียน รวมทั้งขั้นตอนกิจกรรมการเรียนรู้
Stimulate recall of prior leraning - การใช้ discussion board หรือ chatroom
Present the content - การนำเสนอเนื้อหา เช่น ppt slide, pdf, flash movie, video clip
Provide learning guidance - การแนะนำกิจกรรมการเรียนรู้โดยระบุอย่างละเอียด
Elicit performance - กิจกรรมการสอนโดยใช้เว็บช่วย อาจทำเป็นกลุ่ม และส่งงานกลุ่มผ่าน
discussion board หรือ e-mail
Provide feedback - การให้ feedback ตอบกลับผู้เรียน
Assess performance - การประเมินผล โดยอาจตรวจสอบการเข้าร่วมกิจกรรมระหว่างเรียน
และการใช้ rubric
Enchance retention & transfer to the job - มีการทบทวนการเสนอแนะ การนำไปใช้ต่อไปทั้งเนื้อหาในบทต่อไป หรือมีการเชื่อมโยงข้อมูลนั้นๆ เพื่อให้ผู้เรียนเห็นเป็นตัวอย่าง
Site structure
1. แบบเรียงลำดับ
2. แบบระดับชั้น
3. แบบเรียงลำดับ ผสม แบบระดับชั้น
Page site structure
1. ความเรียบง่าย
2. ความสม่ำเสมอ
3. สีโทนร้อน
4. สีโทนเย็น
5. สีโทนกลาง
เลือกใช้สีได้จาก http://kuler.adobe.com
การออกแบบระบบนำทาง
1. เข้าถึงง่าย
2. สื่อความหมายชัดเจน
3. สม่ำเสมอ
4. ตอบสนองผู้ใช้
5. มีจำนวนรายการพอเหมาะ
6. มีลิงค์กลับไปโฮมเพจได้
สามารถใช้ Macromedia Dreamweaver และ Adobe Photoshop
สิ่งที่ต้องเตรียมมา
- เนื้อหาที่จะนำมาใส่ใน web
- PPT present ในสัปดาห์หน้า
ข้อเสนอแนะ
- อยากให้งานเป็นงานคู่คะ
ADDIE & Gagne
ADDIE
A - Analysis คือการวิเคราห์วัตถุประสงค์ของบทเรียน ผู้เรียน
พื้นฐานของผู้เรียน เนื้อหา แหล่งความรู้ และสื่อที่เหมาะสม
D - Design คือการกำหนดโครงสร้าง แผน ขั้นตอนการดำเนินงาน และการประเมินอย่างเป็นระบบ
เพื่อให้สอดคล้องกับวัตถุประสงค์ของบทเรียน พื้นฐานของผู้เรียนและเนื้อหา
D - Develope คือการสร้างบทเรียนโดยเริ่มจากการกำหนดแผนการดำเนินงานผลิตอย่างเป็นขั้นตอน
ด้วยการเขียน storyboard โดยระบุเนื้อหา รูปแบบที่จะใช้ เพื่อตอบสนองวัตถุประสงค์
ของบทเรียนและการประเมินบทเรียนอย่างเป็นระบบ
I - Implement คือการนำบทเรียนที่สร้างเสร็จไปใช้งานจริง
E - Evaluation การวัดผลและการประเมิน จะต้องทำอย่างมีระบบโดยวัดที่คุณภาพและประสิทธิภาพของ
ขั้นตอนการออกแบบบทเรียน โดยการประเมิน จะแบ่งออกเป็น 2 ส่วน คือ
การประเมินระหว่างการพัฒนา และการประเมินผลเมื่อพัฒนาบทเรียนเรียบร้อยแล้ว
Gagne
Gain attention - การใช้ภาพ สี เสียง แอนิเมชั่น อาจจะใช้ในส่วน homepage
Inform learners objective - การใช้ homepage หรือ announcement ในการนำเสนอวัตถุประสงค์แก่
ผู้เรียน รวมทั้งขั้นตอนกิจกรรมการเรียนรู้
Stimulate recall of prior leraning - การใช้ discussion board หรือ chatroom
Present the content - การนำเสนอเนื้อหา เช่น ppt slide, pdf, flash movie, video clip
Provide learning guidance - การแนะนำกิจกรรมการเรียนรู้โดยระบุอย่างละเอียด
Elicit performance - กิจกรรมการสอนโดยใช้เว็บช่วย อาจทำเป็นกลุ่ม และส่งงานกลุ่มผ่าน
discussion board หรือ e-mail
Provide feedback - การให้ feedback ตอบกลับผู้เรียน
Assess performance - การประเมินผล โดยอาจตรวจสอบการเข้าร่วมกิจกรรมระหว่างเรียน
และการใช้ rubric
Enchance retention & transfer to the job - มีการทบทวนการเสนอแนะ การนำไปใช้ต่อไปทั้งเนื้อหาในบทต่อไป หรือมีการเชื่อมโยงข้อมูลนั้นๆ เพื่อให้ผู้เรียนเห็นเป็นตัวอย่าง
Site structure
1. แบบเรียงลำดับ
2. แบบระดับชั้น
3. แบบเรียงลำดับ ผสม แบบระดับชั้น
Page site structure
1. ความเรียบง่าย
2. ความสม่ำเสมอ
3. สีโทนร้อน
4. สีโทนเย็น
5. สีโทนกลาง
เลือกใช้สีได้จาก http://kuler.adobe.com
การออกแบบระบบนำทาง
1. เข้าถึงง่าย
2. สื่อความหมายชัดเจน
3. สม่ำเสมอ
4. ตอบสนองผู้ใช้
5. มีจำนวนรายการพอเหมาะ
6. มีลิงค์กลับไปโฮมเพจได้
สามารถใช้ Macromedia Dreamweaver และ Adobe Photoshop
สิ่งที่ต้องเตรียมมา
- เนื้อหาที่จะนำมาใส่ใน web
- PPT present ในสัปดาห์หน้า
ข้อเสนอแนะ
- อยากให้งานเป็นงานคู่คะ
Sunday, November 8, 2009
Learning Log week 2
ตัวอย่าง webquest


สิ่งที่ได้เรียนรู้
1. webquest เป็นนวัตกรรมการจัดกิจกรรมที่ให้ผู้เรียนใช้ข้อมูลออนไลน์ในการเรียนรู้แบบสืบสอบ เน้นที่กิจกรรมส่งเสริมทักษะการค้นคว้า การคิดวิเคราะห์ สังเคราะห์ และประเมินผล ซึ่งช่วยสนับสนุนผู้เรียนให้คิดเป็นทำเป็น และยังช่วยส่งเสริมการเรียนตลอดชีวิต
โดยประกอบไปด้วย 5 ขั้นตอน คือ
1)การนำเข้าสู้บทเรียน
2)ภาระงานที่ได้รับมอบหมาย
3)กระบวนการทำงาน แหล่งอ้างอิงการ้รียนรู้
4)การประเมินผล
5)บทสรุป
กระบวนการหลักของ webquest
1. ส่วนนำเข้า
2. การแปลงสาร
3. ส่วนนำออก
บทนำ - ที่มาของกิจกรรมการเรียนรู้ เป็นส่วนที่กระตุ้นให้ผู้เรียนเกิดการเรียนรู้
ภาระงาน - บอกผลลัพธ์ที่นักเรียนต้องจัดทำเมื่อจบกิจกรรม
กระบวนการ - รายละเอียดขั้นตอนต่างๆ ที่ผู้เรียนต้องดำเนินการ ควรจะเขียนเป็นข้อๆ ผู้เรียนจะได้เรียนจากแหล่งข้อมูลที่เราจัดไว้ให้
การประเมินผล - แสดงเกณฑ์ตัดสินและความหมายของคะแนนให้นักเรียนทราบโดยใช้รูบริคในการประเมิน
สรุป - สรุปให้นักเรียนทราบถึงความสำตัญและคุณค่าของเนื้อหากิจกรรมนั้นๆ เน้นที่เมื่อจบกิจกรรมนั้นๆ แล้วนักเรียนจะได้เรียนรู้อะไร รวมทั้งอาจทิ้งคำถามที่จะกระตุ้นให้นักเรียนนำสิ่งที่เรียนรู้ไปต่อยอด
แหล่งอ้างอิง - ส่วนนี้ผู้พัฒนาจะแสดงให้ทราบถึงข้อมูลเกี่ยวกับแหล่งอ้างอิงต่างๆ เช่น แหล่งของรูปภาพ เพลง เอกสาร
ประโยชน์ที่ได้รับเพื่อนำไปพัฒนาบทเรียน WebQuest
- ได้ทราบถึงลักษณะของ webquest
- ได้ทราบถึงองค์ประกอบของ webquest ว่าจะต้องมีส่วนของ บทนำ ภาระงาน กระบวนการ ...
- ได้เห็นตัวอย่าง webquest จากที่ตนเองได้หามา และจากการที่เพื่อนๆได้หามา
web 2.o
ลักษณะเด่นของ web 2.0 จะเห็นได้ชัดว่ามีการพัฒนาและการโต้ตอบระหว่างผู้ให้บริการ และผู้ใช้งาน แทนที่จากระบบเว็บแบบเก่า ที่เป็นลักษณะของการให้บริการอ่านอย่างเดียว โดยรวมไปถึงการรวดเร็ว และการง่ายดายของการส่งข้อมูล แทนที่แบบเก่าที่ต้องจัดการผ่านเซิร์ฟเวอร์ ซึ่งบล็อกและเว็บที่ให้บริการอัปโหลดภาพถูกนำมาใช้เป็นตัวอย่างของ Web 2.0 ที่ให้เห็นได้ทั่วไป ที่มีการให้บริการแสดงความคิดเห็น รวมถึงการใช้งานที่ง่าย
ชื่อเรื่อง : How to Photoshop
ANALYSE: กลุ่มเป้าหมาย --> นักเรียนมัธยมปลาย
วัตถุประสงค์ของบทเรียน --> เพื่อให้ผู้เรียนสามารถตกแต่งภาพได้ด้วยโปรแกรม photoshop
DESIGN:
บทนำ -> นำภาพ 2 ภาพ คือภาพที่ก่อนแต่งด้วยโปรแกรม photoshop และหลังจากแต่งด้วย photoshop มาเปรียบเทียบให้เห็น และเชิญชวน ให้มาเรียนการแต่งภาพด้วยโปรแกรม photoshop
ภาระงาน -> ภาระงานที่ 1 สามารถตกแต่งรูปภาพได้ ตามภาพต้นแบบ
ภาระงานที่ 2 สามารถซ้อนภาพหลายๆภาพ ไว้ในภาพเดียวกันได้
กระบวนการ ->
- สอนถึงการใช้เครื่องมือต่างๆในโปรแกรม
- การเรียกไฟล์รูปภาพเข้ามาในโปรแกรม
- การใส่สี effect ที่เหมาะสม
- นามสกุลของภาพ
การประเมินผล -> ประเมินโดยใช้ rebric
สรุป -> สรุปเนื้อหาทั้งหมด
แหล่งอ้างอิง -> รูปภาพที่นำมาให้นักเรียนปฏิบัติในภาระงาน
สิ่งที่จะนำมาภายในอาทิตย์หน้า
- ข้อมูลเกี่ยวกับ photoshop ที่จะนำมาใช้เขียนลง storyboard
- ศึกษาวิธีการเขียน storyboard
ข้อคิดเห็นอื่นๆ
- อยากให้อาจารย์สั่งงานเลยอ่ะคะ เพราะว่าทุกวิชาจะสั่งงานพร้อมๆกัน ทำไม่ทันคะ
- อยากถามอาจารย์ว่า งานนี้เป็นกลุ่ม หรือเดี่ยวคะ
Monday, November 2, 2009
Learning Log Week 1

Learning Log Week 1 (02/11/52)
- สิ่งที่ได้เรียนรู้
What is web-based instruction?
- วิว้ฒนาการ 5 ยุค ของการศึกษาทางไกล
1)ยุคเรียนทางไปรษณีย์ 2)เรียนผ่านสื่อวิทยุและโทรทัศน์
3)วิดีโอเทป การกระจายเสียง ดาวเทียม 4)ผ่านเว็บหรืออินเทอร์เน็ต 5)เทคโนโลยีทุกประเภทของอินเทอร์เน็ต
- E-leraning คือการศึกษาทางไกลผ่านทางสื่ออิเล็กทรอนิคส์
- E-leraning ทำให้ประหยัดค่าใช้จ่าย สามารถเรียนได้ทุกที ทุกเวลา เน้นผู้เรียนเป็นศูนย์กลาง และขยายโอกาสทางการศึกษา
The Core element & current Trend
- องค์ประกอบของ WBI (การวัดผลการเรียน, เนื้อหาของบทเรียน, ระบบบริหารการเรียน, การติดต่อสื่อสาร)
- สิ่งที่จะต้องค้นคว้าเพิ่มเติม/ต้องเตรียมมาครั้งหน้า
ศึกษาค้นคว้าเพิ่มเติม เกี่ยวกับ web 2.0 ว่าสามารถทำอะไรได้บ้าง และจะลองใช้งาน web 2.0
- ข้อคิดเห็นอื่นๆ
ชอบให้อาจารย์สอนสดมากกว่าคะ เพราะดึงดูดความสนใจได้มากกว่าบทเรียนออนไลน์
Subscribe to:
Comments (Atom)
