Joomla Mastering at NetDesign School

2,577 views
2,443 views

Published on

Joomla Mastering at NetDesign School

Published in: Technology, Design
0 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,577
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
2
Comments
0
Likes
5
Embeds 0
No embeds

No notes for slide

Joomla Mastering at NetDesign School

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

×