ยนดตอนรบผเขารวมอบรมโครงการอบรมเชงปฏบตการ

เรอง การออกแบบและสรางเวบไซตดวย Joomla CMS

ระหวางวนท 6-7 กนยายน 2553

การออกแบบและสรางเวบไซต ดวย Joomla CMS

ความหมายของ Content Management System

(CMS)

ระบบการจดการเนอหาของเวบไซต (Content Management System : CMS) คอ ระบบทพฒนา คดคนขนมาเพอชวยลดทรพยากรในการพฒนา(Development) และบรหาร(Management)เวบไซต ไมวาจะเปนเรองของกำาลงคน ระยะเวลา และเงนทอง ทใชในการสรางและควบคมดแลเวบไซต

Joomla คออะไร?

Joomla คอระบบทชวยในการจดการเนอหา(Content Management System: CMS) บนเวบไซต เพอชวยในการอำานวยความสะดวก ลดขนตอน และความยงยากในการบรหารจดการเวบไซต โดยท ผใชไมจำาเปนตองมความรในดานการเขยนโปรแกรม หรอออกแบบเวบไซต กสามารถจดทำาเวบไซตดวยตวเองได

Joomla นนถกออกแบบเวอรชน มาอย 2 แบบดวยกนคอ

Joomla 1.0.xxx เปนเวอรชนทถกพฒนาตอมาจาก Mambo 4.5.x โดยแยกตวออกมาทำาเปนเวอรชนของ Joomla โดยรปแบบการใชงานยงคลายคลงกบ Mambo 4.5.x อย Joomla 1.5.xxx เปนเวอรชนทถกพฒนาแตกตาง ออกไปจาก Joomla เวอรชน 1.0.xxx อยางสงเชงทงเมนการใชงานรวมถงขนตอนการตดตง และโครงสรางการทำางาน จากการทดสอบ ในการโหลดหนาเวบไซต Joomla 1.5.xxx สามารถทำางานไดเรวกวา Joomla 1.0.xxx

Content Management System: CMS คออะไร?

Content Management System หรอ CMS ถาแปลตามตว Content = เนอหา,บทความ Management = การจดการ System = ระบบ เพราะฉะนนจะไดความหมายตามตวคอ ระบบบรหารการจดการเนอหา แตทจรงแลว CMS นถกนำามาใชเรยกงานทางดานเวบไซตซะสวนใหญ เ ขาจงเรยกระบบนวา ระบบบรการการจดการเวบไซต โดยทระบบน นนนความหมาย จะรวมไปถงการจดการขอมลตางๆ ไมวาจะเปน ขอมลทเปนตวอกษร รปภาพ ไฟลงานตางๆดวย แลวแตผใชงานจะเลอกหรอกำาหนดความตองการของตวเอง

Joomla ถกพฒนาขนดวยภาษา PHP และฐานขอมล MySQL การทจะใชงานไดนนจำาเปนตองม web server (เครองคอมพวเตอรทใหบรการเผยแพรขอมลทางอนเตอรเนต) ซงตองรองรบการทำางานของ PHP และ MySQL web server ทเหมาะสมทสดสำาหรบ joomla กคอweb server ทตดตงดวยระบบปฏบตการ Unix หรอ Linux นอกจากจะถกกวา web server ทตดตงดวยระบบปฏบตการ windows server เพราะไมตองเสยคาลขสทธ ปญหาการใชงานเลก ๆ นอย ๆ กยงมนอยกวา windows server

ความตองการของระบบในการตดตง

ความตองการของระบบในการตดตง

Software Recommended

Minimum

More information

PHP* 5.2 + 4.3.10 http://www.php.netMySQL** 4.1.x + 3.23 http://www.mysql.comApache***

(with mod_mysql, mod_xml,and mod_zlib)

2.x + 1.3 http://www.apache.org

Microsoft IIS****

7 6 http://www.iis.net

จะเหนวาตองม web server ทมความพรอมจรง ๆ ในการลงระบบ joomla หากตองการทดสอบ joomla ในเครองคอมพวเตอรของคณเองสามารถทำาไดโดยใชโปรแกรม web server จำาลอง ทมความสามารถในการจำาลองระบบใหเหมอนกบ web server จรง ๆ

