www.JoomlaCorner.com
with Joomla!1.5
NetDesign
Akarawuth Tamrareang
Tuesday, September 11, 2012
Building Successfull Website
www.JoomlaCorner.com
with Joomla!1.5
NetDesign
Akarawuth Tamrareang
Tuesday, September 11, 2012
About Us
2
อัครวุฒิ ตำราเรียงAkarawuth Tamrareang
(JoomlaCorner)[email protected]
twitter: @joomlacorner
www.marvelic.co.thwww.akarawuth.com Tel : 02 717 1120-1
- 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)
Tuesday, September 11, 2012
About Us
3
ศุภชัย แต่สกุล (ชัย)Senior Web developer - Marvelic Engine Co.,Ltd.
Joomla! Translation Team - Joomla.orgLaiThai Team Developer
email : [email protected] follow me : http://twitter.com/supachai_chai
Tuesday, September 11, 2012
หัวข้อการอบรม
• ครั้งที่ 1.• Overview , จดโดเมน , การเลือกโฮส ,ติดตั้งจูมล่า เรียนรู้เรื่อง User
• ครั้งที่ 2.
• โครงสร้าง Content , content plugin , สร้างเมนู
• ครั้งที่ 3.
• Component ต่างๆ ที่มากับ Core Joomla!
• ครั้งที่ 4.• Modules , Plugins
• ครั้งที่ 5• Templates
• Backup/Restore
4Tuesday, September 11, 2012
Do you want a website?
มีเว็บเพื่ออะไร ?เลือกใช้เครื่องมืออะไรดี ?CMS ?
5Tuesday, September 11, 2012
Measuring Success
ไม่ใช่แค่การมีคนเข้าเว็บจํานวนมาก
6Tuesday, September 11, 2012
How to Build a Successful Site
• เข้าใจเป้าหมายของเว็บที่ทํา•การวางแผนที่ดี (เข้าใจโครงสร้าง Content ของ
จูมล่า)•Navigation (usability)•Design (มีความน่าเชื่อถือ)
•การประชาสัมพันธ์
7Tuesday, September 11, 2012
Marketing 101
หนทางเพิ่มผู้ใช้งาน
• Organic (SEO)• Referral (links)• Pay per click (Google adwords)• Email (return visitors)
8Tuesday, September 11, 2012
คนที่เกี่ยวข้องในเว็บไซต์
9
Marke&ng
Web Programmer
Graphic Design
Content Editor
System Admin
Tuesday, September 11, 2012
Define : Content Management System
10
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.”
Tuesday, September 11, 2012
Social Networking Services What do they havein common with CMS?..... and it appeares on your page seconds later.5
Sample
11Tuesday, September 11, 2012
Why Use Joomla!?
12Tuesday, September 11, 2012
Joomla is ......
- ใช้ง่าย- ทรงพลัง- เปิดเผยโค้ด Open Source( คุณสามารถแก้ไขเพิ่ม
เติมได้เอง )
- รองรับเว็บไซต์ขนาดใหญ่- ฟรี (ถ้าลงมือทําเอง)- ลิขสิทธ์ิเป็นแบบ GNU/GPL
- Joomla! เป็น TM ของ OSM.
13Tuesday, September 11, 2012
Trends
14
แนวโน้มการใช้งาน
ที่มา : http://www.google.com/trends
Tuesday, September 11, 2012
Project Awards
15
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
Tuesday, September 11, 2012
ความเป็นมา
16Tuesday, September 11, 2012
17
Current Release
Joomla! 1.5.2x
Released 24 January 2012
Tuesday, September 11, 2012
18
What Does Joomla Look Like ?
Joomla! แยกออกเป็นสามส่วนหลักๆ ด้วยกัน
• Installer Application ใช้สําหรับติดตั้งจูมล่า ซึ่งใช้เพียงครั้งเดียวและก็สามารถลบออกได้
• Site Application ใช้งานโดย users และเป็นส่วนของการแสดงผลข้อมูลของเว็บไซต์ทั้งหมด
• Administrative Application ใช้โดยผู้ดูแลเว็บไซต์ สําหรับบริหารจัดการเว็บไซต์ทั้งหมด
Tuesday, September 11, 2012
19
Joomla Applications
Joomla Installer Application
Tuesday, September 11, 2012
20
Joomla Applications
Joomla Site Application
Tuesday, September 11, 2012
21
Joomla Applications
Joomla Administrative Application
Tuesday, September 11, 2012
22
Joomla Applications
Administrative Application ใช้สําหรับแก้ไขบทความ, ติดตั้งส่วนขยาย (extensions), อัพโหลด media, บริหารจัดการเมนู
Tuesday, September 11, 2012
For Developer
23
• Provides framework and CMS• Objects!• Easy to skin• Legendary administrative interface• Easy to extend with ....
Tuesday, September 11, 2012
24
Information
Architecture
Tuesday, September 11, 2012
25Tuesday, September 11, 2012
(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?
26Tuesday, September 11, 2012
• 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
27Tuesday, September 11, 2012
• Powerful, rich API available• Public and Admin versions• Load of examples to learn from and playwith
Components
28Tuesday, September 11, 2012
• 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
29Tuesday, September 11, 2012
• 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
30Tuesday, September 11, 2012
31
Joomla! in Action
Tuesday, September 11, 2012
After Installed Joomla!
32Tuesday, September 11, 2012
paknamlangsuan.com
33Tuesday, September 11, 2012
Before
34Tuesday, September 11, 2012
After
35Tuesday, September 11, 2012
BonoMarket.com
36Tuesday, September 11, 2012
Chaipat.or.th
37Tuesday, September 11, 2012
TestcoAcademy.com
38
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.
Tuesday, September 11, 2012
McDonaldsArabia.com
39Tuesday, September 11, 2012
soca.gov.uk
40Tuesday, September 11, 2012
ikea.com.sa
41Tuesday, September 11, 2012
pizzahut.fr
42Tuesday, September 11, 2012
HomePro.co.th
43Tuesday, September 11, 2012
as.nida.ac.th
44Tuesday, September 11, 2012
women40plus.com
45Tuesday, September 11, 2012
volleyballThaiLeague.com
46Tuesday, September 11, 2012
suwanninplace.com
47Tuesday, September 11, 2012
JomSocial
48Tuesday, September 11, 2012
redbullspirit.org
49Tuesday, September 11, 2012
scisoc.or.th
50Tuesday, September 11, 2012
TOSF.org
51Tuesday, September 11, 2012
www.marvelic.co.th
52Tuesday, September 11, 2012
thaiembassymnl.ph
53Tuesday, September 11, 2012
maf.gov.la
54Tuesday, September 11, 2012
extensions.joomla.org
55Tuesday, September 11, 2012
extensions.joomla.org
56Tuesday, September 11, 2012
ปรับความเข้าใจก่อนลงมือสร้างเว็บไซต์
57Tuesday, September 11, 2012
58
ขั้นตอนการสรางเว็บไซตโดยทั่วไป
จดช่ือโดเมน (Domain Name)
เชาพื้นที่เก็บเว็บ (Hosting)
ออกแบบเว็บไซต
เขียนโปรแกรมเพื่อใชจัดการระบบตางๆ เชนระบบสมาชิก ,ระบบจัดการปายโฆษณา และ
เน้ือหาบนเว็บไซต ฯลฯ
Upload เว็บขึ้น hosting
ประชาสัมพันธเว็บไซตใหเปนที่รูจัก
Update และพัฒนาเว็บไซต
Tuesday, September 11, 2012
Domain Name & Hosting
59
การจด Domain Name
การเชา Web Hosting
การจดทะเบียน Domain Name และเชา Hosting
Tuesday, September 11, 2012
IP Address
60
IP Address หมายเลขประจำเครื่องคอมพิวเตอรหรืออุปกรณที่ใชเชื่อมตอ
กับ internet เชน
203.146.102.112
203.150.3.242
192.168.1.1
10.107.1.1
Tuesday, September 11, 2012
Domain Name
61
ชื่อโดเมน คือ ชื่อเรียกเสมือน เชน www.webmaster.or.th เปนชื่อโดเมนของ
สมาคมผูดูแลเว็บไทย ชื่อโดเมนนั้นมีความสำคัญมาก เพราะบงบอกประเภท
ของหนวยงาน และสถานที่จดทะเบียนการใชงาน ชื่อโดเมน ถูกแบงเปนกลุมๆ
และลงทายดวยรหัสยอของประเทศ เชน ประเทศไทยลงทายดวย .th ประเทศ
สิงคโปรลงทายดวย .sg หรือ ประเทศอังกฤษ ลงทายดวย .uk ยกเวนเว็บไซตที่
จดทะเบียนในประเทศสหรัฐอเมริกา ไมตองลงทายดวย .us
Tuesday, September 11, 2012
ประเภทของ Domain Name
62
สำหรับบุคคลทั่วไป .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
Tuesday, September 11, 2012
Registrars ที่ได้รับการรับรอง
63
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…..
Tuesday, September 11, 2012
THNIC นายทะเบียนโดเมนประเทศไทย
64Tuesday, September 11, 2012
DotArai.com
65Tuesday, September 11, 2012
การเช่าเว็บโฮสติ้ง
66
Co-location
Dedicate Server or Virtual Private Server
Reseller Hosting
Web Hosting
- Linux or Microsoft Windows Server
ในประเทศ หรือ ตางประเทศ
Tuesday, September 11, 2012
WebServer Solutions
67
12
3
Tuesday, September 11, 2012
68
ที่มา : www.hostpacific.com
Web Hosting
Tuesday, September 11, 2012
Joomla! Technical Requirements
69
* ห้ามใช้ 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
Tuesday, September 11, 2012
ทํา 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
70Tuesday, September 11, 2012
สรุปขั้นตอนการติดตั้ง Joomla!
71
• เตรียม WebServer (Hosting) สําหรับติดตั้ง• Download Joomla! 1.5 เวอร์ชั่นล่าสุดจาก
Joomla.org• Unpack Software • ติดตั้ง Joomla! • ปรับแต่งข้อมูลบนเว็บไซต์
Tuesday, September 11, 2012
ส่วนของการเตรียม WebServer
• แน่ใจว่าคุณมี Account เพื่อ login (Controlpanel ,FTP)
• สร้าง Database สําหรับ Joomla ด้วย phpMyAdmin
• ตรวจสอบว่า WebServer ของคุณเป็น OS อะไร• ตรวจสอบ PHP เวอร์ชั่น (แนะนําให้ใช้ V.5)
• ทดสอบการเข้าถึงเว็บไซต์ผ่านทาง URL (website Address)
72Tuesday, September 11, 2012
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/
ใช้ Version 1.5.26
ไฟล์ภาษาไทย Download ได้จาก http://joomlacode.org/gf/project/thai
73Tuesday, September 11, 2012
ตัวอย่างการติดตั้ง AppServ
74Tuesday, September 11, 2012
ตัวอย่างการติดตั้ง AppServ
75Tuesday, September 11, 2012
หน้าจอการสร้าง Database
76Tuesday, September 11, 2012
ติดตั้ง Joomla!
77Tuesday, September 11, 2012
ติดตั้ง Joomla!
78Tuesday, September 11, 2012
ติดตั้ง Joomla!
79Tuesday, September 11, 2012
ติดตั้ง Joomla!
80Tuesday, September 11, 2012
81Tuesday, September 11, 2012
Joomla! Template
82
แสดงตําแหน่งต่างๆ ที่ใช้แสดงส่วนประกอบต่างๆ ของ Template สามารถตรวจสอบได้ โดยพิมพ ์ http://yourdomain/index.php?tp=1
Tuesday, September 11, 2012
การทํางานส่วนของ Admin
83
http://yourdomain/administrator
Tuesday, September 11, 2012
User Manager
84Tuesday, September 11, 2012
โครงสร้าง Content
85Tuesday, September 11, 2012
Article Manager
86Tuesday, September 11, 2012
หน้าจอการเขียนบทความ
87Tuesday, September 11, 2012
การจัดการ Extensions
Install/Uninstall extensions• modules• components• plugins• templates• language
88Tuesday, September 11, 2012
Install/Uninstall
89Tuesday, September 11, 2012
ตัวอย่าง Extension
ตัวอย่างJoomla! Extensions
90Tuesday, September 11, 2012
jevents.net
91Tuesday, September 11, 2012
Gallery
92
http://www.en.joomgallery.net
Tuesday, September 11, 2012
Blog Extension
93
Commercial Extension 45$ http://azrul.com
Free & Sell version 65$ http://idojoomla.com
WordPress Integration for Joomla! 59.95$ http://corephp.com
Tuesday, September 11, 2012
Download Solutions
94
• Phoca Download• Attachments for Content• jDownloads• RubberDoc• Remository• JotLoader
Tuesday, September 11, 2012
ระบบจัดการจองห้องประชุม
95
ส่วนการทํางานของผู้ดูแลห้องประชุม
Tuesday, September 11, 2012
ระบบจัดการจองห้องประชุม
96
ส่วนการทํางานด้านหน้า
Tuesday, September 11, 2012
ระบบจัดการสินทรัพย์
97Tuesday, September 11, 2012
รายงานการเบิกจ่ายงบประมาณ
98Tuesday, September 11, 2012
Security your Website
Update! Update! and Update!
99
Joomla! Security Strike Team
Joomla! Secutiy Center : http://developer.joomla.org/security.html
Tuesday, September 11, 2012
แหล่งข้อมูลเพิ่มเติม
100
เว็บที่เป็นทางการของ 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 Official Website http://www.JoomlaCorner.com• Joomla! User Group Thailand (JUG Thailand) http://www.joomla.or.th
Tuesday, September 11, 2012
Joomla User Group Thailand
101Tuesday, September 11, 2012
Questions?
102Tuesday, September 11, 2012
103
Thanks
Thanks you!
http://www.joomlacorner.comhttp://www.joomla.or.th http://[email protected]
follow me : twitter.com/joomlacorner
Tuesday, September 11, 2012