Dynamic web sites deco 3001 tutorial 9 cms
This presentation is the property of its rightful owner.
Sponsored Links
1 / 56

Dynamic Web Sites DECO 3001 Tutorial 9 – CMS PowerPoint PPT Presentation


  • 37 Views
  • Uploaded on
  • Presentation posted in: General

Dynamic Web Sites DECO 3001 Tutorial 9 – CMS. Presented by Ji Soo Yoon 21 May 2004

Download Presentation

Dynamic Web Sites DECO 3001 Tutorial 9 – CMS

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


Dynamic web sites deco 3001 tutorial 9 cms

Dynamic Web SitesDECO 3001 Tutorial 9 – CMS

Presented by Ji Soo Yoon

21 May 2004

Slides adopted from http://www.ksu.edu/dia/projects/cm/, http://webdesign.about.com/library/weekly/aa021802a.htm, http://aifia.org/files/cms0303.ppt, http://www.psu.edu/webconference/Web2003/Web2003Materials/CmsJohansen.ppt, http://faculty.maxwell.syr.edu/jpgant/PPAEgov_Webdesign.ppt


Consider business as usual

Static HTML - Tidy

Templates

Home

Page

Page

1

Page

2

Page

3

Page

n

Consider Business as Usual…


Adding more pages

Static HTML - Spaghetti

Templates

Home

Page

Page

n

Page

n

Page

n

Page

1

Page

2

Page

3

Page

1

Page

n

Page

n

Page

n

Page

n

Page

n

Page

n

Page

n

Page

n

Adding more pages…


Even more pages

Static HTML - Heartburn

Templates

Home

Page

Page

n

Page

n

Page

1

Page

2

Page

3

Page

1

Page

n

Page

n

Page

n

Page

n

Page

n

Page

n

Page

n

Page

1

Page

2

Page

n

Page

3

Page

1

Page

n

Page

n

Page

n

Page

n

Page

n

Page

n

Page

n

Page

n

Page

n

Page

n

Even more pages…


Solution

Solution?


Content management systems

Content Management Systems

Our story starts with a database…

Content

Database


Content management systems1

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


Content management systems2

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


Content management systems3

Content Management Systems

Our story starts with a database…

…to which we add content

…and more content (including design elements)

Department of Something…

  • Home

Content

Database

  • This 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

  • That Way

…and (maybe) navigation tools


Content management systems4

Content Management Systems

Use forms to enter and edit the story

into the database.

Content

Database

Input

Forms


Content management systems5

Content Management Systems

HTML

Content

Database

Input

Forms


Content management systems6

Content Management Systems

HTML

Department of Something…

  • Home

Content

Database

  • This Way

Input

Forms

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

  • That Way


Content management systems7

Content Management Systems

HTML

ADA

Content

Database

Input

Forms

Department of Something…

| That Way

Home

| This 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


Content management systems8

Content Management Systems

HTML

ADA

Print

Content

Database

Input

Forms

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


Content management systems9

Content Management Systems

HTML

ADA

Content

Print

Content

Database

Input

Forms

WML

PDA

Proprietary

RSS-

XML


Content management systems10

Content Management Systems

You can format the same

content for output in many

display formats and data

protocols.

HTML

ADA

Content

Print

Content

Database

Input

Forms

WML

PDA

Proprietary

RSS-

XML


Content management systems11

Content Management Systems

1. Input Once…

…Output Many

Formats

HTML

ADA

Content

Print

Content

Database

Input

Forms

WML

PDA

Proprietary

RSS-

XML


Content management systems12

Content Management Systems

1a. Correct Once…

…Correct Them All

HTML

ADA

Content

Print

Content

Database

Input

Forms

WML

PDA

Proprietary

RSS-

XML


Content management systems13

Content Management Systems

Separate Content

from Design

HTML

ADA

Content

Print

Content

Database

Input

Forms

WML

PDA

Proprietary

RSS-

XML


Content management systems14

Content Management Systems

Design

Separate Content

from Design

HTML

Template

&

CSS

ADA

Template

&

CSS

Content

Print

Template

&

CSS

