เลือกใช CMS
ใหเหมาะกับหนวยงาน
อัครวุฒิ ตำราเรียง
www.marvelic.co.th
“Open Source Solution โอกาสและ∙างรอดของหนวยงานในยุคโลกาภิวัฒน”
วันพฤหัสบดี∙ี่ 8 ตุลาคม 2552
ณ หองเชียงแสน ชั้น 3 โรงแรม เซ็น∙ารา ดวงตะวัน จังหวัดเชียงใหม

About Me
อัครวุฒิ ตำราเรียง
Akarawuth Tamrareang (JoomlaCorner)
- Joomla! Bug Squad / Joomla! Event Mentor (Asia Region) and
Summer of Code administrator : joomla.org
- Founder JoomlaCorner.com
- Founder Marvelic Engine Co.,Ltd. : www.marvelic.co.th
นายกสมาคมศึกษาและพัฒนาโอเพนซอรส
www.oseda.or.th
email : akarawuth@joomlacorner.com
akarawuth.tamrareang@community.joomla.org
: http://twitter.com/joomlacorner
2

Do you want a website?
เว็บ =
คลังเอกสาร ? โบรชัวร ?
สารจากผูบริหาร ? สมุดหนาเหลือง ?
เว็บคืออะไร? การสื่อสารขอมูล∙างเดียว? ในสิ่ง∙ี่องคกรตองการนำเสนอ? รวมลิงก?
3

เว็บคือการสื่อสาร 2 ∙าง
ระบบ การมีสวนรวม ตอบสนองกลุม/คน
4

การเปลี่ยนแปลงของเว็บ
พาดหัวหนังสือพิมพ พาดหัวหนาแรกไมมาก
มี∙ุกอยางใน∙ุกหนา 1 หนา 1 เรื่องเดน
นำเสนอในมุมมององคกร นำเสนอในมุมมองผูชม
คาดหวังใหเริ่มเขาหนาแรก คน Search มาเจอ
คาดหวังใหคนอาน∙ุก∙ี่ คนอานสิ่ง∙ี่อยากอาน
จัดโครงสราง/หมวดหมูขอมูลไมดี จัดโครงสราง/หมวดหมูขอมูลดี
ปรับปรุงชา ปรับปรุงเร็ว ขอมูล∙ันสมัย
เว็บเปนสื่อใหม ยังมีการปรับเปลี่ยนไปเรื่อยๆ ตามลักษณะนิสัยของผูใชงานเว็บ 5

ตัวอยาง
6

whitehouse.gov เว็บของ∙ำเนียบขาว
ใหขอมูลความคืบหนาการ∙ำงานของรัฐบาล/เสนอเรื่องจาก∙างบาน 7

Myguide.gov.uk - เว็บรัฐบาลอังกฤษ
สอนการใชงานอินเตอรเน็∙ใหประชาชน 8

economicstimulusplan.gov.au เว็บรัฐบาลออสเตรเลีย
ใหขอมูลแผนกระตุนเศรษฐกิจ เจาะจงกลุม/คน 9

business.gov เว็บกระ∙รวงพาณิชย อเมริกา
เนนการนำเสนอขอมูล∙ี่เขาใจงาย 10

Chuaichart.com เว็บรัฐบาลไ∙ย
ใหขอมูลแผนกระตุนเศรษฐกิจ 11

pm.go.th - เว็บนายกรัฐมนตรีไ∙ย
ใหขอมูลการ∙ำงานของนายกฯ และคณะ∙ำงาน 12

ปจจัยในการจัด∙ำ
13

∙ัศนคติ ขอมูลเนื้อหา
การใหบริการ เนื้อหาเขาใจงาย
การอำนวยความ เขาถึงขอมูลงาย
สะดวก มีการถาย∙อด∙ี่ดี
ความโปรงใส ปรับโครงสราง มีโครงสรางขอมูล∙ี่ดี
ความรวดเร็ว และวิธีการเขาถึงขอมูล
เนื้อหา∙ี่เขาใจงายและเหมาะสมนั้น ตองเริ่มจากมุมมองเชิงบริการ ∙ี่ตองการอำนวยความสะดวกใหผูติดตอ
เปรียบเ∙ียบกับธุรกิจธนาคารในอดีต∙ี่ไมบริการลูกคา ในขณะ∙ี่ปจจุบันมีการชวยเหลือ∙ุกขั้นตอน
14

การจัด∙ำเว็บไซต
•งบประมาณ 0 บา∙ •งบประมาณหลักพัน-หลักหมื่นบา∙ •งบประมาณหลักแสน-หลักลานบา∙
•∙ำขอมูลเอง/สมัครเอง/ดูแลเอง •∙ำขอมูลเอง ดูแลเอง •จางคนจัด∙ำขอมูล
•ใชบริการ WordPress.com •อาจจาง∙ำระบบ หรือ∙ำเอง •จางคน∙ำระบบและดูแลปรับปรุง
•เพียงพอตอการนำเสนอขอมูล •แนะนำ WordPress.org, Joomla.org, •มีการ∙ำระบบ∙ี่ซับซอนนอกเหนือ
•ไมยืดหยุนสำหรับการจัด∙ำระบบ •Drupal.org •จากการนำเสนอขอมูลแบบตางๆ
•แนะนำ Joomla , Drupal , Typo3
การจัด∙ำเว็บ ตองคำนึงถึงการจัด∙ำขอมูลกอน แลวพิจารณาเรื่องการจัด∙ำระบบ และดูแลระบบ
15

