Learing Log Week5 (30 พ.ย.52)

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

1. การสร้างอนิเมชั่นอย่างง่าย โดยใช้โปรแกรม Adobe ImageReady cs2
2. การตั้งค่าไซต์ เป็นสิ่งแรกที่ควรจะทำก่อนที่จะสร้างเว็บไซต์ใน Dw ทำให้ไฟล์ที่สร้างรวมอยู่กันที่เดียว เชื่อมโยงกับไฟล์ต่างๆ เปิดโปรแกรม > เลือก site > manage sites > new > site > ระบุชิ่อไซต์ที่ต้องการ > next > ระบุตำแหน่งที่ใช้เก็บไฟล์ >เลือก no > next > ตั้งค่า remote server เลือก none > next > done > done ลองสร้างเว็บเพจอันนึง ไฟล์จะถูกบันทึกในไฟล์ที่สร้างไว้
3. การตั้งค่าภาษา ปรับค่าภาษาให้ถูกต้อง ภาษาไทยได้เปลี่ยนจาก window874 เปลี่ยนมาเป็น Unicode (UTF-8) เพื่อเป็นสากล หลังจากสร้างไฟล์เว็บเพจแล้ว คลิกปุ่ม page properties >Title Encoding > เลือก Encoding > Unicode (UTF-8)

4. การตั้งค่าเว็บเพจเบื้องต้น คลิก page properties ดูที่ Category
Appearance เป็นการกำหนดค่าทั่วไปของเว็บเพจ เช่น ชุดฟ้อนท์ มาตรฐานที่จะใช้ ขนาด สีตัวอักษร สีพื้นหลัง ภาพพื้นหลัง
Link กำหนดการเชื่อมโยงภายในเว็บเพจ
Headings กำหนดรูปแบบหัวข้อ
Title/Encoding ตั้งชื่อให้หัวของเว็บเพจของเว็บเบราวเซอร์และการตั้งค่าภาษา
Tracing Image นำเอาภาพมาวางบนหน้าเว็บไชต์ ภาพจะเหมือนแผ่นใส

5. การสร้างตาราง
insert > table หรือ คลิกแท็บเครื่องมือ table ปรับขนาดของตารางให้กว้างขึ้น ถ้าเป็นหน่วยพิกเซล ความกว้างจะมีขนาดคงที่ ถ้าเลือกหน่วยเป็นเปอเซน ความกว้างจะเปลี่ยนตามขนาดหน้าจอ กำหนดเส้นขอบตาราง >ok

6. การใช้ตารางในการช่วยจัดองค์ประกอบของเว็บเพจ
ใช้ร่วมกับตารางที่สร้างเมื่อกี้ เลือก insert > image ระบุข้อความกำกับภาพ > ok ภาพขนาดใหญ่กว่าตาราง กด shift เลือกตารางทั้งสอง คลิกขวา > table > merge cells แต่ภาพยังไม่พอดีกับที่สร้างไว้ ให้คลิกตัวเลขที่อยู่ข้างล่างเลือก make all widths consistent นำรูปภาพมาใส่ในตารางให้ครบ

7. การสร้างเทมเพลต
Save as template ตั้งชื่อ เทมเพลต > save คลิกที่ช่องตารางขวา เลือก top ที่ ver สร้างตารางขึ้นใหม่ 1*1 เลือก insert > template objects > editable Region ตั้งชื่อ > ok เซฟเทมเพลต เลือก file > new เลือกชนิดเว็บเพจ > create > modify > template> apply template to page > เลือกเทมเพลตที่เซฟไว้ จะเห็นว่ามีส่วนที่แก้ไขได้คือ เทมเพลต และเว็บเพจที่ใช้เทอมเพลตนี้ก็จะถูกแก้ไขไปด้วย
8. การสร้าง rollover button
คลิกช่องเทมเพลต ปรับให้อยู่ตรงกลาง ไปที่ด้านข้างของ แท็บ image > rollover image ระบุภาพที่จะแสดงเบื้องต้น ระบุภาพที่จะแสดงเมื่อเม้าส์ไปอยู่ด้านบน ระบุข้อความกำกับภาพ ระบุ Url ที่จะเชื่อมโยงไปเมื่อคลิกเม้าส์ ลองพรีวิวทดสอบผลลัพธ์ > save >ok

สิ่งที่ต้องศึกษาเพิ่มเติม
- การสร้างเว็บเพจด้วยโปรแกรม Dreamweaver8
- การใส่ script

ข้อเสนอแนะ
วันนี้อาจารย์สอนเร็วมากค่ะ หนูตามไม่ทัน ไม่ค่อยเข้าใจเท่าไหร่

Learning Log week 4 (23 พย. 52)

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

