Web Development with Joomla
-
Upload
boonlert-aroonpiboon -
Category
Technology
-
view
1.259 -
download
0
description
Transcript of Web Development with Joomla
![Page 1: Web Development with Joomla](https://reader033.fdocument.pub/reader033/viewer/2022060122/55957eab1a28ab0b038b4765/html5/thumbnails/1.jpg)
Joomlaสร้างเว็บง่าย
และสนับสนุนการเข้าถึง
บุญเลิศ อรุณพิบูลย์นักวิชาการ
ศูนยบ์ริการความรูท้างวิทยาศาสตร์และเทคโนโลย ี(http://www.stks.or.th)
สำานักงานพัฒนาวิทยาศาสตร์และเทคโนโลยแีหง่ชาติ
![Page 2: Web Development with Joomla](https://reader033.fdocument.pub/reader033/viewer/2022060122/55957eab1a28ab0b038b4765/html5/thumbnails/2.jpg)
CMS
เทคโนโลยกีารพฒันาเว็บไซต์
HTML
![Page 3: Web Development with Joomla](https://reader033.fdocument.pub/reader033/viewer/2022060122/55957eab1a28ab0b038b4765/html5/thumbnails/3.jpg)
CMS คือ ?
Content Management System ระบบบริหารจัดการเนื้อหาสำาหรับเว็บ ลดทรัพยากรในการพัฒนา (Development) และ
บริหาร (Management) เว็บไซต์ ที่ใช้ในการสร้างและ ควบคุมดูแลไซต์ กำาลังคน ระยะเวลา เงินทอง
มักจะนำาเอาภาษาเว็บโปรแกรมมิ่งต่างๆ มาพัฒนา
![Page 4: Web Development with Joomla](https://reader033.fdocument.pub/reader033/viewer/2022060122/55957eab1a28ab0b038b4765/html5/thumbnails/4.jpg)
ฟังก์ชันของ CMS
ส่วนของ Administration panel (เมนูผูค้วบคุมระบบ ) ที่ใช้ใน การบริหารจัดการส่วนการทำางานตา่งๆในเว็บไซต์
สามารถบริหารจัดการเนื้อหาได้อย่างรวดเร็ว เน้นการจัดการระบบผา่นเวบ็ (Web interface)
การนำาเสนอบทความ (Articles), Web directory, เผยแพร่ขา่วสารต่างๆ (News), หัวขอ้ขา่ว (Headline), รายงานสภาพดินฟ้าอากาศ (Weather), ข้อมูลข่าวสารท่ีน่าสนใจ (Information), ถาม /ตอบปญัหา (FAQs), ห้องสนทนา (Chat), กระดานขา่ว (Forums), การจัดการไฟล์ ในสว่นดาวน์โหลด (Downloads), แบบสอบถาม (Polls), ขอ้มูลสถติิต่าง ๆ (Statistics)
สามารถเพ่ิมเติม ดดัแปลง แกไ้ขแล้วประยุกตน์ำามาใช้งานให้ เหมาะสมตามแต่รูปแบบและประเภทของเว็บไซตน์ั้นๆ
![Page 5: Web Development with Joomla](https://reader033.fdocument.pub/reader033/viewer/2022060122/55957eab1a28ab0b038b4765/html5/thumbnails/5.jpg)
CMS ในปจัจบุนั
PostNuke PHP-Nuke MyPHPNuke Mambo eNvolution MD-Pro
XOOPs OpenCMS Plone JBoss Drupal
http://www.cmsmatrix.org/
![Page 6: Web Development with Joomla](https://reader033.fdocument.pub/reader033/viewer/2022060122/55957eab1a28ab0b038b4765/html5/thumbnails/6.jpg)
Joomla คือหนึ่งทางเลือก
สนับสนุน Web AccessibilityImage Alt/TitleLink TitleFont SizeThemes
สนับสนุนการสืบค้นMetadata กลางMetadata กำากับหนา้เอกสาร
http://www.joomla.org/
![Page 7: Web Development with Joomla](https://reader033.fdocument.pub/reader033/viewer/2022060122/55957eab1a28ab0b038b4765/html5/thumbnails/7.jpg)
การใช้งาน
เว็บหน่วยงาน เว็บส่วนตัว เว็บประชาสัมพันธ์ เว็บผลงาน เว็บการเรียนการสอน
![Page 8: Web Development with Joomla](https://reader033.fdocument.pub/reader033/viewer/2022060122/55957eab1a28ab0b038b4765/html5/thumbnails/8.jpg)
ใช้จริง ทำาอยา่งไร - องค์กร
เตรียม Server ติดตั้ง Linuxฐานข้อมูล MySQLโปรแกรมภาษา PHP
สิทธิ์ในการเข้าถึง Server
![Page 9: Web Development with Joomla](https://reader033.fdocument.pub/reader033/viewer/2022060122/55957eab1a28ab0b038b4765/html5/thumbnails/9.jpg)
ใช้จริง ทำาอยา่งไร - สว่นตัว
หน่วยงานเตรียมพื้นที่ให้สิทธ์ิในการเขา้ถึง Server
เช่าพื้นที่ ISP หรือ Data Provider อ่ืนๆ
![Page 10: Web Development with Joomla](https://reader033.fdocument.pub/reader033/viewer/2022060122/55957eab1a28ab0b038b4765/html5/thumbnails/10.jpg)
![Page 11: Web Development with Joomla](https://reader033.fdocument.pub/reader033/viewer/2022060122/55957eab1a28ab0b038b4765/html5/thumbnails/11.jpg)
ฝึกใช้งาน
ติดต้ัง AppServ จำาลองให้เครือ่ง PC / Notebook เป็นเครื่อง Server จำาลอง
![Page 12: Web Development with Joomla](https://reader033.fdocument.pub/reader033/viewer/2022060122/55957eab1a28ab0b038b4765/html5/thumbnails/12.jpg)
ติดต้ังแบบจำาลองด้วย AppServ
![Page 13: Web Development with Joomla](https://reader033.fdocument.pub/reader033/viewer/2022060122/55957eab1a28ab0b038b4765/html5/thumbnails/13.jpg)
พีซีธรรมดาเปน็ Web Server
AppServ คือคำำตอบ
Open Source Software
ง่ำยในกำรติดตั้ง
ทำำงำนได้กับ PC และ OS ทกุระบบ
![Page 14: Web Development with Joomla](https://reader033.fdocument.pub/reader033/viewer/2022060122/55957eab1a28ab0b038b4765/html5/thumbnails/14.jpg)
ความต้องการระบบ
จำาลองเครื่องแมข่่ายเว็บบน Microsoft WindowsMS-Windows 2000++ApacheMySQLPHP
AppServ
![Page 15: Web Development with Joomla](https://reader033.fdocument.pub/reader033/viewer/2022060122/55957eab1a28ab0b038b4765/html5/thumbnails/15.jpg)
http://www.appservnetwork.com
![Page 16: Web Development with Joomla](https://reader033.fdocument.pub/reader033/viewer/2022060122/55957eab1a28ab0b038b4765/html5/thumbnails/16.jpg)
![Page 17: Web Development with Joomla](https://reader033.fdocument.pub/reader033/viewer/2022060122/55957eab1a28ab0b038b4765/html5/thumbnails/17.jpg)
C:\AppServ
ไดร์ฟและโฟลเดอร์ท่ีควรจำำ
![Page 18: Web Development with Joomla](https://reader033.fdocument.pub/reader033/viewer/2022060122/55957eab1a28ab0b038b4765/html5/thumbnails/18.jpg)
Server Name :ช่ือ Server หรือ IP-Address กรณทีี่เป็นเว็บจำำลองใหร้ะบุเป็นlocalhost
Administrator's Email Address:อีเมล์ของผู้ดูแลระบบ
Apache HTTP Port:เลขท่ีพอร์ทส่ือสำรของ Apacheปกติคือ พอร์ท 80
![Page 19: Web Development with Joomla](https://reader033.fdocument.pub/reader033/viewer/2022060122/55957eab1a28ab0b038b4765/html5/thumbnails/19.jpg)
คำ่ควบคมุสำำหรับฐำนข้อมลูMySQL ประกอบดว้ย
root password รหสัผ่ำน(ตอ้งจำำใหไ้ดด้้วย))
Character setกรณทีี่ใช้ภำษำไทย ควรระบุเปน็ UTF-8 Unicode
![Page 20: Web Development with Joomla](https://reader033.fdocument.pub/reader033/viewer/2022060122/55957eab1a28ab0b038b4765/html5/thumbnails/20.jpg)
ติดต้ัง AppServ สำาเร็จ
![Page 21: Web Development with Joomla](https://reader033.fdocument.pub/reader033/viewer/2022060122/55957eab1a28ab0b038b4765/html5/thumbnails/21.jpg)
ตรวจสอบ AppServ
เปิด Web Browser พิมพ์ Address ไปที ่ http://localhost หรือ http://127.0.0.1
![Page 22: Web Development with Joomla](https://reader033.fdocument.pub/reader033/viewer/2022060122/55957eab1a28ab0b038b4765/html5/thumbnails/22.jpg)
![Page 23: Web Development with Joomla](https://reader033.fdocument.pub/reader033/viewer/2022060122/55957eab1a28ab0b038b4765/html5/thumbnails/23.jpg)
ติดต้ัง Joomla
คัดลอกต้นฉบับ Joomla ไว้ในโฟลเดอร์ย่อยภายใต้ www ของ AppServเช่น สร้างโฟลเดอร์ชื่อ myweb
C:\AppServ\www\mywebจากนั้นคัดลอกต้นฉบับ Joomla มาไว้ในโฟลเดอร์นี้
ติดต้ัง Joomla โดยเปิด Browser แล้วพิมพ์คำาสั่งhttp://localhost/myweb
![Page 24: Web Development with Joomla](https://reader033.fdocument.pub/reader033/viewer/2022060122/55957eab1a28ab0b038b4765/html5/thumbnails/24.jpg)
![Page 25: Web Development with Joomla](https://reader033.fdocument.pub/reader033/viewer/2022060122/55957eab1a28ab0b038b4765/html5/thumbnails/25.jpg)
ยอมรับลขิสิทธิซ์อฟต์แวร์
![Page 26: Web Development with Joomla](https://reader033.fdocument.pub/reader033/viewer/2022060122/55957eab1a28ab0b038b4765/html5/thumbnails/26.jpg)
กำาหนดค่าติดต้ังเกีย่วกับ MySQL
![Page 27: Web Development with Joomla](https://reader033.fdocument.pub/reader033/viewer/2022060122/55957eab1a28ab0b038b4765/html5/thumbnails/27.jpg)
การติดต้ังผ่านสมบรูณ์
![Page 28: Web Development with Joomla](https://reader033.fdocument.pub/reader033/viewer/2022060122/55957eab1a28ab0b038b4765/html5/thumbnails/28.jpg)
กำาหนดรหัสผ่านของผู้ดูแลเวบ็
![Page 29: Web Development with Joomla](https://reader033.fdocument.pub/reader033/viewer/2022060122/55957eab1a28ab0b038b4765/html5/thumbnails/29.jpg)
ตรวจสอบ User & Password
![Page 30: Web Development with Joomla](https://reader033.fdocument.pub/reader033/viewer/2022060122/55957eab1a28ab0b038b4765/html5/thumbnails/30.jpg)
ใช้ภาษาไทย
TIS-620 หรือ UTF-8ขึ้นอยูก่บั Character Set ของ MySQL