Programming Application in Management Information System

บทท 3 Joomla เบองตน

อ.รจนา วานนท) Roseyayee.wordpress.com

roseyayee@gmail.com Tel 089-7204020

Joomla! ท าไมตองใชฐานขอมล Joomla

เครองมสรางเวปไซตส าเรจรป ฟรไลเซนต งายตอการตดตง งายตอการก าหนดคาระบบ เครองมอสนบสนนหลากหลาย ฯลฯ

รจกกบ Joomla! Joomla เปนเวบไซตประเภท CMS (Content Management System) สรางดวยภาษาสครปต PHP และ JavaScript ท างานรวมกบ MySQL จดการขอมล XML จดการขอมลเนอหาบนเวบไซต

รจกกบ Joomla! Joomla เปนเวบไซตประเภท CMS (Content Management System) สรางดวยภาษาสครปต PHP และ JavaScript ท างานรวมกบ MySQL จดการขอมล XML จดการขอมลเนอหาบนเวบไซต

จดเดนของ Joomla! ใชงานฟร Joomla เปนสครปตแบบโอเพนซอรส สามารถใชงานไดเลย อพเดทสม าเสมอ เปลยนหนาตาเวบไซตไดดวยเทมเพลต (Template) ปรบเปลยนไดทนทโดยไม

กระทบเนอหาบนเวบไซต รองรบภาษาไทย ทงสวนหนาเวบไซต (Front-end) และสวนผดแลเวบไซต (Back-

end) งายตอการสรางและจดการเนอหา การก าหนดรปแบบตางๆ ของเนอหา และการ

แทรกสวนประกอบเนอหา รองรบการท างานหลายๆ คนพรอมกน เชนผดแลเวบไซต ผจดการเวบไซต

บรรณาธการ สมาชกลงทะเบยน มการก าหนดระดบการเขาถงขอมลของแตละคน

จดเดนของ Joomla! (cont.) เพมความสามารถใหกบเวบไซตดวยโปรแกรมเสรม (Extension) เชนระบบรานคา

ออนไลน เวบบอรด เวบบลอก สนบสนนการปรบแตง SEO เพอใหเวบไซตตดอนดบตนของการคนหา

การตดตง Joomla! เพมความสามารถใหกบเวบไซตดวยโปรแกรมเสรม (Extension) เชนระบบรานคา

ออนไลน เวบบอรด เวบบลอก สนบสนนการปรบแตง SEO เพอใหเวบไซตตดอนดบตนของการคนหา

หลกการสรางเวบไซตดวย Joomla! ทเครองเรา ตองจ าลองเครองของเราใหเปนเซรฟเวอรจ าลอง (LocalHost) เพอทดสอบแกไข

เวบไซตของเรากอนทจะท าการอพโหลดเวบไซตขนไปยงเซรฟเวอรจรง 1. จ าลองเครองคอมพวเตอรของเราเปนเซรฟเวอร 2. สรางฐานขอมลส าหรบเกบขอมลเวบไซตของ Joomla! 3. ตดตงโปรแกรม Joomla! ผานเซรฟเวอรจ าลอง 4. สรางเวบไซตและตดตงโปรแกรมเสรมลงใน Joomla! 5. อพโหลดเวบไซตไปยงเซรฟจรง

จ าลองเครองคอมพวเตอรของเราเปนเซรฟเวอร มหลายโปรแกรมทสามารถท าไดแตในทนเราจะใช AppServ ตวอนกเชน WAMP,

EasyPHP 1. Apache ส าหรบจ าลองเครองคอมพวเตอรเปนเซรฟเวอร 2. PHP ส าหรบสรางเวบไซตภาษา PHP 3. MySQL ส าหรบสรางฐานขอมล Download AppServ จาก www.appservnetwork.com

ขนตอนการตดตงโปรแกรม AppServ 1. ดบเบลคลกไฟล appserv-win32-2.x.xx.exe ทดาวนโหลดมา

2. เขาสหนาจอการตดตงใหคลก Next

ขนตอนการตดตงโปรแกรม AppServ (cont.) 3. หนาตาง License Agreement ใหเลอกคลก I Agree

