Joomla NetDesign2

Building Successfull Website

www.JoomlaCorner.com

with Joomla!1.5

NetDesign

Akarawuth Tamrareang

2

About Us

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

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

Founder JoomlaCorner.com Founder Marvelic Engine Co.,Ltd. (www.marvelic.co.th)

นายกสมาคมศึกษาและพัฒนาโอเพ่นซอร์ส

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

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

About Us

พิศาล เชื้อชาติไชย (บูบู้)Project Manager - Marvelic Engine Co.,Ltd.

Joomla! Translation Team - Joomla.orgLaiThai Developer Team

3

email : pisan@marvelic.co.thfollow me : http://twitter.com/lungkao

About Us

4

ศุภชัย แต่สกุล (ชัย)Senior Web developer - Marvelic Engine Co.,Ltd.

Joomla! Translation Team - Joomla.orgLaiThai Team Developer

email : supachai@marvelic.co.th follow me : http://twitter.com/supachai_chai

Do you want a website?

มีเว็บเพื่ออะไร ?เลือกใช้เครื่องมืออะไรดี ?CMS ?

5

Measuring Success

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

6

How to Build a Successful Site

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

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

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

7

Marketing 101

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

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

8

Define : Content Management System

9

Simple Definition :“A CMS is a type of web-besed 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

10

Why Use Joomla!?

11

Joomla is ......

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

เติมได้เอง )

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

12

Trends

13

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

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

Project Awards

14

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

ความเป็นมา

15

16

Current Release

Joomla! 1.5.14Released 30 July 2009

17

What Does Joomla Look Like ?

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

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

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

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

18

Joomla Applications

Joomla Installer Application

19

Joomla Applications

Joomla Site Application

20

Joomla Applications

Joomla Administrative Application

21

Joomla Applications

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

For Developer

22

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

23

Information

Architecture

24

(oversimplified answer)• Plugins - provide additional functional (loginsources, WYSIWYG editors,and such)• Templates - provide the overall skinning to awebsite.• Modules - additional functionality as andaddition to the main content of a page.• Components - replaces content withsomething else9

What are Joomla! extensions?

25

• 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

26

• Powerful, rich API available• Public and Admin versions• Load of examples to learn from and playwith

Components

27

• 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

28

• we (Joomla! Team) will look at code.Prepare to be frightened, bored, or both

• To Learn how to use Joomla! and how to addcool new stuff to it, you really should havegone to session for non-developers

For Joomla! End Users

29

30

Joomla! in Action

After Installed Joomla!

31

paknamlangsuan.com

32

Before

33

After

34

Hnkeal.com

35

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

36

km-sabadchai.com

37

LinkDelight.com

38

BonoMarket.com

39

JomSocial

40

nod32th.com

41

redbullspirit.org

42

bangpakokhospital.com

43

salakphet.com

44

tja.or.th

45

intranet S&P

46

sportscity.co.th

47

ossfestival.in.th

48

scisoc.or.th

49

TOSF.org

50

www.marvelic.co.th

51

thaiembassymnl.ph

52

maf.gov.la

53

extensions.joomla.org

54

extensions.joomla.org

55

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

56

57

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

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

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

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

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

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

Upload เว็บขึ้น hosting

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

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

Domain Name & Hosting

58

 การจด Domain Name

การเชา Web Hosting

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

IP Address

59

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

กับ internet เชน

203.146.102.112

203.150.3.242

192.168.1.1

10.107.1.1

Domain Name

60

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

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

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

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

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

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

ประเภทของ Domain Name

61

สำหรับบุคคลทั่วไป .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 ที่ได้รับการรับรอง

62

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 นายทะเบียนโดเมนประเทศไทย

63

DotArai.com

64

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

65

Co-location

Dedicate Server or Virtual Private Server

Reseller Hosting

Web Hosting

- Linux or Microsoft Windows Server

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

WebServer Solutions

66

12

3

67

ที่มา : www.hostpacific.com

Web Hosting

Joomla! Technical Requirements

68

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

69

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

70

• เตรียม 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)

71

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

72

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

73

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

74

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

75

ติดตั้ง Joomla!

76

ติดตั้ง Joomla!

77

ติดตั้ง Joomla!

78

ติดตั้ง Joomla!

79

80

Joomla! Template

81

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

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

82

http://yourdomain/administrator

User Manager

83

โครงสร้าง Content

84

Article Manager

85

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

86

การจัดการ Extensions

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

87

Install/Uninstall

88

ตัวอย่าง Extension

ตัวอย่างJoomla! Extensions

89

jevents.net

90

Gallery

91

http://www.en.joomgallery.net

Blog Extension

92

Commercial Extension 45$ http://azrul.com

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

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

Download Solutions

93

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

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

94

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

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

95

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

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

96

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

97

Security your Website

Update! Update! and Update!

98

Joomla! Security Strike Team

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

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

99

เว็บที่เป็นทางการของ 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

100

Questions?

101

102

Thanks

Thanks you!

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

follow me : twitter.com/joomlacorner