Weeks 7 - 11

Final Projects:

 final projects project descriptions

Team assignments

Logistics and Details of final projects

Assignments: (to be worked on individually and concurrently widgets

Topics important to Interface Design:

Statistics: General discussion, multiple regression, factor analysis, multidimensional scaling

Graph Theory

Psychophysics

Odd topics:

More up-to-date version of Dailey's book than what can be seen at W3C.

A table as an array of objects

Randomly generating things: ( like strings, colors, permutations, HTML tables, polygons, graphs, novels, movies, people etc.) -- how to ensure that the things generated are random and representative of the class of appropriate things.

Serializing a simple SVG document

Writing files in JavaScript using execCommand('SaveAs',false, '.txt') in MSIE for Windows.

SVG DOM changes working in both IE and Firefox (1.5)

SVG Authoring Guidelines -- from Jonathan Watt --important for making SVG w/ JavaScript work in both IE/Adobe and Firefox/Opera/Konqueror/etc.

Bootstrap text -- deriving in the manner of ...

The function which will remain anonymous

Rewriting and running a function, on the fly

Adding a new node to HTML

Star clips

Interface without mouse-clicks -- leveraging more from a mouse-click

Use of try and catch in a simple expression evaluator

help with widgets: what I worked on Wedn Feb. 28

textures and scenes and some new things since last week

           Hints on Final Projects: 

to come as things come better into focus.

A swatch of random colors
An SVG HSB picker with conserved real estate

also take a look at the color pickers inside GIMP and Inkscape.
 

#17 - Panorama Rotator

drag and zoom
fish eye applet -- 2D rotationI have seen a few much nicer but can't remember where
another panorama with partial 3D control
Early example -- I did this in 1999 or 2000
A link to the Roman Colliseum example (from class)
using transform=matrix to skew an image
 

#12 - Puzzle Builder

using feOffset's and feTile's to slice an image

dragging objects around

Dynamic slices and juxtaposition of images

attempt1
attempt2
attempt3

flicker.svg

filling the browser window with clickable hexagons

More rotating gradients

inventing a new clippath

 

#1 - Classifier

dragging objects around
 

#9 - Network Analyzer

grapher -- take a look at the adjust embedding under the edit menu (it can be improved without too much difficulty)

parsing trees -- some recursion in JavaScript that keeps track of the depth

exploring the DOM -- recursion based on DOM