Penn State Web Conference 2003 – Content Management Systems – Christian Vinten-Johansen Consider Business as Usual… Page n Page 3 Page 2 Page 1 Home Page.

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

Consider Business as Usual…

Pagen

Page3

Page2

Page1

HomePage

Templates

Static HTML - Tidy

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

Consider Business as Usual…

Page1

Page3

Page2

Page1

HomePage

Pagen

Pagen

Pagen

Pagen

Pagen

Pagen

Pagen

Pagen Page

n

Pagen

Pagen

Static HTML - SpaghettiTemplates

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

Consider Business as Usual…

Page1

Page3

Page2

Page1

HomePage

Pagen

Pagen

Pagen

Pagen

Pagen

Pagen

Pagen

Pagen Page

n

Pagen

Pagen

Page1

Page3

Page2

Page1

Pagen

Pagen

Pagen

Pagen

Pagen

Pagen Page

n

Pagen

Pagen

Static HTML - HeartburnTemplates

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

Consider Business as Usual…

Page1

Page3

Page2

Page1

HomePage

Pagen

Pagen

Pagen

Pagen

Pagen

Pagen

Pagen

Pagen Page

n

Pagen

Pagen

Page1

Page3

Page2

Page1

Pagen

Pagen

Pagen

Pagen

Pagen

Pagen Page

n

Pagen

Pagen

Static HTML - HeartburnTemplates

?!?

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

Content Management SystemsContent Management SystemsContent Management Systems

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

Content Management SystemsContent Management SystemsContent Management Systems

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

Content Management SystemsContent Management SystemsContent Management Systems

on theon the

WorkWork && ProcessesProcessesof

Web Professionals

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

Content Management SystemsContent Management SystemsContent Management Systems

on theon the

WorkWork && ProcessesProcessesof

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

ContentDatabase

Our story starts with a database…

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

Content Management Systems

ContentDatabase

Our story starts with a database…

Welcome, welcome, blahblah, blah, blah, blah, blahblah, blah, blah, blah, blahblah, blah, blah, blah, blahblah, blah, blah, blah, blahblah, blah, blah, blah, blah

…to which we add content

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

Content Management Systems

ContentDatabase

Our story starts with a database…

Department of Something…

Welcome, welcome, blahblah, blah, blah, blah, blahblah, blah, blah, blah, blahblah, blah, blah, blah, blahblah, blah, blah, blah, blahblah, blah, blah, blah, blah

…to which we add content…and more content…and more content (including design elements)

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

Content Management Systems

ContentDatabase

Our story starts with a database…

• This Way• That Way

• Home

Department of Something…

Welcome, welcome, blahblah, blah, blah, blah, blahblah, blah, blah, blah, blahblah, blah, blah, blah, blahblah, blah, blah, blah, blahblah, blah, blah, blah, blah

…to which we add content…and more content (including design elements)

…and (maybe) navigation tools

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

Content Management Systems

ContentDatabase

InputForms

Use forms to enter and edit the storyinto the database.

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

Content Management Systems

ContentDatabase

HTML

InputForms

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

Content Management Systems

ContentDatabase

HTML

InputForms

• This Way• That Way

• Home

Department of Something…

Welcome, welcome, blahblah, blah, blah, blah, blahblah, blah, blah, blah, blahblah, blah, blah, blah, blahblah, blah, blah, blah, blahblah, blah, blah, blah, blah

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

Content Management Systems

ContentDatabase

HTML

InputForms

ADA

| This Way | That WayHome

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

ContentDatabase

HTML

InputForms

ADA

Print

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

ContentDatabase

HTML

InputForms

ADA

Print

WML

PDAProprietary

RSS-XML

Content

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

Content Management Systems

ContentDatabase

HTML

InputForms

ADA

Print

WML

PDAProprietary

RSS-XML

You can format the samecontent for output in manydisplay formats and dataprotocols.

Content

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

Content Management Systems

ContentDatabase

HTML

InputForms

ADA

Print

WML

PDAProprietary

RSS-XML

Content

1. Input Once…

…Output Many Formats

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

Content Management Systems

ContentDatabase

HTML

InputForms

ADA

Print

WML

PDAProprietary

RSS-XML

Content

1a. Correct Once…

…Correct Them All

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

Content Management Systems

