Learning Log Week 09

สิ่งที่ได้เรียนรู้
หัวข้อเว็บไซต์ผ่าน ลองไปดูลูกเล่นใส่เพิ่มเติม
สอน Upload Web (งงทำไม่ได้)
สอน Backup File ด้วย JoomlaPack (อันนี้ง่ายดี)

สิ่งที่ต้องเตรียมมา
สัปดาห์หน้าไปทำงาน และเตรียมนำเสนองานสัปดาห์ถัดไป

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

Learning Log Week 08

สิ่งที่ได้เรียนรู้
การปรับแต่งเว็บไซต์ (Joomla Workshop)
1. Banner
2. การติดตั้ง Extension (JCE)
3. การสร้าง Section -> Category -> Article
4. การสร้าง Contact
5. การสร้าง Menu
6. การสร้าง Log In

สิ่งที่ต้องเตรียมมา
คิดได้แล้วว่าจะทำเว็บไซต์อะไร
แล้วมานำเสนออาจารย์

ข้อคิดเห็น
ห้องเรียนไปช้านิดนึง แต่ก็เรียนรู้กันอย่างทั่วถึงดีครับ

Learning Log Week 07

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

CMS & LMS

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

Content Management System (CMS) หรือ ระบบบริหารจัดการเว็บไซต์แบบสำเร็จรูป

1. ผู้ใช้งานไม่ต้องมีความรู้เรื่องเขียนโปรแกรมเลย
2. มีโปรแกรมประยุกต์พร้อมใช้งาน

ตัวอย่าง Wordpress.org, Drupal, Google Site, Mambo, Joomla!

Learning Management System (LMS) คือ ระบบนำเสนอความรู้ จ้ดเก็บข้อมูลเพื่อติดตามสิ่งต่างๆที่เกิดขึ้น และสนับสนุนการจัดการเรียนการสอน E-Learning ให้ดำเนินไปด้วยความเรียบร้อยโดยเป็นสภาพแวดล้อมการเรียนการสอน
- การสร้างบทเรียน การสร้างกิจกรรมออนไลน์
- การสร้างแบบทดสอบออนไลน์
- การจัดการประเมินออนไลน์
- การตรวจสอบเวลาเรียนของผู้เรียน
- การตรวจสอบการทำกิจกรรมให้คะแนนผู้เรียน

ตัวอย่าง Blackboard, TCU, Saki Project, ATutor, Moodle, Learnsquare

Joomla!

Front-end : ส่วนการแสดงผลของผู้ชมเว็บไซต์ แบ่งเป็น Module ต่างๆ
Back-end : ส่วนของผู้จัดการเว็บไซต์ โดยมีเมนูต่างๆ ดังนี้

- Site : ทำหน้าที่จัดการเกี่ยวกับฐานข้อมูล
- Menus : จัดการเมนูและลิ้งค์ในเว็บ
- Content : จัดการกลุ่มบทความ
- Components : ปรับตั้งค่า
- Extension : Install/Uninstall extension ต่างๆ
- Tools : รวบรวมการสนับสนุนการทำงานในระบบต่างๆ ส่งข้อความไปยังสมาชิก การอ่านเขียนข้อความส่วนตัว ฯลฯ
- Help : ช่วยเหลือ

การจัดการ Content บน Joomla!

Content ใน Joomla! มีโครงสร้าง 3 ส่วน คือ
- Article : ข้อมูลหรือเนื้อหา
- Category : หมวดหมู่ย่อยของ Article ซึ่งเก็บรวบรวม Article ที่อยู่ในหมวดเดียวกันไว้ด้วยกัน
- Section : หมวดหมู่หลักของ Article ซึ่งเก็บรวบรวม Category ที่อยู่ในหวดเดียวกันไว้ด้วยกัน

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

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

Learning Log Week 06

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

สิ่งที่ต้องเตรียมมา
เว็บเควสที่สมบูรณ์พร้อมนำเสนอ

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

Learning Log Week 05

สิ่งที่ได้เรียนรู้
คราวนี้ผมไม่ได้ไปเรียนแต่ก็ศึกษาผ่านทางเว็บไซต์ มีหัวข้อดังนี้
1. การตั้งค่า Site (ต้องกำหนดทุกครั้งที่สร้างเว็บใหม่)
2. การตั้งค่าเว็บเพจเบื้องต้น (ที่สำคัญคือการกำหนด font เป็น Unicode)
3. การสร้างตาราง (กำหนดจำนวนแถวและคอลัมน์ตามต้องการ ปรับขอบตารางเป็น 0)
4. ใช้ตารางช่วยจัดหน้าเว็บเพจ
5. สร้างและใช้ Template
6. การใช้ RollOver Button

