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