SlideShare a Scribd company logo

Joomla netdesignj1526

Akarawuth Tamrareang, profile picture
Akarawuth Tamrareang

Joomla at NetDesign

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

More Related Content

PDF
Joomla! CMS - Intranet Solutions
Akarawuth Tamrareang
 
PPT
Prueba
guest01d5b9
 
PDF
Joomla 2.5 Feature
Akarawuth Tamrareang
 
PPTX
The Connecting Point
walkert
 
PPT
Prueba
guest01d5b9
 
PDF
WebDesign and CMS for PRD event.
Akarawuth Tamrareang
 
PPT
Prueba
guest01d5b9
 
PPTX
How Restaurant Operators Can Eliminate Work, By Creating Systems
walkert
 
Joomla! CMS - Intranet Solutions
Akarawuth Tamrareang
 
Prueba
guest01d5b9
 
Joomla 2.5 Feature
Akarawuth Tamrareang
 
The Connecting Point
walkert
 
Prueba
guest01d5b9
 
WebDesign and CMS for PRD event.
Akarawuth Tamrareang
 
Prueba
guest01d5b9
 
How Restaurant Operators Can Eliminate Work, By Creating Systems
walkert
 

Similar to Joomla netdesignj1526 (20)

PDF
Joomla Mastering at NetDesign School
Akarawuth Tamrareang
 
PDF
Joomla 2.5-netdesign
Akarawuth Tamrareang
 
PDF
Joomla NetDesign2
Akarawuth Tamrareang
 
PDF
Joomla present at Bangkok University
Akarawuth Tamrareang
 
PDF
Open Source Copyright - License
Akarawuth Tamrareang
 
PDF
ศักยภาพของนักพัฒนาซอฟต์แวร์ไทย กับ การบริหารจัดการสิทธิเหนือลิขสิทธิ์
Akarawuth Tamrareang
 
PDF
Cms Solutions
Akarawuth Tamrareang
 
PDF
Joomla 3.7 Workshop 1 Day
Akarawuth Tamrareang
 
PDF
คู่มือการติดตั้งและใช้งานJoomla cms
ปอ อา มอ
 
PDF
คู่มือการติดตั้งและใช้งานJoomla cms
ธนวัฒน์ แสนสุข
 
PDF
คู่มือการติดตั้งและใช้งานJoomla cms
withawat na wanma
 
PDF
Joomla O public version
thanathip
 
PDF
Many Solutions with Joomla!
Akarawuth Tamrareang
 
PDF
Copyright license-sipa2
Akarawuth Tamrareang
 
PDF
JoomlaDay Bangkok 2014 - Various Solutions by Joomla!
Akarawuth Tamrareang
 
PDF
Build Website with Joomla! 3.3
Akarawuth Tamrareang
 
PDF
Security CMS - Opensoure2Day event
Akarawuth Tamrareang
 
PDF
การบริการสารสนเทศบนเว็บด้วย OSS : Joomla Workshop
Satapon Yosakonkun
 
PDF
Joomla present at TOT Academy2
Akarawuth Tamrareang
 
PDF
Joomla CMS
Boonlert Aroonpiboon
 
Joomla Mastering at NetDesign School
Akarawuth Tamrareang
 
Joomla 2.5-netdesign
Akarawuth Tamrareang
 
Joomla NetDesign2
Akarawuth Tamrareang
 
Joomla present at Bangkok University
Akarawuth Tamrareang
 
Open Source Copyright - License
Akarawuth Tamrareang
 
ศักยภาพของนักพัฒนาซอฟต์แวร์ไทย กับ การบริหารจัดการสิทธิเหนือลิขสิทธิ์
Akarawuth Tamrareang
 
Cms Solutions
Akarawuth Tamrareang
 
Joomla 3.7 Workshop 1 Day
Akarawuth Tamrareang
 
คู่มือการติดตั้งและใช้งานJoomla cms
ปอ อา มอ
 
คู่มือการติดตั้งและใช้งานJoomla cms
ธนวัฒน์ แสนสุข
 
คู่มือการติดตั้งและใช้งานJoomla cms
withawat na wanma
 
Joomla O public version
thanathip
 
Many Solutions with Joomla!
Akarawuth Tamrareang
 
Copyright license-sipa2
Akarawuth Tamrareang
 
JoomlaDay Bangkok 2014 - Various Solutions by Joomla!
Akarawuth Tamrareang
 
Build Website with Joomla! 3.3
Akarawuth Tamrareang
 
Security CMS - Opensoure2Day event
Akarawuth Tamrareang
 
การบริการสารสนเทศบนเว็บด้วย OSS : Joomla Workshop
Satapon Yosakonkun
 
Joomla present at TOT Academy2
Akarawuth Tamrareang
 
Joomla CMS
Boonlert Aroonpiboon
 
Ad

More from Akarawuth Tamrareang (14)

PDF
eCommerce website at TWA Web Trends 2025 event
Akarawuth Tamrareang
 
PDF
Building and Maintaining Open Source Project - YWC14
Akarawuth Tamrareang
 
PDF
OWASP Thailand 2016 - Joomla Security
Akarawuth Tamrareang
 
PDF
การเตรียมตัวสร้างร้านค้าออนไลน์
Akarawuth Tamrareang
 
PDF
Digital Content for Business
Akarawuth Tamrareang
 
PDF
Building and Maintaining OpenSource Projects.
Akarawuth Tamrareang
 
PDF
JoomlaTalk#9 - Joomla Security
Akarawuth Tamrareang
 
PDF
Joomla Talk ครั้งที่ 6 Back to basic Joomla and Template
Akarawuth Tamrareang
 
PDF
Joomla 3.4 Workshop by Marvelic Engine
Akarawuth Tamrareang
 
PDF
Joomla 3.2 workshop at PIM.ac.th
Akarawuth Tamrareang
 
PDF
JoomlaDay Bangkok 2013 - Joomla 3.2 Feature
Akarawuth Tamrareang
 
PDF
Build and Type of Website with CCK
Akarawuth Tamrareang
 
PDF
project with grovement
Akarawuth Tamrareang
 
PDF
ระบบบริหารจัดการศูนย์การเรียนรู้
Akarawuth Tamrareang
 
eCommerce website at TWA Web Trends 2025 event
Akarawuth Tamrareang
 
Building and Maintaining Open Source Project - YWC14
Akarawuth Tamrareang
 
OWASP Thailand 2016 - Joomla Security
Akarawuth Tamrareang
 
การเตรียมตัวสร้างร้านค้าออนไลน์
Akarawuth Tamrareang
 
Digital Content for Business
Akarawuth Tamrareang
 
Building and Maintaining OpenSource Projects.
Akarawuth Tamrareang
 
JoomlaTalk#9 - Joomla Security
Akarawuth Tamrareang
 
Joomla Talk ครั้งที่ 6 Back to basic Joomla and Template
Akarawuth Tamrareang
 
Joomla 3.4 Workshop by Marvelic Engine
Akarawuth Tamrareang
 
Joomla 3.2 workshop at PIM.ac.th
Akarawuth Tamrareang
 
JoomlaDay Bangkok 2013 - Joomla 3.2 Feature
Akarawuth Tamrareang
 
Build and Type of Website with CCK
Akarawuth Tamrareang
 
project with grovement
Akarawuth Tamrareang
 
ระบบบริหารจัดการศูนย์การเรียนรู้
Akarawuth Tamrareang
 
Ad

Joomla netdesignj1526

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