Learning Log Week15

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

นำเสนอ Joomla! Project ของกลุ่มเพื่อนๆและกลุ่มเรา โดยได้เห็นถึงความหลากหลาย ของเว็บไซต์ แม้จะทำจาก จุมล่าเหมือนกัน แต่ผลงานที่ออกมาก็มีความเป็นเอกลักษณืไม่เหมือนกันเลย

สิ่งที่ต้องศึกษาเพิ่มเติม/เตรียมมาครั้งหน้า

• สอบ Final ปากเปล่า โดยอาจารยืกำหนดเรื่องมา
  
• นำข้อสอบมาศึกษา เพื่อเตรียมตัวในการสอบ
• เตรียมอัดวิด๊โอนำเสนอ Webquest 1-2นาที
  

ข้อเสนอแนะอื่นๆ

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

Learning Log Week14

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

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

สิ่งที่ต้องศึกษาค้นคว้า/เตรียมมาครั้งหน้า

• นำเสนอ โปรเจค "ผู้หญิง(อย่าหยุด)สวย"
  

ข้อเสนอแนะ

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

Learning Log Week13

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

นำเสนอ Storyboard & Prototype ซึ่งทำให้ข้าพเจ้าได้เห็นภาพรวมของเว็บไซต์ (Joomla! Project) ของแต่ละกลุ่มที่ออกมานำเสนอ ชัดเจน และเป็นรูปธรรมมากขึ้น

สิ่งที่ต้องศึกษาค้นคว้า/เตรียมมาครั้งหน้า

• ลงมือทำโปรเจ็คกลุ่ม ภายใต้คอนเซปต์ "ผู้หญิง(อย่าหยุด)สวย"

• หา Extension ตามที่อาจารย์แนะนำ คือ ฟังวิทยุในเว็บ อัพเดทคลิปใหม่ของ Youtube
  

ข้อเสนอแนะ

ได้เห็นมุมมองของกลุ่มเพื่อนๆ เพื่อเป็นแนวทางในการทำงานกลุ่มของเราให้ออกมามีประสิทธิภาพมากที่สุด

Learning Log Week12

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

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

สิ่งที่ต้องศึกษาเพิ่มเติม/เตรียมมาครั้งหน้า

สร้างStory board และ Phototype ของโปรเจ็ค Joomla เพื่อนำเสนอในสัปดาห์ต่อไป

ข้อเสนอแนะอื่นๆ
ทำอย่างไรเราถึงจะสร้างเว็บให้แตกต่างจากสิ่งที่มีอยู่ ??

Learning Log Week11

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

(( ทบทวนเนื้อหาที่สอนในสัปดาห์ที่แล้ว ))

• การติดตั้ง Appserv
• การติดตั้ง Joomla! ลงในเครื่อง
• ทบทวนการใช้งาน Joomla! เบื้องต้น
• Joomla! Extensions
  

(( นำเสนอโปรเจค ))
ให้กับอาจารย์ เพื่อฟังคำแนะนำในการส้รางเว็ปไซต์ ผู้หญิง :))

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

• ทบทวนบทเรียนที่ได้เรียนในห้อง

• ศึกษาค้นคว้าเพิ่มเติม โดยการยืมหนังสือ Joomlaมาเพื่อศึกษา
  

ข้อเสนอแนะอื่นๆ

สอนเรื่อง Extension ช้าลงกว่านี้ และ ควรมีความหลากหลายเพิ่มมากขึ้น เพื่อเป็นประโยชน์ในการใช้งาน

Learning Log Week10

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

ได้เรียนรู้เกี่ยวกับ LMS (Learning Management System) และ CMS (Content Management System) ซึ่งเป็นระบบที่ช่วยในการสร้างและบริหารเว็บไซต์แบบสำเร็จรูป โดยที่ผู้ใช้แทบไม่ต้องอาศัยความรู้ในด้านการเขียนโปรแกรม

