หน่วยที่ 1 รู้จักกับ joomla!

รู้��จั�กก�บ Joomla!Joomla! จั�ดเป็�นเว็บไซต์�ป็ระเภท CMS ต์�ว็หน��ง เช่�น

เด�ยว็กั�บ WordPress, Drupal ซ��ง CMS ถู�กัสร างขึ้�#นมาด ว็ยภาษาสคร'ป็ต์� PHP และ JavaScript ท*างานร�ว็มกั�บฐานขึ้ อม�ล MySQL และภาษาจั�ดกัารขึ้ อม�ล XML โดย CMS เป็�นระบบท��ช่�ว็ยบร'หารจั�ดกัารเน.# อหาบนเว็บไซต์� สามารถูใส�ขึ้ อม�ลเน.# อหา ป็ร�บแต์�งแกั ไขึ้หน าต์าขึ้องเว็บไซต์�ได ต์ามต์ องกัาร ท*าให ช่�ว็ยลดขึ้�#นต์อน และคว็ามย0�งยากั ต์ลอดจันอ*านว็ยคว็ามสะดว็กั และง�ายต์�อกัารบร'หารจั�ดกัารเว็บไซต์� โดยท��ผู้� ใช่ งานสามารถูจั�ดท*าเว็บไซต์�ได โดยง�ายด ว็ยต์นเอง ไม�จั*าเป็�นต์ องม�คว็ามร� ในด านกัารเขึ้�ยนโป็รแกัรมหร.อออกัแบบเว็บไซต์� เพี�ยงแค�เร�ยนร� กัารต์'ดต์�#งกัารป็ร�บแต์�ง และกัารใช่ งานเท�าน�#น (รายละเอ�ยดสามารถูอ�านเพี'�มเต์'มได ท��เว็บไซต์� www.joomla.org)

หน่�วยที่�� 1 รู้��จั�กก�บ Joomla!

Joomla! ถู.อกั*าเน'ดขึ้�#นจัากักัารแยกัต์�ว็ขึ้องกัล0�มพี�ฒนาโป็รเจัคแมมโบ (Mambo) เม.�อว็�นท�� 17 ส'งหาคม 2548 และได รว็มกัล0�มกั�นสร างเว็บไซต์�ช่.�อ “OpenSource.Matters.org” ขึ้�#นมาเพี.�อกัระจัายขึ้ อม�ลขึ้�าว็สารไป็ส��กัล0�มผู้� ใช่ น�กัพี�ฒนาโป็รแกัรม และส�งคมออนไลน�ต์�าง ๆ ด ว็ยกัารน*าท�มโดน Andrew Addie (ใช่ ช่.�อออนไลน�ว็�า “MasterChief”) หล�งจัากัน�#นเพี�ยง 2 ส�ป็ดาห�จั�งได ท*าโป็รเจัคช่.�อ “Joomla!” ขึ้�#นโดย Joomla! ถู�กัแบ�งออกัเป็�น 6 เว็อร�ช่� �น ด�งน�# เว็อร�ช่� �น 1.0.x โดยเว็อร�ช่� �นแรกั 1.0.0 เป็5ดต์�ว็เม.�อว็�นท�� 16 กั�นยายน 2548 เป็�นกัารน*าช่อร�ส

โค ดขึ้องแมมโบ เว็อร�ช่� �น 45.2.3 มาพี�ฒนาต์�อพีร อมแกั ไขึ้บ�กั (Bug) และเพี'�มเต์'มค0ณสมบ�ต์'ทางด านกัารร�กัษาคว็ามป็ลอดภ�ยเขึ้ าไป็ (ร0 �นล�าส0ดค.อ 1.0.15 เม.�อว็�นท�� 1 มกัราคม 2552)

