Introduction to Web Authoring

1
Introduction to Web Authoring
Session 19
www.msu.edu/hartdav2/wa.html

• Bill Hart-Davidson
• hartdav2_at_msu.edu
• AIM billhd30

2
Today in Class

• Wrap-up for P2 - any remaining questions?
• P3 projects teams
• Designing your inquiry for P3 - first steps

3
WS Project Proposals
Sean Fox-Elster - Elementary School Site
(U/S) Eleanor Wisenbaugh - Film Studies Site
(S/U) Nathan Boes - Church Site (S/CMS) James
Burke - Clark Associates (U) Reed Kalso - Allen
Park Library (U)
For groups
4
When we say Web Standards

• HTML 4
• CSS 1.0
• Section 508
• Best practices for web design, navigation

These are all subject to some interpretation
depending on the goals of the organization and
their users
5
The Big Three Arguments for Web Standards
Usability
Accessibility
Sustainability
Helps to ensures consistency of user experience
across devices
6
The Big Three Inquiry Methods
Usability
Accessibility
Sustainability
Compliance checks using automated
tools Scenario-based testing
Heuristic Evaluation Scenario-based testing
Genre Analysis Workflow analysis
7
HTML compliance check
Usability
Accessibility
Sustainability
Compliance checks using automated
tools Scenario-based testing
Heuristic Evaluation Scenario-based testing
Genre Analysis Workflow analysis
http//validator.w3.org/validate_by_uri
8
Research design chart (RDC)
data sources
methods
Who/when?
questions
Team members, target date
interview
Data source
Question 1
Data source
scenario
This chart allows you to plan and a discovery
effort in a systematic way. Note that it does not
ask you to answer the questionsbut only to show
you expect to arrive at the answers!
Data source
Question 2
9
RDC Example
data sources
methods
Who/when?
question
Joe Jane Completed by 4/2
interview
Admissions staff
What problems do students have with the current
SIS interface?
Scenario- based user tests of current system
Students
Whole team 5-10 students tested by 4/15
This could be a usability or accessibility
issuehow might the question change?
10
Make a GANTT chart
Nov December
Genre analysis (similar sites)
You can assign names to each task too
Interviewing
Staff
Students
User testing
Progress Report due
Current system
Note that writing happens throughout not as a
separate phase
Create samples
Draft final Report due
Web prototype
Final Report due
11
Problem Analysis Procedure for teams

• Read the liaisons proposal
• Analyze the authors framing of the problem and
  brainstorm other possible issues
• Collect the issues as a set of client
  needsmake a list of these
• Write research questions that will allow you to
  gather info, flesh out the list of needs, and
  begin the design process
• For each question determine what source or
  sources of info youll need to consult to answer
  the question

12
Create you own RDC

• Plug the questions into the RDC format we looked
  at today
• Use the last two columns of the RDC to make a
  GANTT chart
• For your progress report, be prepared to show
  your RDC and GANTT chart in class, talking
  through your project plan, what you have
  accomplished up to that point and what work you
  have remaining

13
For Next Time

• More about your first deliverable for P3
  progress report
• More about Scenario-based testing for Usability
  Accessibility
• Participation Activity today Create slots for
  your P3 deliverables on your project page or on a
  new P3 team page