Upload
thanathip
View
1.134
Download
2
Embed Size (px)
DESCRIPTION
Citation preview
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 1
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
Joomla คออะไร?
Joomla เปนระบบการจดการเนอหา (CMS) ทชวยใหคณสามารถสรางเวบไซตและโปรแกรมออนไลนทม
ประสทธภาพในดานตาง ๆ รวมทงมความงายและสะดวกในการใชงานรวมถงสามารถพฒนาตอยอดไปได
มากมาย นนทาให Joomla เปนซอฟทแวรทไดรบความนยมมากตวหนงในการพฒนาเวบไซต และ Joomla เปน
Open Source ททกคนสามารถนาไปใชไดฟร
ระบบจดการเนอหา(CMS) คออะไร ?
ระบบจดการเนอหา(Content Management System : CMS) คอซอฟทแวรระบบการจดการเนอหา ท
คอยจดเกบเนอหาขอมลทกอยางในเวบไซตอยางเปนระบบ ซงเนอหาในเวบไซตอาจจะเปน ขอความทว ๆ ไป
รปภาพ วดโอ เอกสารตาง ๆ หรออะไรกไดทคณนาไปใสไวในเวบไซต โดยประโยชนหลกของการใช CMS คอผ ใช
แทบไมตองมทกษะทางดานเทคนคในการสรางเวบไซตหรอความรในการจดการฐานขอมลเลย
"Joomla" จดเปนโปรแกรมประเภท Open Source ภายใตสนธสญญากน GNU : General Public
Licence ซงเปนชอของโครงการพฒนาระบบปฏบตการ รเรมโดยรชารด สตอลแมน เมอป พ.ศ. 2527 โดยม
จดมงหมายทจะพฒนาระบบปฏบตการเพอใหเปนซอฟตแวรเสร ททกคนสามารถนาไปใช แกไข ปรบปรง หรอ
จาหนายฟร โดยไมตองเสยคาลขสทธ โครงการกน ประกอบไปดวย เคอรเนล ไลบราร คอมไพเลอร โปรแกรมระบบ
และ โปรแกรมประยกตตางๆ
คาวา GNU : กน (อานวา กะ-น, IPA: /gnu/) เปนคายอแบบกลาวซา มาจากคาเตมวา GNU's Not Unix
(กนไมใชยนกซ) เพราะระบบกนพฒนาใหเหมอนระบบยนกซแตไมไดใชซอรสโคดของยนกซเลย แตผ ใชระบบกน
สวนใหญเลอกใชลนกซเปนเคอรเนล อยางไรกตาม ระบบเหลานนมกจะถกเรยกวา ลนกซ ซงถาจะใหถกตองแลว
ควรจะเรยกวา ระบบกน/ลนกซ (GNU/Linux systems) เพราะใชลนกซเปนเคอรเนล สวนซอฟตแวรสวนอน ๆ มา
จากโครงกา
วนโดวส บเอ
รเรมจากโคร
ทาไมตองใ
• สาม
• ผใช
• สาม
• ใชร
• มผใ
• Joo
ความแตกต
เวบ
ภาษาตาง ๆ
สาหรบสราง
ตองมพนฐา
ผสรางเนอห
อยท Webm
Joo
นาเสนอผาน
ดวย Joomla
“หวใจสา
รกน โปรแก
อสด แมคโอเ
รงการกน
ช Joomla?
มารถจดการเ
ชแทบไมตองม
มารถพฒนาโ
ระยะเวลาอนส
ใชงานและกล
omla เปน Op
ตางระหวางเ
บไซตรปแบบเ
ๆ ขนมาอกมา
งเวบไซตขนม
านความรทาง
หามกจะไมใช
master เปนเห
omla ถกพฒ
นหนาเวบไดอ
a สามารถนา
าคญของเวบ
ก
รมหลายตวใ
เอส เปนตน ส
นอหาขอมลท
มทกษะทางด
โปรแกรมเสรม
สนในการสรา
ลมนกพฒนา
pen Source
เวบไซตรปแ
ดมเรมตนพฒ
ากมาย เชน A
มาเพอใหงายต
งดานเทคนค
ช Webmaste
หตใหเวบขาด
ฒนาใหงายตอ
อยางงายดา
าเสนอขอมลท
บไซตคอ ขอ
กระทรวงเทคโน
ในโครงการ ก
สญญาอนญา
ทกอยางในเว
ดานเทคนคใน
มประสทธภา
างเวบไซต
Joomla อยท
ททกคนสามา
แบบเดมและ
ฒนาโดยใชภา
ASP PHP
ตอการใชงาน
คและภาษาต
er ภาระงานท
ดการอพเดทอ
อการใชงาน
ย และใน 1
ทรวดเรวและท
อมลทอพเดท
นโลยสารสนเทศ 2
โครงการ
กถกปรบใหทา
าต GPL, LG
บไซตไดอยาง
นการสรางเวบ
พหรอหรอนา
ทวโลกทาใหร
ารถนาไปใชไ
ะJoomla
าษา HTML ต
DHTML ฯลฯ
น แตผดแลเวบ
าง ๆในการส
ทงหมดในกา
อยางตอเนอง
ผ ทไมมพนฐา
เวบไซตสามา
ทนสมยไดอย
ท เคลอนไห
ศและการสอสา
รการพฒนาศนย
างานในระบบ
GPL และ GF
งเปนระบบ
บไซตหรอควา
าโปรแกรมอน
ระบบมการพ
ได ฟร
ตอจากนนได
ฯ รวมทงพฒ
บหรอ Webm
สรางเวบไซต
รขบเคลอนเว
งเพราะมคนอ
านดานการส
ารถมผสราง
ยางตอเนองต
วตลอดเวลา
าร
http://wยการเรยนร IC
บปฏบตการอ
FDL ทใชใน
ามรในการจด
น ๆ มาใชตอย
ฒนาศกยภา
มการพฒนา
ฒนาโปรแกรม
master ยงคง
ทสาคญ!!!
วบกจะตกไป
พเดทเพยงค
สรางเวบไซตก
เนอหาไดหล
ลอดเวลา
า มใชเพยงแ
www.thaitelT ชมชนอยางย
อน ๆ ได เชน
นโครงการอนๆ
การฐานขอม
ยอดเวบไซตได
พอยางตอเน
นเดยว
กสามารถสรา
ายคน ทาให
แคหนาตาท
ecentre.orgยงยน ป 2553
ไมโครซอฟท
ๆ มากมาย ก
มลเลย
ดงาย
นอง
างเนอหาเพอ
เวบทพฒนา
สวยงาม”
ท
ก
อ
า
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 3
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
ความตองการของระบบ
ความตองการของระบบเซรฟเวอร
Web Server : Apache 2
PHP : PHP 5
Database : MySQL 5
Database Management : phpMyAdmin 2
FTP Server : FileZilla
ความตองการของ Software อน ๆ
1. Mozilla Firefox
2. 7zip
3. FileZilla FTP Client
4. ชดตดตงระบบ Joomla
5. ชดภาษาไทยสาหรบ Joomla
6. JCE Web Editor สาหรบ Joomla
7. Template สาหรบ Joomla
8. Appserv 2.5.10
ความตองการขนตาของเครองคอมพวเตอรทจะใชงาน
OS : Windows XP, Vista, 7, Mac OS X, Linux
CPU : Intel / AMD ความเรว 1.4 GHz ขนไป
RAM : 512 MB
Harddisk : 300 MB
DVD-ROM Drive : 1 ตว
Monitor : 16 ลานสขนาดตงแต 10 นวขนไปความละเอยดหนาจอกวาง 1024pixel ขนไป, Keyboard, Mouse
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 4
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
ตวอยางเวบไซตหนวยงานตาง ๆ ทพฒนาดวย Joomla
United Nations Regional Information Centre - UNRIC: www.unric.org/en
Lincoln College University of Oxford: www.lincoln.ox.ac.uk
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 5
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
Porsche (USA): www.porsche.com/usa
ศนยการเรยนร ICT ชมชน โดย กระทรวง ICT: www.thaitelecentre.org
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 6
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
กจกรรมการสงเสรมและพฒนาความรดาน ICT โดย กระทรวง ICT: www.mict4u.net
วดสระเกษ อาเภอเกษตรวสย จงหวดรอยเอด: www.watsakate.org
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 7
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
Jerusalem Web Professionals, May 27, 2010Presented by: Jeff Mendelson / Las Olas Technologies
กลมสนคาและผลตภณฑจงหวดสมทรปราการ: http://shop.bangpreang.com
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 8
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
ตวอยางเวบไซตทไดหลงจากเรยนรและปฏบตตามขนตอนตาง ๆ ตามคมอเลมน
เวบไซตทผ เขาอบรมพฒนาขนเองดวยโปรแกรม Joomla ทมองคประกอบตาง ๆ ครบถวนพรอมใชงานไดจรง
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 9
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
เตรยมความพรอมของเครองคอมพวเตอรและโปรแกรมตางๆ กอนการตดตง Joomla
การตดตง Mozilla FireFox
Mozilla FireFox โปรแกรมเวบเบราเซอรทมขนาดเลก ใชงานงายและปลอดภย เหมาะอยางยงทจะใชเปน
เครองมอหลกในการพฒนาเวบไซตJoomla
1.ดาวนโหลด Mozilla FireFox จากเวบไซต www.mozilla.com/th โดยเลอกบนทกไฟลเอาไวในเครอง เมอ
โปรแกรมดาวนโหลดเสรจสมบรณใหเลอกคาสง Run เพอเรมตดตงโปรแกรม
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 10
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
2.เมอเรมตดตงโปรแกรม จะมหนาตาง Security Warning ถามเพอยนยนความปลอดภยของโปรแกรม คลกทป ม
Run
3.จะเขาสตวชวยเหลอการตดตง Mozilla FireFox ใหคลกป ม ตอไป
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 11
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
4.รปแบบการตดตงใหเลอก มาตรฐาน แลวคลกป ม ตอไป
5. ทหนาผลสรป ใหเลอกใช FireFox เปนเวบเบราเซอรปรยาย แลวคลกป มตดตง แลวรอสกคร...
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 12
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
6. เมอโปรแกรมทาการตดตงเสรจแลว ใหคลกทป ม เสรจสน เพอเรมใชงาน FireFox
7. ทหนาตาง ตวชวยนาเขา ใหเลอก ไมนาเขาเลย แลวคลกป ม ถดไป
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 13
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
8. หลงจากนนโปรแกรม Mozilla FireFox กพรอมใชงาน
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 14
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
การตดตงโปรแกรม 7Zip
โปรแกรมอรรถประโยชนทใชสาหรบบบอดไฟลหรอโฟลเดอรใหมขนาดเลกลงและบรรจไฟลทงหมดเปน
ไฟลเดยว เพอความสะดวกในการจดเกบไฟลหรอสงขอมลผานระบบเครอขายอนเทอรเนต
1.เปดโปรแกรม Mozilla Firefox แลวเปดไปท www.7zip.org จากนนคลกท Download โดยเลอกไฟลชนด .exe
2. คลกทป มบนทกแฟมเพอบนทกไฟลเกบไวในเครอง โดยไฟลจะถกจดเกบอยใน My Documents\ดาวนโหลด
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 15
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
3.เมอดาวนโหลดเสรจเรยบรอยใหดบเบลคลกทไฟล 7z465.exe เพอตรยมเขาสการตดตงโปรแกรม
หากมหนาตางแจงเตอนเกยวกบการเปดแฟมทถกเรยกทางาน กใหคลกตกลง
หากมหนาตาง Security Warning ถามยนยนทจะเปดไฟลกใหคลกทป ม Run
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 16
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
4.เขาสหนาตางการตดตงโปรแกรม โดยตวตดตงจะแจงตาแหนงทจะตดตงไฟล ใหคลกทป ม Install
5.โปรแกรมจะตดตงโดยอตโนมตจนเสรจสน จากนนคลกทป ม Finish
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 17
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
6. เปดโปรแกรม 7Zip ขนมาโดยไปท Start> All Program> 7-Zip> 7-Zip File Manager เพอกาหนดคาตวเลอก
ใหกบโปรแกรม 7Zip
7.ไปทเมน เครองมอ > ตวเลอก
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 18
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
8. คลกทป ม เลอกทงหมด เพอกาหนดใหโปรแกรม 7Zip เปนโปรแกรมมาตรฐานในการเปดไฟล Zip ชนดตาง ๆ
แลวคลกทป ม OK
เพยงเทานโปรแกรม 7Zip กพรอมใชงานเรยบรอยแลว
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 19
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
การตดตงโปรแกรม FileZilla
FileZilla เปนโปรแกรมประเภท FTP Client ใชสาหรบโอนถายขอมลทมภายในเครองคอมพวเตอรไปยง
เครองคอมพวเตอรแมขายหรอ Server
1. ใช Firefox เปดไปยงเวบไซต http://filezilla-project.org จากนนคลกทป ม Download FileZilla Client
2. คลกดาวนโหลดทลงค FileZilla สาหรบ Windows โดยเลอกไฟลชนด .exe
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 20
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
3. หากมหนาตางแจงเตอนเรองความปลอดภยใหคลก ตกลง
4. คลกทป มบนทกแฟม และรอจนกวาโปรแกรมจะดาวนโหลดเสรจสน
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 21
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
5. ดบเบลคลกท FileZilla_3.3.3_win32-setup.exe
หากมหนาตางแจงเตอนเกยวกบการเปดแฟมทถกเรยกทางาน กใหคลกตกลง
หากมหนาตาง Security Warning ถามยนยนทจะเปดไฟลกใหคลกทป ม Run
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 22
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
6. คลกทป ม I Agree เพอยอมรบขอตกลงในการใชงาน
7. เลอกท Anyone who uses this computer (all users) แลวคลก Next
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 23
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
8. ทหนาตาง Choose Components ใหคลกทาเครองหมายถกทกหวขอแลวคลก Next
9. ทหนาตาง Choose Install Location ใหคลก Next
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 24
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
10. ทหนาตาง Choose Start Menu Folder ใหคลก Next
11. ตวตดตงจะทาการคดลอกไฟลลงไปในเครอง
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 25
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
12. การตดตงเสรจเรยบรอยใหคลกทป ม Finish
โปรแกรม FileZilla จะเปดขนมา เสรจสนการตดตงโปรแกรม FileZilla
การ
ทง
จะตดตงระบ
มอใหมหรอ
โปรแกรม Jo
เครอง Serv
Step เพอให
รตดตง Joom
1)การต
2)การต
2 วธนคงไมเ
บบ Web Se
ผ ทไมม Web
oomla มาใชง
er กอนการต
หผ เรยนสามา
ก
mla เพอการใช
ดตง Joomla
ดตง Joomla
เปนปญหาสา
erver หรอร
b Server
งาน ซงทง 2
ตดตง Jooml
รถนาไปใชงา
กระทรวงเทคโน
กา
ชงานนนมวธก
a โดยการจาล
a เพอการใชง
าหรบผ ทมพน
ระบบฐานขอม
หรอไมไดเชา
วธมความแต
a ดงนนในคม
านไดจรงทง 2
นโลยสารสนเทศ 26
โครงการ
รตดตง Joo
การตดตง 2 แ
ลองเครองเปน
านจรงในระบ
นฐานเกยวกบ
มล หรอผ ทเช
าเวบโฮสตง ก
ตกตางกนในส
มอเลมนจงอ
2 วธ และ
ศและการสอสา
รการพฒนาศนย
mla
แบบหลก ๆ ค
น Server
บบเครอขายอ
บเนตเวรคคอ
ชาพนทเวบโฮ
กอาจเปนเรอ
สวนของการเ
ธบายวธการ
าร
http://wยการเรยนร IC
คอ
อนเทอรเนต
อมพวเตอร ห
ฮสตงจากผ ให
องยงยากทจะ
เตรยมความพ
ตดตง Joom
www.thaitelT ชมชนอยางย
หรอผดแลระบ
หบรการตาง
ะตองเตรยมเ
พรอมพนทกา
la ทง 2 วธแ
ecentre.orgยงยน ป 2553
บบทสามารถ
ๆ แตสาหรบ
ครองและนา
ารใชงานและ
บบ Step by
ถ
บ
า
ะ
y
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 27
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
1)การตดตง Joomla โดยการจาลองเครองเปน Server
การตดตง Joomla โดยการจาลองเครองเปน Server นนเหมาะสาหรบผ ทยงไมมเวบ Server ใน
หนวยงานหรอยงไมไดเชา Host เปนของตนเอง และวธการนยงเหมาะสาหรบการเรยนการสอน Joomla ใน
หองเรยน เพราะหากมผ เรยนปรมาณมาก แตตองอพโหลดไฟลตดตง Joomla ไปยง Web Server จรง ๆ กจะ
ประสบปญหาในการอพโหลดมากมาย ทงเรองของความเรวในการอพโหลดขอมล ปญหาเรองการโดน Server ตด
การเชอมตอทง เนองจากมการสงขอมลปรมาณมากจากแหลงเดยวกนเขาส Server โดย Server จะมองวาการ
กระทานเขาขายการโจมตระบบ ทาใหไมสามารถอพโหลดไฟลไดเสรจสน และทสาคญมอใหมทเรมศกษา Joomla
บางคนอาจจะไมมนใจทจะทางานบน Server จรง จงขอแนะนาโปรแกรมททาหนาทจาลองเครองเปน Server ซง
จะเปลยนให PC หรอ Notebook ของเราทาหนาทใหบรการขอมลแบบ Web Server ไดอยางงายดาย โดยปจจบน
โปรแกรมทเปนทนยมใชจาลองเครองเปน Server ไดแก AppServ, XAMPP, WAMP ซงเปนโปรแกรมทรวบรวม
Package ทจาเปนสาหรบการทา Web Server ไว ไดแก
- Apache ทาหนาทใหบรการ Web Server
- MySQL ทาหนาทเปน Dataabase Server
- PHP PreProcessor ทาหนาทแปลภาษา PHP
- PhpMyAdmin คอโปรแกรมสาหรบจดการฐานขอมลผาน Web Browser
ในทนจะขอแนะนาโปรแกรม Appserv ซงเปนโปรแกรมจาลองเครองเปน Server ทพฒนาโดยคนไทยและ
เปนทนยมไปทวโลก สามารถดาวนโหลดไดจาก www.appservnetwork.com
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 28
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
การดาวนโหลดและตดตง Appserv
1.เปดไปท www.appservnetwork.com และคลกทลงคดาวนโหลดเวอรชน 2.5.10
2.เวบจะเปลยนไปยง SourceForge.net ใหรอสกครเพอเรมตนการดาวนโหลด หากรอเกน 30 วนาทแลวไมม
หนาตางดาวนโหลดขนมาใหคลกท direct link
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 29
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
3.คลกเลอกทป ม บนทกแฟม เพอบนทกแฟมเอาไวในเครอง
4.รอจนกระทงการดาวนโหลดเสรจสน แลวดบเบลคลกไฟล appserv-win32-2.5.10.exe เพอเรมตดตง
5.จะมหนาตางเตอนเรองความปลอดภยในการเปดแฟมประเภทน ใหคลก ตกลง
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 30
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
6.จะมหนาตางถามยนยนเรองความปลอดภยอกครง ใหคลกทป ม Run
7.เรมเขาสขนตอนการตดตง ในหนาแรกคลกทป ม Next
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 31
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
8.ในหนาตางขอตกลงในการใชงานคลกทป ม I Agree
9.หนาตางแสดงตาแหนงการตดตงโปรแกรมไปไวท C:\AppServ
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 32
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
10.หนาตางแสดงรายชอโปรแกรมทจะตดตงลงไปในเครอง ใหเลอกไวทกขอเหมอนเดม
11.กรอกชอโดเมนและอเมลลลงไปในชองทงสองตามลาดบ โดยสามารถกรอกเปนขอมลสมมตได แลวคลก Next
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 33
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
12.กาหนดรหสผานสาหรบผดแลระบบฐานขอมลใน MySQL โดยพมพรหสเหมอนกนทง 2 ชอง แลวคลก Install
*หมายเหต :ผดแลระบบของ MySQL มชอวา root
13.รอจนกวาโปรแกรมจะทาการตดตงจนเสรจสน
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 34
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
14.ในหนาตางสดทายใหคลกเลอกท Start Apache และ Start MySQL เพอเรมตนการใชงานโปรแกรมหลงจาก
ตดตงเสรจ จากนนคลกทป ม Finish เพอเสรจสนการตดตง
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 35
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
การเตรยมฐานขอมลกอนตดตง Joomla ใน Localhost
1.เปด FireFox ขนมาแลวพมพ http://localhost ลงไปในชอง Address bar แลวกด Enter จะปรากฏหนาตาง
The Appserv Open Project ขนมา ใหคลกท phpMyAdmin Database Manager Version 2.10.3
*หมายเหต : ทานสามารถเขาสโปรแกรม phpMyAdmin โดยตรงไดจาก http://localhost/phpMyAdmin
หากเครองใดไมขนหนาตางเวบ Appserv ใหสง Restart เครอง 1 ครง แลวลองเปด http://localhost อกครง
หากยงเปดไมไดใหสง Apache Start และ MySQL Start ดวยตนเองตามรป
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 36
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
2.ใหใสชอผใชเปน root และรหสผาน ของ MySQL ตามทกาหนดไวตอนทตดตง AppServ แลวคลกตกลง
3.ในชองสรางฐานขอมลใหมใหพมพชอฐานขอมลทจะสรางลงไปเปนตวอกษรภาษาองกฤษและหามเวนวรรค เชน
ตงชอฐานขอมลวา joomla และในชองการเรยนลาดบใหเลอกเปน utf8_unicode_ci แลวคลกทป ม สราง
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 37
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
4.จะมขอความแจงวา ฐานขอมล Joomla สรางเสรจแลว ใหปดหนาตางนไปไดเลย
5.ตอนนฐานขอมลสาหรบ Joomla กถกสรางเสรจเรยบรอยพรอมใชงาน โดยมรายละเอยดตาง ๆ ดงน
ชนดฐานขอมล : mysql
ชอโฮสต : localhost
ชอผใชฐานขอมล : root
รหสผาน : ตามทกาหนดไวตอนตดตง Appserv
ชอฐานขอมล : joomla
*** คาตางๆ เหลานจะตองนาไปใชตอนตดตง Joomla
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 38
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
การดาวนโหลดและตดตง Joomla ใน Localhost
1.ไปทเวบไซต www.joomla.org จากนนคลกทป ม Download Joomla Get Lastest Version
2.ใหคลกทลงคคาวา ZIP ในบรรทด Full Package เพอเลอกชดตดตง Joomla ตวเตม
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 39
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
3.จะปรากฏหนาตาง ใหเลอกบนทกแฟม แลวคลกป มตกลง
4.รอจนโปรแกรมดาวนโหลดเสรจสนดบเบลคลกท Joomla_1.5.20-Stable-Full_Package.zip
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 40
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
5.จะปรากฏหนาตาง 7Zip ขนมา ใหคลกทป ม แยกไฟล เพอทาการแยกไฟลทงหมดทถกบบอดอยออกมา
*หมายเหต : เมอ 7Zip ปรากฏขนมาไมตองคลกไฟลหรอโฟลเดอรใดทปรากฏดานใน เพราะจะเปนการเลอกแยก
เฉพาะไฟลทถกคลก
6.คลกทป ม […] ดานขวามอ (ป ม Browse… )
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 41
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
7.จะปรากฏหนาตาง Browse For Folder ขนมา ใหคลกท Desktop แลวคลกทป ม Make New Folder จากนนตง
ชอ Folder แลวคลก OK
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 42
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
8.คลกทป ม ตกลง เพอเรมแยกไฟล
9.โปรแกรม 7Zip กจะทาการแยกไฟลชดตดตงไปไวทโฟลเดอร Joomla บน Desktop
เมอแยกไฟลเสรจเรยบรอยใหปดโปรแกรม 7Zip ไปได
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 43
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
10.เปดโฟลเดอร joomla บน Desktop แลว copy ไฟลทงหมดไปไวทโฟลเดอร C:\AppServ\www
หากมหนาตางถามเรองการ Copy ไฟลไปทบไฟลเดมทมอยแลว ใหคลกทป ม Yes to All
*หมายเหต : โฟลเดอร C:\AppServ\www เปรยบเสมอนพนทใน Web Server ไฟลทจะเรยกใชงานผานเวบไซต
จาลองทงหมดจะตองถกนามาไวในโฟลเดอรน
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 44
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
11.เปดไปท http://localhost แลวกด Enter จะเขาสหนาตางการตดตง Joomla ทหนาแรกใหเลอกภาษาทจะใชใน
การตดตงแลวคลกทป ม ถดไป
12.การตรวจสอบกอนการตดตง ใหตรวจสอบวามการสนบสนนโปรแกรมตาง ๆ ครบถวนหรอไม แลวคลกถดไป
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 45
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
13.หนาตางลขสทธ ใหคลกถดไป
14.ใหกรอกรายละเอยดเกยวกบฐานขอมลตามทไดสรางไว แลวคลก ถดไป
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 46
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
15.หากระบขอมลไมถกตองระบบจะแจงขอผดพลาดขนมา ใหคลกยอนกลบ เพอกรอกขอมลใหมอกครง
16.หากกรอกขอมลเกยวกบฐานขอมลถกตองจะเขาสการตงคาระบบ FTP ไมตองกาหนดอะไร คลกทป ม ถดไป
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 47
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
17.ใหตงชอเวบไซต, อเมลลและกาหนดรหสผานสาหรบผดแลเวบ โดยอาจจะใชรหสผานเดยวกบ MySQL หรอ
กาหนดขนมาใหมกได จากนนคลกทป ม ตดตงขอมลตวอยาง แลวคลก ถดไป
18.ใหไปลบโฟลเดอรทชอ installation ใน C:\Appserv\www ทง และระบบแจงชอผใชทจะใชสาหรบ Log in เขา
ไปบรหารจดการเวบไซตชอวา admin จากนนคลก ดหนาเวบไซต
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 48
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
19.หากยงไมไดลบโฟลเดอร Installation ระบบจะแจงเตอนใหลบกอน หลงจากลบโฟลเดอรแลวคลกทลงคอกครง
20.จะเขาสหนาเวบไซต Joomla ทเพงตดตงเสรจสน
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 49
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
2)การตดตง Joomla เพอการใชงานจรงในระบบเครอขายอนเทอรเนต
การตดตง Joomla เพอการใชงานจรงในระบบเครอขายอนเทอรเนต ผตดตงจาเปนจะตองทราบ
รายละเอยดขอมลตาง ๆ ทใชในการเขาถงพนทบนเครองคอมพวเตอรแมขาย ไดแก
1. ชอโดเมน (Domain Name) เชน www.thaitelecentre.org หรอตองทราบ IP Address ของเครอง
คอมพวเตอรแมขาย เพอใชในการเรยกดเวบไซต
2. ชอเครอง FTP Server พรอม User Name และ Password ทใชในการตดตอไปยงเครองแมขายเพอ
อพโหลดไฟลชดตดตง Joomla ไปไวยงพนทในเครองแมขาย
3. ชอฐานขอมลหรอโปรแกรมทจะใชสรางฐานขอมล พรอม User Name และ Password
4.สาหรบผ ใหบรการบางทจะมสวนของ Control Panel ซงเปนเครองมอทใชบรหารจดการเวบไซต
ใหบรการเพมเตมดวย
ซงรายละเอยดทงหมดเหลาน ทานจะไดรบจากผดแลระบบหรอผ ใหบรการ Web Hosting หลงจากททาน
ไดสมครและลงทะเบยนใชงานเรยบรอยแลว
ในคมอเลมนจะยกตวอยางการตดตง Joomla บน www.thport.com ซงเปนผ ใหบรการพนทสรางเวบไซต
ฟร มระบบฐานขอมลและระบบตาง ๆ ทรองรบกบ Joomla ครบถวน หลงจากททานไดสมครและตดตง Joomla
บน www.thport.com เสรจเรยบรอย ทานกจะมเวบไซตทสามารถนาเสนอขอมลไดจรงบนโลกอนเทอรเนตทนท
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 50
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
การสมครขอใชพนทฟรท www.thport.com
ในการสมครขอใชพนทฟรท www.thport.com นนจาเปนจะตองใช Gmail ในการสมครเปนสมาชก
เนองจาก www.thport.com ไมอนญาตใหใช Hotmail, Windowslive, Yahoo ในการสมคร ดงนนจงขอแนะนาให
ทานใช Gmail ในการสมครขอใชบรการ
ขนตอนการสมครเปนสมาชก Gmail
1.เปดไปท www.gmail.com จากนนคลกทป ม สรางบญช บรเวณมมขวาลาง
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 51
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
2.กรอกชอ-นามสกลตามความเปนจรงลงไปในชองและ กาหนดชอบญชทจะใชในการเขาสระบบ
3.กาหนดรหสผานสาหรบการเขาสระบบ และเลอกคาถามสาหรบความปลอดภยและระบคาตอบลงไป เพอใชใน
กรณทลมรหสผาน หากมอเมลลอนสารองกใหกรอกลงไปในชองอเมลสาหรบก รหสผาน หากไมมใหเวนวางไว
จากนนเลอกตาแหนงทตงเปน ไทย
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 52
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
4.พมพอกขระทปรากฏลงในชองการตรวจสอบคาใหถกตอง จากนนคลกทป ม ฉนยอมรบโปรดสรางบญชของฉน
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 53
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
5.ในกรณทมการสมครอเมลจากทเดยวพรอมๆกนหลายคน Gmail จะเปดระบบยนยนบญชของคณ โดยให
ผสมครเลอกการยนยนเปน ขอความตวอกษร เลอกประเทศ ไทย และระบหมายเลขโทรศพทมอถอของตนเองลง
ไป จากนนคลกทป ม สงรหสยนยนไปยงโทรศพทมอถอของฉน
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 54
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
6.ปอนรหสทไดรบทาง SMS ลงไปในชองปอนรหสยนยนของคณ จากนนคลกยนยน
7.คลกทป มแสดงบญชของฉน
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 55
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
8.จะปรากฏหนาตางกลองจดหมาย Gmail ทเพงสมครเสรจสน
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 56
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
ขนตอนการสมครเปนสมาชก www.thport.com
1.เปดไปท www.thport.com จากนนคลกทเมน Sign up
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 57
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
2.กรอกขอมลในชองตาง ๆ ใหครบถวน
Your Website : ตงชอเวบไซตเปนภาษาองกฤษไมเกน 16 ตวอกษร
Password : ตงรหสผาน 8 ตวอกษร
Email Address : ใสอเมลลทเปน Gmail ลงไป
Type : เลอกประเภทเวบไซต
Language : เลอกภาษาทใชในเวบไซต
Enter code : ใหนา Code จากบรรทด Security Code มาใส
จากนน คลกป ม Register
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 58
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
3. จะมป ม Click Me To Continue ใหคลกเพอทาขนตอนตอไป
4.จะปรากฏหนาตาง ใหใส Image Verification เพอยนยนการสมคร ใหใสอกษรทง 2 ชดทเหนโดยเคาะเวนวรรค
1 ครงระหวางชดท1 และชดท 2 จากนนคลกทป ม Register
5.ระบบยนยนการสมครจะถกสงไปอเมลลทไดระบไว
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 59
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
ขนตอนการยนยนการสมครสมาชก www.thport.com
1.เปดไปท www.gmail.com จากนนลงชอเขาใชงาน คลกเปดกลองจดหมาย จากนนคลกเลอกจดหมายจาก
thport.com ฉบบ Account Activation Required
2.คลกลงคยนยนการสมครทปรากฎในอเมลล
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 60
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
3.จะปรากฏหนาตาง Image Verification อกครง ใหกรอกรหสทปรากฏแลวคลกทป ม Register
เปนอนเสรจสนขนตอนการยนยนการสมครสมาชก
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 61
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
ทานจะไดรบรายละเอยดการเขาใชงานเวบไซตตามหนาจอดานลาง
********
********
********
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 62
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
การสรางฐานขอมล เพอใชสาหรบตดตงและจดเกบไฟลของเวบไซต
1.เปดไปท http://cpanel.thport.com แลวใส Username Password แลวกด Login เพอเขาสระบบ
2.คลกท MySQL Database เพอเขาสขนตอนการสรางฐานขอมลใหม
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 63
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
3.ตงชอฐานขอมลเปนภาษาองกฤษ ลงในชอง Create New Database จากนนคลก Create Database
4.จะไดฐานขอมลตวใหมชอวา thpor_6152518_joomla
ซงจะตองใชระบรายละเอยดฐานขอมลตอนตดตง Joomla จากนนคลกทเมน Logout ดานบนเพออกจากระบบ
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 64
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
การดาวนโหลดและตดตง Joomla
1.ไปทเวบไซต www.joomla.org จากนนคลกทป ม Download Joomla Get Lastest Version
2.ใหคลกทลงคคาวา ZIP ในบรรทด Full Package เพอเลอกชดตดตง Joomla ตวเตม
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 65
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
3.จะปรากฏหนาตาง ใหเลอกบนทกแฟม แลวคลกป มตกลง
4.รอจนโปรแกรมดาวนโหลดเสรจสนดบเบลคลกท Joomla_1.5.20-Stable-Full_Package.zip
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 66
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
5.จะปรากฏหนาตาง 7Zip ขนมา ใหคลกทป ม แยกไฟล เพอทาการแยกไฟลทงหมดทถกบบอดอยออกมา
*หมายเหต : เมอ 7Zip ปรากฏขนมาไมตองคลกไฟลหรอโฟลเดอรใดทปรากฏดานใน เพราะจะเปนการเลอกแยก
เฉพาะไฟลทถกคลก
6.คลกทป ม […] ดานขวามอ (ป ม Browse… )
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 67
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
7.จะปรากฏหนาตาง Browse For Folder ขนมา ใหคลกท Desktop แลวคลกทป ม Make New Folder จากนนตง
ชอ Folder แลวคลก OK
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 68
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
8.คลกทป มตกลง
9.โปรแกรม 7Zip กจะทาการแยกไฟลชดตดตงไปไวทโฟลเดอร Joomla บน Desktop
เมอแยกไฟลเสรจเรยบรอยใหปดโปรแกรม 7Zip ไปได
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 69
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
การอพโหลดไฟลไปไวบน Server ดวยโปรแกรม FileZilla FTP Client
1.เปดโปรแกรม FileZilla ขนมา จากนนกรอกชอ โฮสต, ชอผใช, รหสผานทไดจากการสมคร แลวกด Enter
2.โปรแกรมจะทาการเชอมตอไปยงเครอง Server และปรากฎหนาตางดงรป
พนทภายในคอมพวเตอรผใช
พนทภายในเครอง Server
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 70
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
3.คลกขวาทโฟลเดอร htdocs ในฝง ทตงระยะไกล (Server) แลวเลอก File permissions
4.จากนนคลกทาเครองหมายถกทกชอง หรอเปลยนคาในชอง Numeric Value เปน 777 แลวคลก OK เพอเปน
การอนญาตให Joomla สามารถสรางไฟล Configuration.php ลงในพนท Server ได
*หมายเหต : ไมตองคลกถกทหวขอ Recurse into subdirectories เพอความปลอดภยของระบบ
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 71
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
5.ดบเบลคลกเปดเขาไปในโฟลเดอร htdocs จากนนคลกทาแถบสเลอกไฟลทงหมดในโฟลเดอร จากนนใหคลก
ขวาบนไฟล แลวเลอก ลบ เพอลบไฟลทระบบสรางขนอตโนมตทงไป
6. ใหคลกเลอกท Desktop ในฝงทตงในเครอง
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 72
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
7.ดบเบลคลกทโฟลเดอร Joomla ในหนาตางดานลาง เพอเปดเขาไปขางในโฟลเดอร Joomla
8.ทาแถบสเพอเลอกโฟลเดอรและไฟลทงหมดภายในโฟลเดอร Joomla โดยการคลกทโฟลเดอร administrator 1
ครง จากนนกดป ม Control + A บนคยบอรดพรอมกน 1 ครง จากนนคลกขวาบนโฟลเดอรทถกเลอกแลวเลอก
อพโหลด
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 73
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
9.โปรแกรม FileZilla กจะเรมอพโหลดไฟลชดตดตง Joomla จากในเครองซงมประมาณ 4201 ไฟลไปไวยง
Server ซงระยะเวลาในการอพโหลดขนอยกบความเรวของอนเทอรเนตทใช
ใหรอจนกวาโปรแกรมจะทาการอพโหลดครบทกไฟล
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 74
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
10.กรณทมไฟลทรบสงขอมลไมสาเรจ ใหคลกท Tab รบสงขอมลไมสาเรจ
11.ทาแถบสเลอกรายชอไฟลทงหมด แลวคลกขวาบนไฟล 1 ครง แลวเลอก Reset and requeue selected files
12.คลกท Tab ควไฟล จากนนคลกขวาบนไฟลแลวเลอกดาเนนควงาน และรอจนกวาไฟลจะอพโหลดครบทกไฟล
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 75
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
13.หนาตางแสดงผลการอพโหลไฟลเสรจสมบรณทง 4201 ไฟล
ใหเปดโปรแกรมคางไวโดยยอหนาตางโปรแกรมไวกอน ไมตองปดโปรแกรมไป เพราะจะตองเรยกใชงานโปรแกรม
FileZilla อกครง หลงตดตง Joomla เสรจ
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 76
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
ขนตอนการตดตง Joomla บน Server
1.เปดไปยงเวบไซตทไดลงทะเบยนไวเชน http://joomla2010.thport.com จะปรากฏหนาตางการตดตง Joomla
ขนมา ในขนตอนแรกใหเลอกภาษาทใชในการตดตง ในทนเลอกตดตงเปน th-TH – Thai (ภาษาไทย) จากนนคลก
ทป ม ถดไป
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 77
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
2.ทหนาเวบ ตรวจสอบกอนการตดตง ใหทาการตรวจสอบในสวนตาง ๆ ดงน
ตรวจสอบกอนการตดตง Joomla (กรอบดานบน) จะตองเปนขอความ สนบสนนสเขยว ทกบรรทด การตดตง
Joomla จงจะตดตงไดสมบรณ
คาแนะนาในการตดตง(กรอบดานลาง) บางหวขออาจจะมการเตอนเปนสแดงบางกได ไมเปนปญหาตอการ
ตดตง ทงนคาตวแปรตาง ๆ จะขนอยกบการกาหนดระบบรกษาความปลอดภยของ Server ในแตละท
จากนนคลกทป มถดไป
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 78
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
3.ทหนาตาง ลขสทธ ใหคลกทป มถดไป
4.ใหกรอกขอมลเกยวกบฐานขอมลทระบบแจงไวตอนสมครและตามทไดสรางไวใน Control Panel ของโฮสต
จากนนคลกทป ม ถดไป
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 79
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
5.หากกรอกขอมลผดพลาด ใหคลก ยอนกลบเพอไปตรวจสอบขอมลอกครง
6.หากรายละเอยดฐานขอมลถกตองจะเขาส การตงคาระบบ FTP ไมตองกรอกขอมลใดๆ คลกทป ม ถดไป
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 80
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
7.กรอกชอเวบไซต, อเมลลของผดแลเวบ, กาหนดรหสผานใหผดแลเวบและคลกตดตงขอมลตวอยาง คลกถดไป
8.ระบบจะแจงใหไปลบหรอเปลยนชอโฟลเดอร Installation และแจงชอบญชผใชงานเวบไซตชอวา admin
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 81
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
9.เปดกลบไปทโปรแกรม FileZilla > จากนนคลกขวาทโฟลเดอร installation แลวเลอก เปลยนชอ
*หมายเหต : สาเหตทใหเปลยนชอโฟลเดอรแทนการลบเพราะถาสงลบ จะตองใชเวลาในการลบหลายนาท แต
หากทานใดมเวลาในการลบกสามารถสงลบได เพราะไฟลในโฟลเดอรอาจจะถกผ ไมหวงด มาสงตดตง Joomla
ทบไฟลทเราสรางไวเสรจเรยบรอยแลวกได
10.ตงชอโฟลเดอรไปเปนชออะไรกไดแลวกด Enter
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 82
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
11.เปดกลบมาทหนาตางตดตง Joomla แลวคลกท ดหนาเวบไซต
19.หากยงไมไดเปลยนชอโฟลเดอร Installation ระบบจะแจงเตอนใหเปลยนชอกอน หลงจากเปลยนชอโฟลเดอร
แลวคลกทลงคอกครง
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 83
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
20.หากเปลยนชอโฟลเดอรเสรจสมบรณจะเขาสหนาเวบไซต Joomla ทเพงตดตงเสรจสน
21.เปดกลบไปท FileZilla อกครง คราวนจะพบไฟลใหมท Joomla เพงสรางขนมานนคอไฟล configuration.php
ซงเปนไฟลทเกบขอมลการตงคาระบบของเวบไซตทเพงตดตงเอาไว
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 84
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
22.หลงจากตดตง Joomla เสรจเรยบรอยแลว ใหคลกขวาทโฟลเดอร htdocs แลวเลอกเมน สทธการเขาถงแฟม
23.กาหนดคาใหโฟลเดอร htdocs มคาเทากบ 755 เพอปองกนมใหผ ไมหวงด เขามาแกไขไฟลในเวบได จากนน
คลก ตกลง
หลง
โดยในเวบไซ
1)ส
เวบไซต และ
2)ส
สวนนจะตอง
งจากทไดตดต
ซตทพฒนาด
สวน Front en
ะผ ทคอยอพเ
สวน Back en
งเปนผดแลระ
ภ
ก
ตง Joomla จ
วย Joomla จ
nd เปนสวนห
ดทขอมลในเว
nd เปนสวนท
ะบบเวบไซตท
ภาพแสดงตว
กระทรวงเทคโน
การบร
จนเสรจเรยบร
จะแบงการทา
หนาตาของเวบ
วบไซต
ทใชวางโครงส
ทมความร คว
วอยางการแ
นโลยสารสนเทศ 85
โครงการ
รหารจดการเ
รอยแลว ขนต
างานออกเปน
บไซตทใชเผย
สรางการจดเก
วามสามารถใ
บงการทางา
ศและการสอสา
รการพฒนาศนย
เวบไซต
ตอนสาคญถด
น 2 สวนหลก
ยแพรขอมลขา
กบขอมล และ
ในการใชงาน
านภายในเวบ
าร
http://wยการเรยนร IC
ดมากคอ การ
ๆ ไดแก
าวสารและตด
ะใชในการบรห
Joomla ไดใ
บไซต Joom
www.thaitelT ชมชนอยางย
รบรหารจดกา
ดตอสอสารก
หารจดการเว
ในขนสงเทาน
mla
ecentre.orgยงยน ป 2553
รเวบไซต
บผ เขาชม
บทงหมด ใน
นน
น
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 86
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
การเขาสระบบ Back end ของ Joomla
การเขาสระบบ Back end ของ joomla ทาไดโดยการเปดไปทเวบไซตทไดทาการตดตงเรยบรอยแลว เชน
http://localhost หรอ http://joomla2010.thport.com จากนนทชอง Address bar ใหพมพ /administrator
ตอทายเขาไปแลวกด Enter เพอเขาส Back end ตวอยางเชน http://joomla2010.thport.com/administrator
จากนนใส User Name และ password แลวคลก Log in เพอเขาสระบบ
หลงจาก log in เสรจเรยบรอย จะปรากฎเครองมอทใชในการบรหารจดการเวบไซตดงรป
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 87
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
การตรวจสอบ Directory Permission
สงทตองทาเปนอนดบแรก หลงจากตดตง Joomla เสรจเรยบรอยคอการตรวจสอบ Directory
Permission เพอตรวจดวา Joomla มสทธในการเขยนขอมลลงไปในโฟลเดอรตาง ๆ ทจาเปนสาหรบระบบหรอไม
หากไมมสทธในการเขยนไฟลลงไปในโฟลเดอร กไมสามารถทจะตดตง Joomla ตอได
*หมายเหต : การใชงาน Linux Server สวนใหญ ระบบจะไมอนญาตใหเขยนไฟลลงไปในโฟลเดอร จนกวาจะม
การกาหนดสทธในโฟลเดอรนน ๆ เอง ทงนเพอเปนการรกษาความปลอดภยใหกบขอมลตาง ๆ ใน Server แต
สาหรบผ ทใช Windows Server จะไมเจอปญหานเนองจาก Windows จะตงคาการอนญาตใหโดยอตโนมต
1.ไปทเมน Help จากนนคลกท System Info
2.ใหตรวจสอบตรงชอง Status วาทกบรรทดมสถานะเปน Writable หรอไม
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 88
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
3.หากมโฟลเดอรไหนทสถานะไมเปน Writable กจะตองใชโปรแกรม FileZilla เชอมตอไปยง Server จากนนไป
คลกขวาทโฟลเดอรทตองการแลวเลอกเมน File permissions…
4.กาหนดคาใหกบโฟลเดอรเปน 777 โดยไมตองคลกถกทหนา Recurse into subdirectories แลวคลกตกลง
5.ใหกาหนดสทธโฟลเดอรตามรายการใน System Info ใหเปน Writable ทกโฟลเดอร Joomla จงจะตดตงตอได
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 89
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
การดาวนโหลดและตดตงเมนภาษาไทยใหกบ Joomla
การตดตงเมนภาษาไทยใหกบ Joomla เพอความสะดวกสาหรบผ ทไมถนดใชงาน Joomla เปนภาษาองกฤษ
1.เปดไปท www.joomla.org/download.html จากนนคลกเลอกทลงค Find a language pack or localized
version
2.เลอนหาหวขอทเปนภาษาไทยแลวคลกทลงค Download Language Packs
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 90
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
3.คลกทลงค th-TH_joomla_full 1.5.15v1.zip เพอดาวนโหลดเวอรชน Full มาใชงาน
4.ทหนาตางบนทก ใหเลอกบนทกแฟม แลวคลก ตกลง
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 91
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
5.หลงจากดาวนโหลดเสรจเรยบรอย ใหคลกทเมน Extension แลวเลอก Install/Uninstall
6.ทหนาตาง Extension Manager ใหคลกป ม เรยกด...
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 92
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
7.เปดไปยง My Documents แลวเปดเขาไปในโฟลเดอร ดาวนโหลด จากนนดบเบลคลก หรอคลกเลอกไฟลแลว
กดป ม Open เลอกไฟลภาษาไทยทดาวนโหลดมา
8.จากนนคลกทป ม Upload File & Install
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 93
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
9.ระบบจะแจง Install Language Success
10.การตงคาใหเมน Joomla เปลยนเปนภาษาไทย ทาไดโดยการคลกทเมน Extension จากนนคลกท Language
Manager
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 94
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
11.ทหนาตาง Language Manager คลกเลอกท Site แลวคลกเลอกทป มหลงขอ 2 Thai (ภาษาไทย) จากนนคลก
ท Default เพอตงคาเมนภาษาไทยสาหรบหนาเวบ
12.ทหนาเดยวกน ใหคลกทหวขอ Administrator เลอกขอ 2 Thai(ภาษาไทย) แลวคลกทป ม Default เพอตงคา
ภาษาไทยในฝง Backend
1
2
3
1
2
3
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 95
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
โครงสรางการจดเกบขอมลภายใน Joomla
เนองดวย Joomla เปน CMS หรอ Content Management System ดงนนภายใน Joomla จงมโครงสรางการจดเกบ
ขอมลอยางเปนระบบโดย Joomla ไดวางผงการจดเกบขอมลเปนลาดบชนงาย ๆ ประกอบดวย
section หมวดหมหลก
category หมวดหมยอย
Article บทความ หรอ หนาเวบแตละหนา
ซงมผงการจดเกบขอมลมความสมพนธกนดงน
WebSite
Section
Category
Article
Section
Article
Category
Article
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 96
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
การลบ บทความ, CategoryและSection
กอนทจะเขาไปวางผงโครงสรางการจดเกบขอมล ผดแลเวบจาเปนจะตองไปลบ บทความ, Category
และ Section ทมอยเดมทงไปกอน โดยลาดบการลบ ใหลบบทความใหหมดกอน จากนนคอยลบ Category
ทงหมด แลวจงไปลบ Section ทง หากไมลบหนวยยอยกอน จะไมสามารถลบหนวยทใหญกวาได
1.ไปทเมน บทความ คลกเลอก การจดการบทความ
2.ทาเครองหมายถกในชองสเหลยมดานบนสดของรายการบทความ เพอเลอกบทความทงหมด แลวคลกทป ม ถงร
ไซเคล จากนนทาซาจนกวาจะลบบทความไดทงหมด
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 97
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
3.หนาตางแสดงสถานะไมมบทความ
4.คลกทเมน บทความ แลวเลอก ถงรไซเคลบทความ เพอตามไปลบไฟลในถงขยะทงแบบถาวร
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 98
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
5.ทาเครองหมายถกในชองสเหลยมดานบนสดของรายการบทความ เพอเลอกบทความทงหมด แลวคลกทป ม ลบ
6.คลกทป ม ลบ อกครงเพอยนยนการลบอยางถาวร
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 99
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
7.ทาซาตามขนตอนเดมจนกวาจะลบบทความในถงรไซเคลครบทกบทความ
8.การลบ Category ใหคลกทเมน บทความ แลวเลอก การจดการ Catogory
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 100
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
9.จากนนทาเครองหมายถกในชองสเหลยมดานบนสดของรายการ Category แลวคลกทป ม ลบ
10.การลบ Section ใหคลกทเมน บทความ แลวเลอก การจดการ Section
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 101
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
11.จากนนทาเครองหมายถกในชองสเหลยมดานบนสดของรายการ Section แลวคลกทป ม ลบ
12.คลกทป มแสดงตวอยาง จะเหนวาบทความตวอยางทมมาไดถกลบไปหมดแลว
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 102
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
การสราง Section และ Category
วธการการสราง Section และ Category เพอแบงโครงสรางหมวดหมการจดเกบขอมลในเวบไซต Joomla
ทาไดโดยการสราง Section กอนจากนนจงจะสามารถสราง Category ได และเมอสราง Category แลว จงจะ
สามารถสรางบทความไปเกบไวใน Section>Category ได ตวอยางการสราง Section และ Category ไดแก
Section Category
เมนหลก เกยวกบศนย
บคคลากร
ขาวกจกรรมศนย
ขาวประชาสมพนธ
ภาพกจกรรม
วดโอกจกรรม
ตดตอศนย
เมนดานบน ขอมลชมชน
ภมปญญาทองถน
กลมอาชพในทองถน
สนคาภายในทองถน
แหลงทองเทยว
1.ไปทเมนบทความ > การจดการ Section จากนนคลกทป ม สรางใหม
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 103
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
2.พมพชอ Section ทตองการสรางลงในชองชอเรองเชน เมนหลก จากนนกดป มบนทก และสรางใหมตามตองการ
3.ภาพแสดงรายการ Sectionทสรางขนจานวน 2 Section
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 104
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
4.ไปทเมนบทความ > การจดการ Category จากนนคลกทป ม สรางใหม
5.พมพชอ Category ทตองการสรางใหมลงในชองชอเรอง จากนนคลกทชอง Section เพอกาหนดวา Category
ทสรางขนจะไปอยใน Section ไหน จากนนกดป มบนทก
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 105
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
6.หนาตางการจดการ Category แสดงรายการ Category ทงหมดทสรางขน
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 106
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
การดาวนโหลดและตดตงเครองมอสรางบทความในเวบไซต
การสรางบทความในเวบไซตเปนหวใจสาคญในการขบเคลอนเวบไซตใหมเนอหาทนาสนใจ มการ
นาเสนอขอมลใหม ๆ เปนประจา และการทขอมลจะอพเดทไดรวดเรวและทนสมยได ยอมตองอาศยเครองมอทม
ประสทธภาพเขามาชวย โดยในคมอเลมน จะแนะนาการใชงานเครองมอทใชในการเขยนบทความ หรอ Web
Editor ทมชอวา JCE (Joomla Content Editor) ซง JCE เปนเครองมอทมประสทธภาพและความยดหยนสงกวา
เครองมอทตดตงมาพรอมกบ Joomla และ JCE ทาใหการเขยนบทความเปนเรองงายสาหรบทกคน
1.ไปท www.joomlacontenteditor.net
2.คลกทเมน Download
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 107
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
3. ทหวขอ Editor Files ใหคลกท Download ภายใตหวขอยอย JCE Installation Package
4.เลอกบนทกแฟม แลวคลกตกลง
5.รอจนกวาการดาวนโหลดจะเสรจสน
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 108
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
6.ไปทเมนสวนขยาย แลวเลอก ตดตง/ถอนการตดตง
7.คลกทป ม เรยกด
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 109
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
8.ดบเบลคลกเลอกไฟล com_jce_1574_package หรอคลกเลอกไฟลแลวกด Open
9.คลกทป มอพโหลดไฟลและตดตง
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 110
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
10.หนางตางแสดงผลการตดตง สาเรจ
11.คลกทเมน เวบ จากนนคลกเลอกท การตงคาคอนฟค เพอเปนการตงคาให JCE เปน Editor หลกทใชในการ
เขยนบทความภายในเวบไซต
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 111
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
12.กาหนดคาในชอง WYSIWYG เอดเตอรปกต ใหเปน Editor – JCE 1.5.7.4 แลวกดป มบนทก
13.หนาตางแสดงผลการปรบปรงคา Global Configuration
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 112
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
การสรางบทความใหม
การสรางบทความหรอเวบแตละหนาขนมาใหม ผ ทมหนาทสรางบทความจะตองทราบถงองคประกอบ
หลก ๆ ในบทความหนงบทความวามองคประกอบอะไรบาง และผสรางบทความจะตองมความรความชานาญใน
การใชเครองมอในการสรางหนาเวบหรอ Web Editor เปนอยางด ดงนนในขนตอนนจะเปนการอธบาย
องคประกอบของบทความ และวธการใชงานเครองมอตางๆ ทจาเปนของ JCE Web Editor เพอใหผ เรยน สามารถ
สรางบทความในเวบไซตไดอยางมประสทธภาพ
องคประกอบของบทความ
1)ชอบทความหรอชอหวขอขาว
2) ภาพประกอบหวขอขาว
ภาพขนาดเลกกวางไมเกน 265 pixel
3)ขอความโปรยหวขาว ซงเปนขอความทบอกเลารายละเอยดเนอหาของขาวทงหมดโดยสรป
แตมขอความทดงดดใจ ชกชวนใหผอานอยากอานเนอหาทงหมด ความยาวประมาณ 2-3 บรรทด
4) เสนลงคอานเพมเตม...
5) เนอหาขาวหรอบทความโดยละเอยด เนอหาขาวหรอบทความโดยละเอยด เนอหาขาวหรอ
บทความโดยละเอยด เนอหาขาวหรอบทความโดยละเอยด เนอหาขาวหรอบทความโดยละเอยด
เนอหาขาวหรอบทความโดยละเอยด เนอหาขาวหรอบทความโดยละเอยด
6) ภาพประกอบบทความ ภาพท 2, 3, 4, 5, .... n ความกวางไมเกน 600 pixel
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 113
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
1.ไปทเมน บทความ แลวคลกเลอกท การจดการบทความ
2.คลกทป มสรางใหม
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 114
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
3.หนาตางแสดงเครองมอทใชในการสรางบทความภายในเวบ
4. ชอเรอง : ใหตงชอบทความหรอใสหวขอขาวลงไป เผยแพร : ใหเลอกเปนใช
หนาแรก : เปนการกาหนดวาบทความทสรางขนจะไปแสดงตรงหนาแรกดวยหรอไม
Section : เลอก Section หรอหมวดหมหลกของขอมลทจะสรางขน
Category : เลอก Category หรอหมวดหมยอยของขอมลทจะสรางขน
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 115
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
5.แถบเครองมอ และพนทสาหรบสรางบทความ
ใชกาหนดสใหกบตวอกษร
ใชลบรปแบบการตงคาตวอกษร จากเวบอน ๆ หรอจากในไฟลทมการตงคาเอาไว
ใชวาดตารางลงในบทความ
ใชแทรกรปภาพลงบทความ
ใชสาหรบการสรางลงคเพอเชอมโยงขอมลภายในเวบ หรอภายนอกเวบ
ใชสาหรบยกเลกการเชอมโยงขอมล
ใชสาหรบแสดงโคดภาษา HTML หรอภาษา PHP
ใชสาหรบสรางลงคอานเพมเตมในบทความ
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 116
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
6.การแทรกรปลงในบทความ ใหคลกทป ม แทรก/แกไขรปภาพ 1 ครงจะปรากฎหนาตางดงรป
7.คลกทป ม สรางโฟลเดอรใหมหนงครง เพอสรางโฟลเดอรเอาไวจดเกบไฟลรปภาพทงหมด จากนนในชอง
Name ใหใสตวเลขป ค.ศ. ลงไป แลวคลกป ม OK
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 117
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
8.คลกทโฟลเดอร 2010 หนงครงจากนนคลกทป ม สรางโฟลเดอรใหมอกหนงครงเพอสรางโฟลเดอรยอยใน
โฟลเดอร 2010
9.ในชอง Name ใหใสตวเลขเดอนตามดวยชอเดอนลงไป เชน 01_Jan แลวคลกป ม OK ทาการสรางโฟลเดอรยอย
ใหครบทง 12 เดอน
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 118
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
10. ดบเบลคลกเลอกโฟลเดอรเดอนปจจบน จากนนคลกทป ม อพโหลดไฟล
11.คลกทป ม Add หนงครงเพอเลอกไฟลทจะอพโหลดไปใสในบทความ
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 119
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
12.เปดไปยงโฟลเดอรทไดเตรยมไฟลเอาไว แลวดบเบลคลกเลอกไฟลทตองการอพโหลด โดยแตละไฟลจะตองม
ขนาดไมเกน 2 Mb
13.ผ เรยนสามารถกดป ม Add เพอเพมไฟลไดหลาย ๆ ไฟล จากนนคลกทป ม Upload เพอสงไฟลขน Server
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 120
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
14.หนาตางแสดงสถานะการอพโหลด ใหรอจนกวาจะอพโหลดครบทกไฟล แลวคลกป ม Close
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 121
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
15.คลกเลอกชอไฟลทตองการจะแทรกลงในบทความ จากนนกดป ม Insert ดานลาง
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 122
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
16.ทหวขอ พารามเตอร – บทความ
ผ เขยน หมายถง ผ ทกาลงเขยนบทความ
ชอแทนผ เขยน หมายถง การเปลยนชอทแสดงในบทความเปนนามแฝง หรอชออน ๆ
ระดบการเขาถง หมายถง การอนญาตในการเผยแพรบทความวาใครมสทธในการเปดดไดบาง
วนทสราง หมายถง วนทสรางบทความ
เรมเผยแพร หมายถง วนทตองการเรมเผยแพรบทความ
การเผยแพรเสรจสน หมายถง วนทจะกาหนดใหบทความงดการเผยแพร
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 123
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
17. เมอทาการตงชอบทความ กาหนดการเผยแพร กาหนด Section, Category พมพขอความเนอหาและแทรก
ภาพเสรจเรยบรอยแลว ใหคลกทป ม บนทก เพอบนทกบทความทสรางขน
*หมายเหต : ในการสรางบทความจะตองสรางใหเสรจภายใน 15 นาท ไมเชนนนระบบจะตดการเชอมตอหนงครง
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 124
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
การจดการเมน
หลงจากทไดสรางบทความในเวบไซตเรยบรอยแลว กจะเขาสขนตอนการจดการเมน เพอทาเมนเชอมโยง
ไปยงเนอหาบทความ หรอเชอมโยงไปยงหมวดหมขอมลตาง ๆ ภายในเวบไซต
1.ไปท เมน แลวคลกเลอก Main Menu *
2.คลกเลอกรายการเมนตงแตขอ 2 ถงขอ 7 และขอ 9 แลวคลกทถงรไซเคล เพอลบเมนเกา จะเหลอเมนแค 2
รายการคอ Home และ Web links จากนนคลกทรายการเมน Home
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 125
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
3.ในชองชอเรองใหเปลยนเปนคาวา หนาหลก แลวกาหนดคาพารามเตอรเบสคตามรป จากนนคลกป ม บนทก
ตวอยางองคประกอบหนาเวบตามคา พารามเตอร – เบสค ในเมนโฮม
โลโก/สวนหวเวบ
เมนดานบน
เมนดานซาย แนะนา
คานา 1 คานา 2
คานา 3 คานา 4
ลงค 1………………………
ลงค 2………………………
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 126
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
การสรางเมนใหมใน Joomla
การสรางเมนใหมใน Joomla นนจะตองระบชนดของเมนทจะสรางขน เพอให Joomla สามารถเชอมโยง
ขอมลตาง ๆ ไดถกตอง ชนดของเมนทใชงานบอยในเวบไซต Joomla ม 4 ชนดคอ
1.โครงรางบทความมาตรฐาน : เมนทเชอมโยงไปยงบทความใดบทความหนงโดยตรง
2.Category โครงรางบลอก : การสรางเมนเพอดงขอมลจาก Category ขนมาโชวในลกษณะ บลอก
3.โครงราง Category มาตรฐาน : การสรางเมนเพอดงขอมลจาก Category ขนมาโชวในลกษณะหวขอ
4.ลงคภายนอก : การสรางเมนเพอเชอมโยงไปยงลงคภายนอกเวบไซต
1.ทหนาตาง Menu Item Manager ใหคลกทป ม สรางใหม
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 127
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
2.เลอกชนดรายการเมนโดยคลกท บทความ > บทความ > โครงรางบทความมาตรฐาน
3.ตงชอรายการเมนในชองชอเรอง และคลกทป มเลอกในสวนของ พารามเตอร- เบสก เพอเลอกบทความ
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 128
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
4.คลกเลอกทชอบทความทตองการเชอมโยงกบเมน
5.คลกทป มบนทกเพอเสรจสนขนตอนการสรางเมน
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 129
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
6.คลกทป มสรางใหม เลอกชนดรายการเมนโดยคลกท บทความ > Category > Category โครงรางบลอก
7.พมพรายการเมนลงในชองชอเรอง
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 130
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
8.ในชองพารามเตอร – เบสก ใหคลกเลอก Category ทจะดงขอมลมาแสดง จากนนคลกทป มบนทก
9.คลกทป มสรางใหม เลอกชนดรายการเมนโดยคลกท บทความ > Category > โครงราง Category มาตรฐาน
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 131
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
10.พมพรายการเมนลงในชองชอเรอง ในชองพารามเตอร – เบสก ใหคลกเลอก Category ทจะดงขอมลมาแสดง
จากนนคลกทป มบนทก
11.คลกทป มสรางใหม เลอกชนดรายการเมนโดยคลกท ลงคภายนอก
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 132
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
12.พมพรายการเมนลงในชองชอเรอง และพมพ URL ลงในชองลงค โดยจะตองพมพชอโปรโตคอล http:// นาหนา
URL ในชองลงคดวย หากไมพมพชอโปรโตคอลลงไปจะทาใหเมนกลายเปน ลงคทมการเชอมโยงแบบผดพลาด
13.หากตองการแกไขรายการใน เมนดานบน ใหคลกท เมน แลวเลอก Top Menu แลวทาการสรางเมนดวยวธ
เดยวกน
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 133
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
14. ไปท เมน แลวเลอก User Menu จากนนคลกทชอรายการเมน
15.แกไขชอเรองในทกรายการเมนทละเมน แลวกดบนทก ตามตวอยางดงตอไปน
Your Detail : ขอมลสวนบคคล
Submit an Article : เขยนบทความใหม
Submit a Weblink : แนะนาเวบไซต
Log out : ออกจากระบบ
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 134
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
การจดการโมดลตาง ๆ ในเวบไซต
ภายในหนาเวบไซต Joomla จะประกอบไปดวยโมดล หรอโปรแกรมตาง ๆ ทจะดงขอมลจากฐานขอมล
ขนมาแสดง อยางโมดลทชอ Main Menu ทาหนาทเชอมโยงขอมลตาง ๆ ภายในเวบไซต โมดลททาหนาทดงขาว
ขนมาโชวหนาเวบ โมดลททาหนาทเปนระบบลงชอเขาใชงาน แตในขณะทตดตง Joomla พรอมตวอยาง ระบบก
จะตดตงโมดลตาง ๆ มาใหใชงานมากมาย แตในบางโมดลทเราไมตองการใชงาน เรากสามารถปดการทางานของ
โมดลเหลานนได และนอกจากนเรายงสามารถสรางโมดลขนมาเอง หรอไปดาวนโหลดโมดลอน ๆ ในอนเทอรเนต
มาใชเสรมประสทธภาพเวบไซตได
1.ไปทเมน สวนขยาย แลวเลอกท การจดการโมดล
2.จะปรากฎหนาตาง การจดการโมดลพรอมรายชอโมดลทมอย
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 135
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
3.คลกทหวตาราง เปดใชงานอย เพอให Joomla แสดงรายการโมดลทเปดใชงานไวดานบน จากนนกาหนดปดการ
ใชงานโมดลทไมจาเปน โดยการคลกเลอกหนาหวขอทตองการแลวคลกทป ม ปดการใช
*หมายเหต : กาหนดคาการเปดใชงานโมดลใหเหลอ 6 รายการดงรป
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 136
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
การดาวนโหลดและตดตงเทมเพลทเพอเปลยนหนาตาเวบไซต
Joomla มระบบการใชงานเทมเพลททสะดวกและงายดาย ทาใหผ ทพฒนาเวบไซตดวย Joomla แตไมม
ทกษะดาน Computer Graphic สามารถทจะสรางเวบไซตทหนาตาสวยงามได เพยงแคไปดาวนโหลดเทมเพลท
ในอนเทอรเนต แลวนามาตดตงลงไปใน Joomla เวบไซตกสามารถทจะเปลยนแปลงหนาตาไดอยางงายดาย
1.เปดไปท www.themza.com จากนนคลกเลอกทเมน Joomla 1.5.x Templates
2.เลอนหนาจอเพอคนหา Template ทตองการ จากนนคลกท Download
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 137
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
3.จะเขาสหนารายละเอยด Template ทเลอก ใหคลกทป ม Download
4.เลอกบนทกแฟม แลวกดป ม ตกลง
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 138
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
5.รอจนการดาวนโหลดเสรจสน
6.ไปทเมนสวนขยาย เลอก ตดตง/ถอนการตดตง
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 139
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
7.ทเมนการจดการสวนขยาย ใหคลกทป ม เรยกด...
8.เปดไปยง My Documents\ดาวนโหลด จากนนดบเบลคลกทไฟล Template ทดาวนโหลดมา
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 140
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
9.ทหนาตาง การจดการสวนขยาย คลกท อพโหลดไฟล & ตดตง
10.ระบบจะแจงผลการตดตงเทมเพลท
11.ไปทเมนสวนขยาย เลอก การจดการเทมเพลท
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 141
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
12.ทาเครองหมายเลอกหนาชอเทมเพลททตองการ จากนนคลกทป ม คาปกต เพอกาหนดให Joomla นาเทม
เพลททกาหนดไปใชงาน
หนาตาของเวบไซตกจะเปลยนเปนเทมเพลททกาหนดไว
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 142
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
การบรหารจดการสมาชกเวบไซต
ในระบบเวบไซต Joomla ผดแลเวบสามารถกาหนดสทธใหกบผ ทลงทะเบยนเปนสมาชก สามารถทา
หนาทตาง ๆ ภายในเวบไซตไดในหลายระดบ เชน สมาชกระดบผ เขยนสามารถเขยนบทความสงเขามาในเวบได
แตบทความยงไมถกเผยแพร สมาชกระดบทสงกวาสามารถแกไขบทความไดและสามารถอนญาตใหบทความท
สงเขามาเผยแพรได แตทง 2 ระดบทกลาวมาไมสามารถเขาสระบบ Backend ได หรอสมาชกระดบผดแลระบบ
สามารถทจะลบบทความและบรหารจดการเวบไซตในสวน Backend ได
สมาชกเวบไซตในระดบตาง ๆ
กลมเผยแพร ดานหนาเวบ (ใชงานผาน Frontend)
- ผลงทะเบยน เปนผลงทะเบยนทสามารถเขาใชงานไดตามปรกต
- ผ เขยน สามารถเขยนบทความไดแตไมสามารถเผยแพรได
- Editor สามารถเขยนบทความและแกไขได แตไมสามารถเผยแพรได
- ผ เผยแพร สามารถเขยนบทความ แกไขและเผยแพรบทความได
กลมเผยแพร ดานหนาเวบ (ใชงานผาน Frontend และ Backend)
- Manager ผบรหารจดการขอมลตาง ๆ ในเวบไซต
- ผดแลระบบ ผ ทสามารถดแลระบบ ปเด ปด ตดตงโมดลตาง ๆ ได
- Super Administrator ผ ทมอานาจสงสดในการบรหารเวบไซต สามารถกาหนดสทธสมาชกและ
เปลยนแปลงเทมเพลทได
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 143
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
การสมครเปนสมาชกเวบไซต
1.เปดไปทหนาเวบไซต จากนนไปทเมน Login Form จากนนคลกทเมน ลงทะเบยน
2.กรอกขอมลในชองตาง ๆ ใหครบถวน แลวคลกทป ม ลงทะเบยน
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 144
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
การกาหนดสทธใหกบสมาชก
1.ลงชอเขาใชงานในสวน Backend
2.คลกท การจดการสมาชก หรอไปทเมนเวบ เลอก การจดการสมาชก
3.ทหนาตางการจดการสมาชกคลกเลอกชอผใชทตองการกาหนดสทธ
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 145
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
4.กาหนดสทธใหเปนระดบผ เผยแพร เพอใหสมาชกสามารถนาเสนอขาวผานหนาเวบไซตได จากนนกดป ม บนทก
กระทรวงเทคโนโลยสารสนเทศและการสอสาร 146
http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553
การลงชอเขาใชงานผานหนาเวบ (Frontend)
สมาชกสามารถลงชอเขาใชงานผานหนาเวบไซต (Frontend) ไดโดย
1.เปดไปทเวบไซต จากนนเลอนหนาจอลงมาท Login Form จากนนใส ชอผใช และ รหสผาน แลวคลกเขาระบบ
2.จะปรากฎ User Menu ขนมา สมาชกสามารถเขยนบทความใหมผาน Frontend ไดเลย
3.เมอใชงานเสรจเรยบรอยใหคลกท ออกจากระบบ