SlideShare a Scribd company logo
การสร้างเว็บไซต์ด้วย Joomla! CMS
!
อัครวุฒิ ตำราเรียง

@JoomlaCorner

!1
about me

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

Akarawuth Tamrareang
(JoomlaCorner)
akarawuth@marvelic.co.th
twitter: @joomlacorner

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

OSEDA.or.th
- Joomla! Bug Squad : joomla.org

- Founder JoomlaCorner.com
- กรรมการผู้จัดการ Marvelic Engine Co.,Ltd.
www.marvelic.co.th
- กรรมการควบคุมจริยธรรม สมาคมผู้ดูแลเว็บไทย
- ผู้อำนวยการฝ่ายเทคโนโลยีสารสนเทศ 

สมาคมอาสาสมัครบรรเทาสาธารณภัยแห่งประเทศไทย
- ที่ปรึกษาสมาคมการดับเพลิงและช่วยชีวิต
- อดีตกรรมการบริหาร OpenSource Matters Inc.(Joomla
Project)


www.marvelic.co.th
www.akarawuth.com
Tel : 02 717 1120-1
!2
The Joomla CMS provides a robust content management
system for you to develop your dynamic websites.

!3
Source : http://youtu.be/Qjnc0H8utks
!4
!5
The Joomla CMS provides a robust content management
system for you to develop your dynamic websites.

The Joomla Framework provides a set of files which can be
used to create both web and command line applications.

!6
ตัวอย่างเว็บที่ใช้

!7
มูลนิธิชัยพัฒนา
!8
มูลนิธิแม่ฟ้าหลวง ในพระบรมราชูปถัมภ์
!9
Software Park , iPhone4Society
!10
สถาบันพัฒนาองค์กรชุมชน codi.or.th
!11
S&P Intranet
!12
โรงเรียนกวดวิชา โอพลัส : oplus-school.com
!13
โรงเรียนกวดวิชา โอพลัส : oplus-school.com
!13
cmsplugin.com
!14
cmsplugin.com
!14
ระบบจัดฝึกอบรม Softwarepark
!15
• ห้ามใช้ 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
!16
Tools open source ที่ใช้งาน
•
•
•
•

XAMPP หรือ Software ที่ใช้จำลองเป็น WebServer
FileZilla โปรแกรม FTP Client ใช้ในการ Transfer ข้อมูลขึ้น Hosting
7-Zip โปรแกรมใช้สำหรับแตกไฟล์/บีบอัดไฟล์ ใช้แทน WinZip, WinRAR
NotePad++

!17
จำลองเครื่องเป็น WebServer / ติดตั้ง XAMPP

!18
การติดตั้ง XAMPP

http://localhost or http://127.0.0.1 




ให้นำเว็บไซต์ไปไว้ภายใต้ Directory นี้

drive:xampphtdocs

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

!20
ใน xampp ใช้ 

host: 127.0.0.1

user : newuser 

pw : wampp

ตัวอย่างการใช้งาน FileZilla FTP
!21
ฝั่ง Hosting
ฝั่งผู้ใช้

Using FileZilla

ตัวอย่างการใช้งาน FileZilla FTP
!22
Change File Permission (cmod)

ตัวอย่างการใช้งาน FileZilla FTP
!23
ขั้นตอนการสร้างเว็บไซต์ด้วย Joomla! 

1. ทำการดาวน์โหลด Joomla! เวอร์ชั่นที่ต้องการจากเว็บไซต์ joomla.org
2. แตกไฟล์ Joomla! Package ที่ดาวน์โหลดมา แล้วทำการ Transfer files ทั้งหมด

ขึ้นไปไว้ใน Hosting ที่ได้เตรียมไว้
3. ทำการติดตั้ง Joomla! โดยพิมพ์ URL ของเว็บที่ได้นำไฟล์ Joomla! ขึ้นไปไว้

เช่น http://yourdomain.com 

