Joomla Training at NetDesign

1. Building Successfull Website
with Joomla!1.5
Akarawuth Tamrareang
www.JoomlaCorner.com
NetDesign

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)
นายกสมาคมศึกษาและพัฒนาโอเพ่นซอร์ส
email : akarawuth@joomlacorner.com
akarawuth.tamrareang@community.joomla.org
follow me : http://twitter.com/joomlacorner
2

3. About Us
พิศาล เชื้อชาติไชย (บูบู้)
Project Manager - Marvelic Engine Co.,Ltd.
Joomla! Translation Team - Joomla.org
LaiThai Developer Team
email : pisan@marvelic.co.th
follow me : http://twitter.com/lungkao
3

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
4

5. Do you want a website?
มีเว็บเพื่ออะไร ?
เลือกใช้เครื่องมืออะไรดี ?
CMS ?
5

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

7. How to Build a Successful Site
• เข้าใจเป้าหมายของเว็บที่ทํา
• การวางแผนที่ดี (เข้าใจโครงสร้าง Content ของ
จูมล่า)
• Navigation (usability)
• Design (มีความน่าเชื่อถือ)
• การประชาสัมพันธ์
7

8. Marketing 101
หนทางเพิ่มผู้ใช้งาน
• Organic (SEO)
• Referral (links)
• Pay per click (Google adwords)
• Email (return visitors)
8

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

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

11. Why Use Joomla!?
11

12. Joomla is ......
- ใช้ง่าย
- ทรงพลัง
- เปิดเผยโค้ด Open Source( คุณสามารถแก้ไขเพิ่ม
เติมได้เอง )
- รองรับเว็บไซต์ขนาดใหญ่
- ฟรี (ถ้าลงมือทําเอง)
- ลิขสิทธิ์เป็นแบบ GNU/GPL
12

13. Trends
แนวโน้มการใช้งาน
ที่มา : http://www.google.com/trends
13

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

15. ความเป็นมา
15

16. Current Release
Joomla! 1.5.14
Released 30 July 2009
16

17. What Does Joomla Look Like ?
Joomla! แยกออกเป็นสามส่วนหลักๆ ด้วยกัน
• Installer Application ใช้สําหรับติดตั้งจูมล่า ซึ่งใช้
เพียงครั้งเดียวและก็สามารถลบออกได้
• Site Application ใช้งานโดย users และเป็นส่วน
ของการแสดงผลข้อมูลของเว็บไซต์ทั้งหมด
• Administrative Application ใช้โดยผู้ดูแล
เว็บไซต์ สําหรับบริหารจัดการเว็บไซต์ทั้งหมด
17

18. Joomla Applications
Joomla Installer Application
18

19. Joomla Applications
Joomla Site Application
19

20. Joomla Applications
Joomla Administrative Application
20

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

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

23. Information
Architecture
23

24. 24

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

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

27. Components
• Powerful, rich API available
• Public and Admin versions
• Load of examples to learn from and play
with
27

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

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

30. Joomla! in Action
30

31. After Installed Joomla!
31

32. paknamlangsuan.com
32

33. Before
33

34. After
34

35. Hnkeal.com
35

36. สถาบันส่งเสริมอัจฉริยภาพและนวัตกรรมการเรียนรู้ (สสอน.):
www.igil.or.th
36

37. km-sabadchai.com
37

38. LinkDelight.com
38

39. BonoMarket.com
39

40. JomSocial
40

41. nod32th.com
41

42. redbullspirit.org
42

43. bangpakokhospital.com
43

44. salakphet.com
44

45. tja.or.th
45

46. intranet S&P
46

47. sportscity.co.th
47

48. ossfestival.in.th
48

49. scisoc.or.th
49

50. TOSF.org
50

51. www.marvelic.co.th
51

52. thaiembassymnl.ph
52

53. maf.gov.la
53

54. extensions.joomla.org
54

55. extensions.joomla.org
55

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

57. ขั้นตอนการสรางเว็บไซตโดยทั่วไป
จดชื่อโดเมน (Domain Name)‫‏‬
เชาพื้นที่เก็บเว็บ (Hosting)‫‏‬
ออกแบบเว็บไซต
เขียนโปรแกรมเพื่อใชจัดการระบบตางๆ เชนระบบสมาชิก ,ระบบจัดการปายโฆษณา และ
เนื้อหาบนเว็บไซต ฯลฯ
Upload เว็บขึ้น hosting
ประชาสัมพันธเว็บไซตใหเปนที่รูจัก
Update และพัฒนาเว็บไซต
57