เว็อร�ช่� �น 1.5.x เป็5ดต์�ว็เม.�อว็�นท�� 22 มกัราคม 2551 โดยพี�ฒนาแกั ไขึ้ในส�ว็นต์�าง ๆ (ร0 �นล�าส0ดค.อ 1.5.23 เม.�อว็�นท�� 5 เมษายน 2554) ซ��งคาดว็�าจัะหย0ดป็ร�บป็ร0งป็ระมาณเด.อน เมษายน 2555

เว็อร�ช่� �น 1.6.x เป็5ดต์�ว็เม.�อว็�นท�� 10 มกัราคม 2554 โดยแกั ไขึ้เร.�องคว็ามป็ลอดภ�ย ซ��งเป็�นโป็รเจัคระยะส�#นเพี�ยง 6 เด.อน ซ��งคาดว็�าจัะหย0ดป็ร�บป็ร0งป็ระมาณเด.อน กัรกัฎาคม 2554 (ร0 �นล�าสด 1.6.6 ส*าหร�บผู้� ใช่ ท��ไม�ต์ องกัารอ�พีเดต์เป็�นร0 �น 1.7.0)

เว็อร�ช่� �น 1.7.x (Stable) เป็5ดให ดาว็น�โหลดเม.�อเด.อนกัรกัฎาคม 2554 เป็�นโป็รเจัคระส�#นเพี�ยง 6 เด.อน และจัะหย0ดป็ร�บป็ร0งป็ระมาณเด.อน มกัราคม 2555

เว็อร�ช่� �น 2.5.x (Stable) ซ��งเป็�นเว็อร�ช่� �นท��ใช่ เขึ้�ยนหน�งส.อเล�มน�# เป็5ดให ดาว็น�โหลดเว็อร�ช่� �น Beta 1 ในเด.อนมกัราคม 2555 และออกัร0 �ต์�ว็เต์ม (GA) ป็ระมาณว็�นท�� 25 กั0มภาพี�นธ์� 2555

เว็อร�ช่� �น 3.0.x เป็�นเว็อร�ช่� �นล�าส0ดเป็5ดให ดาว็น�โหลดในเด.อนกั�นยายน 2555 โดยเป็�นร0 �นท��ถูกัสน�บสน0นในระยะเว็ลาส�#น ๆ

ปรู้ะว�ติ�ของ Joomla

ข�อดี�ข�อเดี�น่ของ Joomla!ใช่ งานฟร� Joomla! เป็�นสคร'ป็ต์�แบบโอเพี�นซอร�ส (Open Source) สามารถูใช่ งาน

ได ท�นท�แม ไม�ม�คว็ามร� เร.�องเขึ้�ยนโป็รแกัรมอ�พีเดต์สม*�าเสมอ ม�กัารอ�พีเดต์เว็อร�ช่� �นใหม�ๆ อย�างต์�อเน.�องจัากัผู้� พี�ฒนา โดยป็ร�บป็ร0ง

เพี'�ทป็ระส'ทธ์'ภาพีเพี'�มฟ:งกั�ช่� �นในส�ว็นต์�างๆเป็ล��ยนหน าต์าเว็บไซต์�ได ด ว็ยเทมเพีลต์ (Tenplate) ท*าให สอดคล องกั�นรองร�บภาษาไทยท�#งในส�ว็นหน าเว็บไซต์� (Front-end) และส�ว็นผู้� ด�แลเว็บไซต์�

(Back-end)ง�ายต์�อกัารสร างและจั�ดกัารเอหา กัารกั*าหนดร�ป็แบบต์�างๆ ขึ้องเน.#อหา และกัารแทรกั

ส�ว็นป็ระกัอบต์�างๆ เช่�น ร�ป็ภาพี หร.อล'งค�ลงไป็ในเน.#อหา สามารถูท*าได ง�าด ว็ยเคร.�องม.อเอด'เต์อร� (Editor) ท��ม�ล�กัษณะหนาต์าคล ากั�บโป็รแกัรม Word Processing อย�าง Microsoft Word หร.อ Open Office Writer

