Sie sind auf Seite 1von 41

Consider Business as Usual

Static HTML - Tidy


Templates

Home
Page

Page
1

Page
2

Page
3

Page
n

Penn State Web Conference 2003 Content Management Systems Christian Vinten-Johansen

Consider Business as Usual


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

Penn State Web Conference 2003 Content Management Systems Christian Vinten-Johansen

Consider Business as Usual


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

Penn State Web Conference 2003 Content Management Systems Christian Vinten-Johansen

Consider Business as Usual

?
!

Static HTML - Heartburn

Page
Page
n n
Page
n
Page
n

Page
n

Page
n

Page
1

Page Page
n
1
Page
n
Page
n
Page
n

Templates

Home
Page

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
Page
n

Penn State Web Conference 2003 Content Management Systems Christian Vinten-Johansen

Content Management Systems

Content Management Systems

Content Management Systems

Penn State Web Conference 2003 Content Management Systems Christian Vinten-Johansen

Content Management Systems

Content Management Systems

Content Management Systems

Penn State Web Conference 2003 Content Management Systems Christian Vinten-Johansen

Content Management Systems

Content Management Systems

Content Management Systems

on the

Work & Processes


of

Web Professionals

Penn State Web Conference 2003 Content Management Systems Christian Vinten-Johansen

Content Management Systems

Content Management Systems

Content Management Systems

on the

Work & Processes


of

Web Professionals

A Love Story.
Penn State Web Conference 2003 Content Management Systems Christian Vinten-Johansen

Content Management Systems


Our story starts with a database

Penn State Web Conference 2003 Content Management Systems Christian Vinten-Johansen

Content Management Systems


Our story starts with a database

Content
Database

Penn State Web Conference 2003 Content Management Systems Christian Vinten-Johansen

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

Penn State Web Conference 2003 Content Management Systems Christian Vinten-Johansen

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

Penn State Web Conference 2003 Content Management Systems Christian Vinten-Johansen

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

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

and (maybe) navigation tools

Penn State Web Conference 2003 Content Management Systems Christian Vinten-Johansen

Content Management Systems


Use forms to enter and edit the story
into the database.

Input
Forms

Content
Database

Penn State Web Conference 2003 Content Management Systems Christian Vinten-Johansen

Content Management Systems


HTML

Input
Forms

Content
Database

Penn State Web Conference 2003 Content Management Systems Christian Vinten-Johansen

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

Penn State Web Conference 2003 Content Management Systems Christian Vinten-Johansen

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

Penn State Web Conference 2003 Content Management Systems Christian Vinten-Johansen

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

Penn State Web Conference 2003 Content Management Systems Christian Vinten-Johansen

Content Management Systems


HTML

ADA

Content
Print
Input
Forms

Content
Database

WML

PDA
Proprietary

RSSXML

Penn State Web Conference 2003 Content Management Systems Christian Vinten-Johansen

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

Penn State Web Conference 2003 Content Management Systems Christian Vinten-Johansen

Content Management Systems


1. Input Once
Output Many Formats

HTML

ADA

Content
Print
Input
Forms

Content
Database

WML

PDA
Proprietary

RSSXML

Penn State Web Conference 2003 Content Management Systems Christian Vinten-Johansen

Content Management Systems


1a. Correct Once

HTML

Correct Them All

ADA

Content
Print
Input
Forms

Content
Database

WML

PDA
Proprietary

RSSXML

Penn State Web Conference 2003 Content Management Systems Christian Vinten-Johansen

Content Management Systems


Separate Content
from Design

HTML

ADA

Content
Print
Input
Forms

Content
Database

WML

PDA
Proprietary

RSSXML

Penn State Web Conference 2003 Content Management Systems Christian Vinten-Johansen

Content Management Systems


Separate Content
from Design

HTML

Template
&

ADA

Template
&

Print

Template
&

WML

WML
Template

PDA

Template
HTML
Clipping

Content
Input
Forms

Content
Database

Design

Proprietary

RSSXML

CSS

CSS

CSS

CSS

Template
XML

CSS

Penn State Web Conference 2003 Content Management Systems Christian Vinten-Johansen

Content Management Systems


Separate Content
from Design

HTML

ADA

Content

Design
Print

Input
Forms

Content
Database

Template

WML

Design
Database

PDA
Proprietary

RSSXML

Penn State Web Conference 2003 Content Management Systems Christian Vinten-Johansen

Content Management Systems


Separate Content

HTML

from Design

ADA

Content

Design
Print

Input
Forms

Content
Database

Template

WML

Design
Database

PDA
Proprietary

RSSXML

Penn State Web Conference 2003 Content Management Systems Christian Vinten-Johansen

Content Management Systems


Separate Content

HTML

from Design
CSS

ADA

Content

Design
Print

Input
Forms

Content
Database

Template

WML

Design
Database

PDA
Proprietary

RSSXML

