Joomla Mastering at NetDesign School

Building Successfull Website
with Joomla!1.5

Akarawuth Tamrareang
www.JoomlaCorner.com

NetDesign

Tuesday, February 22, 2011

About Us
- Board Member
OpenSourceMatters.org
- Joomla! Bug Squad : joomla.org
- Founder JoomlaCorner.com
- Founder Marvelic Engine Co.,Ltd.
www.marvelic.co.th
- President
Open Source Education and Development Association.
OSEDA.or.th
- ¡กÃรÃรÁม¡กÒาÃร¤คÇวºบ¤คØุÁม¨จÃรÔิÂย¸ธÃรÃรÁม ÊสÁมÒา¤คÁม¼ผÙูŒŒ´ดÙูáแÅลàเÇวç็ºบäไ·ท∙Âย
ÍอÑั¤คÃรÇวØุ²ฒÔิ µตÓำÃรÒาàเÃรÕีÂย§ง
Akarawuth Tamrareang www.marvelic.co.th
(JoomlaCorner) www.akarawuth.com
akarawuth@marvelic.co.th Tel : 02 717 1120-1
twitter: @joomlacorner

2

About Us

พิศาล เชื้อชาติไชย (บูบู้)
Project Manager - Marvelic Engine Co.,Ltd.
Joomla! Translation Team - Joomla.org
LaiThai Developer Team

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

3

About Us

ศุภชัย แต่สกุล (ชัย)
Senior Web developer - Marvelic Engine Co.,Ltd.
Joomla! Translation Team - Joomla.org
LaiThai Team Developer

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

4

About Us

รวิวรรธก์ มาลา (แทน)
Web Developer - Marvelic Engine Co.,Ltd.
LaiThai Developer Team - JoomlaCorner.com

email : rawiwat.m@marvelic.co.th

5

หัวข้อการอบรม

• ครั้งที่ 1.
• Overview , จดโดเมน , การเลือกโฮส ,ติดตั้งจูมล่า เรียนรู้เรื่อง User
• โครงสร้าง Content , content plugin , สร้างเมนู
• Component ต่างๆ ที่มากับ Core Joomla!
• Modules , Plugins
• ครั้งที่ 5
• Templates
• Backup/Restore

6

Do you want a website?

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

7

Measuring Success

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

8

How to Build a Successful Site

• เข้าใจเป้าหมายของเว็บที่ทํา
• การวางแผนที่ดี (เข้าใจโครงสร้าง Content ของ
จูมล่า)
• Navigation (usability)
• Design (มีความน่าเชื่อถือ)
• การประชาสัมพันธ์

9

Marketing 101

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

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

10

คนที่เกี่ยวข้องในเว็บไซต์

Marke&ng

Content Editor

Graphic Design

Web Programmer

System Admin

11

Define : Content Management System

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

12

Sample

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

13

Why Use Joomla!?

14

Joomla is ......

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

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

15

Trends

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

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

16

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

17

ความเป็นมา

18

Current Release

Joomla! 1.5.22
Released 5 November 2010 Released 10 January 2011

19

What Does Joomla Look Like ?

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

• Installer Application ใช้สําหรับติดตั้งจูมล่า ซึ่งใช้
เพียงครั้งเดียวและก็สามารถลบออกได้
• Site Application ใช้งานโดย users และเป็นส่วน
ของการแสดงผลข้อมูลของเว็บไซต์ทั้งหมด
• Administrative Application ใช้โดยผู้ดูแล
เว็บไซต์ สําหรับบริหารจัดการเว็บไซต์ทั้งหมด

20

Joomla Applications

Joomla Installer Application

21

Joomla Applications

Joomla Site Application

22

Joomla Applications

Joomla Administrative Application

23

Joomla Applications

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

24

For Developer

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

25

Information

Architecture

26

What are Joomla! extensions?

