Download pdf - Joomla netdesignj1526

www.JoomlaCorner.com

with Joomla!1.5

NetDesign

Akarawuth Tamrareang

Tuesday, September 11, 2012

http://www.Joomla.org


Building Successfull Website

www.JoomlaCorner.com

with Joomla!1.5

NetDesign

Akarawuth Tamrareang




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)


mailto:[email protected]


http://www.Marvelic.co.th

http://www.Marvelic.co.th

http://www.akarawuth.com

http://www.akarawuth.com

http://www.marvelic.co.th


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




http://twitter.com/supachai_chai

http://twitter.com/supachai_chai

หัวข้อการอบรม

• ครั้งที่ 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 ?


Measuring Success

ไม่ใช่แค่การมีคนเข้าเว็บจํานวนมาก


How to Build a Successful Site

• เข้าใจเป้าหมายของเว็บที่ทํา•การวางแผนที่ดี (เข้าใจโครงสร้าง Content ของ

จูมล่า)•Navigation (usability)•Design (มีความน่าเชื่อถือ)

•การประชาสัมพันธ์


Marketing 101

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

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


คนที่เกี่ยวข้องในเว็บไซต์

9

Marke&ng

Web Programmer

Graphic Design

Content Editor

System Admin


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


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

Sample


Why Use Joomla!?


Joomla is ......

- ใช้ง่าย- ทรงพลัง- เปิดเผยโค้ด Open Source( คุณสามารถแก้ไขเพิ่ม

เติมได้เอง )

- รองรับเว็บไซต์ขนาดใหญ่- ฟรี (ถ้าลงมือทําเอง)- ลิขสิทธ์ิเป็นแบบ GNU/GPL

- Joomla! เป็น TM ของ OSM.


Trends

14

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

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


http://www.google.com/trends

http://www.google.com/trends

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


ความเป็นมา


17

Current Release

Joomla! 1.5.2x

Released 24 January 2012


18

What Does Joomla Look Like ?

Joomla! แยกออกเป็นสามส่วนหลักๆ ด้วยกัน

• Installer Application ใช้สําหรับติดตั้งจูมล่า ซึ่งใช้เพียงครั้งเดียวและก็สามารถลบออกได้

• Site Application ใช้งานโดย users และเป็นส่วนของการแสดงผลข้อมูลของเว็บไซต์ทั้งหมด

• Administrative Application ใช้โดยผู้ดูแลเว็บไซต์ สําหรับบริหารจัดการเว็บไซต์ทั้งหมด


19

Joomla Applications

Joomla Installer Application


20

Joomla Applications

Joomla Site Application


21

Joomla Applications

Joomla Administrative Application


22

Joomla Applications

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


For Developer

23

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


24

Information

Architecture



