ยินดีต้อนรับผู้เข้าร่วมอบรม โครงการอบรมเชิงปฏิบัติการ

1. ยินดีต้อนรับผู้เข้าร่วมอบรมยินดีต้อนรับผู้เข้าร่วมอบรม โครงการอบรมเชิงปฏิบัติการ เรื่อง การออกแบบและสร้างเว็บไซต์ด้วย Joomla CMS ระหว่างวันที่ 6-7 กันยายน 2553

2. การออกแบบและสร้างเว็บไซต์ ด้วย Joomla CMS

3. ความหมายของ Content Management System (CMS) ระบบการจัดการเนื้อหาของเว็บไซต์ (Content Management System : CMS) คือ ระบบที่พัฒนา คิดค้นขึ้นมาเพื่อช่วยลดทรัพยากรในการพัฒนา(Development) และบริหาร(Management)เว็บไซต์ ไม่ว่าจะเป็นเรื่องของกำลังคน ระยะเวลา และเงินทอง ที่ใช้ในการสร้างและควบคุมดูแลเว็บไซต์

4. Joomla คืออะไร? Joomla คือระบบที่ช่วยในการจัดการเนื้อหา(Content Management System: CMS) บนเว็บไซต์ เพื่อช่วยในการอำนวยความสะดวก ลดขั้นตอน และความยุ่งยาก ในการบริหารจัดการเว็บไซต์ โดยที่ ผู้ใช้ไม่จำเป็นต้องมีความรู้ในด้านการเขียนโปรแกรม หรือออกแบบเว็บไซต์ ก็สามารถจัดทำเว็บไซต์ด้วยตัวเองได้

5. Joomla นั้นถูกออกแบบเวอร์ชั่น มาอยู่ 2 แบบด้วยกันคือ Joomla 1.0.xxx เป็นเวอร์ชั่นที่ถูกพัฒนาต่อมาจาก Mambo 4.5.x โดยแยกตัวออกมาทำเป็นเวอร์ชั่นของ Joomla โดยรูปแบบการใช้งาน ยังคล้ายคลึงกับ Mambo 4.5.x อยู่Joomla 1.5.xxx เป็นเวอร์ชั่นที่ถูกพัฒนาแตกต่าง ออกไปจาก Joomla เวอร์ชั่น 1.0.xxx อย่างสิ้งเชิงทั้งเมนูการใช้งานรวมถึงขั้นตอนการติดตั้ง และโครงสร้างการทำงาน จากการทดสอบ ในการโหลดหน้าเว็บไซต์ Joomla 1.5.xxx สามารถทำงานได้เร็วกว่า Joomla 1.0.xxx

6. Content Management System: CMS คืออะไร? Content Management System หรือ CMS ถ้าแปลตามตัว Content = เนื้อหา,บทความ Management = การจัดการ System = ระบบ เพราะฉะนั้นจะได้ความหมายตามตัวคือ ระบบบริหารการจัดการเนื้อหา แต่ที่จริงแล้ว CMS นี้ถูกนำมาใช้เรียกงานทางด้านเว็บไซต์ซะส่วนใหญ่ เ ขาจึงเรียกระบบนี้ว่า ระบบบริการการจัดการเว็บไซต์ โดยที่ระบบนี้ นั้นนความหมาย จะรวมไปถึงการจัดการข้อมูลต่างๆ ไม่ว่าจะเป็น ข้อมูลที่เป็นตัวอักษร รูปภาพ ไฟล์งานต่างๆด้วย แล้วแต่ผู้ใช้งานจะเลือกหรือกำหนดความต้องการของตัวเอง

7. ความต้องการของระบบในการติดตั้งความต้องการของระบบในการติดตั้ง Joomla ถูกพัฒนาขึ้นด้วยภาษา PHP และฐานข้อมูล MySQL การที่จะใช้งานได้นั้นจำเป็นต้องมี web server (เครื่องคอมพิวเตอร์ที่ให้บริการเผยแพร่ข้อมูลทางอินเตอร์เน็ต) ซึ่งต้องรองรับการทำงานของ PHP และ MySQL web server ที่เหมาะสมที่สุดสำหรับ joomla ก็คือ web server ที่ติดตั้งด้วยระบบปฏิบัติการ Unix หรือ Linux นอกจากจะถูกกว่า web server ที่ติดตั้งด้วยระบบปฏิบัติการ windows server เพราะไม่ต้องเสียค่าลิขสิทธิ์ ปัญหาการใช้งานเล็ก ๆ น้อย ๆ ก็ยังมีน้อยกว่า windows server

