การบริการสารสนเทศบนเว็บด้วย oss : joomla...

การบรหารจดการ ระบบสารสนเทศบนเวบดวย OSS

– Joomla Workshop

ศตพล ยศกรกล

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

http://stks.or.th, [email protected] http://facebook.com/firstsatapon

เนอหา

• เทคโนโลยเวบไซต

• OSS & Freeware

• รจกกบ Joomla

• การตดตง Joomla บนเครองจ าลอง

• จดการกบหนาเวบไซตเบองตน

• จดการสมาชก

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

• Media Manager

• การท างานกบ Extension ของระบบ

• การตดตง Extension

• การท างานกบ Extension – ตวอยาง

• การท างานกบ Template

• การปรบแกไข Template เบองตน

• ประเดนนารเกยวกบการพฒนาเวบไซตจรง

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

เผยแพร เนอหา

เพมลกเลน

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

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

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 ระบบบรหารจดการเนอหาเวบไซต

พฒนาบนฐานของ Web Programming + Database

ชวยลดทรพยากรตางๆ ทเกยวของกบการพฒนา/จดการเวบ ก าลงคน

เวลา

งบประมาณ

• ฟงกชนการท างานของ CMS

• เนอหา

• การจดหมวดหม

• การสรางสรรค

• การเผยแพร

• การเกบรกษาเอกสาร

• สมาชก

• สวนเสรมการท างาน

โปรแกรมตางๆ ในกลม CMS

Joomla

PHP-Nuke

MyPHPNuke

Mambo

MD-Pro

XOOPs

OpenCMS

Plone

JBoss

Drupal

คณเลอกใชเครองมอใด เพราะเหตใด ????

http://cmsmatrix.org

http://trends.google.com

Joomla, mambo, wordpress, drupal, phpnuke

CMS ถกพฒนาเพอใชสรางเวบไซตทตองการใหความส าคญกบ “เนอหาเวบ” โดยเฉพาะในกลม Dynamic content

มความสามารถเฉพาะดาน

ไมไดรองรบกบงานทกงานอตโนมต

สามารถปรบเพมเตมได

Extension

พฒนาเอง (ในกลม Open Source)

แนวทางการเลอก CMS

Infrastructure

ความตองการของผพฒนา/ผใช/หนวยงาน

ตองการการท างานในโหมด Online

HTML Editor & CMS

Web Server Computer ผใช

โอนเอกสารรายครง (FTP)

Web Server Computer ผใช

ตองท างาน Online

ตดตงแลวน าเขาออนไลน

HTML

เครองมอพฒนาเวบไซตในกลม OSS & Freeware OSS เปดเผยตนฉบบโปรแกรม มเสรภาพในการปรบแกไข เผยแพร และมแบบฟรให เลอกใช

OS - Linux

CMS - Joomla, Drupal

Graphic Editor - Gimp

PDF – PDFCreator

FTP – WinSCP

Office Suites – OpenOffice.org

Freeware ซอฟตแวรทใหใชไดฟรภายใตเงอนไขทผพฒนาก าหนด

Graphic Editor – XnView

Text Editor – NotePad++

Joomla ทางเลอกของเวบยคใหม

เปดเผย Source Code ---- Open Source Software

ดาวนโหลดใชไดฟร

สนบสนน Web Accessibility

สนบสนนการสบคน Search Engine Friendly, Google Friendly

Extension เสรมการท างานจ านวนมาก

Communities ทยงพรอมสนบสนนพฒนาโปรแกรม

สนบสนนการท างานตามแนวทางเทคโนโลยเวบ 2.0

www.joomla.org/

Joomla กบการประยกตใชงาน

เวบหนวยงาน

เวบสวนตว

เวบประชาสมพนธ

เวบผลงาน

เวบการเรยนการสอน

e-Commerce

KM

Digital Collection

Library

Research

Joomla กบการประยกตใชงาน

ไมใช CMS ทเหมาะสมกบการออกแบบสรางเวบทกความตองการ ส ารวจความตองการของทาน น ามาเปรยบเทยบกบ CMS อนๆ ดวย http://www.cmsmatrix.org น า CMS ทไดมาดความนยมดวย http://trends.google.com

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

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 อนๆ

ฝกปฏบต Joomla โดยแปลง พซธรรมดาเปน Web Server

AppServ คอค าตอบ

Open Source Software

งายในการตดตง

ท างานไดกบ PC และ OS ทกระบบ