Content

Database

Input

Forms

WML

WML

Template

PDA

Proprietary

Template

HTML

Clipping

CSS

RSS-

XML

Template

XML

CSS


Content management systems15

Content Management Systems

Separate Content from Design

HTML

ADA

Content

Design

Print

Content

Database

Design

Database

Input

Forms

Template

WML

PDA

Proprietary

RSS-

XML


Content management systems16

Content Management Systems

Separate Content…

…from Design

HTML

ADA

Content

Design

Print

Content

Database

Design

Database

Input

Forms

Template

WML

PDA

Proprietary

RSS-

XML


Content management systems17

Content Management Systems

Separate Content…

…from Design

HTML

CSS

ADA

Content

Design

Print

Content

Database

Design

Database

Input

Forms

Template

WML

PDA

Proprietary

RSS-

XML


Content management systems18

Content Management Systems

Separate Content…

…from Design

HTML

CSS

Site-Wide Changes

ADA

Content

Design

Print

Content

Database

Design

Database

Input

Forms

Template

WML

PDA

Proprietary

RSS-

XML


Content management systems19

Content Management Systems

Separate Content…

…from Design

HTML

CSS

Site-Wide Changes

ADA

Content

Design

Print

Content

Database

Design

Database

Input

Forms

Template

WML

PDA

Proprietary

Design

Form

RSS-

XML


Content management systems20

Content Management Systems

HTML

Input

Forms

ADA

Input

Forms

Content

Design

Print

Content

Database

Design

Database

Input

Forms

Template

WML

Input

Forms

PDA

Proprietary

Input

Forms

Design

Forms

RSS-

XML


Content management systems21

Content Management Systems

HTML

Expert

Input

Forms

ADA

Input

Forms

Staff

Content

Design

Print

Content

Database

Design

Database

Faculty

Input

Forms

Template

WML

Input

Forms

User-driven

FAQ

PDA

Proprietary

Input

Forms

Design

Forms

Syndicated News

RSS-

XML


Content management systems22

Content Management Systems

2. Delegate Content

Creation

You work on

SITE DESIGN

& Management

HTML

Expert

Input

Forms

ADA

Input

Forms

Staff

Content

Design

Print

Content

Database

Design

Database

Faculty

Input

Forms

Template

WML

Input

Forms

User-driven

FAQ

PDA

Proprietary

Input

Forms

Design

Forms

Syndicated News

RSS-

XML


In summary

In summary…


Benefits of cms

Benefits of CMS

  • “Single source” of content

  • Reusability of content

  • Versioning

  • Easier maintenance

  • Consistency

  • Easier authoring and publishing


Cms features

CMS - Features

  • Data Management

  • Web Life-Cycle Management

  • Web Templating

  • Personalisation

  • Syndication

  • Digital Rights Management


Data management

Data Management

  • Primary function of CMS

  • Manage content on web sites

  • Most CMSs use XML to tag the content and database connectivity


Web life cycle management

Web Life-Cycle Management

  • Ability for content managers to approve and validate content prior to publishing on the web

  • Content managers can also control when and where the content goes online and removed from the web


Web templating

Web Templating

  • Web pages showing contents created from templates

  • Separating content design and visual presentation of content


Personalisation

Personalisation

  • Easier to create personalised pages for web site visitors once content is stored into CMS

  • “Skinning” may be used for this purpose


Syndication

Syndication

  • Allows sharing of web content with other corporations – made possible by separating content from design

  • Most popular: RSS (Really Simple Syndication) and XML


Digital rights management

Digital Rights Management

  • CMSs provide the background for managing the rights to your content


Resources

Resources

  • Books

    • Content Management Bible http://www.amazon.com/exec/obidos/ASIN/076454862X/theasilomarin-20

    • Managing Enterprise Content http://www.managingenterprisecontent.com/

  • On the Web

    • CMSWatch http://www.cmswatch.com/

    • Metadata & Taxonomies for a More Flexible Information Architecture http://www.asis.org/Conferences/Summit2002/IA_Summit_031602.ppt

    • Smarter Content Publishing http://www.digital-web.com/features/feature_2002-08.shtml

    • Ontology Development and Relationship Modeling for Enterprises and Enterprise Websites, Brett Lider (IA Summit 2003)

  • Email Lists

    • IA CMS http://groups.yahoo.com/group/ia-cms/

    • CMS List http://www.cms-list.org/


