Tuesday, January 19, 2010

Learning Log Week 08

Learning Log Week 08 (18/01/10)

สิ่งที่ได้เรียนรู้
- การเปลี่ยนแบนเนอร์เว็บไซต์ใน Joomla โดยกำหนดขนาด 298x75 pixels ใช้พื้นหลังเป็นแบบ transparent และเซฟทับชื่อไฟล์เดิม
- workshop joomla! โดยทดลองสร้างเว็บไซต์ของบริษัท ABC GROUP มี Section, Catagory และ Article การเพิ่ม Menu การสร้างมุมสมาชิก และส่วนสำหรับติดต่อบริษัท
- ได้เรียนรู้เทคนิค joomla จากเพื่อนๆ เทคนิคจากแบ๋ม คือ POP UP หรือข้อความต้อนรับเข้าเว็บไซต์ และเทคนิคการเปลี่ยนรูปไอคอนเว็บไซต์ใน Joomla ที่ข้าพเจ้าออกไปสาธิตให้เพื่อนๆดู


สิ่งที่จะค้นคว้าเพิ่มเติม/ต้องเตรียมมาครั้งหน้า
ศึกษาการใช้ Joomla เพิ่มเติม และร่าง Site Structure Website งานคู่


ข้อคิดเห็นอื่นๆ
ได้ลองทำ workshop ไปพร้อมกัน ทำให้เข้าใจมากขึ้นค่ะ ดูง่ายกว่า dreamweaver ค่ะ

Monday, January 4, 2010

Learning Log Week 07

Learning Log Week 07 (04/01/10)


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

CMS: Content Management System
ระบบที่นำมาช่วยในการสร้างและบริหารเว็บไซต์แบบสำเร็จรูป ผู้ใช้งานไม่จำเป็นต้องมีความรู้ด้านเขียนโปรแกรม เช่น
- ระบบจัดการบทความและข่าวสาร News and story
- ระบบจัดการบทวิจารณ์ (Review)
- ระบบจัดการสมาชิก (Member)
- ระบบสืบค้นข้อมูล (Search)
- ระบบจัดการไฟล์ดาวน์โหลด (Download)
- ระบบจัดการป้ายโฆษณา (Banner)
- ระบบการวิเคราะห์และตรวจสอบสถิติความนิยมในเว็บไซต์ (Analysis, Tracking and Statistics)
ตัวอย่าง Software :
- WordPress เป็น blog ที่ได้รับความนิยม มีความยืดหยุ่นในการใข้งาน มี plug-in
- Drupal web-based cms เนื้อหาถูกเก็บในฐานข้อมูล แบบ dynamic แสดงเนื้อหาทางเว็บบราวเซอร์
- Google Sites เป็น web-based cms มี template สำเร็จรูป แต่ไม่สามารถปรับแต่งได้มากนัก ไม่สามารถใช้ร่วมกับระบบฐานข้อมูล แต่ใช้งานง่าย
- Mambo เคยเป็นต้นแบบของ Joomla
- Joomla! ได้รับความนิยม สามารถปรับแต่งได้ตามต้องการ ฟังค์ชั่นเยอะ ภาษา php

LMS: Learning Management System
ระบบที่นำเสนอความรู้ จัดเก็บข้อมูลเพื่อติดตามสิ่งต่างๆที่เกิดขึ้น และสนับสนุน e-learning ใช้ในบริบทการเรียนการสอน เช่น
- การสร้างบทเรียน การสร้างกิจกรรมออนไลน์
- การสร้างแบบทดสอบออนไลน์
- การจัดการประเมินออนไลน์
- การตรวจสอบเวลาเรียนของผู้เรียน
- การตรวจสอบการทำกิจกรรมให้คะแนนผู้เรียน
ตัวอย่าง :
- Blackboard ระบบที่จุฬาฯใช้ ใช้ในการส่งงาน ทำแบบทดสอบ ประเมิน ข้อจำกัดคือมีลิขสิทธิ์และค่าใช้จ่ายในการใช้
- TCU มหาวิทยาวิทยาลัยไทยไซเบอร์
- Sakai Project จัดการเรียนการสอนออนไลน์ คล้าย TCU
- ATutor ปรับแต่งได้ตามความต้องการของผู้ใช้ ทำให้ผู้เรียนเข้าถึงเนื้อหาได้หลากหลาย
- Moodle ได้รับความนิยมมากสุดในปัจจุบัน มีฟังค์ชั่นสร้างบทเรียน สร้างแบบทดสอบ จัด e-learning เป็น Open Source ข้อจำกัด คือ การออกแบบโครงสร้างที่ค่อนข้างจะตายตัว
- Learnsquare พัฒนาโดย nectec ระบบบริหารจัดการเรียนรู้ออนไลน์ผ่านเครือข่ายคอม ผู้เรียนสามารถเรียนรู้ได้ตามอัธยาศัย ทุกที่ทุกเวลา ในรูปแบบสื่อมัลติมีเดียทั้งบทความ ภาพ เสียง วิดีโอ โต้ตอบได้เหมือนการเรียนในห้องปกติ