ตดตง AppServ

C:\AppServ

ไดรฟและโฟลเดอรทควรจ า

เลอกโปรแกรมยอยทตองตดตง

Server Name :

ชอ Server หรอ

IP-Address กรณทเปน

เวบจ ำลองใหระบเปน

localhost

Administrator's Email Address:

อเมลของผดแลระบบ

Apache HTTP Port:

เลขทพอรทสอสำรของ Apache

ปกตคอ พอรท 80

ขอมล Apache

root password รหสผำน

(ตองจ ำใหไดดวย

กรณเวบจ ำลองแนะน ำเปน

‏(12345

Character set

กรณทใชภำษำไทย

ควรระบเปน

UTF-8 Unicode

คลกเลอกรายการ

Enable InnoDB

คาควบคมส าหรบฐานขอมล MySQL

ตวอยางหนาเวบทไมไดใสใจเกยวกบ Character Set

ตดตง AppServ ส าเรจ

ตรวจสอบ AppServ http://127.0.0.1 หรอ http://localhost

ปรบแตง 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

การปรบแกไขจะตองระมดระวงเปนพเศษ

บนทกไฟล ปดไฟล

ปรบแตง 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

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

Download ตนฉบบโปรแกรมจาก Joomla.org

Unzip ใหอยในรปแบบโฟลเดอร

Copy โฟลเดอรโปรแกรมตนฉบบ Joomla ไปไวใน c:\appserv\www

เปลยนชอโฟลเดอรใหตรงกบงานทตองการน าเสนอ

ใชภาษาองกฤษ ตวพมพเลก หามเวนวรรคและเครองหมายพเศษ ยกเวน –

เปนค าทส อความหมายชดเจน ผใชจ าไดงาย เขาถงงาย

Unzip ไฟลตนฉบบ Joomla

Copy ทงโฟลเดอรมาท c:\appserv\wwww

ตดตงโปรแกรม Joomla

เปดเวบเบราวเซอร

พมพค าสง

http://127.0.0.1/ชอโฟลเดอร

http://localhost/ชอโฟลเดอร

จอภาพเรมตนตดตง Joomla เลอกภาษา

1

ตรวจสอบการท างานกบไฟลประกอบการตดตง

2

ยอมรบลขสทธโปรแกรมและเงอนไขการใชงาน

3

ปอนขอมลฐานขอมล MySQL

ขอมลฐานขอมล MySQL

localhost

root

iskkuweb

ปอนขอมลระบบ FTP

ขอมลเกยวกบระบบเวบไซต

ชอเวบไซต (Site Title)

ภาษาองกฤษ สามารถตามดวยขอความภาษาไทย

มความยาวไมเกน 64 ตวอกษร

มความหมายชดเจน

ประกอบดวยค าทผใชคนเคย และ/หรอนกถงในลกษณะค าคน (Keyword) ไดงาย

ชอเวบไซต (Site Title)

IS KKU: กลมวชาการจดการสารสนเทศและการสอสาร มหาวทยาลยขอนแกน

ค าอธบายเวบ

IS KKU: กลมวชาการจดการสารสนเทศและการสอสาร คณะมนษยศาสตรและสงคมศาสตร มหาวทยาลยขอนแกน

ค าส าคญ

IS, KKU, กลมวชาการจดการสารสนเทศและการสอสาร ,คณะมนษยศาสตรและสงคมศาสตร, มหาวทยาลยขอนแกน, วทยานพนธ, งานวจย

ยนยนอเมลและรหสผาน

ขอมลตวอยาง

สำมำรถคลกป ม “ตดต งขอมลตวอยำง” เพอให Joomla ตดต งขอมลตวอยำง

เพอใชทดสอบกำรออกแบบพฒนำเวบไซต

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

ลบโฟลเดอรชอ Installation ออกจำกระบบ

เรยกดเวบไซต

คลกป ม ดหนำเวบไซต

หนาเวบทไมมขอมลตวอยาง

สวนประกอบหนาเวบ (คราวๆ) Header

Module Content

การเขาสระบบจดการเวบไซต

http://127.0.0.1/ชอโฟลเดอร/administrator

จอภาพสวนควบคมระบบ Admin

Control Panel เขาถงไดโดยเลอกค าสง Site, Control Panel

ปรบเวบใหสนบสนน SEO Site, Global Configuration, Site

ขอมลส าคญทตองปรบแกไข • Site Name • Search Engine Friendly URLs • Global Site Meta Description • Global Site Meta Keyword

1 2

ปรบ Metadata Settings

Site Name & Meta Tag

• Site Name – ไมเกน 64 ตวอกษร ภาษาองกฤษน า มความหมายชดเจน สอดคลองกบเนอหาในเวบ ผใชนกถงไดงาย

• Description – ไมเกน 250 ตวอกษร เนอหาอธบายเกยวกบเวบ

• Keyword – ค าคนทผใชนกถงไดงาย ครอบคลมเนอหาของเวบ ภาษาองกฤษน า ปรบแตงสม าเสมอ ไมเกน 500 ค า

http://www.submitexpress.com/analyzer ตวชวยตรวจสอบ Sitename, Meta Tag

<title>○ BOI : The Board of Investment of Thailand</title> <meta name="description" content="The Thai Board of Investment (BOI) - your

investment and business information source for Thailand."> <meta name="keywords" content="investment, Thailand, Thai BOI, Board of Investment of Thailand, information, investor, statistics, Thai government">

http://truehits.net ตวชวยศกษาพฤตกรรมผใช

บนทกและตรวจสอบการแสดงผล

• โปรแกรมจะแสดงผลเฉพาะ Site Name ในสวน Title bar ของเวบเบราวเซอร

• Meta Description & Keyword จะเปนขอมลสงให Search Engine

1

2

การปรบแตงคา Global Config อนๆ

• Site, Global Configuration

• System

• Server

• Permission

ปรบแตงระบบเครองแมขาย

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

แกไขขอมลผดแลระบบ Admin Account • Site, User Manager

• เปลยนบญช Admin เปนชออน, เปลยนรหสผาน, ปอนขอมลประกอบ

ขอมลส าคญทตองปรบแกไข • Name • Username • E-mail •Time Zone

จดการสมาชกดวย User Manager • Add New User • Save

กลมของ User ใน Joomla

1. กลมผชมเวบ (Front-end User)

1.1 กลมผชมเวบทวไป ทไมไดเปนสมาชก

1.2 กลมผชมเวบทเปนสมาชก แบงไดเปน 4 กลมยอย

2. กลมผดแลเวบไซต (Back-end User)

กลมผชมเวบทเปนสมาชก แบงได เปน 4 กลมยอย 1. Registered User : สามารถ login เขาเวบไซต และดขอมลตางๆ ไดตามทผดแลเวบก าหนดสทธไวเทานน

2. Author : ดขอมล และสรางบทความได แตบทความนนตองไดรบการอนมตจากสมาชกกลม Publisher กอนแสดงในเวบไซต

3. Editor : ดขอมล สรางบทความได และยงแกไขบทความของผอนไดดวย แตหากเปนบทความใหม ตองไดรบการอนมตจากกลม Publisher กอน

4. Publisher : ดขอมล สรางบทความได แกไขบทความของผอนได และมเปนผตดสนใจอนมตวาจะใหบทความของสมาชกกลม Auther และ Editor แสดงในเวบไซตหรอไม

กลมผดแลเวบไซต (Back-end User)

ผดแลเวบ แบงไดเปน 3 กลมยอย

1. Manager : สามารถจดการหมวดหมของเนอหา (Section,Category,Article) และสรางหรอแกไขเมนตางๆ ได แตไมมสทธสราง user

2. Administrator : สามารถจดการเนอหา, แกไขสทธการใช

งานของ User กลม Manager และ ผชมทเปนสมาชกได, install|uninstall component ตางๆ แตไมสามารถแกไขคาใน Global Configuration, ไมสามารถเปลยนแปลง template และไมสามารถใชงานระบบ Mass Mail ได

3. Super Administrator : สามารถท าไดทกอยาง

ปรบแตงหนาเวบดวย Module

• Module เปนโปรแกรมเสรม (Extension) ประเภทหนงของ Joomla ท าหนาทควบคมการแสดงผลผาน Front-end

• Joomla ม Module ทพรอมใชงาน แตยงไมเปดแสดงผล และอนญาตใหตดตง Module เพมเตมได

• Module จะถกแสดงผลรอบๆ พนทแสดงเนอหาเวบ

• การแสดงผล Module ควบคมดวยรปแบบเวบ (Template) ผานชอต าแหนง (Position name)

Module ตางๆ

ตวอยางการแสดงผล Module

สวนแสดงเนอหำหลกของเวบ

Module ตำงๆ

รจก Position Name

• Module จะถกก าหนดการแสดงผลดวย Position Name โดย Position Name จะมชอเรยกและต าแหนงแตกตางกนไปตาม Template ทเลอกใชงาน

template position preview

Administrator > Extensions > Template Manager > Options > Global Configuration for Templates > Preview

template position preview

พมพ ?tp=1 ตอจำก url เวบไซต

http://www.youtsite.com/?tp=1

http://127.0.0.1/xxx/?tp=1

เปลยนชอเวบไซตท Template

Extensions > Template manager > Beez2 – Default

Search Module ณ ต าแหนง Position-0

• ตวอยาง ตองการเปดใชงาน Search Module เพอเปนชองทางใหผใชปอนค าคน ส าหรบคนเนอหาตางๆ ภายในเวบ และแสดงผล ณ ต าแหนง Position-0

• Extensions, Module Manager


• คลกป ม New

• คลกรายการ Search


1) ปอนชอ Module

2) ตงคาการแสดงผล

