A346  Homework 1

Modified

Table
of
Contents

 

Web
Development
Process
Model
Assignment

The purpose of the assignment gain a deeper understanding of the main elements of user interface design and programming methods through practice.

The assignment is to complete steps 2-3 of the model discussed in class and the text. Step 1 has been completed.

  • Add your analysis and design to this document using Frontpage or other HTML editor, even Word will do reasonably well by copying and pasting into the Word document. 
  • Save the document on your IUS user account. Verify that it can be accessed over the Internet.
  • Hand drawn charts and paper models are appropriate.
  • Be detailed enough that classmates can understand.

Analyze

  1. Site problem definition. Concept exploration.
    1. Site goals - Sell term papers.
    2. Site audience - High school and undergraduate university students.
  2. Site plan requirements analysis. Specification.
    1. Site purpose and success measures
      •  
       
    2. Detailed measurable site goals
      •  
       
    3. User profile of site visitors
      • characteristics

       

      • what to they want to accomplish

       

    4. User task scenarios
      • how will user arrive at site
      • follow visit to conclusion
      • measures of task completion

       

    5. Site content list in form of matrix    (see WD page 37)
      Content
      Name
      Description
      Content
      Type
      Content
      Format
      Exists
               
               
      • text
      • graphics
      • etc.
    6. Technical requirements
      • client side HTML, JavaScript, ...
      • server side CGI, ASP, ...
    7. Visual requirements
      • relation of site visuals to site goals
      • constraints on color, bandwidth, screen size, etc.
    8. Delivery requirements
      • hosting considerations
      • number of users
      • pages visited per visit
       
    9. Site structure diagram
      • diagram of site sections based on user task scenarios
      • labeling of each section
    10. Staffing
      • human resources required to implement site (check all that apply)
        • content
        • technology
        • visual design
        • management
    11. Time line
      • milestone dates
        • prototyping
        • implementation and unit testing
        • integration and system testing
        • release, operation and maintenance
    12. Budget (give % allocated for each)
      • staff
      • site hosting
      • marketing

Design

  1. Mockup/Prototyping pages and site
    1. Page 
      • block page composition of task
      • page details of task
      • test with users
    2. Site
      • storyboard
        • contains task pages
        • number page sequence for each task
      • navigation test 
 

Turn In

  1. Email URL to rwisman@ius.edu
  2. Printout of written part of steps 2 and 3.
  3. Site structure chart and paper mockup pages.