Penn State Web Conference 2003 Content Management Systems Christian Vinten-Johansen

Content Management Systems


Separate Content

HTML

from Design
CSS
Site-Wide Changes

ADA

Content

Design
Print

Input
Forms

Content
Database

Template

WML

Design
Database

PDA
Proprietary

RSSXML

Penn State Web Conference 2003 Content Management Systems Christian Vinten-Johansen

Content Management Systems


Separate Content

HTML

from Design
CSS
Site-Wide Changes

ADA

Content

Design
Print

Input
Forms

Content
Database

Template

WML

Design
Database

PDA
Proprietary

RSSXML

Design
Form

Penn State Web Conference 2003 Content Management Systems Christian Vinten-Johansen

Content Management Systems


HTML
Input
Forms
ADA
Input
Forms

Content

Design
Print

Input
Forms

Content
Database

Input
Forms

Template

WML

Design
Database

PDA
Proprietary

Input
Forms
RSSXML

Design
Forms

Penn State Web Conference 2003 Content Management Systems Christian Vinten-Johansen

Content Management Systems


HTML

Expert

Input
Forms
ADA

Staff

Input
Forms

Content

Design
Print

Faculty

Input
Forms

Content
Database

User-driven Input
Forms
FAQ
Syndicated News

Template

WML

Design
Database

PDA
Proprietary

Input
Forms
RSSXML

Design
Forms

Penn State Web Conference 2003 Content Management Systems Christian Vinten-Johansen

Content Management Systems


2. Delegate Content
Creation
Expert
Staff

Input
Forms

HTML

Input
Forms

You work on
SITE DESIGN
& Management

ADA

Content

Design
Print

Faculty

Input
Forms

Content
Database

User-driven Input
Forms
FAQ
Syndicated News

Template

WML

Design
Database

PDA
Proprietary

Input
Forms
RSSXML

Design
Forms

Penn State Web Conference 2003 Content Management Systems Christian Vinten-Johansen

Content Management Systems


2. Delegate Content
Creation
Expert
Staff

HTML

Input
Forms

ADA

Input
Forms

e
r
A
u
o
Y
Print

Faculty

Input
Forms

Content
Database

User-driven Input
Forms
FAQ

Syndicated News

WML

You work on
SITE DESIGN
& Management

e
r
e
H
Template

Design
Database

PDA

Proprietary

Input
Forms

RSSXML

Design
Forms

Penn State Web Conference 2003 Content Management Systems Christian Vinten-Johansen

Content Management Systems


provide you with tools for...
Programmatic Content Management

Penn State Web Conference 2003 Content Management Systems Christian Vinten-Johansen

Content Management Systems


provide tools for...
Programmatic Content Management
Start Time
Expiration Time
Display Context (e.g.,ADA compliance)
Device format requirements
Link Checking
Scheduled Site Maintenance

Penn State Web Conference 2003 Content Management Systems Christian Vinten-Johansen

Content Management Systems


provide tools for...
Programmatic Content Management
Start Time
Expiration
Display Context (e.g.,ADA compliance)
Device format requirements
Link Checking
Scheduled Site Maintenance

3. Create Self-maintaining Site


Penn State Web Conference 2003 Content Management Systems Christian Vinten-Johansen

Content Management Systems


provide tools for...
Programmatic Content Management
Start Time
Expiration
Display Context (e.g.,ADA compliance)
Device format requirements
Link Checking
Scheduled Site Maintenance

3. Create Self-maintaining Site (almost)


Penn State Web Conference 2003 Content Management Systems Christian Vinten-Johansen

Content Management Systems

Content Management Systems

Content Management Systems


1. Input OnceOutput Many Formats
2. Delegate Responsibility for Content
Creation to the Experts
3. Create Self-maintaining Sites

Penn State Web Conference 2003 Content Management Systems Christian Vinten-Johansen

Content Management Systems

Content Management Systems

Content Management Systems


1. Input OnceOutput Many Formats
2. Delegate Responsibility for Content
Creation to the Experts
3. Create Self-maintaining Sites

Manage your site


Penn State Web Conference 2003 Content Management Systems Christian Vinten-Johansen

Content Management Systems

Content Management Systems

Content Management Systems


1. Input OnceOutput Many Formats
2. Pass Responsibility for Content
Creation to the Experts
3. Create Self-maintaining Sites

Manage your site


Penn State Web Conference 2003 Content Management Systems Christian Vinten-Johansen

Content Management Systems

Content Management Systems

Content Management Systems


Google Content Management Systems
Open Source Packages:
http://sourceforge.net/
http://zope.org/
Apple OS X
A home-grown, Penn State ColdFusion CMS?!?

Christian Vinten-Johansen:
cjohansen@psu.edu
http://www.das.psu.edu/wcm/indexDB.cfm?pid=20&personID=191

Penn State Web Conference 2003 Content Management Systems Christian Vinten-Johansen

Das könnte Ihnen auch gefallen