Embed Size (px)
Citation preview
!
School Web Template Using Joomla!
1 2,*
1 [email protected] [email protected]
!
28 5-9
1) Breadcrumb Navigation 2)
3)
!
: , , , !,
Abstract
This article proposes a suitable of website structure, elements, and template of school of the Ministry of Education.
CMS Joomla! is used to remit complicated web design and management process. The research starts with literature review in
persuasive student to adopt and use Web-based Learning, page structure and site design, a pattern for reading web content. It
focuses on user-friendly interface and user-centered design. In menu and content classification, researcher explored Thai school
website. Multistage sampling was used. 28 schools were chosen. It found that number of menus should be 5-9. Website structure
should consists of 1) Page header comprised logo, name, searching box, and breadcrumb navigation 2) Content consisted of left
scan column for placing navigation, content area is on center, and right scan column in optional 3) Footer for copyright and
post address. After the template was applied by using CMS Joomla!, it found that web developer does not require preliminary
homepage layout design, nor complicated modifications of the structure, element, and content management.
Keywords: Website Template, Website Structure, Content Management System, Joomla!, School Website
1.
(Content Management System)
CMS
CMS
[1]
! (Joomla!)
Joomla!
4
Joomla! 3 4
120
[2]
Web Authoring Tools
Adobe Dreamweaver Microsoft FrontPage
1.
2.
Web Authoring Tools
3. (Structure
& Content)
[3]
Trusted-Persuasive Web-
based Learning for Rote Learning Students
2
1. Persuasive Model
(Perceive Hedonic: PH)
(Perceive User Friendly Interface:
PUFI) (Perceive Visual
Attractiveness: PVA)
(Perceived Usefulness of Homepage Content:
PUHC)
2. Trust Model
(Tools and Contents)
(Realization)
(Solidarity)
(Familiarity)
(Effect)
Joomla!
36,155 [4]
2.
1.
2.
3.
3.1 (Content Management System:
CMS)
CMS
[1,5]
CMS
CMS
3 CMS
1. (Content Management
Application: CMA) CMA
CMA
2. (Metacontent
Mangement Application: MMA)
(Metacontent) (Metadata)
MMA
Metacontent
3. (Content Delivery
Application: CDA) CDA
(Content)
MMA
3.2 Joomla!
Joomla! CMS
PHP JavaScript MySQL
XML Joomla! CMS
GNU/GPL
3.3
Lertlum Trusted-
Persuasive Web-based Learning for Rote Learning Students
[3] 2
1. (Persuasive Model)
(Perceive Hedonic: PH)
(Perceive User Friendly Interface: PUFI)
(Perceive Visual
Attractiveness: PVA)
(Perceived Usefulness of Homepage
Content: PUHC)
2. (Trust Model)
(Tools and Contents)
(Realization)
(Solidarity)
(Familiarity)
(Effect) 1
1
3.4 : Page
Structure and Site Design
Lynch Horton Page
Structure and Site Design
[6]
1. Page headers
Home link
Global navigation
Breadcrumb navigation
Search
2. Local navigation
3. Scan column
Left scan column
(Search)
Local navigation
(Banner)
Right scan column
(Search) (Banner)
Left scan column
Main content column
F
(F-Shaped Pattern for Reading Web Content) [7] 2
2
4. Page footers
(Copyright)
Navigation
3.5
1. [8]
CMS :
CMS Mambo
2. [9]
CMS
:
Mambo
1
2,000
3. [10]
Mambo
:
(CMS)
Web Authoring
Tools
CMS Joomla!
4.
4.1
(Multi-stage sampling)
2
2
4.2
[6, 7] (Template)
4.3 CMS Joomla!
CMS Joomla!
5.
2
5.1
5-9
3
3
5.2
(1) (Header)
Breadcrumb Navigation
(2) (Body) Scan column
Left column scan
Local navigation
Right scan column
(Link)
Main content column
(3) (Footer)
(Copyright)
4
4
5.3 CMS Joomla!
Joomla!
5.2 5
5 CMS Joomla!
6.
Web
Authoring Tools
5
[1] . (2552).
Joomla! . : .
[2]
.
(2552).
4. :
.
[3] Lertlum, W. (2007). Trusted-Persuasive Web-based
Learning for Rote Learning Student. Dissertation
submitted in partial fulfillment of the requirements for
the degree Ph.D. (Information Technology). School of
Information Technology, King Mongkut�s University of
Technology Thonburi.
[4]
.
. ( ) :
http://www.moe.go.th/data_stat. ( 24
2552)
[5] . (2551).
Joomla. : .
[6] Lynch, P. and Horton, S. (2008). Web Style Guide, 3rd
edition: Basic Design Principles for Creating Web Site.
U.S.: Yale University.
[7] Nielsen, J. (2006). F-Shaped Pattern for Reading Web
Content Online:
http://www.useit.com/alertbox/reading_pattern.html.
(Accessed September 9, 2009)
[8] . (2547). CMS
:
. (
).
[9] . (2550).
CMS
: .
(
).
[10] . (2550).
:
. (
).
