1. 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 Templates Static HTML - Tidy

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

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

4. Penn State Web Conference 2003 – Content Management Systems – Christian Vinten-Johansen Consider Business as Usual… Page 1 Page 3 Page 2 Page 1 Home Page n Page n Page n Page n Page n Page n Page n Page n Page n Page n Page n Page 1 Page 3 Page 2 Page 1 Page n Page n Page n Page n Page n Page n Page n Page n Page n Static HTML - Heartburn Templates ? ! ?

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

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

7. Penn State Web Conference 2003 – Content Management Systems – Christian Vinten-Johansen Content Management Systems on the Work & Processes of Web Professionals

8. Penn State Web Conference 2003 – Content Management Systems – Christian Vinten-Johansen Content Management Systems on the on the Work & Processes of Web Professionals A Love Story.

9. Penn State Web Conference 2003 – Content Management Systems – Christian Vinten-Johansen Content Management Systems Our story starts with a database…

10. Penn State Web Conference 2003 – Content Management Systems – Christian Vinten-Johansen Content Management Systems Content Database Our story starts with a database…

11. Penn State Web Conference 2003 – Content Management Systems – Christian Vinten-Johansen Content Management Systems Content Database Our story starts with a database… Welcome, welcome, blah blah, blah, blah, blah, blah …to which we add content

12. Penn State Web Conference 2003 – Content Management Systems – Christian Vinten-Johansen Content Management Systems Content Database Our story starts with a database… Department of Something… Welcome, welcome, blah blah, blah, blah, blah, blah …to which we add content …and more content…and more content (including design elements)

13. Penn State Web Conference 2003 – Content Management Systems – Christian Vinten-Johansen Content Management Systems Content Database Our story starts with a database… This Way That Way Home Department of Something… Welcome, welcome, blah blah, blah, blah, blah, blah …to which we add content …and more content (including design elements) …and (maybe) navigation tools

14. Penn State Web Conference 2003 – Content Management Systems – Christian Vinten-Johansen Content Management Systems Content Database Input Forms Use forms to enter and edit the story into the database.

15. Penn State Web Conference 2003 – Content Management Systems – Christian Vinten-Johansen Content Management Systems Content Database HTML Input Forms

16. Penn State Web Conference 2003 – Content Management Systems – Christian Vinten-Johansen Content Management Systems Content Database HTML Input Forms This Way That Way Home Department of Something… Welcome, welcome, blah blah, blah, blah, blah, blah

17. Penn State Web Conference 2003 – Content Management Systems – Christian Vinten-Johansen Content Management Systems Content Database HTML Input Forms ADA | This Way | That Way Home 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

18. Penn State Web Conference 2003 – Content Management Systems – Christian Vinten-Johansen Content Management Systems Content Database HTML Input Forms 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

19. Penn State Web Conference 2003 – Content Management Systems – Christian Vinten-Johansen Content Management Systems Content Database HTML Input Forms ADA Print WML PDA Proprietary RSS- XML Content

20. Penn State Web Conference 2003 – Content Management Systems – Christian Vinten-Johansen Content Management Systems Content Database HTML Input Forms ADA Print WML PDA Proprietary RSS- XML You can format the same content for output in many display formats and data protocols. Content

21. Penn State Web Conference 2003 – Content Management Systems – Christian Vinten-Johansen Content Management Systems Content Database HTML Input Forms ADA Print WML PDA Proprietary RSS- XML Content 1. Input Once… …Output Many Formats

22. Penn State Web Conference 2003 – Content Management Systems – Christian Vinten-Johansen Content Management Systems Content Database HTML Input Forms ADA Print WML PDA Proprietary RSS- XML Content 1 a. Correct Once… …Correct Them All

23. Penn State Web Conference 2003 – Content Management Systems – Christian Vinten-Johansen Content Management Systems Content Database HTML Input Forms ADA Print WML PDA Proprietary RSS- XML Content Separate Content from Design

