MIS3530

1
MIS3530

• THE BASICS

2
Check these out - - - - -

• If you would like to read up on web basics
  visit Web Basics
• If you would like to browse through general
  information - visit
• Adobe
• Adobe Developer Center
• World Wide Web Consortium
• Webmaster Engine
• Training Tools - Online tutorials for many
  different products
• Accessibility Issues - Tutorial by Layers
  Magazine for testing accessibility standards with
  Dreamweaver
• Web Developer - An Online Magazine

3
Define your goals (following slides are a summary
from www.webstyleguide.com)

• Analyze your needs and determine goals
• Create a site specific document
• What you intend to do and why
• What technology is required
• What is the content
• What is the timeframe
• What is the cost/anticipated cost
• How will the site be analyzed/evaluated after
  implementation

4
Planning

• PEOPLE key to a successful website
• Site must be useful to target audience
• Must meet needs and expectations

5
Goals

• Strategy of design
• Timeframe from design, construction, evaluation
• Need quantitative qualitative measurements
• Budget future modifications

6
Audience

• Who will use the website
• How do you design for ALL levels of users

7
Site Specification

• Planning team's concise statement of core goals,
  values, and intent
• Keeps development process focused
• At minimum, a good site specification should
  define the content scope, budget, schedule, and
  technical aspects of the Web site
  (http//www.webstyleguide.com/process/specify.html
  )
• Defines the scope of the project
• Avoid scope creep where features are added

8
Site Development Process

• Major steps (http//www.webstyleguide.com/proces
  s/develop.html)
• Site definition and planning
• Information architecture
• Site design
• Site construction
• Site marketing
• Tracking, evaluation, and maintenance

9

• Site definition and planning
• Define goals objectives
• Collect analyze data necessary to determine and
  justify budget and resources
• Define scope
• Information resources needed (technology issues)
• Design firm do you need to hire one

10
Site checklist

• Production
• Determine composition of the planning team
  determine who is the MANAGER who will develop
  content determine webmaster

11
Site checklist, cont.

• Technology includes (but not limited to)
• What browsers OS supported
• What advanced site features (plug-ins, etc)
• Determine how the user will make contact
• For problems
• For help
• Security
• User login
• Data access
• Audiovisual issues
• Support for all features used

12
Budgeting

• Salaries
• Technology (hardware sofware)
• Ongoing maintenance support
• Future modifications

13
The Site Editor

• Determine site editor for each pages content
• Coordinate updates
• Cohesiveness of website

14
Information Architecture

• Content, content, content
• What do we currently have
• What do we want to have
• How will it be designed
• Typical results or contract deliverables at the
  end of this stage could include
• Detailed site design specification
• Detailed description of site content
• Site maps, thumbnails, outlines, table of
  contents
• Detailed technical support specification
• Browser technology supported
• Connection speed supported
• Web server and server resources
• Proposals to create programming or technology to
  support specific features of the site
• A schedule for implementing the site design and
  construction
• One or more site prototypes of multiple pages
• Multiple graphic design and interface design
  sketches or roughs

15
Site design

• The basic look and feel of website has been
  designed NOW what graphics or other features
  do we want to include
• Typical products or contract deliverables at the
  end of this stage could include
• Text, edited and proofread
• Graphic design specifications for all page types
• Finished interface graphics for page templates
• Header and footer graphics, logos, buttons,
  backgrounds
• Detailed page comps or finished examples of key
  pages
• Site graphic standards manual for large, complex
  sites
• Interface design and master page grid templates
  completed
• Finished HTML template pages
• Illustrations
• Photography
• Accessibility
• Its the LAW
• Use a tool such as Bobby (www.cast.org/bobby).
  Bobby is a free service provided by the Center
  for Applied Special Technology for usability and
  potential problems

16
Site construction

• Typical products or contract deliverables at the
  end of this stage should include
• Finished HTML for all Web pages, all page content
  in place
• Finished navigation link structure
• All programming in place and linked to pages,
  ready for beta testing
• All database components in place and linked to
  site pages
• All graphic design, illustration, and photography
  in place
• Final proofreading of all site content
• Detailed testing of database and programming
  functionality
• Testing and verification of database reporting
  features
• Testing of site reader support procedures,
  answering email, etc.
• Archives of all site content components, HTML
  code, programming code, and any other site
  development materials

17
Site marketing

• Your home page URL should appear in all
• Print advertisements
• Radio and television advertisements
• Lobby kiosks in high-traffic areas of your
  enterprise or in local libraries, schools, or
  other suitable venues
• Direct mail campaigns
• Business cards
• Stationery
• Bills and statements
• Product manuals and product packaging
• Response cards and warrantee cards
• Publications and promotional materials
• Press releases
• Posters and billboards

18
Tracking, evaluation, maintenance

• Track
• Who has visited, how many hits, keep historical
  data
• Evaluation
• Complaints, compliments
• On-going
• Maintenance
• A system is a legacy once implemented
• Maintenance is forever until retired
• Change is often necessary or required