Slide Joomla 3.2.1 ประกอบการอบรมให้กับ น.ศ. ที่สถาบันปัญญาภิวัฒน์

1. การสร้างเว็บไซต์ด้วย Joomla! CMS
!
อัครวุฒิ ตำราเรียง
@JoomlaCorner
!1

2. about me
อัครวุฒิ ตำราเรียง
Akarawuth Tamrareang
(JoomlaCorner)
akarawuth@marvelic.co.th
twitter: @joomlacorner
- นายกสมาคมศึกษาและพัฒนาโอเพ่นซอร์ส
OSEDA.or.th
- Joomla! Bug Squad : joomla.org
- Founder JoomlaCorner.com
- กรรมการผู้จัดการ Marvelic Engine Co.,Ltd.
www.marvelic.co.th
- กรรมการควบคุมจริยธรรม สมาคมผู้ดูแลเว็บไทย
- ผู้อำนวยการฝ่ายเทคโนโลยีสารสนเทศ
สมาคมอาสาสมัครบรรเทาสาธารณภัยแห่งประเทศไทย
- ที่ปรึกษาสมาคมการดับเพลิงและช่วยชีวิต
- อดีตกรรมการบริหาร OpenSource Matters Inc.(Joomla
Project)
www.marvelic.co.th
www.akarawuth.com
Tel : 02 717 1120-1
!2

3. The Joomla CMS provides a robust content management
system for you to develop your dynamic websites.
!3

4. Source : http://youtu.be/Qjnc0H8utks
!4

5. !5

6. The Joomla CMS provides a robust content management
system for you to develop your dynamic websites.
The Joomla Framework provides a set of files which can be
used to create both web and command line applications.
!6

7. ตัวอย่างเว็บที่ใช้
!7

8. มูลนิธิชัยพัฒนา
!8

9. มูลนิธิแม่ฟ้าหลวง ในพระบรมราชูปถัมภ์
!9

10. Software Park , iPhone4Society
!10

11. สถาบันพัฒนาองค์กรชุมชน codi.or.th
!11

12. S&P Intranet
!12

13. โรงเรียนกวดวิชา โอพลัส : oplus-school.com
!13

14. โรงเรียนกวดวิชา โอพลัส : oplus-school.com
!13

15. cmsplugin.com
!14

16. cmsplugin.com
!14

17. ระบบจัดฝึกอบรม Softwarepark
!15

18. • ห้ามใช้ PHP 4.3.9, 4.4.2 หรือ 5.0.4. ซึ่งเป็น releases ที่มีบั๊กซึ่งจะมีปัญหาในการติดตั้ง และ
Zend Optimizer 2.5.10 สำหรับ PHP 4.4.x ก็ยังมีบั๊กที่ร้ายแรงให้ใช้เวอร์ชั่นที่ใหม่กว่า
• ดูข้อมูลเพิ่มเติมได้ที่ : http://www.joomla.org/technical-requirements.html
!16

19. Tools open source ที่ใช้งาน
•
•
•
•
XAMPP หรือ Software ที่ใช้จำลองเป็น WebServer
FileZilla โปรแกรม FTP Client ใช้ในการ Transfer ข้อมูลขึ้น Hosting
7-Zip โปรแกรมใช้สำหรับแตกไฟล์/บีบอัดไฟล์ ใช้แทน WinZip, WinRAR
NotePad++
!17

20. จำลองเครื่องเป็น WebServer / ติดตั้ง XAMPP
!18

21. การติดตั้ง XAMPP
http://localhost or http://127.0.0.1
ให้นำเว็บไซต์ไปไว้ภายใต้ Directory นี้
drive:xampphtdocs
!19

22. การ upload Joomla! ขึ้นบน Hosting ด้วยโปรแกรม FTP
• Using WinSCP http://winscp.net
• Using FileZilla http://filezilla-project.org
!20

23. ใน xampp ใช้
host: 127.0.0.1
user : newuser
pw : wampp
ตัวอย่างการใช้งาน FileZilla FTP
!21

24. ฝั่ง Hosting
ฝั่งผู้ใช้
Using FileZilla
ตัวอย่างการใช้งาน FileZilla FTP
!22

25. Change File Permission (cmod)
ตัวอย่างการใช้งาน FileZilla FTP
!23