24. Penn State Web Conference 2003 – Content Management Systems – Christian Vinten-Johansen Content Management Systems Content Database HTML Input Forms ADA Print WML PDA Proprietary RSS- XML Template & CSS Template & CSS Template & CSS WML Template HTML Clipping CSS Template XML CSS Content Design Separate Content from Design

25. Penn State Web Conference 2003 – Content Management Systems – Christian Vinten-Johansen Content Management Systems Content Database HTML Input Forms ADA Print WML PDA Proprietary RSS- XML ContentDesign Database Template Separate Content from Design

26. Penn State Web Conference 2003 – Content Management Systems – Christian Vinten-Johansen Content Management Systems Content Database HTML Input Forms ADA Print WML PDA Proprietary RSS- XML ContentDesign Database Template Separate Content……from Design

27. Penn State Web Conference 2003 – Content Management Systems – Christian Vinten-Johansen Content Management Systems Content Database HTML Input Forms ADA Print WML PDA Proprietary RSS- XML ContentDesign Database Template Separate Content… CSS …from Design

28. Penn State Web Conference 2003 – Content Management Systems – Christian Vinten-Johansen Content Management Systems Content Database HTML Input Forms ADA Print WML PDA Proprietary RSS- XML ContentDesign Database Template Separate Content… CSS …from Design Site-Wide Changes

29. Penn State Web Conference 2003 – Content Management Systems – Christian Vinten-Johansen Content Management Systems Content Database HTML Input Forms ADA Print WML PDA Proprietary RSS- XML ContentDesign Database Template Separate Content… Design Form CSS …from Design Site-Wide Changes

30. Penn State Web Conference 2003 – Content Management Systems – Christian Vinten-Johansen Content Management Systems Content Database HTML Input Forms ADA Print WML PDA Proprietary RSS- XML Design Database Template Input Forms Input Forms Input Forms Input Forms Content Design Forms

31. Penn State Web Conference 2003 – Content Management Systems – Christian Vinten-Johansen Content Management Systems Content Database HTML Input Forms ADA Print WML PDA Proprietary RSS- XML Design Database Template Input Forms Input Forms Input Forms Input Forms Content Expert Staff Faculty User-driven FAQ Syndicated News Design Forms

32. Penn State Web Conference 2003 – Content Management Systems – Christian Vinten-Johansen Content Management Systems Content Database HTML Input Forms ADA Print WML PDA Proprietary RSS- XML Design Database Template 2. Delegate Content Creation You work on SITE DESIGN & Management Input Forms Input Forms Input Forms Input Forms Content Expert Staff Faculty User-driven FAQ Syndicated News Design Forms

33. Penn State Web Conference 2003 – Content Management Systems – Christian Vinten-Johansen Content Management Systems Content Database HTML Input Forms ADA Print WML PDA Proprietary RSS- XML Design Database Template Input Forms Input Forms Input Forms Input Forms Expert Staff Faculty User-driven FAQ Syndicated News 2. Delegate Content Creation You work on SITE DESIGN & Management Design Forms You Are Here

34. Penn State Web Conference 2003 – Content Management Systems – Christian Vinten-Johansen Content Management Systems Programmatic Content Management …provide you with tools for...

35. 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...

36. 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...

37. 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...

38. Penn State Web Conference 2003 – Content Management Systems – Christian Vinten-Johansen Content Management Systems 1. Input Once…Output Many Formats 2. Delegate Responsibility for Content Creation to the “Experts” 3. Create Self-maintaining Sites

39. Penn State Web Conference 2003 – Content Management Systems – Christian Vinten-Johansen 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

40. Penn State Web Conference 2003 – Content Management Systems – Christian Vinten-Johansen 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

41. Penn State Web Conference 2003 – Content Management Systems – Christian Vinten-Johansen Content Management Systems Christian Vinten-Johansen: cjohansen@psu.edu http://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 X A home-grown, Penn State ColdFusion CMS?!?