ContentDatabase

HTML

InputForms

ADA

Print

WML

PDAProprietary

RSS-XML

Content

Separate Content from Design

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

Content Management Systems

ContentDatabase

HTML

InputForms

ADA

Print

WML

PDAProprietary

RSS-XML

Template&

CSS

Template&

CSS

Template&

CSS

WMLTemplate

TemplateHTML

ClippingCSS

TemplateXMLCSS

Content

DesignSeparate Content from Design

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

Content Management Systems

ContentDatabase

HTML

InputForms

ADA

Print

WML

PDAProprietary

RSS-XML

Content Design

DesignDatabase

Template

Separate Content from Design

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

Content Management Systems

ContentDatabase

HTML

InputForms

ADA

Print

WML

PDAProprietary

RSS-XML

Content Design

DesignDatabase

Template

Separate Content… …from Design

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

Content Management Systems

ContentDatabase

HTML

InputForms

ADA

Print

WML

PDAProprietary

RSS-XML

Content Design

DesignDatabase

Template

Separate Content… CSS

…from Design

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

Content Management Systems

ContentDatabase

HTML

InputForms

ADA

Print

WML

PDAProprietary

RSS-XML

Content Design

DesignDatabase

Template

Separate Content… CSS

…from Design

Site-Wide Changes

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

Content Management Systems

ContentDatabase

HTML

InputForms

ADA

Print

WML

PDAProprietary

RSS-XML

Content Design

DesignDatabase

Template

Separate Content…

DesignForm

CSS

…from Design

Site-Wide Changes

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

Content Management Systems

ContentDatabase

HTML

InputForms

ADA

Print

WML

PDAProprietary

RSS-XML

Design

DesignDatabase

Template

InputForms

InputForms

InputForms

InputForms Content

DesignForms

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

Content Management Systems

ContentDatabase

HTML

InputForms

ADA

Print

WML

PDAProprietary

RSS-XML

Design

DesignDatabase

Template

InputForms

InputForms

InputForms

InputForms Content

Expert

Staff

Faculty

User-drivenFAQ

Syndicated NewsDesignForms

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

Content Management Systems

ContentDatabase

HTML

InputForms

ADA

Print

WML

PDAProprietary

RSS-XML

Design

DesignDatabase

Template

2. Delegate Content Creation

You work on SITE DESIGN& Management

InputForms

InputForms

InputForms

InputForms Content

Expert

Staff

Faculty

User-drivenFAQ

Syndicated NewsDesignForms

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

Content Management Systems

ContentDatabase

HTML

InputForms

ADA

Print

WML

PDAProprietary

RSS-XML

DesignDatabase

Template

InputForms

InputForms

InputForms

InputForms

Expert

Staff

Faculty

User-drivenFAQ

Syndicated News

2. Delegate Content Creation

You work on SITE DESIGN& Management

DesignFormsYou A

re Here

You Are H

ere

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

Content Management Systems

Programmatic Content Management

…provide you with tools for...

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

Content Management Systems

Programmatic Content Management

• Start Time• Expiration Time• Display Context (e.g.,ADA compliance)• Device format requirements• Link Checking • Scheduled Site Maintenance

…provide tools for...

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

Content Management Systems

3. Create Self-maintaining Site

Programmatic Content Management

• Start Time• Expiration• Display Context (e.g.,ADA compliance)• Device format requirements• Link Checking • Scheduled Site Maintenance

…provide tools for...

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

Content Management Systems

3. Create Self-maintaining Site (almost…)

Programmatic Content Management

• Start Time• Expiration• Display Context (e.g.,ADA compliance)• Device format requirements• Link Checking • Scheduled Site Maintenance

…provide tools for...

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

Content Management SystemsContent Management SystemsContent Management Systems

1. Input Once…Output 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 SystemsContent Management SystemsContent Management Systems

1. Input Once…Output 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 SystemsContent Management SystemsContent Management Systems

1. Input Once…Output 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 SystemsContent Management SystemsContent Management Systems

Christian Vinten-Johansen:[email protected]://www.das.psu.edu/wcm/indexDB.cfm?pid=20&personID=191

Google “Content Management Systems”

Open Source Packages:http://sourceforge.net/http://zope.org/Apple OS XA home-grown, Penn State ColdFusion CMS?!?