1. สัปดาห์นี้เป็นการนำเสนอเว็บเควสของแต่ละคน นิสิตได้รับคำแนะนำและข้อปรับปรุงที่เป็นประโยชน์สำหรับการพัฒนาเว็บเควสต่อไปค่ะ


2. การใช้สไลด์ในการสร้างงานเว็บ
เปิดไฟล์ภาพ > view > rulers > ลากแบ่งพื้นที่เป็นส่วนๆ > เลือก slice tools > ตัดแบ่งพื้นที่ที่เลือกแล้ว > ถ้าต้องการซ่อน guide ไปที่ view > shows > guides บันทึกไฟล์เป็น PSD เพื่อที่สามารถกลับมาแก้ไขได้

3. วิธีการกำหนดการเชื่อมโยงให้กับสไลด์
คลิกขวาที่ต้องการเชื่อมโยง > Edit slice options ระบุเพ็จที่ต้องการเชื่อมโยง ระบุรูปแบบการเชื่อมโยงที่ช่อง Target ระบุข้อความที่แสดงเมื่อเม้าส์อยู่เหนือช่อง Message Text ระบุข้อความกำกับภาพในช่อง Alt Tag > ok

4. การบันทึกสไลด์เป็นเว็บเพจ
File >save for web > save เลือกรูปแบบการบันทึกเป็น HTML and images ตรวจสอบผลงานในไฟล์ สังเกตว่าไฟล์ภาพถูกแบ่งออกเป็นส่วนๆตามที่สไลด์ไว้ เมื่อดูผลลัพธ์ในเว็บ browser จะเห็นว่าเหมือนรูปก่อนที่จะแบ่ง และที่กำหนดการเชื่อมโยงไว้การสามารถคลิกได้

สิ่งที่ต้องศึกษาต่อไป : การศึกษาเว็บเควสร่วมกับพาร์ทเนอร์ของตัวเอง
ข้อเสนอแนะ : การอธิบายเรื่องเกี่ยวกับสไลด์ นิสิตเข้าใจดีค่ะ

Learning Log week 03 (16 พ.ย. 52)

สิ่งที่ได้เรียนรู้
1. ADDIE และ Gagne

ADDIE ได้แก่ Analyze การวิเคราะห์ (Analysis) คือการวิเคราะห์วัตถุประสงค์ของบทเรียน ผู้เรียน พื้นฐานของผู้เรียน เนื้อหา แหล่งความรู้ และสื่อที่เหมาะสม
Design การออกแบบ (Design) คือการกำหนดโครงสร้าง แผน ขั้นตอนการดำเนินงาน และการประเมินบทเรียนอย่างเป็นระบบ
Develop การพัฒนา (Development) คือการสร้างบทเรียนโดยเริ่มจากการกำหนดแผนการดำเนินงานผลิตอย่างเป็นขั้นตอนด้วยการเขียน Storyboard โดยระบุ เนื้อหา รูปแบบของเนื้อหาที่จะใช้
Implement การนำไปใช้ (Implementation) คือการนำบทเรียนที่สร้างเสร็จไปใช้งานจริงหลังจากที่ได้มีการทดลองนำไปใช้โดยกลุ่มนักออกแบบและนักพัฒนาบทเรียนแล้ว
Evaluate การวัดผลและการประเมิน (Evaluation) การวัดผลและการประเมินจะต้องทำอย่างมีระบบโดยวัดที่คุณภาพและประสิทธิภาพของขั้นตอนการออกแบบบทเรียนรวมทั้งชิ้นผลงานบทเรียน โดยการประเมินจะประกอบด้วย 2 ส่วนที่สำคัญคือ การประเมินผลระหว่างขั้นตอนพัฒนา (Formative Evaluation) เป็นการเก็บข้อมูลเพื่อนำไปปรับปรุงแก้ไขในการดำเนินงานครั้งต่อๆไป และ การประเมินผลเมื่อพัฒนาบทเรียนเรียบร้อยแล้ว (Summative Evaluation) เพื่อเป็นการเปิดโอกาสสำหรับความคิดเห็นจากผู้ใช้งานจริง

Gagne มีขั้นตอนได้แก่ 1. Gain attention 2.Inform learners Objectives 3. Stimulate recall of prior 4. learning 5.Present the content 6.Provide learning guidance 7.Elicit performance 8.Provide feedback 9. Assess performance 10.Enhance retention and transfer to the job

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