โปรแกรม web server มอยหลายตวใหเลอกใชการตดตงงาย ๆ เพยงแค Next ไมกขนตอนกเสรจเรยบรอย อยางเชน - AppServ ดาวนโหลดฟร ๆ ไดท http://www.appservnetwork.com/

การตดตง AppServ 2.5.10 AppServ รน 2.5.10  มรายละเอยดดงน

Apache 2.2.8 PHP 5.2.6 MySQL 5.0.51b phpMyAdmin 2.10.3

การตดตง Web Server จำาลอง

วธตดตง AppServ 2.5.10 คมอหนา 4 - 9

ทดสอบโปรแกรม AppServ

เมอตดตงเสรจ ใหเปด Internet Explorer ขนมา ชอง Address พมพ http://localhost เพอทดสอบ หากสำาเรจ จะมหนาจอดงภาพ

โครงสรางของโฟลเดอร  

เราจะเกบ joomla ไวใน โฟลเดอร www (c:\appserv\www\) โดยการ copy โฟลเดอร Joomla_1.5.20-Stable-Full_Package จากแผน cd ทแจกให แลวเปลยนชอเปน joomla

การสรางฐานขอมลดวย phpMyAdmin

เมอทำาการกอปปแลวใหเขาทโปรแกรมเบราวเซอร พมพในชอง address http://localhost/phpmyadmin เพอเขาจดการสรางฐาน MySQL เอาไวสำาหรบตดตง joomla

เรมตดตง Joomla 1.5.20 พมพในชอง address วา

http://localhost/joomla จะเขาสหนาตดตงอตโนมต

ใชตวพมพเลกทงหมด

การตดตงขนตอนท2-3

การตดตงขนตอนท4-5

การตดตงขนตอนท6

การตดตงขนตอนท6

การตดตงขนตอนท7

ลบทง

หนาราน = Front end

หนาหลงราน = Back end = CPanel Joomla

- ตดตงภาษาไทยใหกบ CPanel Joomla

- ปรบแตงภาษาไทยใหกบ CPanel Joomla

- ปรบแตงภาษาไทยใหกบ CPanel Joomla

การตงคาคอนฟกหลก

การตงคาคอนฟกหลก

โครงสรางการจดเกบเนอหาของ joomla

ลบเนอหาบางสวนในชดตวอยางของ Joomla

ลบบทความ ในสวนของ การจดการบทความ ลบถงรไซเคลบทความ ลบ Category บทความ หรอประเภทของบทความ

นนเอง ลบ Section บทความ หรอหมวดหมของบทความ

นนเอง ลบรายการเมน ใน Mainmenu เหลอไวเฉพาะ เมน

Home ลบรายการเมน ใน Topmenu ใหหมด ลบรายการเมน ใน Resources menu เหลอไว

เฉพาะ เมน Administrator ลบรายการเมน ใน Example pages menu ให

หมด ลบรายการเมน ใน Keyconcepts menu ใหหมด

ลบเนอหาบางสวนในชดตวอยางของ Joomla

ลบ เมน Example pages ในการจดการเมน

ลบ เมน ใน Keyconcepts ในการจดการเมน

ปดการใชงานโมดล Latest News, Popular, Advertisement, Banners

การแบงระดบการเขาถงขอมลของสมาชก และการจดการสมาชก

joomla ไดแบงระดบการเขาถงขอมลไว 2 ระดบ Front-end groups จดการในสวนใด ทางดานหนา

เวบไซต มดวยกน 4 กลม 1. Registered - ผลงทะเบยน 2. Author - ผแตง 3. Editor - ผแกไขหรอผตรวจสอบ 4. Publisher - กลมนอนญาตใหผใชโพสตการแกไข

และเผยแพร Administration section groups ระดบผ

บรหารเวบไซต มดวยกน 3 ระดบ 5. Manager - ผจดการ 6. Administrator - ผดแลระบบ 7. Super Administrator - ผดแลระบบแบบ

ซปเปอร

การจดการสมาชก

การจดการ Section และCategory

การจดการ Section และCategory

การจดการบทความ และการจดการบทความหนาเวบ

การแทรกรปภาพในบทความ

การจดการเมน

การจดการเมน

การจดการเมน

การแสดงผล การจดการเมน

การตดตงและถอนการตดตง เทมเพลต

การจดการ เทมเพลต

