เลือกใช CMS ใหเหมาะกับหนวยงาน

www.marvelic.co.th

“Open Source Solution โอกาสและ∙างรอดของหนวยงานในยุคโลกาภิวัฒน”วันพฤหัสบดี∙ี่ 8 ตุลาคม 2552

ณ หองเชียงแสน ชั้น 3 โรงแรม เซ็น∙ารา ดวงตะวัน จังหวัดเชียงใหม

อัครวุฒิ ตำราเรียง

2

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

: http://twitter.com/joomlacorner

email : akarawuth@joomlacorner.com akarawuth.tamrareang@community.joomla.org

เว็บคืออะไร? การสื่อสารขอมูล∙างเดียว? ในสิ่ง∙ี่องคกรตองการนำเสนอ? รวมลิงก?

Do you want a website?

เว็บ =

3

คลังเอกสาร ? โบรชัวร ?

สารจากผูบริหาร ? สมุดหนาเหลือง ?

4

ระบบ การมีสวนรวม ตอบสนองกลุม/คน

เว็บคือการสื่อสาร 2 ∙าง

การเปลี่ยนแปลงของเว็บ

5

พาดหัวหนังสือพิมพมี∙ุกอยางใน∙ุกหนานำเสนอในมุมมององคกรคาดหวังใหเริ่มเขาหนาแรกคาดหวังใหคนอาน∙ุก∙ี่จัดโครงสราง/หมวดหมูขอมูลไมดี ปรับปรุงชา

พาดหัวหนาแรกไมมาก1 หนา 1 เรื่องเดนนำเสนอในมุมมองผูชมคน Search มาเจอคนอานสิ่ง∙ี่อยากอานจัดโครงสราง/หมวดหมูขอมูลดีปรับปรุงเร็ว ขอมูล∙ันสมัย

เว็บเปนสื่อใหม ยังมีการปรับเปลี่ยนไปเรื่อยๆ ตามลักษณะนิสัยของผูใชงานเว็บ

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

ระบบ เซิรฟเวอร โดเมน

โอเพนซอรส เหมือนวัตถุดิบในการกอนสราง∙ี่แจกฟรี สิ่ง∙ี่เราตอง∙ำคือนำมาประกอบและปรับแตง

16

WordPressสำหรับเว็บขนาดกลาง-เล็กไมมีระบบซับซอนติดตั้งงาย ใชงาย

Joomlaสำหรับเว็บขนาดกลาง-ใหญตองการระบบซับซอนเหมาะกับการนำสวนขยายมาประกอบเพิ่ม/พัฒนาเพิ่ม

Drupalสำหรับเว็บขนาดกลาง-ใหญตองการระบบซับซอนเหมาะกับการนำมาเพื่อเขียนระบบตอเพิ่มเอง

ระบบ/เว็บไซตเหมือนระบบอาคาร/สิ่งปลูกสราง

เซิรฟเวอรเหมือน∙ี่ดินและสาธารณูปโภค

•Domainname.com•Domainname.org•Domainname.net•Domainname.in.th•...

โดเมนเหมือนปายราน-เลข∙ี่อาคาร

การปรับปรุงอยางสม่ำเสมอ

17

WordPress Joomla! Drupal

ระบบจัดการขอมูล (CMS) จะชวยใหเจาหนา∙ี่สามารถแกไขขอมูลไดเอง ∙ำใหดูแลเว็บงาย

How to Build a Successful Site

• เขาใจเปาหมายของเว็บ∙ี่∙ำ• การวางแผน∙ี่ดี • Navigation (usability)• Design (มีความนาเชื่อถือ)• การประชาสัมพันธ

18

การสรางระบบ ∙ี่กอใหเกิดการมีสวนรวมและตอบสนองกลุม/คน

การนำเสนอขอมูล∙ี่เขาถึงงาย เขาใจงายระบบ∙ี่ชวยยื่นเรื่อง/อำนวยความสะดวกตางๆการคำนึงถึงคนกลุมนอย/ภาษาถิ่น/ผูพิการ ฯลฯ

การเลือกขอมูลใหเหมาะกับกลุม/คน/พื้น∙ี่ ฯลฯการเปดรับขอมูลจากประชาชน∙ี่เหมาะสม

19

จุดเดนของเว็บองคกรรัฐสมัยใหม

Define : Content Management System

20

Simple Definition :“A CMS is a type of web-based software thatplugs in to your site in such a way thatupdating content becomes much easierthan without it.”

Social Networking Services What do they havein common with CMS?..... and it appeares on your page seconds later.

5

Sample

21

Trends

22

แนวโนมการใชงาน

∙ี่มา : http://www.google.com/trends

CMS Universe

23

Travel to somewhere? Through Wormhole

24

Joomla is ......

- ใชงาย- ∙รงพลัง- เปดเผยโคด Open Source ( คุณสามารถแกไขเพิ่มเติมไดเอง )

- รองรับเว็บไซตขนาดใหญ- ฟรี (ถาลงมือ∙ำเอง)- ลิขสิ∙ธิ์เปนแบบ GNU/GPL

26

Project Awards

27

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

ความเปนมา

28

29

Current Release

Joomla! 1.5.14Released 30 July 2009

30

What Does Joomla Look Like ?

Joomla! แยกออกเปนสามสวนหลักๆ ดวยกัน

• Installer Application ใชสำหรับติดตั้งจูมลา ซึ่งใชเพียงครั้งเดียวและก็สามารถลบออกได

• Site Application ใชงานโดย users และเปนสวนของการแสดงผลขอมูลของเว็บไซต∙ั้งหมด

• Administrative Application ใชโดยผูดูแลเว็บไซต สำหรับบริหารจัดการเว็บไซต∙ั้งหมด

31

Joomla Applications

Joomla Installer Application

32

Joomla Applications

Joomla Site Application

33

Joomla Applications

Joomla Administrative Application

34

Joomla Applications

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

For Developer

35

• Provides framework and CMS

• Objects!• Easy to skin• Legendary administrative interface

• Easy to extend with ....

36

Information

Architecture

37

(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 else9

What are Joomla! extensions?

38

• 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

Plugins

39

• Powerful, rich API available

• Public and Admin versions

• Load of examples to learn from and playwith

Components

40

• 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

Modules

41

• 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 havegone to session for non-developers

For Joomla! End Users

42

43

Joomla! in Action

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

76

* หามใช 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

∙ำ 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!

78

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

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

85

http://yourdomain/administrator

User Manager

86

การจัดการ Extensions

Install/Uninstall extensions

• modules

• components

• plugins

• templates

• language

87

Install/Uninstall

88

89

Demo

Security your Website

Update! Update! and Update!

90

Joomla! Security Strike Team

Joomla! Secutiy Center : http://developer.joomla.org/security.html

Questions?

91

92

Thanks you

... because open source matters

twitter.com/joomlacorner

download slide : http://slideshare.net/akarawuth