8. ความต้องการของระบบในการติดตั้งความต้องการของระบบในการติดตั้ง

9. จะเห็นว่าต้องมี web server ที่มีความพร้อมจริง ๆ ในการลงระบบ joomla หากต้องการทดสอบ joomla ในเครื่องคอมพิวเตอร์ของคุณเอง สามารถทำได้โดยใช้โปรแกรม web server จำลอง ที่มีความสามารถในการจำลองระบบ ให้เหมือนกับ web server จริง ๆ โปรแกรม web server มีอยู่หลายตัวให้เลือกใช้การติดตั้งง่าย ๆ เพียงแค่ Next ไม่กี่ขั้นตอนก็เสร็จเรียบร้อย อย่างเช่น - AppServ ดาวน์โหลดฟรี ๆ ได้ที่ http://www.appservnetwork.com/

10. การติดตั้ง Web Server จำลอง การติดตั้ง AppServ 2.5.10AppServ รุ่น 2.5.10  มีรายละเอียดดังนี้ • Apache 2.2.8 • PHP 5.2.6 • MySQL 5.0.51b • phpMyAdmin 2.10.3 วิธีติดตั้ง AppServ 2.5.10 คู่มือหน้า 4 - 9

11. ทดสอบโปรแกรม AppServ เมื่อติดตั้งเสร็จ ให้เปิด Internet Explorer ขึ้นมา ช่อง Address พิมพ์ http://localhost เพื่อทดสอบ หากสำเร็จ จะมีหน้าจอดังภาพ

12. โครงสร้างของโฟล์เดอร์โครงสร้างของโฟล์เดอร์ เราจะเก็บ joomla ไว้ใน โฟล์เดอร์ www (c:\appserv\www\) โดยการ copy โฟลเดอร์ Joomla_1.5.20-Stable-Full_Packageจากแผ่น cd ที่แจกให้ แล้วเปลี่ยนชื่อเป็น joomla

13. การสร้างฐานข้อมูลด้วย phpMyAdmin เมื่อทำการก็อปปี้แล้วให้เข้าที่โปรแกรมเบราว์เซอร์ พิมพ์ในช่อง address http://localhost/phpmyadmin เพื่อเข้าจัดการสร้างฐาน MySQL เอาไว้สำหรับติดตั้ง joomla

14. เริ่มติดตั้ง Joomla 1.5.20 • พิมพ์ในช่อง address ว่า http://localhost/joomlaจะเข้าสู่หน้าติดตั้งอัตโนมัติ ใช้ตัวพิมพ์เล็กทั้งหมด

15. การติดตั้งขั้นตอนที่2-3การติดตั้งขั้นตอนที่2-3

16. การติดตั้งขั้นตอนที่4-5การติดตั้งขั้นตอนที่4-5

17. การติดตั้งขั้นตอนที่6การติดตั้งขั้นตอนที่6

18. การติดตั้งขั้นตอนที่6การติดตั้งขั้นตอนที่6

19. การติดตั้งขั้นตอนที่7การติดตั้งขั้นตอนที่7 ลบทิ้ง

20. หน้าร้าน = Front end

21. หน้าหลังร้าน = Back end = CPanel Joomla

22. - ติดตั้งภาษาไทยให้กับ CPanel Joomla

23. - ปรับแต่งภาษาไทยให้กับ CPanel Joomla

24. - ปรับแต่งภาษาไทยให้กับ CPanel Joomla

25. การตั้งค่าคอนฟิกหลัก

26. การตั้งค่าคอนฟิกหลัก

27. โครงสร้างการจัดเก็บเนื้อหาของ joomla