3) เลอกต าแหนง

ปรบแตง Search Module Box Width ความกวางของชองสบคน

Text ขอความทตองการใหปรากฏในชองสบคน

Search button แสดงป มคลกเพอสบคนหรอไม

Button Position ต าแหนงทตองการใหแสดงป มสบคน

Search button as image ตองการแสดงป มสบคนเปนรปภาพหรอไม

Button Text ขอความก ากบป มสบคน

ขาวสนแบบ Custom HTML Module

• Custom HTML Module เปนโมดลทอนญาตให ผพฒนาเวบสามารถน าเนอหาใดๆ มาแสดงผลไดอสระ โดยใชความสามารถของภาษา HTML

• ขาวประกาศ

• การแลกเปลยน Banner

แบนเนอรลงคแบบ Custom HTML Module

• Extensions, Module Manager, New, Custom HTML

• ปอน/วางภาพ/ค าสงใน Custom Output

การน าเขารปภาพ

• รปภาพจะตองมฟอรแมตเปน .jpg, .gif, .png

• ก าหนดขนาดอยางเหมาะสม กอนน าเขาระบบ

• คลกเมาส ณ ต าแหนงท ตองการวางภาพ

• คลกป ม Image

1


• คลกป ม Browse เพอเลอกภาพแลวคลกป ม Start Upload

