Post on 01-Nov-2014
description
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
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