ขนตอนการตดตงโปรแกรม AppServ (cont.) 4. หนาตางเลอกสถานทในการตดตงคลกก าหนดแลวคลก Next

ขนตอนการตดตงโปรแกรม AppServ (cont.) 5. หนาตางเลอก Select Components แลวคลก Next

ขนตอนการตดตงโปรแกรม AppServ (cont.) 6. หนาตางเลอก Apache Http Server Information ใหก าหนด Server name ชอของเวบเซรฟเวอร คาปกต LocalHost Administration’s Email Address คอเมลของผดแลระบบ Apache HTTP Post หมายเลขพอรตในการเชอมตอโปรโตคอล คาปกตเปน 80 แลวคลก Next

ขนตอนการตดตงโปรแกรม AppServ (cont.) 7. หนาตางเลอก MySQL Server ใหก าหนด Password ของผใชทชอ root เลอก Character Sets and Collations ใหก าหนด UTF-8 Unicode แลวคลก Next 8. รอจนตดตงเสรจ

ขนตอนการตดตงโปรแกรม AppServ (cont.) 9. แสดงหนาจอตดตงเสรจ

ทดสอบการเรยกใชงาน AppServ ใชโปรแกรมบราวเซอร แลวพมพ 127.0.0.1 ท Address bar

สรางฐานขอมลใหกบเวบไซต Joomla! ใชโปรแกรมบราวเซอร แลวพมพ 127.0.0.1 ท Address bar

ใชเครองมออยางอนในการสรางฐานขอมล ใหก าหนดชอฐานขอมลเปน Joomla Character set เปน Utf8_unicode_ci

ดาวนโหลดและตดตง Joomla! ดาวนโหลด Joomla! ไปทเวบไซต www.joomla.org/download.html

ดาวนโหลดและตดตง Joomla! ตดตง Joomla! บนเซรฟเวอรจ าลอง หลงจากดาวนโหลดเสรจแลวใหแตกไฟลออก ใหไปท C:\AppServ\www และใหสรางโฟลเดอรขนมาใหมชอ Joomla แลว copy files ทแตกออกมาไปไวท C:\AppServ\www\Joomla ขนตอนการตดตง 1.เปดโปรแกรมบราวเซอรขนมาแลวพมพ http://127.0.0.1/joomla จะขนจอให

เลอกภาษาทใช ในทนเลอก ภาษาไทย

ดาวนโหลดและตดตง Joomla! 2. คลก Next

ดาวนโหลดและตดตง Joomla! 3. เลอกคาตามทแนะน าและคลก Next

ดาวนโหลดและตดตง Joomla! 4. เขาเวบลขสทธคลก Next

ดาวนโหลดและตดตง Joomla! 5. ตงคาฐานขอมล Next

ดาวนโหลดและตดตง Joomla! 6. ตงคา FTP ส าหรบอพโหลดไปยงเซรฟเวอรจรง Next

ดาวนโหลดและตดตง Joomla! 7. ก าหนดคาหลกของเวบไซตแลวกด Next

ดาวนโหลดและตดตง Joomla! 8. ลบโฟลเดอรท Installation ออกถาไมลบพอเราเขา http://127.0.0.1/joomla มนก

จะเขาการตดตงตลอด

ดาวนโหลดและตดตง Joomla! 9. การเรยกใชเวบไซตหลงจากการตดตงเสรจเรยบรอยเราสามารถเปด

http://127.0.0.1/joomla

การใชงานระบบจดการ Joomla! ผดแลเวบไซตสามารถเขาหนาเวบเพจระบบจดการเวบไซต Joomla! ไดดงตอไปน 1. พมพ /administrator ตอทายชอเวบไซต เชน

http://127.0.0.1/joomla/administrator 2. ระบชอผใชงานในชอง User Name 3. ระบรหสผานในชอง Password 4. คลกปม Login

การใชงานระบบจดการ Joomla!

การใชงานระบบจดการ Joomla!

เขาสหนาหลก

หนาควบคมหลก (Control Panel) จะประกอบไปดวย 1. แทบเมนหลก (Menu Bar) 2. แทบเฮดเดอร (Header Bar) 3. แผงไอคอนทางลด (Quick Icon Panel) 4. สถตการใชงาน