ระบบ เซิรฟเวอร โดเมน
WordPress •Domainname.com
สำหรับเว็บขนาดกลาง-เล็ก •Domainname.org
ไมมีระบบซับซอน
ติดตั้งงาย ใชงาย
•Domainname.net
Joomla •Domainname.in.th
สำหรับเว็บขนาดกลาง-ใหญ
•...
ตองการระบบซับซอน
เหมาะกับการนำสวนขยาย
มาประกอบเพิ่ม/พัฒนาเพิ่ม
Drupal
สำหรับเว็บขนาดกลาง-ใหญ
ตองการระบบซับซอน
เหมาะกับการนำมาเพื่อเขียน
ระบบตอเพิ่มเอง
ระบบ/เว็บไซต เซิรฟเวอร โดเมน
เหมือนระบบอาคาร/สิ่งปลูกสราง เหมือน∙ี่ดินและสาธารณูปโภค เหมือนปายราน-เลข∙ี่อาคาร
โอเพนซอรส เหมือนวัตถุดิบในการกอนสราง∙ี่แจกฟรี สิ่ง∙ี่เราตอง∙ำคือนำมาประกอบและปรับแตง
16

การปรับปรุงอยางสม่ำเสมอ
WordPress Joomla! Drupal
ระบบจัดการขอมูล (CMS) จะชวยใหเจาหนา∙ี่สามารถแกไขขอมูลไดเอง ∙ำใหดูแลเว็บงาย
17

How to Build a Successful Site
• เขาใจเปาหมายของเว็บ∙ี่∙ำ
• การวางแผน∙ี่ดี
• Navigation (usability)
• Design (มีความนาเชื่อถือ)
• การประชาสัมพันธ
18

จุดเดนของเว็บองคกรรัฐสมัยใหม
การนำเสนอขอมูล∙ี่เขาถึงงาย เขาใจงาย
ระบบ∙ี่ชวยยื่นเรื่อง/อำนวยความสะดวกตางๆ
การคำนึงถึงคนกลุมนอย/ภาษาถิ่น/ผูพิการ ฯลฯ
การเลือกขอมูลใหเหมาะกับกลุม/คน/พื้น∙ี่ ฯลฯ
การเปดรับขอมูลจากประชาชน∙ี่เหมาะสม
การสรางระบบ ∙ี่กอใหเกิดการมีสวนรวมและตอบสนองกลุม/คน 19

Define : Content Management System
Simple Definition :
“A CMS is a type of web-based software that
plugs in to your site in such a way that
updating content becomes much easier
than without it.”
20

Sample
Social Networking Services What do they have
in common with CMS?
..... and it appeares on your page seconds later.
5
21

Trends
แนวโนมการใชงาน
∙ี่มา : http://www.google.com/trends
22

CMS Universe
23

Travel to somewhere? Through Wormhole
24

Joomla is ......
- ใชงาย
- ∙รงพลัง
- เปดเผยโคด Open Source ( คุณสามารถแกไขเพิ่มเติมไดเอง )
- รองรับเว็บไซตขนาดใหญ
- ฟรี (ถาลงมือ∙ำเอง)
- ลิขสิ∙ธิ์เปนแบบ GNU/GPL
26

Project Awards
Best Linux / Open Source Project 2005,
LinuxWorld London, United Kingdom
Best Linux / Open Source Project 2006,
LinuxWorld London, United Kingdom
2006 Best Open Source CMS,
Packt Publishing
2007 Best Open Source PHP CMS,
Packt Publishing
27

ความเปนมา
28

Current Release
Joomla! 1.5.14
Released 30 July 2009
29

What Does Joomla Look Like ?
Joomla! แยกออกเปนสามสวนหลักๆ ดวยกัน
• Installer Application ใชสำหรับติดตั้งจูมลา ซึ่งใชเพียงครั้งเดียวและก็สามารถ
ลบออกได
• Site Application ใชงานโดย users และเปนสวนของการแสดงผลขอมูลของ
เว็บไซต∙ั้งหมด
• Administrative Application ใชโดยผูดูแลเว็บไซต สำหรับบริหารจัดการ
เว็บไซต∙ั้งหมด
30

Joomla Applications
Joomla Installer Application
31

Joomla Applications
Joomla Site Application
32

Joomla Applications
Joomla Administrative Application
33

Joomla Applications
Administrative Application ใชสำหรับแกไขบ∙ความ, ติดตั้งสวนขยาย (extensions),
อัพโหลด media, บริหารจัดการเมนู
34

For Developer
• Provides framework and CMS
• Objects!
• Easy to skin
• Legendary administrative interface
• Easy to extend with ....
35

Information
Architecture
36

37

