Developed and Designed by:

1

• Developed and Designed by
• Lois Mason
• Bill Pu
• Richard Sarut
• Chung Wu

2
What we did and Why we did it

• An e-commerce web site would integrate and
  showcase our skills from many of our courses
• A site selling DVDs would be suitable to all
• The site would require a full range of skills and
  challenge our expertise
• Primary focus was on front-end design methodology

3
Presentation of

• CineWorldDVD.com

By Richard Sarut
4
Preliminaries

• By Lois Mason

5
Investigation and Analysis

• System Purpose
• The purpose of this site is to establish a cyber
  place where people with an interest in DVD movies
  can stop, learn and shop.
• Project Scope
• The intended product will provide a web based
  e-commerce site where any person with internet
  access may purchase DVD movies. The product will
  be completed within the time frame of this class.

6
Design Considerations

• Look and Feel
• Site shall have a deliberate look and feel
• Portability
• Design shall be portable from one browser type to
  another and one platform to another
• Bandwidth Constraints
• Design shall ensure that no page shall take
  longer than 20 seconds to download

7
Design Considerations (cont)

• Access and Presentation
• Site shall provide easy access to site content
  and information the presentation shall be clear
  and simple
• Transition Quality
• All pages and site navigations shall provide a
  smooth and natural transition from one page to
  another

8
Design Considerations (cont)

• Use of White Space
• The web design shall be composed of enough white
  space as to allow objects to be clearly discerned
  from each another
• Continuity and Consistency
• Each site element and object shall clearly look
  like they are from the same site

9
Design Considerations (cont)

• Design for Location
• Placement of information, text, graphics, links,
  and elements on the screen shall be considered
• The Users Eye
• The design shall guide the users eye in a
  natural, smoothly flowing fashion on the screen

10
Design Considerations (cont)

• Hierarchy Structure
• The hierarchy structure of the site shall be
  constructed so that it is easy to navigate
• Interaction
• The site shall use links, meaningful column
  headings, and short descriptions to aid in user
  interaction

11
Design Considerations (cont)

• Hypertext Links
• Any hypertext links shall open a new browser
  window
• Site Navigation
• Two of the three frames will always remain static
  on the screen - the primary navigation buttons
  will be text as graphics with ALT key navigation
  enabled.

12
Design Considerations (cont)

• Graphics and Color
• Graphical images shall be of low contrast muted
  quality
• HTML Frames
• All frames used in the site shall be of HTML
  construct to ensure the greatest scope of system
  and browser compatibility.

13
Database Design

• By Chung Wu

14
Design Objectives

• To provide a deliberate look and feel which
  encourages the user to explore.
• The design will be simple, consistent and non
  distracting.
• Provide the user with a straightforward search.

15
State Transition Diagram
16
Level 1 Data Flow Diagram part 1
17
Level 1 Data Flow Diagram part 2
18
Level 2 Data Flow Diagram part 1
19
Level 2 Data Flow Diagram part 2
20
Chen ERD
21
Crows Foot ERD
22
Testing

• By Bill Pu

23
Hardware/Compatibility

• Server
• PIII 550, 128 MB RAM
• Microsoft NT 4.0, SP6a
• IIS 4.0
• Workstation
• Microsoft Win98 SE
• 16 MB RAM
• 20 GB available free space.

24
Scope

• High Level Requirements
• Display a list of DVD categories.
• Display a list of featured DVDs.
• Display a navigation map for the site.
• User Interface Rules
• Main window with main sub-menus.
• Local choices window with recommended DVDs.

25
Test Approach

• Resources
• 6 test subjects.
• Random client software/hardware configurations.
• Mandatory use of IE 5.0 or higher.
• Test connections 28.8 modems to T1

26
Test Approach

• Usability
• Test subjects asked to navigate site
• Record navigation path.
• Record time needed to download each page.
• Record defects encountered.
• Record subjective opinion of each page, including
  command buttons, images, language, color, text
  and spacing.

27
Maintenance

• More of Bills slides go here

28
Thanks andCongratulations!!!to all of the
Graduates!