หรือหากจำลองไว้ในเครื่องก็เป็น http://localhost/youFolderName
4. เตรียม SiteMap ของเว็บไซต์ เมนูต่างๆ รวมถึงข้อมูลที่จะมีบนเว็บไซต์
5. จัด Group แบ่งประเภทของเนื้อหา , ใส่เนื้อหา
6. สร้างเมนู
7. ติดตั้ง Extensions (Template,Modules,Plugins) ที่ต้องการตามความจำเป็น
8. ตั้งค่าปรับแต่งเว็บไซต์ เปิดโมดูล ในตำแหน่งที่ต้องการ

!24
!25
!26
!27
!28
!29
!30
!31
ส่วนของผู้บริหารเว็บไซต์

http://yourwebsite.com/administrator
!32
!33
Tools bar icons

!34
!35
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/J2.5:Access_Control_List_Tutorial
!36
Access Levels
(Public, Registered, Special)

Public
•กลุ่มผู้ใช้ทั่วไป (Public)
Registered
•กลุ่มสมาชิก (Registered)
•Manager
•Super User
Special
•กลุ่มนักเขียน (Author)
•Manager
•Super User

** เป็นชื่อเรียกของ Access Levels โดยแต่ละชื่อเรียกจะประกอบไปด้วย User Group ต่างๆ

http://docs.joomla.org/J2.5:Access_Control_List_Tutorial
!37
http://docs.joomla.org/J2.5:Access_Control_List_Tutorial
!38
การบริหารจัดการสมาชิก

!39
โครงสร้าง Content

!40
ส่วนของการบริหารจัดการ Content

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

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

!43
เลือกประเภทเมนู
!44
Joomla! extensions แบ่งออกเป็น 5 ประเภท

✦
✦

✦
✦

✦

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
Plugins provide additional functional (login sources, WYSIWYG editors,and
such)

9

!45
การจัดการส่วนของ Extensions ต่างๆ

!46
!47
!48
http://docs.joomla.org/J3.2:How_to_use_the_Template_Manager
!49
http://docs.joomla.org/J3.2:How_to_use_the_Template_Manager
!50
Q&A
http://www.joomlacorner.com
http://www.marvelic.co.th

!51

More Related Content

PDF
Joomla 3.4 Workshop by Marvelic Engine
PDF
Build Website with Joomla! 3.3
PDF
Joomla 2.5-netdesign
PDF
เว็บสำเร็จรูป
PDF
Many Solutions with Joomla!
PDF
JoomlaTalk#9 - Joomla Security
PDF
JoomlaDay Bangkok 2014 - Various Solutions by Joomla!
PDF
Joomla Mastering at NetDesign School
Joomla 3.4 Workshop by Marvelic Engine
Build Website with Joomla! 3.3
Joomla 2.5-netdesign
เว็บสำเร็จรูป
Many Solutions with Joomla!
JoomlaTalk#9 - Joomla Security
JoomlaDay Bangkok 2014 - Various Solutions by Joomla!
Joomla Mastering at NetDesign School

What's hot (19)

PDF
Joomla คืออะไร
PDF
PDF
คู่มือ Joomla
PDF
คู่มือ อบรม Joomla! 3.x
PDF
Joomla 3.7 Workshop 1 Day
PDF
Wordpress day01 MoT
PDF
Joomla Talk ครั้งที่ 6 Back to basic Joomla and Template
KEY
คู่มือการติดตั้ง Wordpress บน AppServ
PDF
20100903 joomla-book-library-extension
PDF
คู่มือการติดตั้งและใช้งานJoomla cms
PDF
Blog with Wordpress
PDF
เนื้อหา1
PDF
สร้างเว็บไซต์ด้วยWordpress
PDF
สไลด์การอบรม Joomla! 2.5
PDF
Joomla present at Bangkok University
PDF
Building and Maintaining OpenSource Projects.
PDF
Wordpress
PDF
Joomla2 5
PDF
Php training
Joomla คืออะไร
คู่มือ Joomla
คู่มือ อบรม Joomla! 3.x
Joomla 3.7 Workshop 1 Day
Wordpress day01 MoT
Joomla Talk ครั้งที่ 6 Back to basic Joomla and Template
คู่มือการติดตั้ง Wordpress บน AppServ
20100903 joomla-book-library-extension
คู่มือการติดตั้งและใช้งานJoomla cms
Blog with Wordpress
เนื้อหา1
สร้างเว็บไซต์ด้วยWordpress
สไลด์การอบรม Joomla! 2.5
Joomla present at Bangkok University
Building and Maintaining OpenSource Projects.
Wordpress
Joomla2 5
Php training
Ad

