Joomla3 + XAMPP Portable

ฝกปฏบตการออกแบบเวบไซตดวย Joomla3 ทรองรบการแสดงผลผานอปกรณทหลากหลาย

บญเลศ อรณพบลย

รองผอ านวยการฝายบรการความรทางวทยาศาสตรและเทคโนโลย

ส านกงานพฒนาวทยาศาสตรและเทคโนโลยแหงชาต

boonlerta@gmail.com

http://www.thailibrary.in.th

http://facebook.com/boonlert.aroonpiboon

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

เผยแพร เนอหา

เพมลกเลน

ระบบสมาชก ระบบสบคน

ระบบจดการเนอหา แบบฟอรมตางๆ

CMS HTML * Edit Plus

HTML * Generator * Dreamweaver * Front Page JavaScript

HTML JavaScript PHP/ASP Database * MS Access * MySQL * Microsoft SQL * Oracle * PostgreSQL * DB2 CSS

CMS คอ ?

• Content Management System

• ระบบบรหารจดการเนอหาส าหรบเวบ

• ลดทรพยากร ใน การพฒนา (Development) และ บรหาร (Management) เวบไซต ท ใช ใน การสราง และ ควบคมด แลไซต – ก า ลงคน

– ระยะ เวลา

– เงนทอง

• มก จะ น า เอา ภาษาเวบโปรแกรมมง ตางๆ มา พฒนา

CMS ทคนเคย

• PostNuke

• PHP-Nuke

• MyPHPNuke

• Mambo

• eNvolution

• MD-Pro

• XOOPs

• OpenCMS

• Plone

• JBoss

• Drupal

http://www.cmsmatrix.org/

http://cmsmatrix.org/

http://cmsmatrix.org

http://trends.google.com/

Joomla คอหนงทางเลอก

• สนบสนน Web Accessibility

• สนบสนนการแสดงผลบนอปกรณทหลากหลาย

• สนบสนนการคนคน

– Metadata กลาง

– Metadata ก ากบหนาเอกสาร

http://www.joomla.org/

CMS - Joomla

• ไมใช CMS ทเหมาะสมกบการออกแบบสรางเวบทกความตองการ – ส ารวจความตองการของทาน – น ามาเปรยบเทยบกบ CMS อนๆ ดวย

http://www.cmsmatrix.org – น า CMS ทไดมาดความนยมดวย

http://trends.google.com

• ท าไมถง “ดง” ในชวงน – งาย เมอเทยบกบ CMS อนๆ – มเอกสารเผยแพรเยอะ – พดปากตอปาก – มกลมผพฒนาทยงท างานอย – มเครองมอใหเลอกใชเฉพาะ ทงฟรและตองจายเงน

ระดบความรการใชงาน 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 ตางๆ

ทกคน ภายใตขอก าหนดรวมกน (มาตรฐานสอดจทลตางๆ)

ใชจรง ท าอยางไร

• องคกร

– เตรยม Server

• ตดตง Linux

• ฐานขอมล MySQL

• โปรแกรมภาษา PHP

– สทธในการเขาถง Server

• สวนตว

– หนวยงานเตรยมพนทให

• สทธในการเขาถง Server

– เชาพนท ISP หรอ Data Provider อนๆ

• ฝกหด

– ใชซอฟตแวรจ าลอง Server

• Server2Go

• XAMPP

• AppServ

XAMPP Portable

• โปรแกรมจ าลอง เครองแมขายเวบแบบพกพา

• Apache + MySQL + PHP

XAMPP Control Panel

การเตรยมโฟลเดอรส าหรบ Joomla

• server-portable\htdocs

ชอโฟลเดอร ภาษาองกฤษตวพมพเลก

ผสมตวเลข สน กระชบ สอความหมาย

หามเวนวรรค หามใชอกขระพเศษ

ยกเวน -

ตวอยาง joomla3

การตดตง Joomla 3

สวนประกอบ URL ตรงกบชอโฟลเดอร

สวนแรกของการตดตง

Site Name: ชอเวบไซต ใชตามไวยากรณทถกตอง ใชภาษาไทยได (ควรอยหลงภาษาองกฤษ) ไมยาวมากเกนไป สอความหมายชดเจน ไมมอกขระพเศษ

ผสม

Description: ขอความอธบายเวบไซต เปนสวนใหขอมลกบ Google

ตวอยาง Site name & Description

สวนแรกของการตดตง

Admin Email: อเมลของผดแลเวบ

Admin Username: ชอบญชของผดแลเวบ (ตวอยาง admin)

Admin Password:

รหสผานของผดแลเวบ (ตวอยาง 123456

ทงนเปนตวอยางท ไมสมควรท า)

รหสผานของคณแขงแรงพอหรอไม ?

http://www.passwordmeter.com/

ขอแนะน าการสรางรหสผาน

• มความยาวพอสมควร ไมนอยกวา 8 อกขระ

• ผสมทงอกขระตวพมพใหญ ตวพมพเลก อกขระพเศษ

ก าหนดเกณฑการสรางรหสผานใหตนเอง

ใหความส าคญกบการสรางรหสผาน

เชน ก าหนดอกขระพเศษใหสระ ปดทายดวย #

A $

E +

I ^

O @

U !

kampaengsaen

k$mp$+ngs$+n#

สวนก ำหนดระบบฐำนขอมล เลอก Database Type เปน MySql

ระบชอบญช Username ของฐานขอมล กรณนคอ root

ระบรหสผานของฐานขอมล กรณนคอ ไมตองระบ

ระบชอฐานขอมล แนะน าใหระบตรงกบชอโฟลเดอร

เลอกประเภทของขอมลตวอยาง หรอไมตองการตดตงขอมล

ตวอยาง

สถานภาพคาตดตงตางๆ

เพอความปลอดภย จะตองลบโฟลเดอร installation ออกจากระบบ

การตดตง Joomla 3 เสรจสมบรณ

คลกป ม Site เพอแสดงหนาเวบ

หนำเวบพรอมขอมลตวอยำง

การตรวจสอบการแสดงผลผาน Smart Phone/Tablet

• Start, Run, CMD

IPv4 Address … xx.xx.xx.xx

เปนการตรวจสอบผานระบบจ าลองผานเครอขายวงเดยวกน

หนาเวบบนพซ

หนาเวบบน Smart Phone

การเขาสระบบผดแลเวบ

หนาควบคมของผดแลเวบ

หนำเวบแบบไมตดต งขอมลตวอยำง

การปรบแตงระบบ

ประเภทบทความของ Joomla

• Static Article – Add New Article

• Uncategorized

• Dynamic Article – สราง Category

– สรางบทความ โดยระบใหตรงกบ Category ทตองการ

Category/Article

Website

ขาว

ขาวประชาสมพนธ

งานวนคร

สมมนาวชาการ

ขาวจดซอจดจาง

จดซอคอมพวเตอร

จดซอ Server

สาระความร

วทยาศาสตร การสอน

ประวต ตดตอสอบถาม

การสรางเนอหาใน Joomla

ตวอยางก าหนดรายละเอยดเกยวกบเนอหา

Joomla Article Manager

การสรางเมนแสดงเนอหา

การสรางรายการเมน

การสรางรายการเมน

ตวอยางการสรางรายการเมน

ตวอยางรายการเมน

การสรางเนอหาแบบหมวดหม

• Control Panel, Category Manager

การสรางหมวดหมเนอหา

การสรางเนอหาตามหมวดหม

การแสดงเนอหาในหนาแรกของเวบ