www.Joomla.org

with Joomla!1.5

SoftwarePark, 15 June 2009

Akarawuth Tamrareang

Building Successfull Website

www.Joomla.org

with Joomla!1.5

SoftwarePark, 15 June 2009

Akarawuth Tamrareang

2

About Me

อัครวุฒิ ตําราเรียงAkarawuth Tamrareang (JoomlaCorner)

Joomla! Bug Squad / Joomla! Event Mentor (Asia Region) Joomla.org

Founder JoomlaCorner.com Founder Marvelic Engine Co.,Ltd.

กรรมการสมาคมผู้ดูแลเว็บไทย

follow me : http://twitter.com/joomlacorner

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

Do you want a website?

มีเว็บเพื่ออะไร?

3

Measuring Success

ไม่ใช่แค่การมีคนเข้าเว็บจํานวนมาก

4

How to Build a Successful Site

• เข้าใจเป้าหมายของเว็บที่ทํา•การวางแผนที่ดี (เข้าใจโครงสร้าง Content ของ

จูมล่า)•Navigation (usability)•Design (มีความน่าเชื่อถือ)

•การประชาสัมพันธ์

5

Marketing 101

หนทางเพิ่มผู้ใช้งาน

• Organic (SEO)• Referral (links)• Pay per click (Google adwords)• Email (return visitors)

6

Why Use Joomla!?

7

Joomla is ......

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

เติมได้เอง )

- รองรับเว็บไซต์ขนาดใหญ่- ฟรี (ถ้าลงมือทําเอง)

8

Trends

9

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

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

Trends

10

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

Project Awards

11

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

ความเป็นมา

12

13

Current Release

Joomla! 1.5.11Released 3 June 2009

14

What Does Joomla Look Like ?

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

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

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

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

15

Joomla Applications

Joomla Installer Application

16

Joomla Applications

Joomla Site Application

17

Joomla Applications

Joomla Administrative Application

18

Joomla Applications

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

19

Information

Architecture

20

21

22

The MVC Model

Joomla! 1.5 is Build to Scale

23

24

Joomla! in Action

After Installed Joomla!

25

paknamlangsuan.com

26

Before

27

After

28

Hnkeal.com

29

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

30

km-sabadchai.com

31

LinkDelight.com

32

BonoMarket.com

33

JomSocial

34

nod32th.com

35

redbullspirit.org

36

bangpakokhospital.com

37

salakphet.com

38

tja.or.th

39

intranet S&P

40

sportscity.co.th

41

maf.gov.la

42

extensions.joomla.org

43

extensions.joomla.org

44

ปรับความเข้าใจก่อนลงมือสร้างเว็บไซต์

45

46

ขั้นตอนการสรางเว็บไซตโดยทั่วไป

จดชื่อโดเมน (Domain Name)‏

เชาพื้นที่เก็บเว็บ (Hosting)‏

ออกแบบเว็บไซต

เขียนโปรแกรมเพื่อใชจัดการระบบตางๆ เชนระบบสมาชิก ,ระบบจัดการปายโฆษณา และ

เนื้อหาบนเว็บไซต ฯลฯ

Upload เว็บขึ้น hosting

ประชาสัมพันธเว็บไซตใหเปนที่รูจัก

Update และพัฒนาเว็บไซต

Domain Name

47

48

 การจด Domain Name

การเชา Web Hosting

Q & A

การจดทะเบียน Domain Name และเชา Hosting

IP Address

49

IP Address หมายเลขประจำเครื่องคอมพิวเตอรหรืออุปกรณที่ใชเชื่อมตอ

กับ internet เชน

203.146.102.112

203.150.3.242

192.168.1.1

10.107.1.1

Domain Name

50

ชื่อโดเมน คือ ชื่อเรียกเสมือน เชน www.webmaster.or.th เปนชื่อโดเมนของ

สมาคมผูดูแลเว็บไทย ชื่อโดเมนนั้นมีความสำคัญมาก เพราะบงบอกประเภท

ของหนวยงาน และสถานที่จดทะเบียนการใชงาน ชื่อโดเมน ถูกแบงเปนกลุมๆ

และลงทายดวยรหัสยอของประเทศ เชน ประเทศไทยลงทายดวย .th ประเทศ

สิงคโปรลงทายดวย .sg หรือ ประเทศอังกฤษ ลงทายดวย .uk ยกเวนเว็บไซตที่

จดทะเบียนในประเทศสหรัฐอเมริกา ไมตองลงทายดวย .us

ประเภทของ Domain Name

51

สำหรับบุคคลทั่วไป .in.th

สำหรับองคกรที่ทำเกี่ยวกับขาวสาร -.info , .tv

สำหรับหนวยงานทหาร.mi.th.mil

สำหรับหนวยงานของรัฐ.go.th.gov