จากนั้นได้เรียนรู้เกี่ยวกับ Joomla ! : ซึ่งอยู่ในประเภทของ CMS จากนั้นเรียนและลงมือ ติดตั้งโปรแกรม Appserve และ โปรแกรม Joomlaลงในเครื่อง การตั้งค่าต่างๆ การใส่Template

สิ่งที่ต้องศึกษาเพิ่มเติม/ต้องเตรียมมาคราวหน้า

เมื่อเรารู้จัก joomla และเคยทำเว็บจากโปรแกรม Dreaweaverมาแล้ว เราจะต้องมาลองทำ เว็บโดยJoomla เพราะฉะนั้นสิ่งที่ต้องไปคิดและปรึกษากับคู่ว่า จะทำเว็บเรื่องอะไรดีและเตรียม powerpoint มานำเสนอในคาบหน้า

ข้อคิดเห็นเพิ่มเติม

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

Learning Log Week9

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

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

สิ่งที่ต้องศึกษาเพิ่มเติม/เตรียมมาครั้งหน้า

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

ข้อคิดเห็นเพิ่มเติม

การได้แลกเปลี่ยนนำเสนอผลงานทำให้เราได้เห็นมุมมองที่ต่างออกไป

Learning Log Week8

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

เมื่อเราได้นำ ภาพ Template แล้ว เราก็เริ่มลงมือทำในส่วน หัวข้อต่างๆของ Web Quest คือ บทนำ ภาระงาน แหล่งเรียนรู้ กระบวนการ การประเมิน และนอกจากนี้ ยังมีส่วนของหน้า index หน้าติดต่อครู และหน้าสำหรับครู โดยการทำงานจะช่วยเหลือกันและ มอบหมายงานตามความถนัดโดยข้าพเจ้าจะเ็นหลักในการทำ Dream ส่วนเพื่อนจะเป็นคน ดูเรื่องเนื้อหาสำนวนในการนำข้อความลง Web
สิ่งที่ต้องศึกษาเพิ่มเติม/เตรียมมาคราวหน้า

เมื่อเราทำ เว็บในส่วนต่างๆเสร็จแล้ว เว็บที่สมบูรร์นั้นจะต้องสามารโชว์ผ่านเครือข่ายอินเตอร์เน็ตได้ สิ่งที่ต้องศึกษา ก็คิอการอัพโหลดไฟล์ ขั้นเว็บไซต์ www.student.chula.ac.th
ข้อคิดเห็นเพิ่มเติม

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

Learning Log Week7

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

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

สิ่งที่ต้องศึกษาเพิ่มเติม /เตรียมมาครั้งหน้า : )

เมื่อเราได้ ภาพ template ที่ทำโดยโปรแกรม Photoshopแล้ว เราก็ต้องนำ ภาพนี้มาสไลด์ให้เป็นชิ้นเล็กๆ เพื่อนำไปใช้ในโปรแกรม dremต่อไป ดงันั้นสิ่งที่ต้องศึกษาหรือทวบทวนก็คือการสไลด์ภาพ โดยโปรแกรม photoshop และการนำภาพไปวางเรียงลงในตารางในโปรแกรม dremweaver

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

ทบทวนสิ่งที่เรียนมาในคราวที่แล้วเพื่อง่ายต่อการทำเว็บเควสในขั้นตอนต่อไป

Learning Log Week6

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

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

สิ่งที่ต้องค้นคว้าเพิ่มเติม และ
สิ่งที่ต้องเตรียมมาคราวหน้า*
ช่วยกันค้นหาแหล่งข้อมูล รูปภาพที่น่าสนใจ เพื่อนำมาใส่ในเว็บเควส เพื่อเตรียมพร้อมในการนำลง dremweaver


ข้อคิดเห็นอื่นๆ
ปรับปรุงการวางแผน เพื่อความเรียบร้อยและเพื่อให้งานดำเนินไปด้วยความรวดเร็ว

