Joomla 2.5-netdesign

7,822 views

Published on

Joomla 2.5 Training at NetDesign

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

No Downloads
Views
Total views
7,822
On SlideShare
0
From Embeds
0
Number of Embeds
10
Actions
Shares
0
Downloads
0
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Joomla 2.5-netdesign

  1. 1. Text สรางเว็บไซตในหนวยงานดวย Joomla! CMS Text โดย อัครวุฒิ ตำราเรียง : @Joomlacorner Marvevelic Engine Co.,Ltd. 1Friday, February 8, 2013
  2. 2. - 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 2Friday, February 8, 2013
  3. 3. เนื้อหาที่จะเรียนรู • Overview , จดโดเมน , การเลือกโฮส ,ติดตั้งจูมลา • เรียนรูเรื่อง User • โครงสราง Content , content plugin • การจัดการเมนู • เรียนรูการใชงาน Extensions เบื้องตน 3Friday, February 8, 2013
  4. 4. มีเว็บเพื่ออะไร ? 4Friday, February 8, 2013
  5. 5. How to Build a Successful website • เขาใจเปาหมายของเว็บที่ทำ • การวางแผนที่ดี (เขาใจโครงสราง Content ของจูมลา) • Navigation (usability) • Design (มีความนาเชื่อถือ) • การประชาสัมพันธ 5Friday, February 8, 2013
  6. 6. Marketing 101 หนทางเพิ่มผูใชงาน • Organic (SEO) • Referral (links) • Pay per click (Google adwords) • Email (return visitors) 6Friday, February 8, 2013
  7. 7. ทีมพัฒนาเว็บไซตประกอบดวย Marke&ng Content  Editor Graphic  Design Web  Programmer     System  Admin 7Friday, February 8, 2013
  8. 8. CMS คืออะไร? 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.” 8Friday, February 8, 2013
  9. 9. ตัวอยาง Social Networking Services What do they have in common with CMS? ..... and it appeares on your page seconds later. 5 9Friday, February 8, 2013
  10. 10. ทำไมถึงเลือกใช Joomla 10Friday, February 8, 2013
  11. 11. Joomla is.... - ใชงาย - ทรงพลัง - เปดเผยโคด Open Source( คุณสามารถแกไขเพิ่มเติมไดเอง ) - รองรับเว็บไซตขนาดใหญ - ฟรี (ถาลงมือทำเอง) - ลิขสิทธิ์เปนแบบ GNU/GPL - Joomla! เปน TM ของ OSM. 11Friday, February 8, 2013
  12. 12. Trends แนวโนมการใชงาน ที่มา : http://www.google.com/trends 12Friday, February 8, 2013
  13. 13. Project Awards2011 Winner - Packt Open Source Content Management System Award2008 Runner Up - Packt Overall Open Source Content Management System Award Runner Up - Packt Best PHP Open Source Content Management System Award Winner - Packt Best PHP Open Source Content Management System2007 Runner Up - Packt Overall Open Source Content Management System Award Winner - Packt Open Source Content Management System Award2006 Winner - Best Linux / Open Source Project 2006 at UK LinuxWorld Winner - Best Linux / Open Source Project 2005 at UK LinuxWorld2005 http://docs.joomla.org/Awards 13Friday, February 8, 2013
  14. 14. ความเปนมา / เวอรชั่น ที่มา : http://en.wikipedia.org/wiki/Joomla 14Friday, February 8, 2013
  15. 15. LTS เวอรชั่น ขณะนี้ Joomla! 2.5.x 15Friday, February 8, 2013
  16. 16. Joomla! แยกออกเปนสามสวนหลักๆ ดวยกัน • Installer Application ใชสำหรับติดตั้งจูมลา ซึ่งใชเพียง ครั้งเดียวและก็สามารถลบออกได • Site Application ใชงานโดย users และเปนสวนของ การแสดงผลขอมูลของเว็บไซตทั้งหมด • Administrative Application ใชโดยผูดูแลเว็บไซต สำหรับบริหารจัดการเว็บไซตทั้งหมด 16Friday, February 8, 2013
  17. 17. Joomla! Applications Joomla! Installer Application 17Friday, February 8, 2013
  18. 18. Joomla! Applications Joomla! Site Application 18Friday, February 8, 2013
  19. 19. Joomla! Applications Joomla! Administrative Application 19Friday, February 8, 2013
  20. 20. Joomla! Applications Administrative Application ใชสำหรับแกไขบทความ, ติดตั้ง สวนขยาย (extensions), อัพโหลด media, บริหารจัดการเมนู 20Friday, February 8, 2013
  21. 21. For Developer • Provides framework and CMS • Objects! • Easy to skin • Legendary administrative interface • Easy to extend with .... 21Friday, February 8, 2013
  22. 22. Architecture 22Friday, February 8, 2013
  23. 23. Architecture Joomla! Platform 11.4 ("Brian Kernighan") 23Friday, February 8, 2013
  24. 24. New feature in Platform 11.4 • Some small improvements for JDocument: • Allow package extension types to use scriptfiles • Add INFOURL to _updatecols • Changed quoteName function. • Add url filtering, improve url field, update tests to reflect changes. • Add ability for JDatabase::quoteName to auto split and quote dotted strings • MultiDB support • Implement Github Forks API, add missing tests. • Add the highlighter behavior • Add git as a valid url protocol. • Replace JFormFieldEditors with a more general solution. • Update MooTools to version 1.4.2. 24Friday, February 8, 2013
  25. 25. Model View Controller (MVC) Architecture 25Friday, February 8, 2013
  26. 26. What’s Joomla! Extensions? Joomla! extensions แบงออกเปน 5 ประเภท • 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. • Languages - languages package. • Components - The largest and most complex extensions of them all, they can be seen as mini-applications. Most components have two parts: a site part and an administrator part. Every time a Joomla page loads, one component is called to render the main page body 9 26Friday, February 8, 2013
  27. 27. ประเภทของ 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 27Friday, February 8, 2013
  28. 28. What’s Components? Components : The largest and most complex extensions of them all. they can be seen as mini-applications. Most components have two parts: a site part and an administrator part. Every time a Joomla page loads, one component is called to render the main page body. Components are the major portion of a page because a component is driven by a menu item and every menu item runs a component. 28Friday, February 8, 2013
  29. 29. What’s 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 29Friday, February 8, 2013
  30. 30. For Enduser • 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 30Friday, February 8, 2013
  31. 31. Joomla! in Action 31Friday, February 8, 2013
  32. 32. Default Joomla 32Friday, February 8, 2013
  33. 33. paknamlangsuan.com 33Friday, February 8, 2013
  34. 34. Before 34Friday, February 8, 2013
  35. 35. After 35Friday, February 8, 2013
  36. 36. chaipat.or.th 36Friday, February 8, 2013
  37. 37. 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. 37Friday, February 8, 2013
  38. 38. McDonaldsArabia.com 38Friday, February 8, 2013
  39. 39. ikea.com.sa 39Friday, February 8, 2013
  40. 40. HomePro.co.th 40Friday, February 8, 2013
  41. 41. as.nida.ac.th 41Friday, February 8, 2013
  42. 42. marvelic.co.th 42Friday, February 8, 2013
  43. 43. maf.gov.la 43Friday, February 8, 2013
  44. 44. extensions.joomla.org 44Friday, February 8, 2013
  45. 45. extensions.joomla.org 45Friday, February 8, 2013
  46. 46. ปรับความเขาใจกอนลงมือสรางเว็บไซต 46Friday, February 8, 2013
  47. 47. ขั้นตอนการสรางเว็บไซตโดยทั่วไป จดชื่อโดเมน (Domain Name)‫‏‬ เชาพื้นที่เก็บเว็บ (Hosting)‫‏‬ ออกแบบเว็บไซต เขียนโปรแกรมเพื่อใชจัดการระบบตางๆ เชนระบบสมาชิก ,ระบบจัดการปายโฆษณา และ เนื้อหาบนเว็บไซต ฯลฯ Upload เว็บขึ้น hosting ประชาสัมพันธเว็บไซตใหเปนที่รูจัก Update และพัฒนาเว็บไซต 47Friday, February 8, 2013
  48. 48. การจดทะเบียน Domain Name และเชา Hosting  การจด Domain Name  การเชา Web Hosting 48Friday, February 8, 2013
  49. 49. IP Address IP Address หมายเลขประจำเครื่องคอมพิวเตอรหรืออุปกรณที่ใช เชื่อมตอกับ internet เชน 203.146.102.112 203.150.3.242 192.168.1.1 10.107.1.1 49Friday, February 8, 2013
  50. 50. Domain Name ชื่อโดเมน คือ ชื่อเรียกเสมือน เชน www.webmaster.or.th เปนชื่อ โดเมนของสมาคมผูดูแลเว็บไทย ชื่อโดเมนนั้นมีความสำคัญมาก เพราะ บงบอกประเภทของหนวยงาน และสถานที่จดทะเบียนการใชงาน ชื่อ โดเมน ถูกแบงเปนกลุมๆ และลงทายดวยรหัสยอของประเทศ เชน ประเทศไทยลงทายดวย .th ประเทศสิงคโปรลงทายดวย .sg หรือ ประเทศอังกฤษ ลงทายดวย .uk ยกเวนเว็บไซตที่จดทะเบียนในประเทศ สหรัฐอเมริกา ไมตองลงทายดวย .us 50Friday, February 8, 2013
  51. 51. ประเภทของ Domain Name Top Domain Local Domain Descriptions .com .co.th สำหรับองคกรธุรกิจ , เพื่อการคา .net .net.th สำหรับองคกรที่เปนเครือขาย .org .or.th สำหรับหนวยงานที่ไมแสวงหาผลกำไร .edu .ac.th สำหรับสถาบันการศึกษา .gov .go.th สำหรับหนวยงานของรัฐ .mil .mi.th สำหรับหนวยงานทหาร .info , .tv - สำหรับองคกรที่ทำเกี่ยวกับขาวสาร .in.th สำหรับบุคคลทั่วไป 51Friday, February 8, 2013
  52. 52. 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….. 52Friday, February 8, 2013
  53. 53. การเชาเว็บโฮสติ้ง  Co-location  Dedicate Server or Virtual Private Server  Reseller Hosting  Web Hosting - Linux or Microsoft Windows Server ในประเทศ หรือ ตางประเทศ 53Friday, February 8, 2013
  54. 54. WebServer Solutions 1 2 3 54Friday, February 8, 2013
  55. 55. 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/technical-requirements.html 55Friday, February 8, 2013
  56. 56. ทำ Server บนเครื่อง Desktop ใช Software ประเภท LAMP (Linux Apache, MySQL, PHP) • XAMPP 1.7.7 • Apache HTTPD 2.2.11 + OpenSSL 1.0.0e • MySQL 5.5.16 (Community Server) • PHP 5.3.8 (VC9 X86 32bit thread safe) + PEAR • phpMyAdmin 3.4.5 • FileZilla FTP Server 0.9.39 • Mercury Mail Transport System v4.62 • AppServ 2.5.10 http://www.appservnetwork.com • Apache 2.2.8 • PHP 5.2.6 • MySQL 5.0.51b • phpMyAdmin-2.10.3 56Friday, February 8, 2013
  57. 57. สรุปขั้นตอนการติดตั้ง Joomla! • เตรียม WebServer (Hosting) สำหรับติดตั้ง • ดาวนโหลด Joomla! 2.5 เวอรชั่นลาสุดจาก Joomla.org • แตกไฟลที่โหลดมา หากไมมี Software โหลดไดที่ (7-zip.org) • ติดตั้ง Joomla! • ปรับแตงขอมูลบนเว็บไซต 57Friday, February 8, 2013
  58. 58. สวนของการเตรียม Webserver • แนใจวาคุณมี Account เพื่อ login (Controlpanel ,FTP) • สราง Database สำหรับ Joomla ดวย phpMyAdmin • ตรวจสอบวา WebServer ของคุณเปน OS อะไร • ตรวจสอบ PHP เวอรชั่น (แนะนำใหใช V.5) • ทดสอบการเขาถึงเว็บไซตผานทาง URL (website Address) 58Friday, February 8, 2013
  59. 59. Download the Software Download Joomla! 2.5.x เวอรชั่นลาสุดจาก Joomla.org • zip package : http://www.joomla.org/download.html • other packages : http://joomlacode.org/gf/project/joomla/frs/ 59Friday, February 8, 2013
  60. 60. ตัวอยางการติดตั้ง XAMPP 60Friday, February 8, 2013
  61. 61. ตัวอยางการติดตั้ง AppServ http://localhost or http://127.0.0.1 ใหนำเว็บไซตไปไวภายใต Directory นี้ drive:xampphtdocs 61Friday, February 8, 2013
  62. 62. หนาจอการสราง Database http://locahost/phpmyadmin 62Friday, February 8, 2013
  63. 63. การใชงานโปรแกรม FTP การ upload Joomla! ขึ้นบน Hosting ดวยโปรแกรม FTP • Using WinSCP http://winscp.net • Using FileZilla http://filezilla-project.org 63Friday, February 8, 2013
  64. 64. การใชงานโปรแกรม FTP ใน xampp ใช host: 127.0.0.1 user : newuser pw : wampp Using FileZilla 64Friday, February 8, 2013
  65. 65. การใชงานโปรแกรม FTP ฝง Hosting ฝงผูใช Using FileZilla 65Friday, February 8, 2013
  66. 66. การใชงานโปรแกรม FTP Change File Permission (cmod) 66Friday, February 8, 2013
  67. 67. ติดตั้ง Joomla! http://www.yoursite.com หรือ http://localhost/joomlafoldername/ 67Friday, February 8, 2013
  68. 68. ติดตั้ง Joomla! 68Friday, February 8, 2013
  69. 69. ติดตั้ง Joomla! 69Friday, February 8, 2013
  70. 70. ติดตั้ง Joomla! 70Friday, February 8, 2013
  71. 71. ติดตั้ง Joomla! 71Friday, February 8, 2013
  72. 72. ติดตั้ง Joomla! http://yourdomain/administrator 72Friday, February 8, 2013
  73. 73. ติดตั้ง Joomla! Create configuration.php file by manual 73Friday, February 8, 2013
  74. 74. ติดตั้ง Joomla! Upload configuration.php file by FTP program 74Friday, February 8, 2013
  75. 75. ติดตั้ง Joomla! If refresh page 75Friday, February 8, 2013
  76. 76. ติดตั้ง Joomla! Manual remove installation folder by FTP program 76Friday, February 8, 2013
  77. 77. ติดตั้ง Joomla! Default Joomla! with no sample data. 77Friday, February 8, 2013
  78. 78. การทำงานสวนของ Admin http://yourdomain/administrator/ 78Friday, February 8, 2013
  79. 79. การทำงานสวนของ Admin http://yourdomain/administrator/ 79Friday, February 8, 2013
  80. 80. 80Friday, February 8, 2013
  81. 81. โครงสราง Access Control List Groups (Public, Registered, Author, Editor, Publisher, Manager, Administrator, และ Super Users) คาพื้นฐานในสวนของ Backend (Administrator) •Manager จัดการเนื้อหา มีเดีย และเมนูเนื้อหา •Administrator ตั้งคาเพิ่มเติม CMT •Super User ทำไดทุกอยาง คาพื้นฐานในสวนของ Frontend (Site) •กลุมผูใชทั่วไป (Public) คือผูที่เขามายังเว็บ โดยที่ยังไมไดเปนสมาชิก และยังไมไดเขาระบบ •กลุมสมาชิก (Registered) คือสมาชิกที่เขาสูระบบแลว เขาถึงขอมูลไดมากกวากลุมผูใชทั่วไป •กลุมนักเขียน (Author) คือสมาชิกที่เขาสูระบบแลว สามารถเขียนเนื้อหาเขาสูเว็บไซตได •กลุมผูตรวจสอบเนื้อหา (Editors) คือสมาชิกที่เขาสูระบบแลว สามารถเพิ่ม/แกไขเนื้อหางานเขียนของนักเขียนรายอื่นๆ ได •กลุมผูเผยแพรขอมูล (Publisher) คือสมาชิกที่เขาสูระบบแลว ทำไดเหมือนกับ Editors และมีสิทธิ์กำหนดใหเนื้อหานั้นๆ เผยแพร หรืองดเผยแพรบนเว็บไซต http://docs.joomla.org/Access_Control_List/2.5 81Friday, February 8, 2013
  82. 82. โครงสราง Access Control List Access Levels (Public, Registered, Special) Public •กลุมผูใชทั่วไป (Public) Registered •กลุมสมาชิก (Registered) •Manager •Super User Special •กลุมนักเขียน (Author) •Manager •Super User 82Friday, February 8, 2013
  83. 83. User Manager 83Friday, February 8, 2013
  84. 84. โครงสราง Content 84Friday, February 8, 2013
  85. 85. Category Manager 85Friday, February 8, 2013
  86. 86. Article Manager 86Friday, February 8, 2013
  87. 87. หนาจอการเขียนเนื้อหา 87Friday, February 8, 2013
  88. 88. การจัดการเมนู 88Friday, February 8, 2013
  89. 89. การโยงเมนูกับ Content 89Friday, February 8, 2013
  90. 90. การโยงเมนูกับ Content 90Friday, February 8, 2013
  91. 91. สรางเมนูไปยัง Article 91Friday, February 8, 2013
  92. 92. การจัดการ Extensions Extension Manager Install (Install Extensions) • Components • Modules • Plug-ins • Templates Update Manage (Uninstall Extensions) • Components • Modules • Plug-ins • Templates Discover Database Warnings Install languages 92Friday, February 8, 2013
  93. 93. Install Extension 93Friday, February 8, 2013
  94. 94. Uninstall Extension 94Friday, February 8, 2013
  95. 95. Module Manager 95Friday, February 8, 2013
  96. 96. Plug-in Manager 96Friday, February 8, 2013
  97. 97. Template Manager 97Friday, February 8, 2013
  98. 98. Language Manager 98Friday, February 8, 2013
  99. 99. Security your Website Update! Update! and Update! Joomla! Security Strike Team Joomla! Secutiy Center : http://developer.joomla.org/security.html 99Friday, February 8, 2013
  100. 100. เว็บที่เปนทางการของ 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 100Friday, February 8, 2013
  101. 101. 101Friday, February 8, 2013

×