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.

Slides:



Advertisements
Similar presentations
A centre of expertise in digital information managementwww.ukoln.ac.uk Dont Do It Yourself Content Syndication on the Web Pete Cliff UKOLN University of.
Advertisements

Add news module Screen Shots. Add news module Screen Shots Login to the admin tool and open your default page (home page). To add a news module, you will.
Content Management Systems. What is Content Management?  Content management is a process and/or software application used by groups to plan, create,
Add New Page Detailed Front End. Add a New page Screen Shots Add new page e.g. Web Office Workshops When you want to add a new link on the left-hand side.
1 A Method for Creating Web Sites Representation and Management of Data on the Internet.
Authoring Languages and Web Authoring Software 4.01 Examine web page development and design.
Web Pages and Style Sheets Bert Wachsmuth. HTML versus XHTML XHTML is a stricter version of HTML: HTML + stricter rules = XHTML. XHTML Rule violations:
SEO Best Practices with Web Content Management Brent Arrington, Services Developer, Hannon Hill Morgan Griffith, Marketing Director, Hannon Hill 2009 Cascade.
Ruby on Rails Model of MVC. Model-View-Controller Paradigm A way of organizing a software system Benefits: Isolation of business logic from the user interface.
Dynamic Web Sites DECO 3001 Tutorial 9 – CMS Presented by Ji Soo Yoon 21 May 2004 Slides adopted from
Technical Tips and Tricks for User Support Mike Gardner
Dreamweaver MX ? Create professional web pages Visual editing functions –No need to write HTML Includes complete FTP client software Recognises.
Chapter 7 Using Advanced Cascading Style Sheets HTML5 & CSS 7 th Edition.
Storyboards School Library Web Site for Handheld Presentation Tseung Kwan O Pui Chi School Library Li Fal.
UPortal: A framework for the Personalization of Library Services John Fereira: Programmer/Analyst Cornell University Mann Library.
Using Tabs. Tabs are the most general way to navigate through the zzusis portal applications. This tour gives an overview of how to use tabs.
Storyboards School Library Web Site for Handheld Presentation Tseung Kwan O Pui Chi School Library Li Fal.
RSS RSS is a method that uses XML to distribute web content on one web site, to many other web sites. RSS allows fast browsing for news and updates.
Content Management Systems – Christian Vinten-Johansen Content Management Systems Why use CMS? Distributed content creation & editing Reuse content and.
The RSS Editor Programme: RSS_broker A.Annunziato, C. Best JRC Ispra
Web Programming Language Dr. Ken Cosh Week 1 (Introduction)
Creating and publishing accessible course materials Practical advise you can replicate.
Web Design Basic Concepts.
Web Content Management Systems. Lecture Contents Web Content Management Systems Non-technical users manage content Workflow management system Different.
LayoutLayout Manage your blog! Baharstudio.blogspot.com Baharstudio.50webs.com.
Core Publisher: Station Administrator Tools. Training 1: Site Administration Training 2: Programs Training 3: Content Tagging Training 4: Creating Posts.
Content Management Systems Equals Distributed Web Site Maintenance Robert Gulick, EdD DBA / Technology Trainer Carmi Gulick.
How the Web Works. WWW – part of the Internet (others: , FTP, Telnet) Loaded to a Server | Viewed in a Browser (Client) Client: Request & Render.
WordPress Web. WordPress Blogging system with full content management Personal publishing system Built on PHP scripting language and MySQL relational.
XP Tutorial 7New Perspectives on Creating Web Pages with HTML, XHTML, and XML 1 Working with Cascading Style Sheets Creating a Style for Online Scrapbooks.
WEB FORM DESIGN. Creating forms for a web page For your web project you have to design a form for inclusion on your web site (the form information should.
Multimedia and the Web Chapter Overview  This chapter covers:  What Web-based multimedia is  how it is used today  advantages and disadvantages.
2015 Webmaster Training. 1.Site Navigation RWD Structure Sharing content areas 2.Dynamic Content Updates News/Blog Containers Calendars – Priority, Standard.
Introduction to ColdFusion Penn State Web 2001 Conference Brian Panulla Elmwood Media Group, LLC.
A centre of expertise in digital information managementwww.ukoln.ac.uk QA And The IWMW Web Site: A Case Study (flaws and all) Brian Kelly UKOLN University.
Plan the site and its structure Plan the display and navigation Test Identify the audience Determine the site’s purpose Plan the structure Planning the.
HTML, XHTML, and CSS Chapter 8 Adding Multimedia Content to Web Pages.
HTML and XML Behind Web Authoring Tools. 2 Objectives Introduce HTML Learn HTML Step by step Introduce XML.
What is RSS? And how do I use it to make my life easier.
Standards And Architectures For NOF Digitisation Projects Brian Kelly UK Web Focus UKOLN University of Bath Bath, BA2 7AY UKOLN is supported by: .
USCGAUX AUXWeb BRANDING. Our Mission Our mission is to increase the Auxiliary's web presence to the public and that means having a BRAND. What’s Your.
Tutorial 6 Working with Web Forms. 2New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition Objectives Explore how Web forms interact with.
Content Management Systems Part 1. What is a Content Management System? A tool to separate content from presentation What’s the difference?? 
UAA Self Guided PDA Tour Edward Wickham CS470 Project Final Presentation Spring 2004.
Louisa Lambregts, Louisa Lambregts
1 / 61 Using the Customer Support Web Site © 2006, Universal Tax Systems, Inc. All Rights Reserved. Customer Support Site Objectives –In this chapter you.
Content Management System/ Web Quality Initiative.
Does the World Wide Web seem too overwhelming? Do I have enough time to go look for the latest news updates? Would it help to have the latest news and.
Welcome to the Circus! A step by step process to making your own Google Site for the NEW Northern Potter Website!
An Industry Case Study SES – Chicago: 2006 Web 2.0.
Louisa Lambregts, Louisa Lambregts
Peace Operations Tool Kit User Story Report Edwin Padilla & Mamadou Balde Senior Seminar Fall 2015 November 17 th, 2015 Dickinson College.
WEB FORM DESIGN. Creating forms for a web page For your web project you have to design a form for inclusion on your web site (the form information should.
Tutorial 6 Working with Web Forms. 2New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition Objectives Explore how Web forms interact with.
HTML A brief introduction HTML1. HTML, what is? HTML is a markup language for describing web documents (web pages). HTML stands for Hyper Text Markup.
Greg Vogl Research and Development Services University Libraries Wednesday, November 11,
GOOGLE SITES HOW TO USE GOOGLE SITES TO CREATE A WEBSITE FOR CORNERS, STUDENT GROUPS, YOUTH CLUBS, YALI STEPHEN PERRY, IRO, GHANA OCTOBER 2014.
Rendering Syndicated Library Content in an Institutional Portal: Integrating MyLibrary into uPortal John Fereira: Cornell University Eric Lease Morgan:
PRESENTED BY GRADUATE DESIGN GROUP 2 MEREDITH, JENNIFER, CAMMAY AND DIANE How to build a web site in Dreamweaver.
Xiaodong “Eric” Li Webmaster Control vs. Freedom Balancing Editorial Freedom and Site-wide Consistency in a Faculty Website.
Louisa Lambregts, Louisa Lambregts
Web Design Terminology Unit 2 STEM. 1. Accessibility – a web page or site that address the users limitations or disabilities 2. Active server page (ASP)
1 A Method for Creating Web Sites Representation and Management of Data on the Internet.
HTML LAYOUTS. CONTENTS Layouts Example Layout Using Element Example Using Table Example Output Summary Exercise.
Patrick Desbrow, CIO & VP of Engineering October 29, 2014
Web Programming Language
4Schools Adding a Web Page.
Zhi Liu Dec.7th IA and Design
Content Management Systems
EBSCOhost Page Composer
Presentation transcript:

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

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

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

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 ? ! ?

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

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

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

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.

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 Content Database Our story starts with a database…

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

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)

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

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.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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 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 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 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 Christian Vinten-Johansen: Google “Content Management Systems” Open Source Packages: Apple OS X A home-grown, Penn State ColdFusion CMS?!?