joomla o public version

Post on 05-Dec-2014

1.134 Views

Category:

Documents

2 Downloads

Preview:

Click to see full reader

DESCRIPTION

 

TRANSCRIPT

  

กระทรวงเทคโนโลยสารสนเทศและการสอสาร     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

3

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.เมอใชงานเสรจเรยบรอยใหคลกท ออกจากระบบ

top related