Joomla NetDesign2
- 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
- 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
- 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
- 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
- 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
- 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
- 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