Learning Log Week 05 [301109]

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

-ได้เรียนรู้การทำภาพ แอนิเมชั่นจากโปรแกรม Image ready

-ได้เรียนรู้การทำเวปไซต์ด้วยโปรแกรม Dreamweaver

การตั้งค่า Site

ก่อนสร้างเว็บต้องตั้งค่าเพื่อให้ไฟล์รวมอยู่ในที่เดียว>> Server Technology เลือก no เพราะจะสร้าง HTML >> เลือกโฟลเดอร์ที่จะเก็บข้อมูลทั้งหมดจากทีได้สร้างไว้แล้ว หรือสร้างใหม่ก็ได้ >> Remote Server เลือก none เสร็จสิ้นการตั้งค่า

การตั้งค่าภาษา

เลือก Page properties >>เลือก Title/Encoding >> เปลี่ยนEncoding เป็น Unicode (UTF-8)

การสร้างตาราง

เลือก insert >> table >> 2 Rows 2 Columns ปรับหน่วยเป็น pixel ตารางจะคงที่ ปรับหน่วยเป็น percent ตารางปรับตามหน้าจอ โดยให้ Border thickness เป็น 0 จะได้ไม่มีขอบ >> คลิกที่ช่องล่างขวา แทรกอีก 7 Rows 1 Column แล้วปรับขนาด

สิ่งที่ต้องค้นคว้าเพิ่มเติม

- ศึกษา Dreamweaver เพิ่มเติม แล้วนำมาประยุกต์ใช้ใน งานคู่ WebQuest

- สืบค้นเวบไซต์ที่ให้ความรู้ในเรื่องของการแต่งเวบแล้วโพสใน Project1

ข้อเสนอแนะ

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

Learning Log Week 04 [231109]

Learning Log Week 04 [231109]

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

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

สิ่งที่ต้องค้นคว้าเพิ่มเติม
- ปรับปรุง WebQuest งานคู่

ข้อเสนอแนะ
-เมื่อวานหนูไม่สบายเลยไม่ได้มา แต่ได้ให้เพื่อนอธิบายเนื้อหาคร่าวๆให้ฟังค่ะ

Learning Log Week 03 [161109]

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

ADDIE 's ISD Model การออกแบบการเรียนการสอนอย่างเป็นระบบ

Analyze - การวิเคราะห์

1. Goal ,, วิเคราะห์วัตถุประสงค์บทเรียน วัตถุประสงค์เว็บไซต์

2. Audience ,,กลุ่มเป้าหมาย

3. Environment ,, สภาพแวดล้อม hardware software

Design -การออกแบบ

1. Site Structure ,, โครงสร้างเว็บไซต์

2. Story Board ,, แผนการดำเนินงาน

3. Interface Design ,, แต่ละหน้าจะเป็นอย่างไร

Rapid Prototype การออกแบบภาพรวมคร่าวๆก่อนนำไปพัฒนาจริงเพื่อให้ได้เห็นภาพต้นแบบสามารถปรับแก้ได้

Devolope-การพัฒนา เชื่อมต่อกับ Rapid Prototype

1. Tools ,, Software กราฟฟิก เสียง vdo ฯลฯ

2. Teams ,, ทีมออกแบบเวป ทีมกราฟฟิก ทีมรวบรวม และจัดเรียงเนื้อหา ทีมตัดต่อ VDO ทีมพัฒนาเว็บ ทีมโปรแกรมเมอร์ ฯลฯ

Implement -การนำไปใช้

1. Pilots ,, การนำไปทดลองใช้ กับกลุ่มเป้าหมาย หรือผู้สอน ผู้เชี่ยวชาญ

2. Rollout Plans ,, การนำมาปรับแก้ก่อนนำไปใช้

Evaluate - การประเมินผล

1. SMEs ,, มองด้านเนื้อหา ผู้เชี่ยวชาญ ตรวจสอบบทเรียน

2. Audience ,, ประเมินผลว่ากลุ่มเป้าหมายว่าใช้ เข้าใจ มีข้อสงสัยหรือไม่

Gange's

