Joomla netdesignj1526

1,476 views

Published on

Joomla at NetDesign

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

  • Be the first to like this

No Downloads
Views
Total views
1,476
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
69
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Joomla netdesignj1526

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

×