Joomla NetDesign2

4,949 views

Published on

Joomla Training at NetDesign

Published in: Technology
1 Comment
3 Likes
Statistics
Notes
No Downloads
Views
Total views
4,949
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
292
Comments
1
Likes
3
Embeds 0
No embeds

No notes for slide

Joomla NetDesign2

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

×