1.Gain attention ใช้ภาพสี เสียง แอนิเมชัน เพื่อดึงความสนใจจากผู้เรียน
2.Inform learner objective แจ้งให้ทราบถึงวัตถุประสงค์ ใช้หน้าแรกในการนำเสนอวัตถุประสงค์
3.Stimulate recall of prior learning กระตุ้นความรู้เดิม เพื่อเชี่อมโยงความรู้ใหม่ ใช้ถามตอบ real time chatroom post คำถามไว้ให้ตอบ pretest
4.Present the content นำเสนอเนื้อหา รูปแบบสไลด์ e-document flash movie สรุปเนื้อหาเฉพาะคอนเซปท์ vdo clip CAI
5.Provide learning guidance ให้คำแนะนำระหว่างกาเรียน โพสต์FAQ Help post คำถามไว้
6.Elicit performance ตรวจสอบดู จากพฤติกรรม แบบฝึกหัด ควิซ ให้งานกลุ่ม ให้ผู้เรียนส่งงานผ่านcommunication tools
7.Provide feedback ให้ข้อเสนอแนะผู้เรียน ผู้สอนเสนอแนะประเด็นต่างผ่านทาง communication tool ได้ feedback ว่าถูกหรือผิด
8.Assess performance ประเมินผล ว่าได้เรียนรู้ตามวัตถุประสงค์ที่ตั้งไว้ไหม บนเว็บตรวจสอบโดยการเช็คว่าผู้เรียนเข้ามาเรียนกี่ครั้ง เสนอความคิดเห็นกี่ครั้ง ทำงานกลุ่ม ส่งเป็นชิ้นงาน
9.Enhance retention and transfer to the job เพิ่มเติม ทบทวน และการนำไปใช้ต่อ เชื่อมโยงกับโจทย์ case study สื่อสารผ่าน discussion board เป็นการบ้าน

หลักการในการออกแบบ WBI

เนื้อหา
- กำหนดวัตถุประสงค์
- เลือกใช้สี
- การใช้หัวข้อใหญ่ ย่อย
- ใช้ถ้อยคำ ง่าย สั้น กระชับ
- ใช้สื่อประสมต่างๆ ดึงดูดความสนใจ
- ใช้ตารางเพื่อให้เห็นเป็นรูปธรรม

กิจกรรม

- แบบประสานเวลา chat เสียง
- ไม่ประสานเวลา blog email board
- แบบร่วมมือ ใช้ทั้งสองแบบประสมกัน

Site Structure Analyze การวิเคราะห์วัตถุประสงค์ของเว็บไซต์ กลุ่มผู้ชม/กลุ่มเป้าหมาย เนื้อหา และศึกษาแหล่งข้อมูลต่างๆ

Design

1. การเขียนsite structure สำคัญที่สุด กำหนดแผนผัง การจัดวางตำแหน่งwebpageทั้งหมด ช่วยให้ไม่สับสน จัดตามกลุ่มเนื้อหา/ กลุ่มผู้ชม

2. การเขียน storyboard

3. การออกแบบหน้าเว็บ page design

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

1. Page header ส่วนบนสุด ใส่ชื่อเว็บ หรือผู้ให้การสนับสนุน เป็นส่วนที่ผู้ใช้จะมองมากที่สุด

2. Navigation Bar ส่วนที่เชื่อมโยงไปยัง webpage ต่างของเว็บ

3. Page body ใส่เนื้อหาหลัก มีตัวนำทางย่อยๆ นิยมอยู่ด้านขวา

4. Page footer ใส่ชื่อหน่วยงาน ชื่อทำ banner ผู้ให้การสนับสนุน

หลักการออกแบบ

1. ความเรียบง่าย ให้มีแต่องค์ประกอบหลักๆ

2. ความสม่ำเสมอ แต่ละหน้าไม่มีความแตกต่างกันมากเกินไป

3. การใช้สี โทนร้อน-เย็น ช่วยสร้างความพึงพอใช้ให้ผู้ใช้ มีอิทธิพลในการกระตุ้นอารมณ์ ที่ต่างกัน

สีโทนเย็น รู้สึกสงบ ความสุภาพ อ่อนโยน

สีโทนร้อน ตื่นเต้น รุนแรง ช่วยให้หายจากความเฉื่อยชา

สีโทนกลาง ขาว ดำ เทา น้ำตาล

การออกแบบระบบนำทาง ช่วยให้เข้าถึงข้อมูลได้รวดเร็ว และไม่หลงทาง

เครื่องนำทาง ประกอบด้วย เมนูหลัก ปรากฏอยู่บนเว็บเพจทุกหน้า เมนูเฉพาะลุ่ม

เครื่องมือเสริม ช่องค้นหน้า แผนที่เว็บ