รองร�บกัารท*างานหลายๆ คนพีร อมกั�น โดยผู้� ใช่ งานออกัเป็�นหลายกัล0�ม เช่�น ผู้� ด�แลเว็บไซต์� (Administrator), ผู้� จั�ดกัารเว็บไซต์� (Manager), บรรณาธ์'กัาร (Editor), สมาช่'กัผู้� ลงทะเบ�ยน (Registerred) เป็�นต์ น โดยม�กัารกั*าหนดระด�บกัารเขึ้ าถู�งขึ้ อม�ลขึ้องผู้� ใช่ งานแต์�ละคน

เพี'�มคว็ามสามารถูให กั�บเว็บไซต์�ด ว็ยโป็รแกัรมเสร'ม (Extension) ซ��งม�ให เล.อกัใช่ มากัมาย เช่�น ระบบ ร านค าออนไลน� เว็บบอร�ด เว็บบลอกั ป็ฏิ'ท'น เป็�นต์ น

สน�บสสน0นกัารป็ร�บแต์�ง SEO เพี.อให เว็บไซต์�ท��สร างขึ้�#นต์'ดอ�นด�บต์ นๆ ในหน าผู้ลกัารค นหา

กัารสร างเว็บไซต์�ในเคร.�องคอมพี'ว็เต์อร�ขึ้องเราน�#นเสม.อนจั*าลองเคร.�องคอมพี'ว็เต์อร�ขึ้องเราเป็�นเซ'ร�ฟเว็อร�จั*าลอง (Localhost) ขึ้�#นมา เพี.�อท*ากัารสร างและทดสอบเว็บไซต์�จันส*าเรจักั�อนอ�พีโหลดเว็บไซต์�น�#ไป็ย�งเซ'ร�ฟเว็อร�โดม�หล�กักัารง�ายๆ ด�งน�#จั*าลองเคร.�องคอมพี'ว็เต์อร�ขึ้องเราเป็�นเซ'ร�ฟเว็อร�สร างฐานขึ้ อม�ลส*าหร�บเกับขึ้ อม�ลเว็บไซต์� Joomla!ต์'ดต์�#งโป็รแกัรม Joomla! ผู้�านเซ'ร�ฟเว็อร�จั*าลองสร างเว็บไซต์� และต์'ดต์�#งโป็รแกัรมเสร'มลงใน Joomla!อ�พีโหลดเว็บไซต์�ท��สร างเสรจัไป็ย�งเซ'ร�ฟเว็อร�จัร'ง

หลั�กการู้สรู้�างเว�บไซติ ดี�วย Joomla! ใน่เครู้#�องคอมพิ�วเติอรู้ ของเรู้า

กัารจั*าลองเคร.�องคอมพี'ว็เต์อร�ขึ้องเราเป็�นเซ'ร�ฟเว็อร�เพี.�อทดลองสร างเว็บไซต์� joomla น�#น จัะต์ องใช่ โป็รแกัรมจั*าลองเซ'ร�ฟเว็อร� ซ��งม�ให เล.อกัใช่ หลายต์�ว็ เช่�น AppServ, WAMP, EasyPHP เป็�นต์ น ในท��น�#จัะใช่ โป็รแกัรม AppServ ซ��งจัะป็ระกัอบด ว็ยโป็รแกัรม ด�งน�#โปรู้แกรู้มเว�บเซ�รู้ ฟเวอรู้ Apache ส*าหร�บจั*าลองเคร.�อง

คอมพี'ว็เต์อร�ให เป็�นเซ'ร�ฟเว็อร�โปรู้แกรู้ม PHP ส*าหร�บสร างเว็บไซต์�ภาษา PHPโปรู้แกรู้ม MySQL ส*าหร�บสร างฐานขึ้ อม�ล