58. Domain Name & Hosting
การจดทะเบียน Domain Name และเชา Hosting
 การจด Domain Name
 การเชา Web Hosting
58

59. IP Address
IP Address หมายเลขประจำเครื่องคอมพิวเตอรหรืออุปกรณที่ใชเชื่อมตอ
กับ internet เชน
203.146.102.112
203.150.3.242
192.168.1.1
10.107.1.1
59

60. Domain Name
ชื่อโดเมน คือ ชื่อเรียกเสมือน เชน www.webmaster.or.th เปนชื่อโดเมนของ
สมาคมผูดูแลเว็บไทย ชื่อโดเมนนั้นมีความสำคัญมาก เพราะบงบอกประเภท
ของหนวยงาน และสถานที่จดทะเบียนการใชงาน ชื่อโดเมน ถูกแบงเปนกลุมๆ
และลงทายดวยรหัสยอของประเทศ เชน ประเทศไทยลงทายดวย .th ประเทศ
สิงคโปรลงทายดวย .sg หรือ ประเทศอังกฤษ ลงทายดวย .uk ยกเวนเว็บไซตที่
จดทะเบียนในประเทศสหรัฐอเมริกา ไมตองลงทายดวย .us
60

61. ประเภทของ 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 สำหรับบุคคลทั่วไป
61

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

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

64. DotArai.com
64

65. การเช่าเว็บโฮสติ้ง
Co-location
Dedicate Server or Virtual Private Server
Reseller Hosting
Web Hosting
- Linux or Microsoft Windows Server
ในประเทศ หรือ ตางประเทศ
65

66. WebServer Solutions
1
2
3
66

67. Web Hosting
ที่มา : www.hostpacific.com
67

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

69. ทํา 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

70. สรุปขั้นตอนการติดตั้ง Joomla!
• เตรียม WebServer (Hosting) สําหรับติดตั้ง
• Download Joomla! 1.5 เวอร์ชั่นล่าสุดจาก
Joomla.org
• Unpack Software
• ติดตั้ง Joomla!
• ปรับแต่งข้อมูลบนเว็บไซต์
70

71. ส่วนของการเตรียม WebServer
• แน่ใจว่าคุณมี Account เพื่อ login (Controlpanel ,FTP)
• สร้าง Database สําหรับ Joomla ด้วย phpMyAdmin
• ตรวจสอบว่า WebServer ของคุณเป็น OS อะไร
• ตรวจสอบ PHP เวอร์ชั่น (แนะนําให้ใช้ V.5)
• ทดสอบการเข้าถึงเว็บไซต์ผ่านทาง URL (website
Address)
71

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

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

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

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

76. ติดตั้ง Joomla!
76

77. ติดตั้ง Joomla!
77

78. ติดตั้ง Joomla!
78

79. ติดตั้ง Joomla!
79

80. 80

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

82. การทํางานส่วนของ Admin
http://yourdomain/administrator
82

83. User Manager
83

84. โครงสร้าง Content
84

85. Article Manager
85

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

87. การจัดการ Extensions
Install/Uninstall extensions
• modules
• components
• plugins
• templates
• language
87

88. Install/Uninstall
88

89. ตัวอย่าง Extension
ตัวอย่าง
Joomla! Extensions
89

90. jevents.net
90

91. Gallery
http://www.en.joomgallery.net
91

92. Blog Extension
Commercial Extension 45$ http://azrul.com
Free & Sell version 65$ http://idojoomla.com
WordPress Integration for Joomla! 59.95$ http://corephp.com
92

93. Download Solutions
• Phoca Download
• Attachments for Content
• jDownloads
• RubberDoc
• Remository
• JotLoader
93

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

95. ระบบจัดการจองห้องประชุม
ส่วนการทํางานด้านหน้า
95

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

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

98. Security your Website
Update! Update! and Update!
Joomla! Security Strike Team
Joomla! Secutiy Center :
http://developer.joomla.org/security.html
98

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
99

100. Joomla User Group Thailand
100

101. Questions?
101

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