Joomla 2.5-netdesign

Text

สรางเว็บไซตในหนวยงานดวย Joomla! CMS

Text

โดย อัครวุฒิ ตำราเรียง : @Joomlacorner
Marvevelic Engine Co.,Ltd.

1
Friday, February 8, 2013

- Joomla! Bug Squad : joomla.org
- Founder JoomlaCorner.com
- Founder Marvelic Engine Co.,Ltd.
www.marvelic.co.th
- นายกสมาคมศึกษาและพัฒนาโอเพนซอรส oseda.or.th
- กรรมการควบคุมจริยธรรม สมาคมผูดูแลเว็บไทย
- ผูอำนวยการเทคโนโลยีสารสนเทศ
สมาคมอาสาสมัครบรรเทาสาธารณภัยแหงประเทศไทย
- อดีตกรรมการบริหาร OpenSource Matters Inc.
(Joomla Project)
อัครวุฒิ ตำราเรียง
Akarawuth Tamrareang www.marvelic.co.th
(JoomlaCorner) www.akarawuth.com
akarawuth@marvelic.co.th Tel : 02 717 1120-1
twitter: @joomlacorner
2

เนื้อหาที่จะเรียนรู
• Overview , จดโดเมน , การเลือกโฮส ,ติดตั้งจูมลา

• เรียนรูเรื่อง User

• โครงสราง Content , content plugin

• การจัดการเมนู

• เรียนรูการใชงาน Extensions เบื้องตน

3

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

4

How to Build a Successful website

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

5

Marketing 101

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

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

6

ทีมพัฒนาเว็บไซตประกอบดวย

Marke&ng

Content Editor

Graphic Design

Web Programmer

System Admin

7

CMS คืออะไร?

Simple Deﬁnition :
“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.”

8

ตัวอยาง

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

9

ทำไมถึงเลือกใช Joomla

10

Joomla is....

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

11

Trends

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

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

12

Project Awards

2011 Winner - Packt Open Source Content Management System Award

2008
Runner Up - Packt Overall Open Source Content Management System Award
Runner Up - Packt Best PHP Open Source Content Management System Award

Winner - Packt Best PHP Open Source Content Management System
2007
Runner Up - Packt Overall Open Source Content Management System Award

Winner - Packt Open Source Content Management System Award
2006
Winner - Best Linux / Open Source Project 2006 at UK LinuxWorld

Winner - Best Linux / Open Source Project 2005 at UK LinuxWorld
2005
http://docs.joomla.org/Awards

13

ความเปนมา / เวอรชั่น

ที่มา : http://en.wikipedia.org/wiki/Joomla

14

LTS เวอรชั่น ขณะนี้

Joomla! 2.5.x

15

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

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

16

Joomla! Applications

Joomla! Installer Application

17

Joomla! Site Application

18


Joomla! Administrative Application

19

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

20

For Developer

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

21

Architecture

22

Architecture Joomla! Platform

11.4 ("Brian Kernighan")

23

New feature in Platform 11.4
• Some small improvements for JDocument:
• Allow package extension types to use scriptfiles
• Add INFOURL to _updatecols
• Changed quoteName function.
• Add url filtering, improve url field, update tests to reflect changes.
• Add ability for JDatabase::quoteName to auto split and quote dotted strings
• MultiDB support
• Implement Github Forks API, add missing tests.
• Add the highlighter behavior
• Add git as a valid url protocol.
• Replace JFormFieldEditors with a more general solution.
• Update MooTools to version 1.4.2.

24

Model View Controller (MVC) Architecture

25

What’s Joomla! Extensions?
Joomla! extensions แบงออกเปน 5 ประเภท
• 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.
• Languages - languages package.
• Components - The largest and most complex extensions of them all, they can
be seen as mini-applications. Most components have two parts: a site part and an
administrator part. Every time a Joomla page loads, one component is called to render
the main page body
9
26

ประเภทของ 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

27

What’s Components?

Components : The largest and most complex extensions
of them all. they can be seen as mini-applications. Most
components have two parts: a site part and an
administrator part. Every time a Joomla page loads, one
component is called to render the main page body.
Components are the major portion of a page because a
component is driven by a menu item and every menu item
runs a component.

28

What’s 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

29

For Enduser

• 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

30

Joomla! in Action

31

Default Joomla

32

paknamlangsuan.com

33

Before

34

After

35

chaipat.or.th

36

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.

37

McDonaldsArabia.com

38

ikea.com.sa

39

HomePro.co.th

40

as.nida.ac.th

41

marvelic.co.th

42

maf.gov.la

43

extensions.joomla.org

44

extensions.joomla.org

45

ปรับความเขาใจกอนลงมือสรางเว็บไซต

46

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

47

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

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

48

IP Address

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

49

Domain Name

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

50

ประเภทของ Domain Name
Top Domain Local Domain Descriptions

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

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

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

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

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

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

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

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

51

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

52

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

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

53

WebServer Solutions

1
2

3

54

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/technical-requirements.html

55

ทำ Server บนเครื่อง Desktop