2


• คลกเลอกภาพ ปอนค าอธบายภาพ และคลกป ม Insert

3

4

5

• คลกเลอกภาพหรอเลอกขอความ คลกป ม Insert/edit link

• ปอน URL และเลอกรปแบบ Target คลกป ม Insert

การสรางจดเชอม (Link)

1

3

2

Custom HTML Module

ปรบแกไข Module

• Extension, Module Manager

Login Module

• Login Module เปนโมดลทชวยควบคมการเขาส

ระบบโดยสมาชกทก าหนด

• Extension, Module Manager, New, Login,

Login Module

• Login Module จะเกยวของกบคาระบบใน Global Configuration ดงน

Custom HTML Module เฉพาะสมาชก

สราง Custom HTML Module โดยเปนขาวประกาศเฉพาะสมาชก ดงตวอยาง

คาก าหนดทส าคญของ Custom Module เฉพาะสมาชก

Access Level ระดบการเขาถง

• Public ทกคน

• Registered เฉพาะสมาชก

• Special เฉพาะผดแลระบบ

Custom HTML Module เฉพาะสมาชก

• เมอ Preview ในสภาวะปกต จะพบวา Module นจะไมปรากฏ

• เมอ Login เขาสระบบจะปรากฏ Module ดงกลาว ดงน

การจดการสมาชกดวย User Manager

• สรางสมาชกใหม

• บรหารจดการสมาชก

• จดการไดดวยค าสง User, User Manager

ประเภทสมาชก

• Front-end สมาชกทมสทธ Login จากหนา Front-end

• Registered สมาชกทมสทธเขาถงเนอหาทก าหนดสทธเฉพาะสมาชก (Access Level = Registered) แตไมมสทธสราง/เผยแพรเนอหาเขาระบบ

• Author สมาชกทมสทธเขยนเนอหาและแกไขเนอหาของตนเองได (โดยเนอหานนตองผานการอนมตมาแลว)

• Editor สมาชกทมสทธเขยนเนอหาและแกไขเนอหาทงของตนเองและผอ นได (โดยเนอหานนตองผานการอนมตมาแลว)