แสดงผลเทมเพลต คาปกต

การถอนการตดตง เทมเพลต

การสรางเทมเพลตเองดวยโปรแกรมเสรมใหโดนใจ

การสรางเทมเพลตเองดวยโปรแกรมเสรมใหโดนใจ

เมอ Export template ได zipfile แลว ใหตดตง templateทดสอบด

หนาเวบแสดงผลทไดจากการสรางเทมเพลตใหม

การตดตงและ การจดการกบโมดล

การจดการกบโมดลในชดตวอยางพนฐานJoomla

ตำาแหนงการจดวางโมดลในเทมเพลต

เปลยนตำาแหนง หรอเปด-ปดการใชงานโมดล

การจดการกบโมดลในชดตวอยางพนฐานJoomla

โมดลตวอนๆในชดพนฐานของ Joomla กทำาในลกษณะเดยวกน โดยเลอกโมดลทตองการแลวปรบแตงคาพารามเตอร และคาตางๆของโมดลแลวแสดงผลด

การตดตงและ การจดการกบโมดล

ปรบตงคาพารามเตอรของโมดล

แสดงผลของโมดลทไดตดตง

การตดตงและ การจดการกบคอมโพเนนท

การจดการกบคอมโพเนนท ในชดตวอยางพนฐาน Joomla

โมดลโพลล ตองเปดทำางานอย

ปรบแตงโพลล ตามตองการ

การจดการกบคอมโพเนนท โพลล

แสดงผลโพลลสำารวจหนาเวบไซต

คอมโพเนนทตวอนๆในชดพนฐานของ Joomla กทำาในลกษณะเดยวกน โดยเลอกคอมโพเนนททตองการแลวปรบแตงคาพารามเตอร และคาตางๆของคอมโพเนนทแลวแสดงผลด

การตดตงและ การจดการกบคอมโพเนนท

คอมโพเนนทเกยวกบ Gallery

การจดการกบคอมโพเนนท

การจดการกบคอมโพเนนท

การจดการกบคอมโพเนนท ท Mainmenu

แสดงผลภาพกจกรรมของหนวยงาน

การตดตงและการจดการกบปลกอน

เดมใช ปลกอน Editor - TinyMCE

ใหตดตง ปลกอน Editor – JCE1.5.1 เพมเตม จดการบทความ

การตดตงและการจดการกบปลกอน

ใหแตก ZipFile จากซดรอม F:\อบรมjoomla1.5.20\plugins\

jce_2_zipped.zip มาลงใน หนา desktop

ตงชอ Folder JCEจะได file 3 file

การตดตงและการจดการกบปลกอน

การตดตงและการจดการกบปลกอน

การตดตงและการจดการกบปลกอน

การจดการกบมเดยไฟล

การจดการกบมเดยไฟล

ตวอยางเวบไซตหนวยงานททำากบ Joomla

หอสมด มทร.ศรวชยhttp://library.arit.rmutsv.ac.th/

คณะบรหารธรกจhttp://bba.rmutsv.ac.th/fba/

การสำารองขอมลเวบไซต

Backup ฐานขอมล dbjoomla ใน http://localhost/phpmyadmin/

Copy folder joomla ทงหมด ใน C:\AppServ\www\joomla

หลงจากนนก คอยไป import ฐานขอมลเขาระบบใหม

การสำารองขอมลเวบไซต

การสำารองขอมลเวบไซต

การสำารองขอมลเวบไซต

การสำารองขอมลเวบไซต

การ Import ฐานขอมลเขาระบบใหม

การ Import ฐานขอมลเขาระบบใหม

การ Import ฐานขอมลเขาระบบใหม

แหลงขอมล joomla

http://www.joomla.org/ : joomla.org

http://www.joomlathaiclub.com/joomla/ : Joomla! thai club

http://www.joomlacorner.com/ : joomlacorner.com

http://www.noartclub.com/ : Joomla thai !,รวมบทความ เทคนค ตดตง ดาวนโหลด จมลา

http://www.google Search Joomla 1.5

อนๆ

ตดตอ : วทยากร

นายกฤษกร ปายะฤทธ (day)ฝายวทยบรการและสารสนเทศ

มทร.ศรวชยMobil. 08-3447-8330E-

mail:day_rit@hotmail.com