Content Management slides - Architecture, Design and Planning
Download
Report
Transcript Content Management slides - Architecture, Design and Planning
Dynamic Web Sites
DECO 3001 Tutorial 9 – CMS
Presented by Ji Soo Yoon
21 May 2004
Slides adopted from http://www.ksu.edu/dia/projects/cm/,
http://webdesign.about.com/library/weekly/aa021802a.htm,
http://aifia.org/files/cms0303.ppt,
http://www.psu.edu/webconference/Web2003/Web2003Materials/CmsJohansen.
ppt, http://faculty.maxwell.syr.edu/jpgant/PPAEgov_Webdesign.ppt
Consider Business as Usual…
Static HTML - Tidy
Templates
Home
Page
Page
1
Page
2
Page
3
Page
n
Adding more pages…
Static HTML - Spaghetti
Templates
Home
Page
Page
n
Page
n
Page
n
Page
n
Page
2
Page
1
Page
n
Page
n
Page
n
Page
3
Page
1
Page
n
Page
n
Page
n
Page
n
Even more pages…
Static HTML - Heartburn
Templates
Home
Page
Page
n
Page
Page
n n
Page
n
Page
n
Page
n
Page
n
Page
1
Page Page
n
1
Page
n
Page
n
Page
n
Page
2
Page
n
Page
Page
2 n
Page
n
Page
3
Page
3
Page
1
Page
n
Page
n
Page
1
Page
n
Page
n
Page
n
Page
n
Solution?
Content Management Systems
Our story starts with a database…
Content
Database
Content Management Systems
Our story starts with a database…
…to which we add content
Content
Database
Welcome, welcome, blah
blah, blah, blah, blah, blah
blah, blah, blah, blah, blah
blah, blah, blah, blah, blah
blah, blah, blah, blah, blah
blah, blah, blah, blah, blah
Content Management Systems
Our story starts with a database…
…to which we add content
…and more content (including design elements)
Department of Something…
Content
Database
Welcome, welcome, blah
blah, blah, blah, blah, blah
blah, blah, blah, blah, blah
blah, blah, blah, blah, blah
blah, blah, blah, blah, blah
blah, blah, blah, blah, blah
Content Management Systems
Our story starts with a database…
…to which we add content
…and more content (including design elements)
Department of Something…
Content
Database
• Home
• This Way
• That Way
…and (maybe) navigation tools
Welcome, welcome, blah
blah, blah, blah, blah, blah
blah, blah, blah, blah, blah
blah, blah, blah, blah, blah
blah, blah, blah, blah, blah
blah, blah, blah, blah, blah
Content Management Systems
Use forms to enter and edit the story
into the database.
Input
Forms
Content
Database
Content Management Systems
HTML
Input
Forms
Content
Database
Content Management Systems
HTML
Department of Something…
Input
Forms
Content
Database
• Home
• This Way
• That Way
Welcome, welcome, blah
blah, blah, blah, blah, blah
blah, blah, blah, blah, blah
blah, blah, blah, blah, blah
blah, blah, blah, blah, blah
blah, blah, blah, blah, blah
Content Management Systems
HTML
ADA
Input
Forms
Content
Database
Department of Something…
Home | This Way | That Way
Welcome, welcome, blah blah, blah,
blah, blah, blah, blah, blah, blah, blah,
blah, blah, blah, blah, blah, blah, blah,
blah, blah, blah, blah, blah, blah, blah,
blah, blah , blah, blah, blah, blah, blah
Content Management Systems
HTML
ADA
Print
Input
Forms
Content
Database
Department of Something…
Welcome, welcome, blah blah, blah,
blah, blah, blah, blah, blah, blah, blah,
blah, blah, blah, blah, blah, blah, blah,
blah, blah, blah, blah, blah, blah, blah,
blah, blah , blah, blah, blah, blah, blah
Content Management Systems
HTML
ADA
Content
Print
Input
Forms
Content
Database
WML
PDA
Proprietary
RSSXML
Content Management Systems
You can format the same
content for output in many
display formats and data
protocols.
HTML
ADA
Content
Print
Input
Forms
Content
Database
WML
PDA
Proprietary
RSSXML
Content Management Systems
1. Input Once…
…Output Many
Formats
HTML
ADA
Content
Print
Input
Forms
Content
Database
WML
PDA
Proprietary
RSSXML
Content Management Systems
1a. Correct Once…
…Correct Them All
HTML
ADA
Content
Print
Input
Forms
Content
Database
WML
PDA
Proprietary
RSSXML
Content Management Systems
Separate Content
from Design
HTML
ADA
Content
Print
Input
Forms
Content
Database
WML
PDA
Proprietary
RSSXML
Content Management Systems
Separate Content
from Design
Design
HTML
Template
&
ADA
Template
&
Print
Template
&
WML
WML
Template
PDA
Template
HTML
Clipping
Content
Input
Forms
Content
Database
Proprietary
RSSXML
CSS
CSS
CSS
CSS
Template
XML
CSS
Content Management Systems
Separate Content
from Design
HTML
ADA
Content
Design
Print
Input
Forms
Template
Content
Database
WML
PDA
Proprietary
RSSXML
Design
Database
Content Management Systems
Separate Content…
…from Design
HTML
ADA
Content
Design
Print
Input
Forms
Template
Content
Database
WML
PDA
Proprietary
RSSXML
Design
Database
Content Management Systems
Separate Content…
…from Design
HTML
CSS
ADA
Content
Design
Print
Input
Forms
Template
Content
Database
WML
PDA
Proprietary
RSSXML
Design
Database
Content Management Systems
Separate Content…
…from Design
HTML
CSS
Site-Wide Changes
ADA
Content
Design
Print
Input
Forms
Template
Content
Database
WML
PDA
Proprietary
RSSXML
Design
Database
Content Management Systems
Separate Content…
…from Design
HTML
CSS
Site-Wide Changes
ADA
Content
Design
Print
Input
Forms
Template
Content
Database
WML
Design
Database
PDA
Proprietary
RSSXML
Design
Form
Content Management Systems
HTML
Input
Forms
ADA
Input
Forms
Content
Design
Print
Input
Forms
Template
Content
Database
Input
Forms
WML
Design
Database
PDA
Proprietary
Input
Forms
RSSXML
Design
Forms
Content Management Systems
HTML
Expert
Input
Forms
ADA
Staff
Input
Forms
Content
Design
Print
Faculty
Input
Forms
Template
Content
Database
User-driven Input
Forms
FAQ
Syndicated News
WML
Design
Database
PDA
Proprietary
Input
Forms
RSSXML
Design
Forms
Content Management Systems
2. Delegate Content
Creation
Expert
Staff
Input
Forms
Input
Forms
HTML
You work on
SITE DESIGN
& Management
ADA
Content
Design
Print
Faculty
Input
Forms
Template
Content
Database
User-driven Input
Forms
FAQ
Syndicated News
WML
Design
Database
PDA
Proprietary
Input
Forms
RSSXML
Design
Forms
In summary…
Benefits of CMS
“Single source” of
content
Reusability of content
Versioning
Easier maintenance
Consistency
Easier authoring and
publishing
CMS - Features
Data Management
Web Life-Cycle Management
Web Templating
Personalisation
Syndication
Digital Rights Management
Data Management
Primary function of CMS
Manage content on web sites
Most CMSs use XML to tag the
content and database connectivity
Web Life-Cycle Management
Ability for content managers to
approve and validate content prior to
publishing on the web
Content managers can also control
when and where the content goes
online and removed from the web
Web Templating
Web pages showing contents created
from templates
Separating content design and visual
presentation of content
Personalisation
Easier to create personalised pages
for web site visitors once content is
stored into CMS
“Skinning” may be used for this
purpose
Syndication
Allows sharing of web content with
other corporations – made possible by
separating content from design
Most popular: RSS (Really Simple
Syndication) and XML
Digital Rights Management
CMSs provide the background for
managing the rights to your content
Resources
Books
On the Web
Content Management Bible
http://www.amazon.com/exec/obidos/ASIN/076454862X/theasilomarin20
Managing Enterprise Content
http://www.managingenterprisecontent.com/
CMSWatch http://www.cmswatch.com/
Metadata & Taxonomies for a More Flexible Information Architecture
http://www.asis.org/Conferences/Summit2002/IA_Summit_031602.ppt
Smarter Content Publishing
http://www.digital-web.com/features/feature_2002-08.shtml
Ontology Development and Relationship Modeling for Enterprises and
Enterprise Websites, Brett Lider (IA Summit 2003)
Email Lists
IA CMS http://groups.yahoo.com/group/ia-cms/
CMS List http://www.cms-list.org/
Appendix:
Just For Your Information
Web Site Construction and
Evaluation Process
Who is Involved in Web Site
Design?
Key Questions for Planning
Site
What is the mission of your organization?
How will creating a Web site support your
mission?
What are your immediate goals for the site?
What are your long-term goals for the site?
What Web-related strategies will you use to
achieve those goals?
How will you measure the success of your
site?
What Are Your Goals?
Make a short statement about your goals
including
strategies for designing the Web site
length of design, construction and evaluation
periods
measures used to evaluate the success of
plans for long-term editorial management and
technical maintenance
Remember
on-going dynamic process
Know Your Audience
Identify potential visitors of your Web site
site must meet their needs and expectations
well designed site should meet a range of skills
and interests
Users include
Web surfers
Novice and occasional users
Expert and frequent users
International users
Physically challenged
Additional Steps
Design Critiques
Identify other Web
sites to use as
models
See design from
the user’s point of
view
Each team member
brings a list of
favorite sites and
shares with group
Content Inventory
Assess the content
needed for site
Hardest and most
time consuming
part of project
Start early
Site Development Process
Site definition and planning
Information architecture
Site design
Site construction
Site marketing
Tracking, evaluation and maintenance
Site Production Checklist
Production issues
Technology
Web server support
Budgeting
Production Issues
What are the purpose and goals for the site?
Who is the target audience for the site, and what do
they want?
Will your site production team be composed of inhouse people, outside contractor, or a mix of the
two?
Who will manage the process?
Who are your primary content experts?
Who will be the liaison to any outside contractors?
Who will function as the Webmaster?
Technology
What browsers and operating systems
should your site support?
What is the network bandwidth of average
site visitors?
What advanced features will be used?
How will readers reach the support
personnel?
How will you handle database support?
What type of A/V content will be used?
Additional Factors
Web Server Support
In-house or outsource
Domain name
Site traffic constraints
24/7 support &
maintenance
Stats on use
Database coordination
Budgeting
Salaries and benefits
HW/SW
Staff training
Outsourcing fees
Ongoing support
Webmaster
Server and technical
Database
New content and
updates
STEP 2: Information
Architecture
Focus - Detail the content and organization
of the Web site
Inventory all existing content
Describe what new content is required
Define the organizational structure of the site
Build a small prototype
Used to test site navigation and user interface
See how site looks and how navigation interface
supports information design
STEP 3: Site Design
Create and approve page design and
overall design standards
Commission illustrations, photography
and graphics
Develop content
Conduct programming, database
design, and data entry
STEP 4: Site Construction
Web site is filled with content
Create database and programming
components
Beta test the site
STEP 5: Site Marketing
Site should be integral part of
marketing campaign and corporate
communications programs.
URL should appear on every piece of
correspondence
STEP 6: Tracking, Evaluation,
and Maintenance
Record information about site visitors to
determine
how many visitors over a given time
how many pages were requested for viewing
appeal of pages and their format
Maintenance
Update site
Develop new content
The End.