ส*าหร�บโป็รแกัรม AppServ สามารถูดาว็โหลดได จัากั www.appservnetwork.com ซ��งเว็อร�ช่��นล�าส0ดขึ้ณะน�#ค.อ AppServ 2.6.0 แต์�ในหน�งส.อเล�มน�#ผู้� เขึ้�ยนใช่ เว็�อร�ช่� �น AppServ 2.5.10 เน.�องจัากัเว็อร�ช่��นล�าส0ดบางโป็รแกัรมย�งเป็�นโป็รแกัรมทดลองใช่ (beta)

จั)าลัองเครู้#�องคอมพิ�วเติอรู้ ของเรู้าเป*น่เซ�รู้ ฟเวอรู้

1. ด�บเบ'ลคล'กัไฟล� appserv-win32-2.5.10.exe ท��ดาว็โหลดมา

2. จัากัน�#นกัเร'�มเขึ้ าส��กัารต์'ดต์�#ง โดยแสดงหน าต์�างต์ อนร�บ ให คล'กัป็0<ม Next

ข�+น่ติอน่การู้ติ�ดีติ�+งโปรู้แกรู้ม AppServ

3. หน าต์�าง License Agreement ให คล'กัป็0<ม I Agree เพี.�อยอมร�บขึ้ อต์กัลง

4. ท��หน าต์�าง Choose Install Location จัะเป็�นกัารเล.อกัต์*าแหน�งท��ต์'ดต์�#งโป็รแกัรม AppServ ให คล'กัป็0<ม Next

5. ท��หน าต์�าง Select Componnen จัะแสดงโป็รแกัรมท��ต์ องกัารต์'ดต์�#ง ซ��งในท��น�#เราจัะต์ องต์'ดต์�#งท0กัโป็รแกัรม ให คล'กัป็0<ม Next