• Publisher สมาชกทมสทธท าไดทงเขยน แกไขและอนมตการแสดงผลเนอหา

• Back-end สมาชกทมสทธ Login ได ทง Front-end และ Back-end

• Manager สมาชกทมสทธเหมอนกบ Publisher แตสามารถท างานผานหนา Administrator ได ท าใหสามารถเพม/ลบ Section/Category ของเนอหาได

• Administrator มสทธเกอบเทากบ Super Administrator ยกเวนการสรางสมาชกทเปน Super Administrator

• Super Administrator สมาชกทมสทธเตมระบบ

สรางเนอหาเวบไซต

• วเคราะหเนอหาทตองการน าเสนอ

• จดเตรยม/ออกแบบเนอหาใหเหมาะสมกบการน าเสนอผานเวบ

• เลอกรปแบบการน าเสนอเนอหา

• น าเสนอเนอหาในรปแบบ Module

• น าเสนอเนอหาผาน Component + Module

• น าเสนอเนอหาในรปแบบเมน

• Component

• Article Manager

• Static Content

• Dynamic Content

• น าเสนอเนอหาผาน Front Page

Module

Module

Module

Module

Module

เนอหา – กรณตวอยาง

• Why Thailand

• Thailand's Advantages

• Reasons to invest here

• Infrastructure

• Human Resources

• Sectors of Opportunity

• About BOI

• Introducing the BOI

• Organization Chart

• BOI's Executives

Joomla

Section 1

Category 1

Category 2

Category 3

Article 1

Article 2

Article …

Section 2 Section 3

เนอหา – กรณ BOI

• Why Thailand

• Thailand's Advantages

• Reasons to invest here

• Infrastructure

• Human Resources

• Sectors of Opportunity

• About BOI

• Introducing the BOI

• Organization Chart

• BOI's Executives

BOI

Why Thailand

Why Thailand

Thailand’s Advantages

Reasons to invest here

…

About BOI

Introducing to BOI

Organization Chart

BOI's Executives

News

News

News 1

News 2

News …

เนอหากรณอนๆ Section/Category/Article

Website

ขาว

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

งานวนคร

สมมนาวชาการ

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

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

จดซอ Server

สาระความร

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

ขนตอนการสรางเนอหา

• สรางหมวดเนอหาระดบ Category • Content, Category Manager

• สรางเมนแสดงผลเนอหาระดบ Section หรอ Category • Menus, Main Menu

• สรางเนอหา

• Content, Article Manager

Category Manager

สรางเมนควบคม Category

สรางเมนควบคม Section/Category

ดงขาวอตโนมตดวย Feed Display Module

Feed URL • URL ทถกออกแบบมาเพอใหสามารถดงขอมลในรปแบบ XML - RSS ไปแสดงผลผานตวอาน RSS Reader ไดอตโนมต

1

http://rssthai.com http://news.thaipbs.or.th/rss

สรางแบบสอบถามดวย Poll Component

• Component เปน Extension ทออกแบบมาเพอบรหารจดการงานใดๆ อนเปนการเพมความสามารถของ Joomla

• Component มกจะเปนสวนในการสรางเนอหา การจะใชงานหรอแสดงผลจะถกควบคมดวย Menu หรอไมก Extension ทเปน Module หรอ Plug-ins

• ตวอยาง Component ทมาพรอมกบ Joomla คอ Poll ชวยออกแบบแบบสอบถามอยางงาย


• Components, Polls, New


1) ปอนค าถามใน Title และชอก ากบทเปนภาษาองกฤษใน Alias

2) เลอก Published เปน Yes เพอเปดใชงาน Poll

3) ปอนตวเลอก 4) คลกปม Save เพอบนทก

แสดงผล Poll ดวย Poll Module

• Extensions, Module Manager, New, Poll

แสดงผล Poll ดวย Poll Module

คลงเวบไซตดวย Web Link Components

• Components, Web Links

คลงเวบไซต

สถาบนการศกษา

มหาวทยาลยเกษตรฯ

จฬาลงกรณฯ

มหาวทยาลย ธรรมศาสตร

ส านกขาว

ชอง 3

ชอง 5

…

หองสมด

มก.บางเขน

มก.ก าแพงแสน

…


• Components, Web Links, Categories, New


• Components, Web Links, Links, New


• Menus, Main Menu, New, Web Links, Web Link Category List Layout