สิ่งที่ต้องเตรียมมา
(ไม่ทราบ)

ข้อคิดเห็น
เรียนจากเว็บไซต์เข้าใจดีครับ

Learning Log Week 04

สิ่งที่ได้เรียนรู้
1. การชมงานออกแบบเว็บเควสของเพื่อนๆ
2. การนำรูปภาพหน้าเว็บมา slice เป็นเว็บโดยใช้ PhotoShop

สิ่งที่ต้องเตรียมมา
งานออกแบบ Webquest ที่จับคู่กัน

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

Learning Log Week 03

การนำ Gagne และ ADDIE มาประยุกต์ใช้ใน Webquest


Gagne คือ ทฤษฎีขั้นตอนการสอนที่ก่อให้เกิดการเรียนรู้สูงสุดกับผู้เรียนมีทั้งสิ้น 9 ขั้น
เมื่อนำมาเปรียบเทียบกับองค์ประกอบของ Webquest แสดงได้ดังนี้

ซึ่งการพัฒนา Webquest ใช้หลักการของ ADDIE โดยมีรายละเอียด ดังนี้
A - ANALYZE ต้องมีการวิเคราะห์วัตถุประสงค์ของบทเรียน กลุ่มเป้าหมาย และสภาพแวดล้อมรวมถึงบริบทต่างๆ ที่เกี่ยวข้องกับการจัดการเรียนรู้
D - DESIGN ออกแบบโครงสร้างเว็บไซต์ สร้าง STORYBOARD การออกแบบในแต่ละหน้าที่นำเสนอ และมีการจัดทำโครงร่าง (Rapid Prototype) ก่อนนำไปใช้จริง
D - DEVELOP เริ่มพัฒนาเว็บเควสโดยใช้เครื่องมือต่างๆ ที่มี ซึ่งการทำงานอาจทำเป็นทีมในกรณีที่การพัฒนาเว็บไซต์มีความซับซ้อน เช่น ทีมกราฟิก ทีตัดต่อ ทีมพัฒนาเว็บ เป็นต้น
I - IMPLEMENT นำผลการพัฒนาได้ไปทดลองใช้กับกลุ่มเป้าหมาย แล้วจึงนำผลการทดลองมาปรับปรุงก่อนนำไปใช้จริง
E - EVALUATION มีการประเมินผลทั้งจากผู้เชี่ยวชาญในเนื้อหาและการพัฒนาเว็บเควส และการประเมินผลจากผู้ที่เข้าใช้บทเรียนว่ามีข้อสงสัยอย่างไร เพื่อนำข้อมูลที่ได้ไปพัฒนาต่อไป

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

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

ส่วนของกิจกรรม ควรเป็นลักษณะของการผสมผสานกันของกิจกรรมทั้งแบบประสานเวลา (เช่น Chat, Video Conference) และแบบไม่ประสานเวลา (เช่น E-mail, Webboard)

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

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


การออกแบบโครงร่างหน้าเว็บ
ประกอบด้วยส่วนของ Page Header ที่นิยมใส่ชื่อของเว็บ Nevigation Bar ส่วนเชื่อมโยงไปยังส่วนต่างๆ ของเว็บไซต์ Page Body ส่วนของเนื้อหาหลัก อาจมีตัวนำทางย่อยเพื่อเชื่อมโยงไปยังส่วนที่เกี่ยวข้องได้ และ Page Footer นิยมใส่ชื่อผู้จัดทำ หรือ banner ผู้ให้การสนับสนุน

โดยหลักการออกแบบ เน้นความเรียบง่าย มีความสม่ำเสมอของรูปแบบเพื่อไม่ให้สับสนว่าเปลี่ยนไปเว็บอื่น การเลือกใช้สีให้เหมาะสม ทั้งสีโทนร้อน โทนกลาง และโทนเย็น หรือสีที่ช่วยเสริมสร้างเอกลักษณ์ขององค์กร สามารถเลือก Theme สีได้จาก http://kuler.adobe.com/

เว็บควรมีการออกแบบระบบนำทางที่ดี โดยมีหลักการคือ เข้าถึงง่าย สื่อความหมาย ชัดเจน เข้าใจง่าย มีความสม่ำเสมอ สามารถตอบสนองผู้ใช้ มีจำนวนรายการเหมาะสม มีทางเลือกหลายทาง และมีลิงค์กลับไปโฮมเพจได้ ทั้งนี้รูปแบบของ navigator มีทั้งแบบ Text & Button, Drop Down List, Dynamic Drop Down List, On Mouse Over


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


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