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 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 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 Template Content Database WML Design Database PDA Proprietary RSSXML 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 Template Content Database WML Design Database PDA Proprietary RSSXML Penn State Web Conference 2003 – Content Management Systems – Christian Vinten-Johansen Content Management Systems Separate Content… …from Design HTML CSS ADA Content Design Print Input Forms Template Content Database WML Design Database PDA Proprietary RSSXML Penn State Web Conference 2003 – Content Management Systems – Christian Vinten-Johansen 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 Penn State Web Conference 2003 – Content Management Systems – Christian Vinten-Johansen 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 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 Template Content Database Input Forms 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 Template Content Database User-driven Input Forms FAQ Syndicated News 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 Template Content Database User-driven Input Forms FAQ Syndicated News 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 You work on SITE DESIGN & Management ADA Input Forms Print Faculty Input Forms Template Content Database User-driven Input Forms FAQ Syndicated News WML 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 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 Systems Content Management Systems Content 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 Systems Content Management Systems Content 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 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