(oversimpliﬁed 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

28

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
29

Components

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

30

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
31

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

32

Joomla! in Action

33

After Installed Joomla!

34

paknamlangsuan.com

35

Before

36

After

37

BonoMarket.com

38

Chaipat.or.th

39

TestcoAcademy.com

training website serving over
400,000 staff members
worldwide: TescoAcademy.com.
They choose to build with
Joomla, together with Moodle
for the learning management
software. The site provides a
highly customised user
experience, filtering content
depending on the users's role
and business area.

40

McDonaldsArabia.com

41

soca.gov.uk

42

ikea.com.sa

43

pizzahut.fr

44

HomePro.co.th

45

as.nida.ac.th

46

women40plus.com

47

volleyballThaiLeague.com

48

suwanninplace.com

49

JomSocial

50

redbullspirit.org

51

scisoc.or.th

52

TOSF.org

53

www.marvelic.co.th

54

thaiembassymnl.ph

55

maf.gov.la

56

extensions.joomla.org

57

extensions.joomla.org

58

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

59

ขั้นตอนการสรางเว็บไซตโดยทั่วไป
จดชื่อโดเมน (Domain Name)‫‏‬
เชาพื้นที่เก็บเว็บ (Hosting)‫‏‬
ออกแบบเว็บไซต
เขียนโปรแกรมเพื่อใชจัดการระบบตางๆ เชนระบบสมาชิก ,ระบบจัดการปายโฆษณา และ
เนื้อหาบนเว็บไซต ฯลฯ
Upload เว็บขึ้น hosting

ประชาสัมพันธเว็บไซตใหเปนที่รูจัก
Update และพัฒนาเว็บไซต

60

Domain Name & Hosting

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

 การจด Domain Name
 การเชา Web Hosting

61

IP Address

IP Address หมายเลขประจำเครื่องคอมพิวเตอรหรืออุปกรณที่ใชเชื่อมตอ
กับ internet เชน
203.146.102.112
203.150.3.242
192.168.1.1
10.107.1.1

62

Domain Name

ชื่อโดเมน คือ ชื่อเรียกเสมือน เชน www.webmaster.or.th เปนชื่อโดเมนของ
สมาคมผูดูแลเว็บไทย ชื่อโดเมนนั้นมีความสำคัญมาก เพราะบงบอกประเภท
ของหนวยงาน และสถานที่จดทะเบียนการใชงาน ชื่อโดเมน ถูกแบงเปนกลุมๆ
และลงทายดวยรหัสยอของประเทศ เชน ประเทศไทยลงทายดวย .th ประเทศ
สิงคโปรลงทายดวย .sg หรือ ประเทศอังกฤษ ลงทายดวย .uk ยกเวนเว็บไซตที่
จดทะเบียนในประเทศสหรัฐอเมริกา ไมตองลงทายดวย .us

63

ประเภทของ Domain Name

Top Domain Local Domain Desc
.com .co.th สำหรับองคกรธุรกิจ , เพื่อการคา
.net .net.th สำหรับองคกรที่เปนเครือขาย
.org .or.th สำหรับหนวยงานที่ไมแสวงหาผลกำไร
.edu .ac.th สำหรับสถาบันการศึกษา
.gov .go.th สำหรับหนวยงานของรัฐ
.mil .mi.th สำหรับหนวยงานทหาร
.info , .tv - สำหรับองคกรที่ทำเกี่ยวกับขาวสาร
.in.th สำหรับบุคคลทั่วไป
64

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

 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…..

65

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

66

DotArai.com

67

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

Co-location
Dedicate Server or Virtual Private Server
Reseller Hosting
Web Hosting
- Linux or Microsoft Windows Server
ในประเทศ หรือ ตางประเทศ

68

WebServer Solutions

1
2

3

69

Web Hosting
ที่มา : www.hostpaciﬁc.com

70

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

71

ทํา 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

72

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

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

73

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

• แน่ใจว่าคุณมี Account เพื่อ login (Controlpanel ,FTP)
• สร้าง Database สําหรับ Joomla ด้วย phpMyAdmin
• ตรวจสอบว่า WebServer ของคุณเป็น OS อะไร
• ตรวจสอบ PHP เวอร์ชั่น (แนะนําให้ใช้ V.5)
• ทดสอบการเข้าถึงเว็บไซต์ผ่านทาง URL (website
Address)

74

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.22 (ณ วันที่ 10 พ.ย. 2010)

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

75

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

76

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

77

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

78

ติดตั้ง Joomla!

79


80


81


82

Joomla! Template

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

84

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

http://yourdomain/administrator

85

User Manager

86

โครงสร้าง Content

87

Article Manager

88

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

89

การจัดการ Extensions

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

90

Install/Uninstall

91

ตัวอย่าง Extension

ตัวอย่าง
Joomla! Extensions

92

jevents.net

93

Gallery

http://www.en.joomgallery.net

94

Blog Extension

Commercial Extension 45$ http://azrul.com

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

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

95

Download Solutions

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

96

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

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

97

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

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

98

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

99

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

100

Security your Website

Update! Update! and Update!

Joomla! Security Strike Team

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

101

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

เว็บที่เป็นทางการของ 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 Ofﬁcial Website http://www.JoomlaCorner.com
• Joomla! User Group Thailand (JUG Thailand)
http://www.joomla.or.th

102

Joomla User Group Thailand

103

Questions?

104

Thanks

Thanks you!

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

follow me : twitter.com/joomlacorner

105

Joomla Mastering at NetDesign School

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (16)

Similar a Joomla Mastering at NetDesign School

Similar a Joomla Mastering at NetDesign School (12)

Más de Akarawuth Tamrareang

Más de Akarawuth Tamrareang (12)

Joomla Mastering at NetDesign School