WDM2201 Interface Design

Students will use screen-capture software to demonstrate examples of in-page editing on web sites

Students will use screen-capture software to demonstrate examples of drag and drop functionality on web sites

Students will use screen-capture software to demonstrate examples of direct selection functionality on web sites

Students will identify Kitchen Talk Home Page requirements

Students will develop wireframe for Kitchen Talk home page

Turn in assignments

Print out Reading Summary 1

Indicate Wireframing Tool choice on personal wiki page

Make it Direct

Try out and practice using Screencast-O-Matic screen capture tool

Make It Direct Team Assignments

Wiki Assignment: In-Page Editing, Drag and Drop, Direct Selection

Review: HTML Forms and Inputs

What are the basic user inputs & controls that can be built with XHTML form and input tags? Working with your group, add the following to your team's Forms and Inputs Project page:

Name of your selected XHTML form or input element;
Description and use of element. What kinds of input should you use it for?
An example of each element in XHTML
Display code for the XHTML element you added

You may use these W3 Schools links for form elements as a reference

Kitchen Talk Home Page Wireframe

Review Kitchen Talk Home Page Specifications

Begin work on Kitchen Talk Homepage Wireframe

Due This Week

Select Wireframe Tools
Read pages 1 - 74
Complete Reading Summary 1

Due Next Week

Read pages 79 - 104
Complete Reading Summary 2
Kitchen Talk Homepage Wireframe