Learning Log Week5

สิ่งที่ได้ เรียนรู้
ทบทวนสิ่งที่ได้เรียนมาในครั้งก่อน


โปรแกรม Adobe Image Ready CS2




โปรแกรม Photoshop

เครื่องมือหนึ่งที่เรียกว่า Slice ที่ช่วยลดความยุ่งยากในการซอยภาพ และสามารถบันทึกเป็นไฟล์ภาพพร้อมโค้ด Html ได้เลย และสามารถทำ Hyperlink ให้แก่ภาพต่างๆ ที่ Slice ออกมาได้เลยอีกด้วย

Macromedia Dreamweaver

เพิ่มเติมเทคนิคต่างๆโดยเพื่อนๆในห้องออกมาสอนเทคนิค เช่น จาวาสคริปต์ mixpod chat การนับcount เป็นต้น ทำให้เกิดไอเดียและทราบเทคนิคใหม่ๆที่จะนำไปใช้ในการสร้างWeb Quest ของตนเองได้

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

ทบทวนบท เรียน และ ลงมือสร้าง Web quest

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

มีเวลาในการสร้างWebquest จริงมากยิ่งขึ้น

Learning Log Week4

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



โปรแกรม Adobe Image Ready CS2

เรียนรู้การสร้าง Animation ง่ายๆ โดยการอาศัยการต่อภาพที่มีความแตกต่างกันหลายๆ ภาพ เพื่อสร้างเป็นภาพเคลื่อนไหวขึ้นมา เพียงเรานำเข้าไฟล์ภาพทั้งหมดที่อยู่ในโฟลเดอร์เดียวกันโปรแกรมก็สามารถ สร้างภาพเคลื่อนไหวให้กับเราได้แล้ว




โปรแกรม Photoshop

เครื่องมือหนึ่งที่เรียกว่า Slice ที่ช่วยลดความยุ่งยากในการซอยภาพ และสามารถบันทึกเป็นไฟล์ภาพพร้อมโค้ด Html ได้เลย และสามารถทำ Hyperlink ให้แก่ภาพต่างๆ ที่ Slice ออกมาได้เลยอีกด้วย

Macromedia Dreamweaver

เริ่มต้นสร้างเว็บด้วยโปรแกรม Macromedia Dreamweaver ตั้งแต่ การตั้งค่า Site การตั้งค่าภาษา การตั้งค่าเวปเพจเบื้องต้น การสร้างตาราง การใช้ตารางช่วยจัดองค์ประกอบของเว็บเพจ และการสร้าง Template

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

ทบทวนบทเรียน และคราวหน้าลองมาทำพร้อมกัน ส่วนของWeb quest หาแหล่งข้อมูล และสื่อที่น่าสนใจ

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

ควรศึกษา และให้เพื่อนออกมานำทำไปพร้อมๆกัน เพื่อลดเวลาในการศึกษา

Learning Log Week3

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

หลังจากที่เราได้เรียนรู้ถึงหลักการออกแบบของADDIE&Gagne กันมาแล้ว เราก็ได้นำมาประยุกต์ใช้ในการออกแบบ Web quest ของเรากัน
เรื่องที่ข้าพเจ้าเลือกทำ Web Quest คือ อาหาร สอนเด็กชั้นมัธยมศึกษาตอนต้น (ม.1)ให้สามารถเลือกรับประทานอาหารที่มีประโยค และได้รับสารอาหารอย่าครบถ้วน เพราะเด็กในวัยนี้เป็นวัยของการเจริญเติบโต อาหารเป็นสิ่งสำคัญช่วยให้พัฒนาการดีได้
ในคาบเรียนมีการพรีเซ้น เรื่องที่แต่ละคนได้ไปออกแบบ Site structure กันมา ทำให้เกิดการแลกเปลี่ยนเรียนรู้เทคนิค วิธีการของเพื่อนๆแต่ละคน ที่เราสามารถนำมาปรับให้เข้ากับงานของเราให้ดียิ่งขึ้นได้
จากข้อเสนอแนะของอาจารย์ และการนะเสนอของเพื่อนๆ ก็ได้มีการจับคู่เพื่อร่วมทำ Web quest ซึ่งคู่ของข้าพเจ้า ได้เลือกทำเรื่องอาหารเหมือนกันอยู่แล้ว จึงนำมารวมกัน โดยตั้งชื่อใหม่ว่า