Similar to Joomla 3.2 workshop at PIM.ac.th (20)

PPT
อบรมการสร้างเว็บไซต์ระบบ Cms ด้วย joomla
PDF
Presentation joomla
PDF
Joomla 3-by-colorpack
PDF
คู่มือการติดตั้งและใช้งานJoomla cms
PDF
คู่มือการติดตั้งและใช้งานJoomla cms
PDF
Joomla present at TOT Academy2
PDF
การบริการสารสนเทศบนเว็บด้วย OSS : Joomla Workshop
PPT
Joomla2
PDF
คู่มือการติดตั้งและใช้งาน Joomla!
PPT
Control Panel ใน Joomla 1.5
PPT
Joomla Admin
PPTX
หน่วยที่ 9 จัดการหน้าแรกให้กับเว็บไซต์
PDF
Joomla3 : XAMPP Portable
PPT
20080306joomla 1214552387011563-9
PPT
Web Development with Joomla
PPT
20080306 Joomla
PDF
Joomla NetDesign2
PPTX
Joomla
อบรมการสร้างเว็บไซต์ระบบ Cms ด้วย joomla
Presentation joomla
Joomla 3-by-colorpack
คู่มือการติดตั้งและใช้งานJoomla cms
คู่มือการติดตั้งและใช้งานJoomla cms
Joomla present at TOT Academy2
การบริการสารสนเทศบนเว็บด้วย OSS : Joomla Workshop
Joomla2
คู่มือการติดตั้งและใช้งาน Joomla!
Control Panel ใน Joomla 1.5
Joomla Admin
หน่วยที่ 9 จัดการหน้าแรกให้กับเว็บไซต์
Joomla3 : XAMPP Portable
20080306joomla 1214552387011563-9
Web Development with Joomla
20080306 Joomla
Joomla NetDesign2
Joomla
Ad

More from Akarawuth Tamrareang (18)

PDF
eCommerce website at TWA Web Trends 2025 event
PDF
Building and Maintaining Open Source Project - YWC14
PDF
OWASP Thailand 2016 - Joomla Security
PDF
การเตรียมตัวสร้างร้านค้าออนไลน์
PDF
Digital Content for Business
PDF
Security CMS - Opensoure2Day event
PDF
JoomlaDay Bangkok 2013 - Joomla 3.2 Feature
PDF
Joomla netdesignj1526
PDF
Build and Type of Website with CCK
PDF
Open Source Copyright - License
PDF
Joomla 2.5 Feature
PDF
Copyright license-sipa2
PDF
ศักยภาพของนักพัฒนาซอฟต์แวร์ไทย กับ การบริหารจัดการสิทธิเหนือลิขสิทธิ์
PDF
Joomla! CMS - Intranet Solutions
PDF
project with grovement
PDF
WebDesign and CMS for PRD event.
PDF
ระบบบริหารจัดการศูนย์การเรียนรู้
PDF
Cms Solutions
eCommerce website at TWA Web Trends 2025 event
Building and Maintaining Open Source Project - YWC14
OWASP Thailand 2016 - Joomla Security
การเตรียมตัวสร้างร้านค้าออนไลน์
Digital Content for Business
Security CMS - Opensoure2Day event
JoomlaDay Bangkok 2013 - Joomla 3.2 Feature
Joomla netdesignj1526
Build and Type of Website with CCK
Open Source Copyright - License
Joomla 2.5 Feature
Copyright license-sipa2
ศักยภาพของนักพัฒนาซอฟต์แวร์ไทย กับ การบริหารจัดการสิทธิเหนือลิขสิทธิ์
Joomla! CMS - Intranet Solutions
project with grovement
WebDesign and CMS for PRD event.
ระบบบริหารจัดการศูนย์การเรียนรู้
Cms Solutions

Joomla 3.2 workshop at PIM.ac.th