หนาควบคมหลก (Control Panel) จะประกอบไปดวย 1. แทบเมนหลก (Menu Bar) 2. แทบเฮดเดอร (Header Bar) 3. แผงไอคอนทางลด (Quick Icon Panel) 4. สถตการใชงาน

1. แทบเมนหลก (Menu Bar) แทบทรวบรวมกลมเครองมอ 1. เมน Site ประกอบไปดวยเครองมอทจดการเวบไซต Control Panel หนาควบคมหลก My Profile ตงคาหนาโปรไฟล เชนชอผใชงาน Global Configuration ตงคาการท างานระบบโดยรวม Maintenance จดการเกยวกบการ Checkin, การยกเลกลอก System Information จดการเกยวกบเซรฟเวอร Logout ออกจากระบบ

1. แทบเมนหลก (Menu Bar)(cont.) 2. เมน Users ประกอบไปดวยเครองมอทจดการผใชงาน User Manager จดการสมาชกหรอผใชงาน Groups จดการกลมผใชงาน Access Levels จดการระดบการเขาถงเนอหา Mass Mail User สงเมลใหกบกลมสมาชก 3. เมน Menus ประกอบดวยเครองมอจดการเมนของเวบไซต Menu Manager จดการกบระบบเมน Main Menu จดการเมนหลกเปนเมนทสรางขนเอง

1. แทบเมนหลก (Menu Bar)(cont.) 4. เมน Content ประกอบไปดวยเครองมอทจดการบทความเนอหาของเวบไซต Article Manager จดการเนอหาบทความ Category Manager จดการหมวดหม Featured Articles จดการเนอหาทแสดงหนาแรก Media Manager จดการไฟลมเดย 5. เมน Component ประกอบดวยเครองมอจดการเกยวกบคอมโพเนนตตางๆ ท

ตดตงเพอใชงานใน Joomla 6. เมน Extensions ประกอบดวยเครองมอจดการเกยวกบการตดตงและถอนการ

ตดตงโปรแกรม โมดล ปลกอน เทมเพลต และเครองมอจดการภาษา Joomla! 7. เมน Help ประกอบดวยเครองมอเกยวกบความชวยเหลอ

2. แทบเฮดเดอร (Header Bar) เปนแทบทแสดงรายละเอยดตางๆ ดานมมขวา

3. แผงไอคอนทางลด เปนเครองมอทใชบอยๆ เพอใหผดแลเวบไซตสามารถเปดใชงานไดทนท

4. สถตการใชงาน เปนสวนทเรยกดขอมลการเรยกใชงานตางๆ ของระบบได

การตง/เปลยนชอเวบไซต เราสามารถเปลยนชอเวบไซตทเราไดก าหนดไวแลวตอนตดตงโดย 1. Site > Global Configuration 2. คลกแทบ Site 3. ตงหรอเปลยนชอเวบไซตตรงชอง Site Name 4. คลกปม Save and Close

การตดตงภาษาไทยใหกบ Joomla! เราสามารถเลอกได 3 แบบ 1. Site แสดงผลภาษาไทยเฉพาะในสวนของเวบไซต 2. admin แสดงผลภาษาไทยเฉพาะในสวนของผดแลเวบไซต 3. full แสดงผลภาษาไทยทงสองสวน เราสามารถท าไดดงน 1. Extensions > Extension Manager 2. คลกแทบ Install 3. คลก Brows ในสวนของ Upload Package File แลวเลอกไฟลทเราดาวนโหลดมา 4. คลก Upload & Install

ท าความรจกกบเทมเพลต เทมเพลต (Template) เปรยบเสมอนหนากากของเวบไซต หรอรปแบบของเวบไซต

ส าเรจรปทยงไมไดใสเนอหาเขาไป การเลอกเทมเพลตควรจะใหเหมาะกบลกษณะของงาน

เทมเพลตกจะมทงแบบฟรและแบบเสยเงนคาเทมเพลต ตวอยางทเปนของฟร http://www.joomlart.com/joomla/templates/showcase

การเขาถงเทมเพลต