ระบบนำทางที่ดี

- เข้าถึงได้ง่าย

- สื่อความหมายดี

- มีความสม่ำเสมอ มีระบบ

- มีการตอบสนองเมื่อใช้งาน

- จำนวนรายการที่พอเหมาะ

- มีทางเลือกหลากหลาย

- มีลิงค์ให้กลับโฮมเพจเสมอ

สิ่งที่ต้องค้นคว้าเพิ่มเติม

- ทำ MS Powerpoint เพื่อนำเสนอในครั้งหน้าค่ะ

ข้อเสนอแนะ

- เนื้อหาเยอะมากจิงๆค่ะอาจารย์ ตอนเรียนก้อเหม็นยากันยุงมากๆด้วย

Learning Log Week 02 [091109]

Learning Log Week 02 [091109]

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

- ได้ทบทวนบทเรียนครั้งที่แล้วว่าเรียนอะไรไปบ้างโดยธนพจน์ ได้มาสรุปคร่าวๆให้ฟังเกี่ยวกับเรื่องวิวัฒนาการของอินเตอร์เนตและ องค์ประกอบของ web 2.0

WebQuest

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

หัวใจสำคัญ 3 กระบวนการของ WebQuest

Input นำเข้าข้อมูล -----> Transformation การแปลงสาร ----->Output ส่วนนำออก

WebQuest ประกอบด้วย 5 ขั้นตอนดังนี้

1.บทนำ เป็นการกล่าวถึงที่มาของบทเรียน

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

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

4.การประเมินผล เป็นการแสดงเกณฑ์การตัดสินให้นักเรียนทราบ ซึ่งหากเป็นการประเมินแบบรูบริคก็ต้องตรงกับจำนวนหัวข้อของภาระงานที่ได้รับมอบหมาย

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

สรุปWebQuest

*เป็นโครงสร้างของการเรียนรู้ โดยผู้สอนมีการออกแบบ กิจกรรมล่วงหน้าแล้วทำหน้าที่ช่วยให้คำแนะนำแก่ผู้เรียน

*เป็นการอาศัยการเชื่อมโยงกับแหล่งทรัพยากรที่จำเป็นบนเวป

*การประเมินตามสภาพจริงมีภารกิจชัดเจน กระตุ้นให้ผู้เรียนใช้วิธีการสืบสอบ

*การใช้คำถามเปิดทำให้ผู้เรียนได้นำความรู้ไปต่อยอด

*ผู้เรียนแต่ละคนเมื่อได้เข้าไปอยู่ในกลุ่มจเกิดความเชี่ยวชาญว่าตนถนัดด้านใด

*ปลุกเร้าให้ผู้เรียนเห็นความสำคัญของแนวคิดควบคู่ไปกับความเป็นจริงส่งเสริมอภิปัญญา ตระหนักรู้ในตนเองแล้วนำไปพัฒนาต่อไป

ประโยชน์ที่ได้รับจากการศึกษา WebQuest

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

Web 2.0

- ได้เรียนรู้เรื่อง Web 2.0 เพิ่มเติมจากเวปของพี่ TA เป็นเวปที่ดีมากๆ เนื้อหาเป็นระเบียบน่าอ่านและยังให้ความรู้มากมาย เช่น

เครื่องมือของ web2.0 ประกอบด้วย 4 กลุ่ม ได้แก่

1.Web application tools - เครื่องมือสนับสนุนการทำงานบนเว็บ เช่น Blog ,feed , Widgets เป็นต้น

2.Communication tools - เครื่องมือสำหรับติดต่อสื่อสาร เช่น Chat,Skype,Podcast เป็นต้น

3.Community tools - เครื่องมือส่งเสริมการเป็นชุมชนออนไลน์ เช่น Webboard,Wiki เป็นต้น

4.File sharing tools - เครื่องมือที่ช่วยในการแบ่งปันข้อมูล เช่น Youtube เป็นต้น

นอกจากนี้ยังมีเนื้อหาที่น่าสนใจคือลักษณะการออกแบบ Web2.0 และ 15 อันดับ Web 2.0ยอดนิยมอีกด้วย ซึ่งโดยส่วนใหญ่เป็นเวปใช้ที่ข้าพเจ้าเข้าไปใช้บ่อยๆเพียงแต่ ไม่เคยรู้ว่าแบบนี้เรียกว่า Web 2.0 แต่ตอนนี้เหมือนได้เปิดโลกทัศน์ใหม่ๆ