Appendix just for your information

Appendix:Just For Your Information


Web site construction and evaluation process

Web Site Construction and Evaluation Process


Who is involved in web site design

Who is Involved in Web Site Design?

Graphic Designers

Project Manager

Content Experts

Technical Experts

Writers

Information Architects


Key questions for planning site

Key Questions for Planning Site

  • What is the mission of your organization?

  • How will creating a Web site support your mission?

  • What are your immediate goals for the site?

  • What are your long-term goals for the site?

  • What Web-related strategies will you use to achieve those goals?

  • How will you measure the success of your site?


What are your goals

What Are Your Goals?

  • Make a short statement about your goals including

    • strategies for designing the Web site

    • length of design, construction and evaluation periods

    • measures used to evaluate the success of

    • plans for long-term editorial management and technical maintenance

  • Remember

    • on-going dynamic process


Know your audience

Know Your Audience

  • Identify potential visitors of your Web site

    • site must meet their needs and expectations

    • well designed site should meet a range of skills and interests

  • Users include

    • Web surfers

    • Novice and occasional users

    • Expert and frequent users

    • International users

    • Physically challenged


Additional steps

Design Critiques

Identify other Web sites to use as models

See design from the user’s point of view

Each team member brings a list of favorite sites and shares with group

Content Inventory

Assess the content needed for site

Hardest and most time consuming part of project

Start early

Additional Steps


Site development process

Site Development Process

Do you see relationship to System Development Life Cycle?

  • Site definition and planning

  • Information architecture

  • Site design

  • Site construction

  • Site marketing

  • Tracking, evaluation and maintenance


Site production checklist

Site Production Checklist

#1 SITE DEFINITION & PLANNING

  • Production issues

  • Technology

  • Web server support

  • Budgeting


Production issues

Production Issues

  • What are the purpose and goals for the site?

  • Who is the target audience for the site, and what do they want?

  • Will your site production team be composed of in-house people, outside contractor, or a mix of the two?

  • Who will manage the process?

  • Who are your primary content experts?

  • Who will be the liaison to any outside contractors?

  • Who will function as the Webmaster?


Technology

Technology

  • What browsers and operating systems should your site support?

  • What is the network bandwidth of average site visitors?

  • What advanced features will be used?

  • How will readers reach the support personnel?

  • How will you handle database support?

  • What type of A/V content will be used?


Additional factors

Web Server Support

In-house or outsource

Domain name

Site traffic constraints

24/7 support & maintenance

Stats on use

Database coordination

Budgeting

Salaries and benefits

HW/SW

Staff training

Outsourcing fees

Ongoing support

Webmaster

Server and technical

Database

New content and updates

Additional Factors


Step 2 information architecture

STEP 2: Information Architecture

  • Focus - Detail the content and organization of the Web site

    • Inventory all existing content

    • Describe what new content is required

    • Define the organizational structure of the site

  • Build a small prototype

    • Used to test site navigation and user interface

    • See how site looks and how navigation interface supports information design


Step 3 site design

STEP 3: Site Design

  • Create and approve page design and overall design standards

  • Commission illustrations, photography and graphics

  • Develop content

  • Conduct programming, database design, and data entry


Step 4 site construction

STEP 4: Site Construction

  • Web site is filled with content

  • Create database and programming components

  • Beta test the site


Step 5 site marketing

STEP 5: Site Marketing

  • Site should be integral part of marketing campaign and corporate communications programs.

  • URL should appear on every piece of correspondence


Step 6 tracking evaluation and maintenance

STEP 6: Tracking, Evaluation, and Maintenance

  • Record information about site visitors to determine

    • how many visitors over a given time

    • how many pages were requested for viewing

    • appeal of pages and their format

  • Maintenance

    • Update site

    • Develop new content


The end

The End.


  • Login