management information system บทที่ 3 joomla เบื้องต้น ·...
TRANSCRIPT
Programming Application in Management Information System
บทท 3 Joomla เบองตน
อ.รจนา วานนท) Roseyayee.wordpress.com
[email protected] 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
การเขาถงเทมเพลต