My WebQuest

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

ชื่อเรื่อง : Au Restaurant

Analyse :

- กลุ่มเป้าหมาย // นักเรียนชั้นมัธยมศึกษาตอนปลาย และผู้ที่สนใจภาษาฝรั่งเศส

- วัตถุประสงค์ของบทเรียน ให้ผู้เรียนได้เรียนรู้คำศัพท์ภาษาฝรั่งเศสในหมวดอาหาร เพื่อในไปใช้ในชีวิตจริง

Design:

1. ขั้นนำ : กระตุ้นความสนใจจากผู้เรียนด้วยการใส่ คลิปวิดีโอการรับประทานอาหารในประเทศฝรั่งเศส แล้วให้นักเรียน จินตนาการว่าหากได้เดินทางไปร้านอาหารในประเทศฝรั่งเศสจะปฏิบัติตนอย่างไร

2. ภาระงาน : งานชิ้นนี้เป็นงานกลุ่ม 5 คน

-ให้ผู้เรียนแบ่งหน้าที่กันทำงานโดยให้สามคนแรกเป็นคนค้นหาข้อมูล อีกสองคนเป็นคนจดบันทึกข้อมูล และครวจทานคำศัพท์ และหลักแกรมมาร์

-หลังจากนั้นทุกคนมาแลกเปลี่ยนข้อมูล

-ให้จัดทำคลิปวิดีโอจำลองสถานการณ์ว่าอยู่ในร้านอาหารฝรั่งเศส ความยาว ไม่ต่ำกว่า 5 นาที

-สรุปคำศัพท์และบทสนทนาที่สำคัญลงบน Ms powerpoint พร้อมทั้งนำเสนอหน้าชั้นเรียน

3.กระบวนการทำงาน

- ในคลิปวีดิโอจะต้องประกอบไปด้วย ฉากในการจำลองสถานการณ์ถึงความเป็นร้านอาหารฝรั่งเศส

- บุคคลในการแสดง ประกอบไปด้วย พนักงานเสิร์ฟและลูกค้า

-มีบทสนทนาไม่ต่ำกว่า 30 ประโยค

-MS powerpoint ประกอบไปด้วยรูปภาพอาหารขึ้นชื่อประจำแคว้น คำศัพท์ในหมวดการรับประทานอาหาร และบทสนทนาที่จำเป็นในร้านอาหาร

4. สรุป : สรุปตัวอย่างบทสนทนาที่ใช้ในการรับปประทานอาหารให้นักเรียนเข้าใจตรงกัน

5. แหล่งอ้างอิง : เวปไซต์ข้อมูลร้านอาหารของประเทศฝรั่งเศส และ คลิปวิดีโอการสนทนา

สิ่งที่ต้องค้นคว้าเพิ่มเติม

- ศึกษาเพิ่มเติมเรื่องเวป 2.0 และเวปเควสเพื่อที่จะมาเขียน Structure และ Storyboard

ข้อเสนอแนะ

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

Learning Log - Week 1

Learning Log Week 01 [021109]

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


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

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

-ได้เรียนรู้ถึงองค์ประกอบของ WBI [Web-Based Instruction]การเรียนการสอนผ่านเวป ได้แก่
เนื่อหา การติดต่อสื่อสาร ระบบการบริหารการเรียน และ การทดสอบความรู้ของผุ้เรียนทั้งก่อนและหลัง

-การนำ Web2.0 ไปใช้ในการเรียนการสอน
การเรียนการสอนในปัจจุบันมีการนำ Web2.0 มาประยุกต์ใช้อย่างมาก ขอยกตัวอย่างที่ดิฉันเคยมีประสบการณ์ นั่นก็คือวิชา Ed-tech อาจารย์ให้ผู้เรียนถ่ายคลิปวิดีโอที่เป็นการสอนวิชาใดวิชาหนึ่งแล้วอัพโหลดลงบนหน้าเวปไซต์ นอกจากนี้ในวิชา Sound project อาจารย์ได้ให้ผู้เรียนมีการประชุมกันเพื่อคิดโปรเจคไฟนอลผ่านทาง โปรแกรมแชท Skype อีกด้วย


สิ่งที่ต้องค้นคว้าเพิ่มเติม
- ศึกษาเพิ่มเติมเรื่อง การตกแต่ง Blog และ WBI
- เพิ่มเติมความรู้โดยการเรียนออนไลน์



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