Group 2 Website Analysis and Design

Project Plan

Analysis of Website Requirements

Criteria to be Analyzed (Zac)

Analysis Methods (Vickie)

Objectives and Goals (Nick)

  1. Completely revamp the entire CIS website
  2. Provide all the old information in a better and easier to use format including:
    • The CIS programs
    • All the courses
    • Faculty
    • Advisory Committee
    • Class schedules
    • Class status
  3. Add new links/features such as:
    • Advertise important CIS news on the homepage
    • Section for departmental planning materials for teachers
    • Section for student advisement materials that teachers and students could use
    • Section to post a generic syllabus for each course (so students know what they’re getting into before they start)
    • Section for the advisory committee to get info
      • Proposals for next meeting
      • Comment areas
      • (We only need to make the sections, the info would be posted by Dave)
    • We need a better contact form for the students
  4. Make navigation easier by:
    • Using frames to keep the same navigation bar in all pages
    • Keep all the site's links in the navigation bar
    • Fixing some of the current navigation problems (such as broken, misspelled, and wrong links)
  5. Stay somewhat consistent with the Kishwaukee main site
  6. Make the site quick-loading and easy to use:
    • Very few graphics (maybe one on the home page, like they have now)
    • Use frames for the navigation bar and title so they don't have to reload on each page
  7. Must be very compatible with all browsers
  8. Must be accessible for anyone (the visually impaired, those with mobility difficulties, people with old versions of browsers, etc.)
  9. Must have all functional requirements (CGI for forms, etc.)
  10. Must conform to Dave's website standards

Audience Definition (Shelley)

  1. Current Students
  2. Prospective Students
  3. Prospective Instructors
  4. General Community

Usage Scenarios (Shelley)

  1. Current Students would be looking for:
    • Faculty Information/Sites
    • Class Information/Times
    • Computer Science Department
  2. Prospective Students would be looking for:
    • Class Information/Times
    • Department Information(classes offered)
    • Degrees offered/Applicable
  3. Prospective Instructors would be looking for:
  4. General Community would be looking for:
    • How their tax dollars were being spent
    • Current Events

Competitive Analysis (Shelley)

Schools visited were:

  1. Northern Illinois University
  2. Waubonsee Community College
  3. University of Iowa in Iowa City
  4. Parkland Community College
  5. Sauk Valley Community College
  6. Joliet Junior College
  7. College of DuPage
  8. Rock Valley College

Things in common across competitive websites:

A lot of the colleges had links to the computer science-related degrees available, as well as course offerings. All of them had links to the college's home page from the computer home page, but a few just dropped them as you went further into the site. The easier sites to work with had a navigation bar across the top and along the left side.


Items missing from the current CIS website:

DuPage had a horizontal navigation bar that served the college, and a vertical navigation bar that served the department. Rock Valley College made simplicity the top priority, with only four items in the navigation bar, one image in the background, and division supervisor information only. Very simple.


Standouts:

Site Content (Amy)

Content Grouping and Labeling (Amy)

  1. Introduction
    • Explains what CIS is, and what it has to offer
    • A brief overview of the program
  2. Advertisting CIS News
    • New courses
  3. CIS Program
    • List of program certificates
    • Requirements for each certificate
  4. CIS Courses
    • List of courses offered
    • The credit hours for each course
    • Prerequisites for courses
    • Brief explanation of each course
  5. Generic Syllabus
    • To give students an idea what a course would be like before enrollment
  6. CIS Faculty
    • List of the full-time, part-time, and assisting instructors
    • What each instructor teaches
    • Contact information for each instructor
  7. CIS Advisory Committee
    • List of the committee members
    • Information for the Advisory Committee (current and previous business, course proposals, etc.)
  8. Departmental Planning
    • Syllabus guidelines and requirements
    • Requirements for curriculum changes
    • Procedures for creating a new course
    • New course rationale questions
  9. Student Advisement Material
    • Planner for 2 year degree
    • Planner for Computer Programming Certificate
    • Planner for Microcomputer Applications Certificate
    • Planner for Data Communications and Networking Certificate
    • Planner for Webmaster/Web Administration Certificate
    • Planner for Webmaster/Web Development Certificate
    • Advisor's Comment Card
  10. Contact CIS
    • A better contact form for students
  11. Class Schedules
    • Linked to Kish's main website
  12. Class Status
    • Linked to Kish's main website

Functional Requirements (Zac, Nick)

Site Purpose

Site Appearance

Site Content

Site Features

Site Functionality

Maintenance

Accessibility

Consistency

Thoroughness

Professionalism

Organization

Website Design

Site Structure Listing (Nick)

Home

Architectural Blueprints (Amy)

Global and Local Navigation Systems (Erin)

Global

Local

Every link listed will have a back button.

Layout Grids (Nick, Zac, Amy, Vickie)

Layout 1 - Nick Layout 3 - Amy
Layout 2 - Zac Layout 4 - Vickie
Layout 5 (with frames) - Zac  

Design Sketches (Erin, Zac)

New CIS Logo #1 - Zac/Erin

New CIS Logo #2 - Nick

Page Mock-Ups (Amy, Shelley, Zac, Nick)

Mock-up #1 - Zac

Click for a working prototype of Zac's first mockup
Prototype of layout #1

Mock-up #2 - Nick

Nick's mock-up

Mock-up #3 - Zac

Click for a working prototype of Zac's second mockup
Prototype of layout #3

Mock-up #4 - Amy

Click for a working prototype of Amy's first mockup
Prototype of layout #4

Note: Layout #4 has been selected as the style for the final version of the website.

Mock-up #5 - Amy

Click for a working prototype of Amy's second mockup
Prototype of layout #5