Dynamic web sites deco 3001 tutorial 9 cms
Download
1 / 56

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


  • 54 Views
  • Uploaded on

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

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about ' Dynamic Web Sites DECO 3001 Tutorial 9 – CMS' - britanney-guzman


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…



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



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



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



ad