(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?


• 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


• Powerful, rich API available• Public and Admin versions• Load of examples to learn from and playwith

Components


• 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


• 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


31

Joomla! in Action


After Installed Joomla!


paknamlangsuan.com


Before


After


BonoMarket.com


Chaipat.or.th


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.


https://tescoacademy.com/

https://tescoacademy.com/

McDonaldsArabia.com


soca.gov.uk


ikea.com.sa


pizzahut.fr


HomePro.co.th


as.nida.ac.th


women40plus.com


volleyballThaiLeague.com


suwanninplace.com


JomSocial


redbullspirit.org


scisoc.or.th


TOSF.org


www.marvelic.co.th




thaiembassymnl.ph


maf.gov.la


extensions.joomla.org


extensions.joomla.org


ปรับความเข้าใจก่อนลงมือสร้างเว็บไซต์


58

ขั้นตอนการสรางเว็บไซตโดยทั่วไป

จดช่ือโดเมน (Domain Name)‏

เชาพื้นที่เก็บเว็บ (Hosting)‏

ออกแบบเว็บไซต

เขียนโปรแกรมเพื่อใชจัดการระบบตางๆ เชนระบบสมาชิก ,ระบบจัดการปายโฆษณา และ

เน้ือหาบนเว็บไซต ฯลฯ

Upload เว็บขึ้น hosting

ประชาสัมพันธเว็บไซตใหเปนที่รูจัก

Update และพัฒนาเว็บไซต


Domain Name & Hosting

59

การจด Domain Name

การเชา Web Hosting

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


IP Address

60

IP Address หมายเลขประจำเครื่องคอมพิวเตอรหรืออุปกรณที่ใชเชื่อมตอ

กับ internet เชน

203.146.102.112

203.150.3.242

192.168.1.1

10.107.1.1


Domain Name

61

ชื่อโดเมน คือ ชื่อเรียกเสมือน เชน www.webmaster.or.th เปนชื่อโดเมนของ

สมาคมผูดูแลเว็บไทย ชื่อโดเมนนั้นมีความสำคัญมาก เพราะบงบอกประเภท

ของหนวยงาน และสถานที่จดทะเบียนการใชงาน ชื่อโดเมน ถูกแบงเปนกลุมๆ

และลงทายดวยรหัสยอของประเทศ เชน ประเทศไทยลงทายดวย .th ประเทศ

สิงคโปรลงทายดวย .sg หรือ ประเทศอังกฤษ ลงทายดวย .uk ยกเวนเว็บไซตที่

จดทะเบียนในประเทศสหรัฐอเมริกา ไมตองลงทายดวย .us


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


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


http://www.icann.org

http://www.icann.org



THNIC นายทะเบียนโดเมนประเทศไทย


DotArai.com


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

66

Co-location

Dedicate Server or Virtual Private Server

Reseller Hosting

Web Hosting

- Linux or Microsoft Windows Server

ในประเทศ หรือ ตางประเทศ


WebServer Solutions

67

12

3


68

ที่มา : www.hostpacific.com

Web Hosting


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


http://www.joomla.org/about-joomla/technical-requirements.html

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


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

71

• เตรียม 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)


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


http://www.joomla.org/download.html

http://www.joomla.org/download.html



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


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


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


ติดตั้ง Joomla!









Joomla! Template

82

แสดงตําแหน่งต่างๆ ที่ใช้แสดงส่วนประกอบต่างๆ ของ Template สามารถตรวจสอบได้ โดยพิมพ ์ http://yourdomain/index.php?tp=1


http://yourdomain/index.php?tp=1

http://yourdomain/index.php?tp=1

การทํางานส่วนของ Admin

83

http://yourdomain/administrator




User Manager


โครงสร้าง Content


Article Manager


หน้าจอการเขียนบทความ


การจัดการ Extensions

Install/Uninstall extensions• modules• components• plugins• templates• language


Install/Uninstall


ตัวอย่าง Extension

ตัวอย่างJoomla! Extensions


jevents.net


Gallery

92

http://www.en.joomgallery.net




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


http://azrul.com

http://azrul.com

http://corephp.com

http://corephp.com

Download Solutions

94

• Phoca Download• Attachments for Content• jDownloads• RubberDoc• Remository• JotLoader


ระบบจัดการจองห้องประชุม

95

ส่วนการทํางานของผู้ดูแลห้องประชุม


ระบบจัดการจองห้องประชุม

96

ส่วนการทํางานด้านหน้า


ระบบจัดการสินทรัพย์


รายงานการเบิกจ่ายงบประมาณ


Security your Website

Update! Update! and Update!

99

Joomla! Security Strike Team

Joomla! Secutiy Center : http://developer.joomla.org/security.html


แหล่งข้อมูลเพิ่มเติม

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


http://www.joomla.org

http://www.joomla.org

http://forum.joomla.org

http://forum.joomla.org

http://www.joomlacode.org

http://www.joomlacode.org

http://doc.joomla.org

http://doc.joomla.org

http://extensions.joomla.com

http://extensions.joomla.com

http://www.JoomlaCorner.com

http://www.JoomlaCorner.com

Joomla User Group Thailand


Questions?


103

Thanks

Thanks you!

http://www.joomlacorner.comhttp://www.joomla.or.th http://[email protected]

follow me : twitter.com/joomlacorner


http://www.joomlacorner.com

http://www.joomlacorner.com

http://www.joomla.or.th

http://www.joomla.or.th

