Contenu connexe Similaire à Joomla CMS (20) Plus de Boonlert Aroonpiboon (20) Joomla CMS2. บุญเลิศ อรุณพิบูลย์
2536 – 2551
NECTEC
เจ้าหน้าที่ระบบคอมพิวเตอร์
วิทยากร ศูนย์ฝึกอบรม
คอมพิวเตอร์เนคเทค
รักษาการหัวหน้างานสนับสนุน
ทางเทคนิค
รักษาการหัวหน้างานวิชาการ
รักษาการหัวหน้างานพัฒนาสื่อ
สาระดิจิทัล
นักวิชาการ
2551 – ปัจจุบัน
STKS / NSTDA
นักวิชาการ
รักษาการหัวหน้างานพัฒนา
และบริการสื่อสาระดิจิทัล
4. CMS
Content Management System
ระบบบริหารจัดการเนื้อหาเว็บไซต์
พัฒนาบนฐานของ Web Programming + Database
ช่วยลดทรัพยากรต่างๆ ที่เกี่ยวข้องกับการพัฒนา/
จัดการเว็บ
กาลังคน
เวลา
งบประมาณ
5. โปรแกรมต่างๆ ในกลุ่ม CMS
Joomla
PHP-Nuke
MyPHPNuke
Mambo
eNvolution
MD-Pro
XOOPs
OpenCMS
Plone
JBoss
Drupal
http://www.cmsmatrix.org/
9. HTML Editor & CMS
Web ServerComputer ผู้ใช้
โอนเอกสาร
รายครั้ง (FTP)
Web ServerComputer ผู้ใช้
ต้องทางาน
Online
ติดตั้งแล้ว
นาเข้า
ออนไลน์
HTML
10. Joomla คือหนึ่งทางเลือกของเว็บยุคใหม่
เปิดเผย Source Code ---- Open Source Software
ดาวน์โหลดใช้ได้ฟรี
สนับสนุน Web Accessibility
สนับสนุนการสืบค้น Search Engine Friendly,
Google Friendly
Extension เสริมการทางานจานวนมาก
Communities ที่ยังพร้อมสนับสนุนพัฒนาโปรแกรม
สนับสนุนการทางานตามแนวทางเทคโนโลยีเว็บ 2.0
www.joomla.org/
11. เทคโนโลยี 2.0
เทคโนโลยีตามแนวคิดของการพัฒนาเว็บไซต์ 2.0
(Web 2.0)
ยุคใหม่ของการพัฒนาเว็บไซต์
รูปแบบการพัฒนาเว็บไซต์ที่ให้ความสาคัญกับ “ผู้ใช้เว็บ” มากกว่า
“ผู้พัฒนา” หรือ “เจ้าของเว็บไซต์”
แนวคิดการพัฒนาเว็บที่ให้ความสาคัญกับการปฏิสัมพันธ์การทางานร่วมกัน
การผสานความร่วมมือทั้งโครงสร้างพื้นฐาน ระบบ ซอฟต์แวร์ และเนื้อหา
เว็บ
การปรับเว็บไซต์จากการให้ข้อมูลเพียงทางเดียว เป็นการให้บริการและ
ข้อมูลที่ “ผู้ใช้” เข้าถึงได้ง่ายและร่วมสร้าง แก้ไข
13. Joomla กับการประยุกต์ใช้งาน
ไม่ใช่ CMS ที่เหมาะสมกับการออกแบบสร้างเว็บทุกความต้องการ
สารวจความต้องการของท่าน
นามาเปรียบเทียบกับ CMS อื่นๆ ด้วย http://www.cmsmatrix.org
นา CMS ที่ได้มาดูความนิยมด้วย http://trends.google.com
ทาไหมถึง “ดัง” ในช่วงนี้
ง่าย เมื่อเทียบกับ CMS อื่นๆ
รองรับ SEO
มีเอกสารเผยแพร่เยอะ
พูดปากต่อปาก
มีกลุ่มผู้พัฒนาที่ยังทางานอยู่
มีเครื่องมือให้เลือกใช้เฉพาะ Extension หลากหลาย ทั้งฟรีและ
ต้องจ่ายเงิน
14. Joomla กับเกี่ยวเนื่องต่างๆ
Server
& Security
การติดตั้ง
ปรับแต่งโปรแกรม
เนื้อหา
System Administrator
การบริหารจัดการ Server ระบบรักษาความปลอดภัย การจัดการฐานข้อมูล
การจัดการ Log file การจัดการสิทธิ์ของการเข้าถึงระบบ
- Web Master การติดตั้งและปรับแต่ง Joomla การจัดการสมาชิก Joomla
การจัดการหมวดเนื้อหา Joomla การติดตั้ง Extension และเปิดใช้งาน
การแก้ไขแม่แบบเว็บไซต์ด้วยเทคนิคแทนที่
- Web Master การแก้ไข CSS, HTML, PHP ระดับที่ 1
- Web Master & Web Programmer การแก้ไข CSS, HTML, PHP ระดับสูง
- Web Programmer การพัฒนา Joomla ด้วย web programming ต่างๆ
ทุกคน ภายใต้ข้อกาหนดร่วมกัน
(มาตรฐานสื่อดิจิทัลต่างๆ)
15. ใช้จริง ทาอย่างไร
องค์กร
เตรียม Server
ติดตั้ง Linux
ฐานข้อมูล MySQL
โปรแกรมภาษา PHP
สิทธิ์ในการเข้าถึง
Server
ส่วนตัว
หน่วยงานเตรียมพื้นที่ให้
สิทธิ์ในการเข้าถึง Server
เช่าพื้นที่ ISP หรือ Data
Provider อื่นๆ
21. Server Name :
ชื่อ Server หรือ
IP-Address กรณีที่เป็น
เว็บจาลองให้ระบุเป็น
localhost
Administrator's Email Address:
อีเมล์ของผู้ดูแลระบบ
Apache HTTP Port:
เลขที่พอร์ทสื่อสารของ Apache
ปกติคือ พอร์ท 80
ข้อมูล Apache
28. ปรับแต่ง Config ของ Server – AppServ # 1
Start, Program, AppServ, Configuration Server, PHP Edit
the php.ini Configuration File
max_execution_time ควรมากกว่า 120
max_input_time ควรมากกว่า 120
memory_limit ควรมากกว่า 64M
post_max_size ควรมากกว่า 20M
upload_max_filesize ควรมากกว่า 20M
การปรับแก้ไขจะต้องระมัดระวังเป็นพิเศษ
บันทึกไฟล์ ปิดไฟล์
29. ปรับแต่ง Config ของ Server – AppServ # 2
Start, Program, AppServ, Configuration Server, Apache
Edit the httpd.conf Configuration File
ลบเครื่องหมาย # ออกจากรายการ
#LoadModule rewrite_module modules/mod_rewrite.so
การปรับแก้ไขจะต้องระมัดระวังเป็นพิเศษ
บันทึกไฟล์ ปิดไฟล์
Restart Server ด้วยคาสั่ง Start, Program, AppServ, Control
Server by Service, Apache Restart
33. ปรับแต่ง Config ของ Server – Server2Go
ไฟล์ PHP.ini และไฟล์ httpd.conf อยู่ที่
server2goserverconfig_tpl
เปิดไฟล์ pms_config.ini แล้วแก้ไขรายการ
LocalMirror เป็น 0
การปรับแก้ไขจะต้องระมัดระวังเป็นพิเศษ
บันทึกไฟล์ ปิดไฟล์
ปิด Server2Go
เข้าสู่ระบบใหม่
43. ชื่อเว็บไซต์ (Site Title)
ภาษาอังกฤษ สามารถตามด้วยข้อความภาษาไทย
มีความยาวไม่เกิน 64 ตัวอักษร
มีความหมายชัดเจน
ประกอบด้วยคาที่ผู้ใช้คุ้นเคย และ/หรือนึกถึงใน
ลักษณะคาค้น (Keyword) ได้ง่าย
54. ปรับเว็บให้สนับสนุน SEO
Site, Global Configuration, Site
ข้อมูลสาคัญที่ต้องปรับแก้ไข
• Site Name
• Global Site Meta Description
• Global Site Meta Keyword
• Search Engine Friendly URLs
1
2
3
55. Site Name & Meta Tag
• Site Name – ไม่เกิน 64 ตัวอักษร ภาษาอังกฤษนา มีความหมาย
ชัดเจน สอดคล้องกับเนื้อหาในเว็บ ผู้ใช้นึกถึงได้ง่าย
• Description – ไม่เกิน 250 ตัวอักษร เนื้อหาอธิบายเกี่ยวกับเว็บ
• Keyword – คาค้นที่ผู้ใช้นึกถึงได้ง่าย ครอบคลุมเนื้อหาของเว็บ
ภาษาอังกฤษนา ปรับแต่งสม่าเสมอ ไม่เกิน 500 คา
58. Search Engine Friendly URLs
http://www.stks.or.th/web/index.php?option=com_content&task
=view&id=103&Itemid=20
http://www.nstda.or.th/index.php/aboutus-nstda
60. 1
2 ปรับแต่งระบบ Joomla
Site, Global Configuration, System
• Allow User Registration : ควรปิด
ระบบ
• Legal Extensions (File Types) :
เพิ่ม/ลดฟอร์แมตไฟล์ที่อนุญาตให้
นาเข้าระบบ
• Maximum Size (in bytes) : ขนาด
ไฟล์ที่อนุญาตให้นาเข้า
61. ปรับแต่งระบบเครื่องแม่ข่าย
Site, Global Configuration, Server
1
2ปรับแต่งระบบ Joomla Mail ด้วย GMail
Mailer: SMTP Server
Mail From: <your_user_id>@gmail.com
SMTP Auth: Yes
SMTP Security: SSL
SMTP Port: 465
SMTP Username: <your_user_id>@gmail.com
SMTP Password: <your_password>
SMTP Host: smtp.gmail.com
62. ปรับแต่งหน้าเว็บด้วย Module
• Module เป็นโปรแกรมเสริม (Extension) ประเภท
หนึ่งของ Joomla ทาหน้าที่ควบคุมการแสดงผลผ่าน
Front-end
• Joomla มี Module ที่พร้อมใช้งาน แต่ยังไม่เปิด
แสดงผล และอนุญาตให้ติดตั้ง Module เพิ่มเติมได้
• Module จะถูกแสดงผลรอบๆ พื้นที่แสดงเนื้อหาเว็บ
• การแสดงผล Module ควบคุมด้วยรูปแบบเว็บ
(Template) ผ่านชื่อตาแหน่ง (Position name)
66. Search Module ณ ตาแหน่ง Right
• ตัวอย่าง ต้องการเปิดใช้งาน Search Module เพื่อเป็น
ช่องทางให้ผู้ใช้ป้อนคาค้น สาหรับค้นเนื้อหาต่างๆ ภายใน
เว็บ และแสดงผล ณ ตาแหน่ง Right
• Extensions, Module Manager
68. Search Module ณ ตาแหน่ง Right
1) ป้อนชื่อ Module
2) ตั้งค่าการแสดงผล
3) เลือกตาแหน่ง
72. ข่าวสั้นแบบ Custom HTML Module
• Custom HTML Module เป็นโมดูลที่อนุญาตให้
ผู้พัฒนาเว็บสามารถนาเนื้อหาใดๆ มาแสดงผล
ได้อิสระ โดยใช้ความสามารถของภาษา HTML
• ข่าวประกาศ
• การแลกเปลี่ยน Banner
80. Feed URL
• URL ที่ถูกออกแบบมาเพื่อให้สามารถดึงข้อมูลในรูปแบบ XML - RSS
ไปแสดงผลผ่านตัวอ่าน RSS Reader ได้อัตโนมัติ
1
82. สร้างแบบสอบถามด้วย Poll Component
• Component เป็น Extension ที่ออกแบบมาเพื่อ
บริหารจัดการงานใดๆ อันเป็นการเพิ่มความสามารถ
ของ Joomla
• Component มักจะเป็นส่วนในการสร้างเนื้อหา
การจะใช้งานหรือแสดงผลจะถูกควบคุมด้วย Menu
หรือไม่ก็ Extension ที่เป็น Module หรือ Plug-ins
• ตัวอย่าง Component ที่มาพร้อมกับ Joomla คือ
Poll ช่วยออกแบบแบบสอบถามอย่างง่าย
84. สร้างแบบสอบถามด้วย Poll Component
1) ป้อนคาถามใน Title และชื่อกากับ
ที่เป็นภาษาอังกฤษใน Alias
2) เลือก Published เป็น Yes เพื่อ
เปิดใช้งาน Poll
3) ป้อนตัวเลือก
4) คลิกปุ่ม Save เพื่อบันทึก
89. คลังเว็บไซต์ด้วย Web Link Components
• Components, Web Links
คลังเว็บไซต์
สถาบันการศึกษา
มหาวิทยาลัย
เกษตรฯ
จุฬาลงกรณ์ฯ
มหาวิทยาลัย
ธรรมศาสตร์
สานักข่าว
ช่อง 3
ช่อง 5
…
ห้องสมุด
มก.บางเขน
มก.กาแพงแสน
…
107. บทความแบบ Dynamic
• สร้างหมวดเนื้อหาระดับ Section
• Content, Section Manager
• สร้างหมวดเนื้อหาระดับ Category
• Content, Category Manager
• สร้างเมนูแสดงผลเนื้อหาระดับ Section หรือ
Category
• Menus, Main Menu
112. การแสดงผลเนื้อหาหลัก
เนื้อหาหลักแสดงผลผ่าน Front-end
เนื้อหาล่าสุดแสดงแบบเต็มคอลัมน์เดียว
เนื้อหาอื่นๆ แสดง 2 คอลัมน์
สามารถกาหนดเฉพาะส่วนต้น
(Intro) แล้วคลิกดูเนื้อหาที่เหลือ
แต่ละเนื้อหามีปุ่มควบคุมเพิ่ม
อย่างน้อย 3 ปุ่ม
ปุ่มสร้างเอกสาร PDF
ปุ่มส่งอีเมลแนะนาเนื้อหา
ปุ่มสั่งพิมพ์เนื้อหา
มีส่วนรายละเอียดการสร้าง/แก้ไข
113. Joomla Extension
Component
โปรแกรมที่ออกแบบมาเพื่อเพิ่มความสามารถของ Joomla ให้
ทางานตามวัตถุประสงค์ เช่น JoomGallery สาหรับจัดการคลังภาพ
Module
โปรแกรมย่อยที่ออกแบบมาเพื่อควบคุมการแสดงผล หรือทางานที่
มีลักษณะไม่ใหญ่มากนัก เช่น โปรแกรมที่ออกแบบเพื่อแสดงผล
ภาพของ JoomGallery ในลักษณะสไลด์
Plugin
โปรแกรมขนาดเล็กสุดที่ออกแบบเพื่อควบคุมการทางาน หรือช่วย
ให้งานสะดวกขึ้น เช่น JoomGallery Search ที่ทาให้สามารถสืบค้น
ภาพได้
114. การดาวน์โหลด Extension
• เลือกและดาวน์โหลด Extension จากเว็บไซต์
http://www.joomla.org
• ไฟล์ที่ได้มักจะมีส่วนขยายเป็น .zip
• ไม่ต้อง unzip (ยกเว้นบาง extension ที่มีการระบุไว้
เฉพาะให้ unzip ก่อน)
• มักจะคาบ่งชี้เฉพาะ เช่น
• com_ แสดงว่าเป็น Components
• mod_ แสดงว่าเป็น Module
• plg_ แสดงว่าเป็น Plugins
134. เพิ่มความสามารถการสืบค้น Book Library
การเพิ่มความสามารถของช่องสืบค้นของ Joomla ให้สืบค้น
รายการหนังสือใน Book Library จะต้องติดตั้ง Plugin เพิ่ม
ชื่อ plugin_booklibrary_search_2010_01_27.zip
Extensions, Install/Uninstall
135. เพิ่มความสามารถการสืบค้น Book Library
Extension ประเภท Plugin เมื่อติดตั้งแล้ว
จะต้องไปเปิดใช้งาน (Enable) ด้วยคาสั่ง
Extensions, Plugin Manager
เลื่อนหา Plugin ที่ติดตั้ง แล้วคลิกปุ่ม
กากบาทสีแดง (Disable) ให้เปลี่ยนเป็น
ปุ่มเครื่องหมายถูกสีเขียว (Enable)