ใช Software ประเภท LAMP (Linux Apache, MySQL, PHP)
• XAMPP 1.7.7
• Apache HTTPD 2.2.11 + OpenSSL 1.0.0e
• MySQL 5.5.16 (Community Server)
• PHP 5.3.8 (VC9 X86 32bit thread safe) + PEAR
• phpMyAdmin 3.4.5
• FileZilla FTP Server 0.9.39
• Mercury Mail Transport System v4.62
• AppServ 2.5.10 http://www.appservnetwork.com
• Apache 2.2.8
• PHP 5.2.6
• MySQL 5.0.51b
• phpMyAdmin-2.10.3

56

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

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

57

สวนของการเตรียม Webserver

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

58

Download the Software

Download Joomla! 2.5.x เวอรชั่นลาสุดจาก Joomla.org
• zip package :
http://www.joomla.org/download.html
• other packages :
http://joomlacode.org/gf/project/joomla/frs/

59

ตัวอยางการติดตั้ง XAMPP

60

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

http://localhost or http://127.0.0.1

ใหนำเว็บไซตไปไวภายใต Directory นี้
drive:xampphtdocs

61

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

http://locahost/phpmyadmin

62

การใชงานโปรแกรม FTP

การ upload Joomla! ขึ้นบน Hosting ดวยโปรแกรม FTP
• Using WinSCP http://winscp.net
• Using FileZilla http://ﬁlezilla-project.org

63


ใน xampp ใช
host: 127.0.0.1
user : newuser
pw : wampp

Using FileZilla

64


ฝง Hosting
ฝงผูใช

Using FileZilla

65


Change File Permission (cmod)

66

ติดตั้ง Joomla!

http://www.yoursite.com หรือ http://localhost/joomlafoldername/

67


68


69


70


71


http://yourdomain/administrator

72


Create conﬁguration.php ﬁle by manual

73


Upload configuration.php file by FTP program

74


If refresh page

75


Manual remove installation folder by FTP program

76


Default Joomla! with no sample data.

77

การทำงานสวนของ Admin

http://yourdomain/administrator/

78

การทำงานสวนของ Admin

http://yourdomain/administrator/

79

โครงสราง Access Control List
Groups
(Public, Registered, Author, Editor, Publisher, Manager, Administrator, และ Super Users)
คาพื้นฐานในสวนของ Backend (Administrator)
•Manager จัดการเนื้อหา มีเดีย และเมนูเนื้อหา
•Administrator ตั้งคาเพิ่มเติม CMT
•Super User ทำไดทุกอยาง
คาพื้นฐานในสวนของ Frontend (Site)
•กลุมผูใชทั่วไป (Public) คือผูที่เขามายังเว็บ
โดยที่ยังไมไดเปนสมาชิก และยังไมไดเขาระบบ
•กลุมสมาชิก (Registered) คือสมาชิกที่เขาสูระบบแลว
เขาถึงขอมูลไดมากกวากลุมผูใชทั่วไป
•กลุมนักเขียน (Author) คือสมาชิกที่เขาสูระบบแลว
สามารถเขียนเนื้อหาเขาสูเว็บไซตได
•กลุมผูตรวจสอบเนื้อหา (Editors) คือสมาชิกที่เขาสูระบบแลว
สามารถเพิ่ม/แกไขเนื้อหางานเขียนของนักเขียนรายอื่นๆ ได
•กลุมผูเผยแพรขอมูล (Publisher) คือสมาชิกที่เขาสูระบบแลว
ทำไดเหมือนกับ Editors และมีสิทธิ์กำหนดใหเนื้อหานั้นๆ เผยแพร หรืองดเผยแพรบนเว็บไซต

http://docs.joomla.org/Access_Control_List/2.5

81

โครงสราง Access Control List
Access Levels
(Public, Registered, Special)
Public
•กลุมผูใชทั่วไป (Public)
Registered
•กลุมสมาชิก (Registered)
•Manager
•Super User
Special
•กลุมนักเขียน (Author)
•Manager
•Super User

82

User Manager

83

โครงสราง Content

84

Category Manager

85

Article Manager

86

หนาจอการเขียนเนื้อหา

87

การจัดการเมนู

88

การโยงเมนูกับ Content

89

การโยงเมนูกับ Content

90

สรางเมนูไปยัง Article

91

การจัดการ Extensions
Extension Manager
Install (Install Extensions)
• Components
• Modules
• Plug-ins
• Templates
Update
Manage (Uninstall Extensions)
• Components
• Modules
• Plug-ins
• Templates
Discover
Database
Warnings
Install languages

92

Install Extension

93

Uninstall Extension

94

Module Manager

95

Plug-in Manager

96

Template Manager

97

Language Manager

98

Security your Website

Update! Update! and Update!

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://oseda.or.th )
• Thai Ofﬁcial Website http://www.JoomlaCorner.com

100

Joomla 2.5-netdesign

Recommended

Recommended

More Related Content

What's hot

What's hot (19)

Viewers also liked

Viewers also liked (6)

Similar to Joomla 2.5-netdesign

Similar to Joomla 2.5-netdesign (20)

More from Akarawuth Tamrareang

More from Akarawuth Tamrareang (11)

Joomla 2.5-netdesign