What are Joomla! extensions?
(oversimplified answer)
• Plugins - provide additional functional (login sources,
WYSIWYG editors,and such)
• Templates - provide the overall skinning to a website.
• Modules - additional functionality as and addition to the
main content of a page.
• Components - replaces content with something else
9
38

Plugins
• Authentication - Joomla, GMail, LDAP, OpenID
• Content - rating, email cloaking, pagebreaks
• Editor - TinyMCE, JCE, none
• Search - content, contacts, weblinks
• System - SEF, debug, cache
• XML-RPC - Joomla, Blogger API
39

Components
• Powerful, rich API available
• Public and Admin versions
• Load of examples to learn from and play
with
40

Modules
• The swiss army knife of Joomla!
• Can reference functionality in many libraries
• Easy to extend and customize
• Easy to copy and duplicate
• Powerful cache features
41

For Joomla! End Users
• we (Joomla! Team) will look at code.
Prepare to be frightened, bored, or both
• To Learn how to use Joomla! and how to add
cool new stuff to it, you really should have
gone to session for non-developers
42

Joomla! in Action
43

After Installed Joomla!
44

paknamlangsuan.com
45

Before
46

After
47

Hnkeal.com
48

สถาบันส่งเสริมอัจฉริยภาพและนวัตกรรมการเรียนรู้ (สสอน.):
www.igil.or.th
49

km-sabadchai.com
50

LinkDelight.com
51

BonoMarket.com
52

JomSocial
53

nod32th.com
54

redbullspirit.org
55

bangpakokhospital.com
56

salakphet.com
57

intranet S&P
58

sportscity.co.th
59

ossfestival.in.th
60

scisoc.or.th
61

TOSF.org
62

www.marvelic.co.th
63

thaiembassymnl.ph
64

www.region2.m-energy.go.th
65

pr.lru.ac.th/main/
66

most.go.th กระ∙รวงวิ∙ยาศาสตรและเ∙คโนโลยี
67

ops.go.th สำนักงานปลัดกระ∙รวงวิ∙ยฯ
68

maf.gov.la
69

ระบบจัดการจองหองประชุม
สวนการ∙ำงานของผูดูแลหองประชุม
70

ระบบจัดการจองหองประชุม
สวนการ∙ำงานดานหนา
71

ระบบจัดการสิน∙รัพย
72

รายงานการเบิกจายงบประมาณ
73

extensions.joomla.org
74

extensions.joomla.org
75

Joomla! Technical Requirements
* หามใช PHP 4.3.9, 4.4.2 หรือ 5.0.4. ซึ่งเปน releases ∙ี่มีบั๊กซึ่งจะมีปญหาในการติดตั้ง และ Zend
Optimizer 2.5.10 สำหรับ PHP 4.4.x ก็ยังมีบั๊ก∙ี่รายแรงใหใชเวอรชั่น∙ี่ใหมกวา
ดูขอมูลเพิ่มเติมได∙ี่ :
http://www.joomla.org/about-joomla/technical-requirements.html
76

∙ำ Server บนเครื่อง Desktop
ใช Software ประเภ∙ LAMP (Linux Apache,MySQL,PHP)
• XAMPP 1.7.0
✴ Apache HTTPD 2.2.11 + Openssl 0.9.8i
✴ MySQL 5.1.30
✴ PHP 5.2.8
✴ phpMyAdmin 3.1.1
✴ FileZilla FTP Server 0.9.29
✴ Mercury Mail Transport System 4.52
• AppServ 2.5.10 http://www.appservnetwork.com
✴ Apache 2.2.8
✴ PHP 5.2.6
✴ MySQL 5.0.51b
✴ phpMyAdmin-2.10.3
77

สรุปขั้นตอนการติดตั้ง Joomla!
• เตรียม WebServer (Hosting) สำหรับติดตั้ง
• Download Joomla! 1.5 เวอรชั่นลาสุดจาก Joomla.org
• Unpack Software
• ติดตั้ง Joomla!
• ปรับแตงขอมูลบนเว็บไซต
78

Download the Software
Download Joomla! เวอรชั่นลาสุด Joomla.org หรือ JoomlaCorner.com
• zip package : http://www.joomla.org/download.html
• other packages :
http://joomlacode.org/gf/project/joomla/frs/
เวอรชั่นลาสุด 1.5.14 (ณ วัน∙ี่ 30 ก.ค. 2009)
ไฟลภาษาไ∙ย Download ไดจาก
http://joomlacode.org/gf/project/thai
79

ติดตั้ง Joomla!
80

ติดตั้ง Joomla!
81

ติดตั้ง Joomla!
82

ติดตั้ง Joomla!
83

84

การ∙ำงานสวนของ Admin
http://yourdomain/administrator
85

User Manager
86

การจัดการ Extensions
Install/Uninstall extensions
• modules
• components
• plugins
• templates
• language
87

Install/Uninstall
88

Demo
89

Security your Website
Update! Update! and Update!
Joomla! Security Strike Team
Joomla! Secutiy Center :
http://developer.joomla.org/security.html
90

Questions?
91

Thanks you
... because open source matters
twitter.com/joomlacorner
download slide : http://slideshare.net/akarawuth
92