Joomla!
- ได้เรียนรู้การติดตั้ง AppServ เพื่อทดสอบ Joomla ในเครื่อง และขั้นตอนการติดตั้ง Joomla
Front-end และ Back-end
Front-end (http://localhost/joomla) หน้าแสดงผล แบ่งเป็น Module ต่างๆ คือ Lastest News, Popular, Polls, Search, Main Menu, Resources
Back-end (http://localhost/joomla/administrator) เป็นส่วนที่ใช้ในการปรับตั้งค่าต่างๆ ประกอบด้วย Site, Menus, Content, Components, Extensions, Tools และ Help

การจัดการ Content บน Joomla ประกอบด้วย 3 ส่วน
- Article = ข้อมูลหรือเนื้อหาในแต่ละหน้าเว็บไซต์ เช่น ข่าว บทความ
- Category = หมวดหมู่ย่อยของ article เก็บรวบรวม article
- Section = หมวดหมู่หลักของ article เก็บรวบรวม category
*เปรียบได้กับ directory ของคอมพิวเตอร์ แต่โครงสร้างของ Joomla มี 2 ระดับ คือ section และ category ไม่สามารถแบ่งย่อยได้มากกว่านี้
- Uncategorized = article โดดๆ

การสร้าง Menu
- Menu manager > new > ตั้งชื่อ
- Extentions > module manager > ติ๊กให้เป็นเครื่องหมายถูกที่ enabled
- Edit > advanced parameter >_menu

Extensions
- Module manager ที่ Enabled ปรับให้แสดง/ไม่แสดง
- Plugin manager ควบคุมระบบต่างๆภายในเว็บ
- Template manager สัญลักษณ์รูปดาวอยู่ที่ไหนหมายถึงว่าเราเลือกใช้ template นั้น และกด default เพื่อเปลี่ยน template ที่เร้าต้องการ
- Language manager เปลี่ยนภาษา

โหลด Template จากเว็บไซต์
- Extensions > install > upload file & install
- Template manager เลือกใช้ template ที่ต้องการ

ตั้งค่าภาษาไทยใน Joomla
โหลดไฟล์ภาษาไทยจากเว็บไซต์ และ install ที่หน้า Extensions จากนั้นไปที่ Language manager เพื่อเปลี่ยนภาษา

Extensions
- Site > Control Panel > Global Configuration > Default WYSIWYG Editor : Editor – JCE 1.5.6
- ได้เรียนรู้การทำ rollover image, ใส่คลิปจาก youtube, วิธีการใส่ flash (ใช้ไฟล์ .html เปิดจาก dreamweaver และ copy code), ทำ read more และเทคนิคการปรับเปลี่ยนชื่อเว็บไซต์ (Folder image ในไฟล์ template สร้างรูปใหม่ ใช้ชื่อไฟล์เดิม ขนาดให้เท่ากับต้นแบบ)


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


ข้อคิดเห็นอื่นๆ
วันนี้เนื้อหาเยอะมากเลยค่ะ แต่ชอบโปรแกรม Joomla! เป็นโปรแกรมที่น่าสนใจ และช่วยให้การสร้างเว็บเราสะดวกยิ่งขึ้น สามารถปรับแต่งได้ไม่ยาก Template สวยดีค่ะ