ปรบแตงการแสดงผล Web Links

ตดตอสอบถาม – Contact Component

• Components, Contacts, Categories, New

• สรางหมวดการตดตอ

ตดตอสอบถาม – Contact Component

• Components, Contacts, Contacts, New

• สรางรายการตดตอ

สรางเมนเรยกใชฟอรมตดตอสอบถาม

• Menus, Main Menu, New, Contacts, Standard Contact Layout

การสรางเนอหาบทความ Static

• สรางเนอหาดวย Content, Article Manager

• เลอก Category เปน Uncategorized

• สรางเมนแสดงผลเนอหาดวย Menus, Main Menu, New, Article, Article Layout

Article Parameter

การแสดงผลเนอหา

การสรางเมนควบคมบทความ

การแสดงผลเนอหาหลก

เนอหาหลกแสดงผลผาน Front-end

เนอหาลาสดแสดงแบบเตมคอลมนเดยว

เนอหาอนๆ แสดง 2 คอลมน

สามารถก าหนดเฉพาะสวนตน (Intro) แลวคลกดเนอหาทเหลอ

แตละเนอหามป มควบคมเพม อยางนอย 3 ป ม ป มสรางเอกสาร PDF

ป มสงอเมลแนะน าเนอหา

ป มสงพมพเนอหา

มสวนรายละเอยดการสราง/แกไข

Joomla Extension

Component

โปรแกรมทออกแบบมาเพอเพมความสามารถของ Joomla ให ท างานตามวตถประสงค เชน JoomGallery ส าหรบจดการคลงภาพ

Module

โปรแกรมยอยทออกแบบมาเพอควบคมการแสดงผล หรอท างานทมลกษณะไมใหญมากนก เชน โปรแกรมทออกแบบเพอแสดงผลภาพของ JoomGallery ในลกษณะสไลด

Plugin

โปรแกรมขนาดเลกสดทออกแบบเพอควบคมการท างาน หรอชวยใหงานสะดวกขน เชน JoomGallery Search ทท าใหสามารถสบคนภาพได

การดาวนโหลด Extension

• เลอกและดาวนโหลด Extension จากเวบไซต http://www.joomla.org

• ไฟลทไดมกจะมสวนขยายเปน .zip

• ไมตอง unzip (ยกเวนบาง extension ทมการระบไว เฉพาะให unzip กอน)

• มกจะค าบงชเฉพาะ เชน

• com_ แสดงวาเปน Components

• mod_ แสดงวาเปน Module

• plg_ แสดงวาเปน Plugins

การตดตง Extension

เขาสเวบไซต Joomla ในโหมด Administrator

http://127.0.0.1/administrator

http://doname/administrator

เลอกเมนค าสง Extension, Install/Uninstall


• คลกป ม Browse เพอเลอกไฟล Extension แลวคลกเลอก Upload & Install


ผลการตดตง Extension ทสมบรณ

ตรวจสอบการตดตง Extension

Extension ทตดตงแลว สามารถตรวจสอบได 3 จด

ตามประเภทของ Extension คอ

เมน Components

เมน Module Manager

เมน Plugin Manager

การถอนการตดตง Extension

เลอกเมนค าสง Extension, Install/Install

คลกเลอกแทบประเภท Extension เชน Components แลวเลอก Extension คลกป ม Uninstall

ศกษาและฝกปฏบต Joomla Extensions

• http://extensions.joomla.org/

หองสมดออนไลนดวย Book Library

ดาวนโหลด Extension Book Library com_booklibrary_BASIC_1_5_3_2010_07_05.zip

ตดตง Book Library Component

เทคนคนารส าหรบ Web Master

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

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

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

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

A $

E +

I ^

O @

U !

kampaengsaen

k$mp$+ngs$+n#

การแกไข Source Code ดวย NotePad++ NotePad++ Text Editor

ฟอนตภาษาไทยกบเวบ

HTML

<font face=“Tahoma, MS Sans Serif, Thonburi”>…</font>

CSS

font-family: Tahoma, “MS Sans Serif”, Thonburi;

เอกสารเวบของทาน ก าหนดฟอนตใด

ตวอกษรแตกเมอขยายขนาดฟอนต

แหลงขอมลเพมเตม

http://stks.or.th/wiki

http://stks.or.th/blog

http://stks.or.th/

http://slideshare.net/firstpimm

การบริการสารสนเทศบนเว็บด้วย oss : joomla...

Technology