สำหรับสถาบันการศึกษา.ac.th.edu

สำหรับหนวยงานที่ไมแสวงหาผลกำไร .or.th.org

สำหรับองคกรที่เปนเครือขาย .net.th.net

สำหรับองคกรธุรกิจ , เพื่อการคา.co.th.com

DescLocal DomainTop Domain

Registrars ที่ได้รับการรับรอง

52

www.icann.org Internet Corporation For

Assigned Names and Numbers

http://www.icann.org/registrars/accredited-list.html

ตัวแทนที่รับการรับรองจาก icann

DotArai.com ( registrar รายเดียวของไทย)

Enom.com

Etc…..

THNIC นายทะเบียนโดเมนประเทศไทย

53

DotArai.com

54

การเช่าเว็บโฮสติ้ง

55

Co-location

Dedicate Server or Virtual Private Server

Reseller Hosting

Web Hosting

- Linux or Microsoft Windows Server

ในประเทศ หรือ ตางประเทศ

WebServer Solutions

56

12

3

57

ที่มา : www.hostpacific.com

Web Hosting

Joomla! Technical Requirements

58

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

59

สรุปขั้นตอนการติดตั้ง Joomla!

60

• เตรียม WebServer (Hosting) สําหรับติดตั้ง• Download Joomla! 1.5 เวอร์ชั่นล่าสุดจาก

Joomla.org• Unpack Software • ติดตั้ง Joomla! • ปรับแต่งข้อมูลบนเว็บไซต์

ส่วนของการเตรียม WebServer

• แน่ใจว่าคุณมี Account เพื่อ login (Controlpanel ,FTP)

• สร้าง Database สําหรับ Joomla ด้วย phpMyAdmin

• ตรวจสอบว่า WebServer ของคุณเป็น OS อะไร• ตรวจสอบ PHP เวอร์ชั่น (แนะนําให้ใช้ V.5)

• ทดสอบการเข้าถึงเว็บไซต์ผ่านทาง URL (website Address)

61

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.11 (ณ วันที่ 14 มิ.ย. 2009)

ไฟล์ภาษาไทย Download ได้จาก http://joomlacode.org/gf/project/thai

62

ตัวอย่างการติดตั้ง AppServ

63

ตัวอย่างการติดตั้ง AppServ

64

หน้าจอการสร้าง Database

65

ติดตั้ง Joomla!

66

ติดตั้ง Joomla!

67

ติดตั้ง Joomla!

68

ติดตั้ง Joomla!

69

70

Joomla! Template

71

แสดงตําแหน่งต่างๆ ที่ใช้แสดงส่วนประกอบต่างๆ ของ Template สามารถตรวจสอบได้ โดยพิมพ์ http://yourdomain/index.php?tp=1

การทํางานส่วนของ Admin

72

http://yourdomain/administrator

User Manager

73

โครงสร้าง Content

74

Article Manager

75

หน้าจอการเขียนบทความ

76

การจัดการ Extensions

Install/Uninstall extensions• modules• components• plugins• templates• language

77

Install/Uninstall

78

ตัวอย่าง Extension

ตัวอย่างJoomla! Extensions

79

jevents.net

80

Gallery

81

http://www.en.joomgallery.net

Blog Extension

82

Commercial Extension 45$ http://azrul.com

Free & Sell version 65$ http://idojoomla.com

WordPress Integration for Joomla! 59.95$ http://corephp.com

Download Solutions

83

• Phoca Download• Attachments for Content• jDownloads• RubberDoc• Remository• JotLoader

ระบบจัดการจองห้องประชุม

84

ส่วนการทํางานของผู้ดูแลห้องประชุม

ระบบจัดการจองห้องประชุม

85

ส่วนการทํางานด้านหน้า

ระบบจัดการสินทรัพย์

86

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

87

Security your Website

Update! Update! and Update!

88

Joomla! Security Strike Team

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

แหล่งข้อมูลเพิ่มเติม

89

เว็บที่เป็นทางการของ Joomla! ได้แก่• Joomla! http://www.joomla.org• Joomla! Forums http://forum.joomla.org• Joomla! Projects http://www.joomlacode.org• Document http://docs.joomla.org• Joomla! Extensions http://extensions.joomla.comเว็บ Joomla! ในประเทศไทย (คุณสามารถบริจาคสนับสนุนการพัฒนาได้ )• ชมรมแมมโบ้แห่งประเทศไทย http://www.mambo.or.th• Thai Official Website http://www.JoomlaCorner.com• Joomla! User Group Thailand (JUG Thailand) http://www.joomla.or.th

Joomla User Group Thailand

90

Questions?

91

92

Thanks

Thanks you!

http://www.joomlacorner.comhttp://www.joomla.or.th http://www.marvelic.co.thakarawuth@joomlacorner.com

follow me : twitter.com/joomlacorner