28. ลบเนื้อหาบางส่วนในชุดตัวอย่างของ Joomla • ลบบทความ ในส่วนของ การจัดการบทความ • ลบถังรีไซเคิลบทความ • ลบ Category บทความ หรือประเภทของบทความนั่นเอง • ลบ Section บทความ หรือหมวดหมู่ของบทความนั่นเอง • ลบรายการเมนู ในMainmenuเหลือไว้เฉพาะ เมนู Home • ลบรายการเมนู ในTopmenuให้หมด • ลบรายการเมนู ในResources menuเหลือไว้เฉพาะ เมนู Administrator • ลบรายการเมนู ใน Example pagesmenuให้หมด • ลบรายการเมนู ใน Keyconceptsmenuให้หมด

29. ลบเนื้อหาบางส่วนในชุดตัวอย่างของ Joomla • ลบ เมนู Example pagesในการจัดการเมนู • ลบ เมนู ในKeyconceptsในการจัดการเมนู • ปิดการใช้งานโมดูล Latest News, Popular, Advertisement, Banners

30. การแบ่งระดับการเข้าถึงข้อมูลของสมาชิก และการจัดการสมาชิก • joomla ได้แบ่งระดับการเข้าถึงข้อมูลไว้ 2 ระดับ Front-end groups จัดการในส่วนใด ทางด้านหน้าเว็บไซต์มีด้วยกัน 4 กลุ่ม • Registered - ผู้ลงทะเบียน • Author - ผู้แต่ง • Editor - ผู้แก้ไขหรือผู้ตรวจสอบ • Publisher - กลุ่มนี้อนุญาตให้ผู้ใช้โพสต์การแก้ไขและเผยแพร่ Administration section groups ระดับผู้บริหารเว็บไซต์ มีด้วยกัน 3 ระดับ • Manager - ผู้จัดการ • Administrator - ผู้ดูแลระบบ • Super Administrator - ผู้ดูแลระบบแบบซุปเปอร์

31. การจัดการสมาชิก

32. การจัดการ Section และCategory

33. การจัดการ Section และCategory

34. การจัดการบทความ และการจัดการบทความหน้าเว็บ

35. การแทรกรูปภาพในบทความการแทรกรูปภาพในบทความ

36. การจัดการเมนู

37. การจัดการเมนู

38. การจัดการเมนู

39. การแสดงผล การจัดการเมนู

40. การติดตั้งและถอนการติดตั้ง เทมเพลต

41. การจัดการ เทมเพลต

42. แสดงผลเทมเพลตค่าปกติ

43. การถอนการติดตั้ง เทมเพลต

44. การสร้างเทมเพลตเองด้วยโปรแกรมเสริมให้โดนใจการสร้างเทมเพลตเองด้วยโปรแกรมเสริมให้โดนใจ

45. การสร้างเทมเพลตเองด้วยโปรแกรมเสริมให้โดนใจการสร้างเทมเพลตเองด้วยโปรแกรมเสริมให้โดนใจ เมื่อ Export template ได้ zipfile แล้ว ให้ติดตั้ง template ทดสอบดู

46. หน้าเว็บแสดงผลที่ได้จากการสร้างเทมเพลตใหม่หน้าเว็บแสดงผลที่ได้จากการสร้างเทมเพลตใหม่

47. การติดตั้งและ การจัดการกับโมดูล การจัดการกับโมดูลในชุดตัวอย่างพื้นฐานJoomla เปลี่ยนตำแหน่ง หรือ เปิด-ปิดการใช้งานโมดูล ตำแหน่งการจัดวางโมดูล ในเทมเพลต

48. การจัดการกับโมดูลในชุดตัวอย่างพื้นฐานการจัดการกับโมดูลในชุดตัวอย่างพื้นฐาน Joomla

49. โมดูลตัวอื่นๆในชุดพื้นฐานของ Joomla ก็ทำในลักษณะเดียวกัน โดยเลือกโมดูลที่ต้องการแล้วปรับแต่งค่าพารามิเตอร์ และค่าต่างๆของโมดูลแล้วแสดงผลดู

50. การติดตั้งและ การจัดการกับโมดูล