26. ขั้นตอนการสร้างเว็บไซต์ด้วย Joomla!
1. ทำการดาวน์โหลด Joomla! เวอร์ชั่นที่ต้องการจากเว็บไซต์ joomla.org
2. แตกไฟล์ Joomla! Package ที่ดาวน์โหลดมา แล้วทำการ Transfer files ทั้งหมด
ขึ้นไปไว้ใน Hosting ที่ได้เตรียมไว้
3. ทำการติดตั้ง Joomla! โดยพิมพ์ URL ของเว็บที่ได้นำไฟล์ Joomla! ขึ้นไปไว้
เช่น http://yourdomain.com
หรือหากจำลองไว้ในเครื่องก็เป็น http://localhost/youFolderName
4. เตรียม SiteMap ของเว็บไซต์ เมนูต่างๆ รวมถึงข้อมูลที่จะมีบนเว็บไซต์
5. จัด Group แบ่งประเภทของเนื้อหา , ใส่เนื้อหา
6. สร้างเมนู
7. ติดตั้ง Extensions (Template,Modules,Plugins) ที่ต้องการตามความจำเป็น
8. ตั้งค่าปรับแต่งเว็บไซต์ เปิดโมดูล ในตำแหน่งที่ต้องการ
!24

27. !25

28. !26

29. !27

30. !28

31. !29

32. !30

33. !31

34. ส่วนของผู้บริหารเว็บไซต์
http://yourwebsite.com/administrator
!32

35. !33

36. Tools bar icons
!34

37. !35

38. Groups
(Public, Registered, Author, Editor, Publisher, Manager, Administrator, และ Super Users)
ค่าพื้นฐานในส่วนของ Backend (Administrator)
•Manager จัดการเนื้อหา มีเดีย และเมนูเนื้อหา
•Administrator ตั้งค่าเพิ่มเติม CMT
•Super User ทำได้ทุกอย่าง
ค่าพื้นฐานในส่วนของ Frontend (Site)
•กลุ่มผู้ใช้ทั่วไป (Public) คือผู้ที่เข้ามายังเว็บ
โดยที่ยังไม่ได้เป็นสมาชิก และยังไม่ได้เข้าระบบ
•กลุ่มสมาชิก (Registered) คือสมาชิกที่เข้าสู่ระบบแล้ว
เข้าถึงข้อมูลได้มากกว่ากลุ่มผู้ใช้ทั่วไป
•กลุ่มนักเขียน (Author) คือสมาชิกที่เข้าสู่ระบบแล้ว
สามารถเขียนเนื้อหาเข้าสู่เว็บไซต์ได้
•กลุ่มผู้ตรวจสอบเนื้อหา (Editors) คือสมาชิกที่เข้าสู่ระบบแล้ว
สามารถเพิ่ม/แก้ไขเนื้อหางานเขียนของนักเขียนรายอื่นๆ ได้
•กลุ่มผู้เผยแพร่ข้อมูล (Publisher) คือสมาชิกที่เข้าสู่ระบบแล้ว
ทำได้เหมือนกับ Editors และมีสิทธิ์กำหนดให้เนื้อหานั้นๆ เผยแพร่ หรืองดเผยแพร่บนเว็บไซต์
http://docs.joomla.org/J2.5:Access_Control_List_Tutorial
!36

39. Access Levels
(Public, Registered, Special)
Public
•กลุ่มผู้ใช้ทั่วไป (Public)
Registered
•กลุ่มสมาชิก (Registered)
•Manager
•Super User
Special
•กลุ่มนักเขียน (Author)
•Manager
•Super User
** เป็นชื่อเรียกของ Access Levels โดยแต่ละชื่อเรียกจะประกอบไปด้วย User Group ต่างๆ
http://docs.joomla.org/J2.5:Access_Control_List_Tutorial
!37

40. http://docs.joomla.org/J2.5:Access_Control_List_Tutorial
!38

41. การบริหารจัดการสมาชิก
!39

42. โครงสร้าง Content
!40

43. ส่วนของการบริหารจัดการ Content
!41

44. หน้าจอการเขียนเนื้อหา
!42

45. การจัดการเมนู
!43

46. เลือกประเภทเมนู
!44

47. Joomla! extensions แบ่งออกเป็น 5 ประเภท
✦
✦
✦
✦
✦
Templates - provide the overall skinning to a website.
Modules - additional functionality as and addition to the main content of
a page.
Languages - languages package.
Components - The largest and most complex extensions of them all, they
can be seen as mini-applications. Most components have two parts: a site
part and an administrator part. Every time a Joomla page loads, one
component is called to render the main page body
Plugins provide additional functional (login sources, WYSIWYG editors,and
such)
9
!45

48. การจัดการส่วนของ Extensions ต่างๆ
!46

49. !47

50. !48

51. http://docs.joomla.org/J3.2:How_to_use_the_Template_Manager
!49

52. http://docs.joomla.org/J3.2:How_to_use_the_Template_Manager
!50

53. Q&A
http://www.joomlacorner.com
http://www.marvelic.co.th
!51