6. ท��หน าต์�าง Apache HTTP Server Information ให กั*าหนดรายละเอ�ยดในกัารสร างเซ'ร�ฟเว็อร�จั*าลอง ด�งน�#- Server Name : ช่.�อขึ้องเว็บเซ'ร�ฟเว็อร�(ค�าป็กัต์'ค.อ Localhost)- Adminnistator’s Email Address : อ�เมล�แอดเดรดขึ้องผู้� ด�แลระบบ(ไม�จั*าเป็�นต์ องเป็�นอ�เมล�จัร'งกัได )- Apache HTTP Port : หมายเลขึ้พีอร�ต์ในกัารเช่.�อมต์�อโป็รโต์คอล (ค�าป็กัต์'ค.อ 80)- จัากัน�#นให คล'กัป็0<ม Next

7. ท��หน าต์�าง MySQL Server Configuration จัะเป็�นกัารกั*าหนดค�ากัารใช่ งานให กั�บฐานขึ้ อม�ล MySQL ด�งน�# Enter root password และ Re-enter root

password กัรอกัรห�สผู้�านส*าหร�บใช่ งานฐานขึ้ อม�ลท��ต์ องกัารลงไป็ในช่�องท�#งสองให เหม.อนกั�น

เล.อกั UTF-8 Unicode ในรายกัาร Character Sets Collations เพี.�อเล.อกัรห�สต์�ว็อ�กัษรส*าหร�บใช่ งานฐานขึ้ อม�ล

จัากัน�#นให คล'กัป็0<ม Install

8. ให รอจันกัว็�าจัะต์'ดต์�#งโป็รแกัรมเสรจั

9. จัากัน�#นจัะแสดงหน าต์�างแจั งกัารต์'ดต์�#งเสรจัสมบ�รณ� พีร อมกั�บม�ต์�ว็เล.อกัว็�า จัะเป็5ดใช่ งาน Apache และ MySQL หร.อไม� ให คล'กัป็0<ม Finish

เพี�ยงเท�าน�#คอมพี'ว็เต์อร�ขึ้องเรากัพีร อมใช่ งานเป็�นเซ'ร�ฟเว็อร�จั*าลองแล ว็โดยไม�ต์ องม�กัารร�สต์าร�ทเคร.�องคอมพี'ว็เต์อร�ใหม�

ที่ดีลัองเรู้�ยกใช้�งาน่หล�งจัากัต์'ดต์�#งโป็รแกัรม AppServ เสรจัแล ว็ เราสามารถูทดลองเร�ยกัใช่ งานได โดยเป็5ดโป็รแกัรมเว็บบราว็เซอร�ขึ้�#นมา โดยพี'มพี� http://localhost หร.อ http://127.0.0.1 ลงในช่�อง Address bar กัจัะป็รากัฏิหน าเว็บเพีจัด�งภาพี

สรู้�างฐาน่ข�อม�ลัให�ก�บเว�บไซติ Joomla!

ขึ้�#นต์อนต์�อไป็ค.อ กัารสร างฐานขึ้ อม�ลเพี.�อเกับขึ้ อม�ลต์�าง ๆ ขึ้องเว็ยไซต์�ซ��งม�ขึ้�#นต์อนด�งน�#1. เป็5ดโป็รแกัรมเว็บบราว็เซอร�ขึ้�#นมา แล ว็พี'ม http://localhost หร.อ http://127.0.0.12. คล'กัท��ล'งค� phpMyAdmin เพี.�อสร างฐานขึ้ อม�ล

3. จัะป็รากัฏิไดอลอกับลอกัซ�ขึ้�#นมา ให ใส�ช่.�อผู้� ใช่ (Username) และรห�สผู้�าน (Password) ส*าหร�บใช่ งานฐานขึ้ อม�ลท��กัรอกัต์อนต์'ดต์ต์�#งโป็รแกัรม Apserv4. คล'กัป็0<ม เขึ้ าส��ระบบ (OK)5. จัากัน�#นจัะเป็5ดหน าเว็บเพี phpMyAdmin ขึ้�#นมา ให ใส�ช่.�อฐานขึ้ อม�ลท��จัะสร างในช่�อง สร างฐานขึ้ อม�ลใหม� ในท��น�#ค.อ JoomlaDB6. เล.อกัว็'ธ์�แป็ลงรห�สขึ้องฐานขึ้ อม�ล แบบ utf8_unocode_ci7. คล'กัป็0<ม สร าง

จัากัน�#นจัะแสดงขึ้ อคว็ามว็�าสร างฐานขึ้ อม�ลส*าเรจัแล ว็

ดีาวโหลัดีแลัะติ�ดีติ�+ง Joomla!เม.�อสร างฐานขึ้ อม�ลส*าเรจัเร�ยบร อยแล ว็ ขึ้�#นต์อนต์�อไป็ค.อ

กัารดาว็น�ไหลดและต์'ดต์�#ง Joomla! เพี.�อสร างเว็บไซต์�กั�น โดหน�งส.อเล�มน�#จัะใช่ Joomla! เว็อร�ช่� �น 2.5 เป็�นหล�กั

กั�อนจัะสร างเว็บไซต์�ด ว็ Joomla! ได น�#น จัะต์ องต์'ดต์�#ง Joomla! บนเซ'ร�ฟเว็อร*าลองเส�กั�อน โดยดาว็น�โหลด Joomla! ได ท��เว็บไซต์�www.joomla.org/download.html แล ว็เล.อกัเว็อร�ช่� �นท��ต์ องกัารดาว็น�โหลด

ติ�ดีติ�+ง Joomla! บน่เซ�รู้ ฟเวอรู้ จั)าลัองเม.�อดาว็โหลดไฟล�เสรจัให แต์กัไฟล�ไว็ ท��โฟรเดอร� C:\

AppServ\www\โดยสร างโฟรเดอร�ขึ้�#นมาใหม�ช่.�อ Joomla เม.�อเขึ้ าไป็ด�ในโฟรเดอร� C:\AppServ\www\joomla หล�งจัากัแต์กัไฟล�เร�ยบร อยแล ว็จัะได ไฟล�ต์�าง ๆ ด�งภาพี

