web development with joomla

30
Joomla สร้างเว็บง่าย และสนับสนุนการเข้าถึง บุญเลิศ อรุณพิบูลย์ นักวิชาการ ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี (http:// www.stks.or.th) สำานักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ

Upload: boonlert-aroonpiboon

Post on 03-Jul-2015

1.259 views

Category:

Technology


0 download

DESCRIPTION

Joomla สร้างเว็บง่าย และสนับสนุนการเข้าถึง

TRANSCRIPT

Page 1: Web Development with Joomla

Joomlaสร้างเว็บง่าย

และสนับสนุนการเข้าถึง

บุญเลิศ อรุณพิบูลย์นักวิชาการ

ศูนยบ์ริการความรูท้างวิทยาศาสตร์และเทคโนโลย ี(http://www.stks.or.th)

สำานักงานพัฒนาวิทยาศาสตร์และเทคโนโลยแีหง่ชาติ

Page 2: Web Development with Joomla

CMS

เทคโนโลยกีารพฒันาเว็บไซต์

HTML

Page 3: Web Development with Joomla

CMS คือ ?

Content Management System ระบบบริหารจัดการเนื้อหาสำาหรับเว็บ ลดทรัพยากรในการพัฒนา (Development) และ

บริหาร (Management) เว็บไซต์ ที่ใช้ในการสร้างและ ควบคุมดูแลไซต์ กำาลังคน ระยะเวลา เงินทอง

มักจะนำาเอาภาษาเว็บโปรแกรมมิ่งต่างๆ มาพัฒนา

Page 4: Web Development with Joomla

ฟังก์ชันของ CMS

ส่วนของ Administration panel (เมนูผูค้วบคุมระบบ ) ที่ใช้ใน การบริหารจัดการส่วนการทำางานตา่งๆในเว็บไซต์

สามารถบริหารจัดการเนื้อหาได้อย่างรวดเร็ว เน้นการจัดการระบบผา่นเวบ็ (Web interface)

การนำาเสนอบทความ (Articles), Web directory, เผยแพร่ขา่วสารต่างๆ (News), หัวขอ้ขา่ว (Headline), รายงานสภาพดินฟ้าอากาศ (Weather), ข้อมูลข่าวสารท่ีน่าสนใจ (Information), ถาม /ตอบปญัหา (FAQs), ห้องสนทนา (Chat), กระดานขา่ว (Forums), การจัดการไฟล์ ในสว่นดาวน์โหลด (Downloads), แบบสอบถาม (Polls), ขอ้มูลสถติิต่าง ๆ (Statistics)

สามารถเพ่ิมเติม ดดัแปลง แกไ้ขแล้วประยุกตน์ำามาใช้งานให้ เหมาะสมตามแต่รูปแบบและประเภทของเว็บไซตน์ั้นๆ

Page 5: Web Development with Joomla

CMS ในปจัจบุนั

PostNuke PHP-Nuke MyPHPNuke Mambo eNvolution MD-Pro

XOOPs OpenCMS Plone JBoss Drupal

http://www.cmsmatrix.org/

Page 6: Web Development with Joomla

Joomla คือหนึ่งทางเลือก

สนับสนุน Web AccessibilityImage Alt/TitleLink TitleFont SizeThemes

สนับสนุนการสืบค้นMetadata กลางMetadata กำากับหนา้เอกสาร

http://www.joomla.org/

Page 7: Web Development with Joomla

การใช้งาน

เว็บหน่วยงาน เว็บส่วนตัว เว็บประชาสัมพันธ์ เว็บผลงาน เว็บการเรียนการสอน

Page 8: Web Development with Joomla

ใช้จริง ทำาอยา่งไร - องค์กร

เตรียม Server ติดตั้ง Linuxฐานข้อมูล MySQLโปรแกรมภาษา PHP

สิทธิ์ในการเข้าถึง Server

Page 9: Web Development with Joomla

ใช้จริง ทำาอยา่งไร - สว่นตัว

หน่วยงานเตรียมพื้นที่ให้สิทธ์ิในการเขา้ถึง Server

เช่าพื้นที่ ISP หรือ Data Provider อ่ืนๆ

Page 10: Web Development with Joomla
Page 11: Web Development with Joomla

ฝึกใช้งาน

ติดต้ัง AppServ จำาลองให้เครือ่ง PC / Notebook เป็นเครื่อง Server จำาลอง

Page 12: Web Development with Joomla

ติดต้ังแบบจำาลองด้วย AppServ

Page 13: Web Development with Joomla

พีซีธรรมดาเปน็ Web Server

AppServ คือคำำตอบ

Open Source Software

ง่ำยในกำรติดตั้ง

ทำำงำนได้กับ PC และ OS ทกุระบบ

Page 14: Web Development with Joomla

ความต้องการระบบ

จำาลองเครื่องแมข่่ายเว็บบน Microsoft WindowsMS-Windows 2000++ApacheMySQLPHP

AppServ

Page 15: Web Development with Joomla

http://www.appservnetwork.com

Page 16: Web Development with Joomla
Page 17: Web Development with Joomla

C:\AppServ

ไดร์ฟและโฟลเดอร์ท่ีควรจำำ

Page 18: Web Development with Joomla

Server Name :ช่ือ Server หรือ IP-Address กรณทีี่เป็นเว็บจำำลองใหร้ะบุเป็นlocalhost

Administrator's Email Address:อีเมล์ของผู้ดูแลระบบ

Apache HTTP Port:เลขท่ีพอร์ทส่ือสำรของ Apacheปกติคือ พอร์ท 80

Page 19: Web Development with Joomla

คำ่ควบคมุสำำหรับฐำนข้อมลูMySQL ประกอบดว้ย

root password รหสัผ่ำน(ตอ้งจำำใหไ้ดด้้วย))

Character setกรณทีี่ใช้ภำษำไทย ควรระบุเปน็ UTF-8 Unicode

Page 20: Web Development with Joomla

ติดต้ัง AppServ สำาเร็จ

Page 21: Web Development with Joomla

ตรวจสอบ AppServ

เปิด Web Browser พิมพ์ Address ไปที ่ http://localhost หรือ http://127.0.0.1

Page 22: Web Development with Joomla
Page 23: Web Development with Joomla

ติดต้ัง Joomla

คัดลอกต้นฉบับ Joomla ไว้ในโฟลเดอร์ย่อยภายใต้ www ของ AppServเช่น สร้างโฟลเดอร์ชื่อ myweb

C:\AppServ\www\mywebจากนั้นคัดลอกต้นฉบับ Joomla มาไว้ในโฟลเดอร์นี้

ติดต้ัง Joomla โดยเปิด Browser แล้วพิมพ์คำาสั่งhttp://localhost/myweb

Page 24: Web Development with Joomla
Page 25: Web Development with Joomla

ยอมรับลขิสิทธิซ์อฟต์แวร์

Page 26: Web Development with Joomla

กำาหนดค่าติดต้ังเกีย่วกับ MySQL

Page 27: Web Development with Joomla

การติดต้ังผ่านสมบรูณ์

Page 28: Web Development with Joomla

กำาหนดรหัสผ่านของผู้ดูแลเวบ็

Page 29: Web Development with Joomla

ตรวจสอบ User & Password

Page 30: Web Development with Joomla

ใช้ภาษาไทย

TIS-620 หรือ UTF-8ขึ้นอยูก่บั Character Set ของ MySQL