Enjoy Eating :)

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

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

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

ลองหาช่องทางแปลกใหม่ที่ให้นักเรียนของเรากับเราได้แลกเปลี่ยนเรียนรู้ หรือแสดงความเห็นกันได้ เช่น Skype facebook เป็นต้น

Learning Log Week2

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

สัปดาห์นี้เราได้มาเรียนรู้ถึงการออกแบบwebQuest โดยวิธีการการออกแบบ ADDIE&Gagne

A D D I E = เป็นวิธีออกแบบรูปแบบการเรียนการสอนอย่างเป็นระบบ

Analyze -> goal , audience , enviroment
Desidn -> site atruvture , storyboard , interface design
Develop -> Tools , Team
Implement -> Pilots , Rollout plan
Evaluate -> SMEs , Audience

Gadne มี 9 ขั้นตอน

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

Site Structure
* สำคัญที่สุด ในการกำหนดโครงสร้างของเวปไซต์ เปรียบกับโครงสร้างอาคาร
การออกแบบมี 3 แบบ ตามโครงสร้าง
Sequence -> เรียงลำดับ
Hierarchy -> ระดับชั้น
Combination -> ซับซ้อน

และ Page Design

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

• การออกแบบแต่ละขั้นตอนเพื่อเตรียมความพร้อมความเข้าใจในการสร้าง webquest
• คราวหน้าต้องเตรียมการนำเสนอ การออกแบบ Webquest
  

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

Learning Log Week1

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

ส่วนที่เป็นสาระความรู้
>>> ได้ทำความเข้าใจ ความหมาย ข้อแตกต่างของ WBI กับ e-learning

WBI หรือ Web base Instruction ทำงานบนระบบเครือข่ายอินเตอร์เนตผู้เรียนและอาจารย์ สามารถติดต่อสื่อสารถึงกันได้ และอาจารย์สามารถติดตามพฤติกรรมการเรียน ตลอดจนผลการเรียนของผู้เรียนได้

e-learning คือ การเรียน การสอนในลักษณะ หรือรูปแบบใดก็ได้ ซึ่งการถ่ายทอดเนื้อหานั้น กระทำผ่านทางสื่ออิเล็กทรอนิกส์

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

ข้อแตกต่าง WBI กับ CAI
CAI เป็นบทเรียนที่ผู้สอนกับผู้เรียนไม่สามารถติดต่อสื่อสารกันได้ แต่ WBI ผู้เรียนสามารถติดต่อสื่อสารระหว่างกัน อย่างไม่จำกัด เวลา สถานที่

WebQuest :)


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








Web 2.0 :)

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

Web application tools -
เครื่องมือสนับสนุนการทำงานบนเว็บ
Communication tools -
เครื่องมือสำหรับติดต่อสื่อสาร
Community tools -
เครื่องมือส่งเสริมการเป็นชุมชนออนไลน์
File sharing tools -
เครื่องมือที่ช่วยในการแบ่งปันข้อมูล





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

* ค้นคว้า ตัวอย่าง มากยิ่งขึ้น เพื่อเพิ่มความเข้าใจ เมื่อสงสัยสิ่งใด ก็สืบหาค้นคว้าสิ่งนั้น
* เตรียมข้อมูล ตัวอย่างมาแลกเปลี่ยน เรียนรู้กับเพื่อนในชั้นเรียน
.........................

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

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

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