หล�งจัากัน�#นให ท*ากัาต์'ดต์�#ง Joomla! ด�งน�#เป็5ดโป็รแกัรมเว็บบราว็เซอร�ขึ้�#นมา แล ว็พี'มพี�

http://127.0.0.1/joomla จัากัน�#นจัะเขึ้ าส��หน าเว็บเพีจักัารต์'ดต์ต์�#ง Joomla! ขึ้�#นต์อนท�� 1 เล.อกัภาษา ให คล'กั ไทย (ภาษาไทย) เพี.�อเล.อกัภาษาท��ใช่

คล'กัป็0<ม ต์�อไป็ (Next)

- จัากัน�#นจัะเขึ้ าส��เว็บบเพีจั ขึ้�#นต์อนท�� 2 ให คล'กัป็0<ม ต์�อไป็- เขึ้ าส�เว็บเพีจัขึ้�#นต์อนท�� 3 ล'ขึ้ส'ทธ์'= ให คล'กัป็0<ม ต์�อไป็

เขึ้ าเว็บเพีจัขึ้�#นต์อนท�� 4 กัารต์�#งค�าฐานขึ้ อม�ล โดจัะต์ องกั*าหนดค�าขึ้ อม�ลเกั�ยว็กั�บฐานขึ้ อม�ลต์�างๆ ด�งน�#ช่น'ดฐานขึ้ อม�ล ให เล.อกัช่น'ดฐานขึ้ อม�ลเป็�น mysqlช่.�อโฮสต์� ให ใส�เป็�น Localhostช่.�อผู้� ใช่ ฐานขึ้ อม�ล หมายถู�งช่.�อผู้� ใช่ งาน (username) ส*าหร�บ

เขึ้ าใช่ งานฐานขึ้ อม�ล ในท��น�#ค.อ root ซ��งเป็�นค�าป็กัต์'รห�สผู้�าน ให ใส�รห�สผู้�านส*าหร�บเขึ้ าใช่ งานฐานขึ้ อม�ลต์ามท��

กั*าหนดในขึ้�#นต์อนต์'ดต์�#ง ApServ (ถู าไม�ได กั*าหดให ว็�นเว็ นว็�างไว็ )

ช่.�อฐานขึ้ อม�ล ให ใส�ช่.�อฐานขึ้ อม�ลท��ได สร างไว็ คล'กัป็0<ม ต์�อไป็

เขึ้ าส��เว็บเพีจัขึ้�#นต์อนท�� 5 ต์�#งค�า FTP เพี.�อกั*าหนดค0ณสมบ�ต์'ท��ใช่ ในกัารอ�พีโหลดไฟล�ต์�างๆ ไป็ย�งเซ'ร�ฟเว็อร�จัร'งซ��งเราไม�จั*าเป็�นต์ องกั*าหนดในต์อนน�#ให คล'กัป็0<ม ต์�อไป็

เขึ้ าส��เว็บเพีจัขึ้�#นต์อนท�� 6 ต์�#งค�าหล�กัขึ้องเว็บ โดกั*าหนดค�าขึ้ อม�ลท��จั*าเป็�นด�งน�#ช่.�อเว็บ ให ใส�ช่.�อเว็บไซต์�ท��ต์ องกัารลงไป็ สามารถูกั*าหนดเป็�นภาษา

ไมยหร.อภาษาอ�งกัฤษกัได (สามารถูเป็ล��ยนแป็ลงได ภายหล�ง)อ�เมลขึ้องค0ณ ใส�อ�เมล�ขึ้องผู้� ด�แลเว็บไซต์�ช่.�อเขึ้ าระบบขึ้องผู้� ด�แล ค�าป็กัต์'ค.อ adminรห�สผู้�านผู้� ด�แล และ ย.นย�นรห�สผู้�านผู้� ด�แล ใส�รห�สผู้�านส*าหร�บผู้� ด�แล

เว็บไซต์� ให เหม.อนกั�นท�#ง 2 ช่�อง คล'กัป็0<ม ต์�อไป็