(กิจกรรม)
เน้นกิจกรรมส่งเสริมการเรียนการสอนมีประสิทธิภาพมากขึ้น จำแนกได้ 3 รูปแบบ 1. แบบประสานเวลา ใช้chatroom การสื่อสารด้วยเสียง หรือแบบ video conference 2. แบบไม่ประสานเวลา ใช้ e-mail web board blog 3.กิจกรรมแบบร่วมมือ ผสมผสานระหว่าง 1 และ 2 พิจารณาจากความเหมาะสมของเนื้อหาและกิจกรรม

3. site structure จัดตามเนื้อหา จัดตามความสนใจของผู้ชม 3 แบบ ตามโครงสร้าง sequence เรียงลำดับไปทีละหน้า เหมาะที่เนื้อหาไม่มาก หรือเป็นขั้นตอน hierarchy เป็นระดับชั้น เนื้อหามาก
combination ผสมระหว่าง 1 และ 2

4. Page Design
Page header ใส่ชื่อเว็บ ผู้ที่ให้การสนับสนุน ส่วนสำคัญสุด
Navigation bar เชื่อมโยงเนื้อหาของเว็บไซต์ (เมนูบาร์)
Page body เนื้อหา
Page footer ใส่ชื่อหน่วยงาน ชื่อผู้ทำเว็บ แบนเนอร์ต่างๆ แผนผังเว็บไซต์

หลักการออกแบบ
1. เรียบง่าย จำกัดองค์ประกอบเสริม เหลือองค์ประกอบหลัก ไม่มีกราฟฟิกเคลื่อนไหวตลอดเวลา
2. ความสม่ำเสมอ ทั้งเว็บไซต์ ใช้รูปแบบเดียวกัน
3. สี โทนร้อน เย็น

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

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

เทคนิคที่ใช้ text button, Drop down list, Dynamic drop down menu, On mouse over

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

เรื่อง ADDIE กับ Gagne ในการนำไปใช้ Webquest


ข้อคิดเห็นอื่นๆ
งานตารางของ ADDIE & Gagne ดูแล้วไม่เข้าใจว่าให้ทำอะไรค่ะ

Learning Log week2 (9 มิ.ย.52)

สิ่งที่ได้เรียนรู้ :
1.Web Quest คือ

Web Quest เป็นนวัตกรรมการจัดกิจกรรมที่ให้ผู้เรียนใช้ข้อมูลออนไลน์ในการเรียนรู้แบบสืบสอบ เน้นที่กิจกรรมส่งเสริมการค้นคว้า คิดวิเคราะห์ ประเมินผล สนับสนุนให้ผู้เรียนคิดเป็นทำเป็น ส่งเสริมการเรียนรู้ตลอดชีวิต ประกอบด้วย 5 ขั้นตอน
1. การนำเข้าสู่บทเรียน
2. ภาระงานที่ได้รับมอบหมาย
3. กระบวนการทำงาน แหล่งอ้างอิงการเรียนรู้
4. การประเมินผล
5. บทสรุป

Dr.Bernie Dodge ผู้ริเริ่มพัฒนานวัตกรรม Web Quest ที่เป็นที่รู้จัก ซึ่งเว็บเควสจะเป็นการบูรณาการสาระวิชาต่างๆ ใน 1 ธีม ส่วนของ Introduction สำคัญที่สุด ทำอย่างไรให้ผู้เรียนรู้สึกท้าทาย ทำให้ภารกิจสำเร็จ ซึ่งต้องดึงดูดความสนใจ

หัวใจที่สำคัญของเว็บเควสประกอบด้วย 3 กระบวนการหลัก
1. ส่วนนำเข้า ให้ผู้เรียนสืบค้นข้อมูล สารที่ได้รับต้องถูกแปลงเป็นชิ้นงานหรือส่วนนำออกที่เกิดจากการพัฒนาด้วยตัวเอง
2. การแปลงสาร
3. การนำออกมา
สารคือสิ่งที่ผู้เรียนสร้างขึ้นมา**

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

ส่วนของครูผู้สอน ผู้พัฒนาชี้แจงครูที่สนใจเข้ามาใช้เว็บเควส ประกอบด้วยรายละเอียดต่างๆ ได้แก่ 1.บทนำ 2เกี่ยวกับนักเรียน 3.กระบวนการ 4.ทรัพยากร 5.การประเมินผล 6. สรุป 7.แหล่งอ้างอิง

2.ได้ศึกษาตัวอย่างของ Web Quest ทำให้เห็นภาพจริง การทำงานจริง ทำให้เข้าใจเนื้อหามากขึ้น

3.Web 2.0 tools แบ่งได้ 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 ได้แก่ Photo sharing,Video sharing,Music sharing,Document sharing และ File Sharing

ประโยชน์ที่ได้รับ

ได้รับความรู้ ความเข้าใจ ในเรื่องของเว็บเควสและเว็บ 2.0 จนสามารถนำไปใช้พัฒนาเว็บเควสของตนเองได้

สิ่งที่จะต้องค้นคว้าเพิ่มเติม : ศึกษาเว็บเควสอื่นๆ ให้มาก ทำความเข้าใจ เพื่อใช้ในการพัฒนาเว็บเควสให้ดียิ่งขึ้น

ข้อเสนอแนะ : -

------------------------------

หัวข้อที่สนใจ

ชื่อเรื่อง Essen (อาหารประเทศเยอรมัน)

กลุ่มเป้าหมาย ผู้ที่สนใจที่จะศึกษาวัฒนธรรมอาหารของประเทศเยอรมันและคำศัพท์ภาษาเยอรมัน

เนื้อหาและกิจกรรม ให้ผู้เรียนได้รู้เรียนรู้คำศัพท์หมวดอาหารและวัฒนธรรมการกินของประเทศเยอรมัน กิจกรรมแบ่งเป็นกลุ่ม 3กลุ่ม ให้แต่ละกลุ่มศึกษาอาหารมื้อต่างๆ(เช้า กลางวัน เย็น)ว่าคนเยอรมันทานอะไรบ้างในแต่ละมื้อ จากนั้นให้แต่ละกลุ่มจัดมื้ออาหารภายใน 1 อาทิตย์ว่ามีอะไรบ้าง โดยให้ใช้คำศัพท์ที่หามา คำละไม่เกิน 3 ครั้ง จากนั้นให้แต่ละกลุ่มออกมานำเสนอ ประเมินผลจากงานที่นำเสนอโดยการใช้คำศัพท์ที่หลากหลายและแตกต่างกัน web 2.0 tools ที่ใช้ได้แก่ Shoutbox,photo sharing และ file sharing

Learning Log week1 (2 พ.ย. 52)

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

2. การเรียนการสอน E-learning

3. การเรียนการสอนบนเว็บไซต์ (ความหมาย,ความแตกต่างระหว่าง WBIกับCAI,องค์ประกอบของ WBI และ แนวโน้มการเรียนการสอนในอนาคต)
3.1 มีนักวิชาการให้นิยามความหมายของการเรียนการสอนผ่านเว็บไซต์ต่างๆมากมาย โดยสรุปคือเป็นการจัดสภาพการเรียนการสอนอย่างมีระบบ อาศัยคณสมบัติและทรัพยากรมาเป็นสื่อกลางในการถ่ายทอด เพื่อส่งเสริมการเรียนการสอน
3.2 ความแตกต่างระหว่าง WBI และ CAI คือ CAI โปรแกรมจะทำงานเอง เป็นการเรียนรู้แบบ 1: 1 ส่วน WBI คือการเรียนการสอนบนอินเทอร์เน็ต ผู้สอนและผู้เรียนติดต่อกันได้ทั้งแบบ real time,non-realtime เป็นต้น ผู้สอนสามารถติดตามพฤติกรรมของผู้เรียนได้ CAI อาจมีอยู่ใน WBI ได้เช่นกัน
3.3 องค์ประกอบของ WBI ได้แก่ 1.เนื้อหา 2.ระบบบริหารการเรียน 3.ติดต่อ และ 4.สอบวัดประเมินผล

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

สิ่งที่ต้องเตรียมมา
1. ศึกษาเรื่องของ เว็บเควสต์ ประกอบการเรียนสัปดาห์หน้า
2. ลองหา gadgets ใหม่ๆ ที่น่าสนใจมาใช้

ข้อเสนอแนะ
ข้อผิดพลาดของเครือข่ายอินเทอร์เน็ต ทำให้การเรียนการสอนชะงักและช้าลง

GeTti NG To KNOW~

นางสาวรัมภา เลิศรัตนากุล

นิสิตสาขาวิชา มัธยมศึกษามนุษยศาสตร์-สังคมศาสตร์เอกภาษาเยอรมัน-เทคโนฯ...

สิ่งที่คาดหวังในการเรียนวิชานี้ :: ความรู้ในการสร้างเว็บไซต์เพื่อใช้เป็นสื่อประกอบในการสอน

ประสบการณ์ในการใช้คอมพิวเตอร์ :: ก็พอถูๆไถๆไปได้ = =; ซอฟต์แวร์พื้นฐานที่จำเป็นหรือความรู้ที่คนทั่วไปมีจ่ะ ^^"

สิ่งที่สนใจ :: สนใจการถ่ายภาพ การทำภาพยนตร์ โปรแกรมและเทคโนโลยีใหม่ๆที่สามารถใช้ในการฝึกสอนไ้ด้ บลาๆๆ

แผนในอนาคต :: อยากไปประเทศเยอรมัน