Current Focus: Dual-Target Site Solutions

Interesting Materials on Widgets

• [T] W3C Working Draft: Widgets 1.0 Description
• [U] W3C Working Draft: Widgets 1.0 Requirements

Draft Presentation Materials

• [R] Slide-Set Draft
• [W] SSI & Templates Discussion

Draft Summary

[S] Draft Executive Summary

Demo Design & Prototype Projects: Winter Quarter 2006-7

Viewing & Testing Student Projects

You can view and test these undergraduate student design & prototyping projects in any of several ways. If you are a Firefox user and have installed the Web Developers Toolbar, then you can use the CSS menu like this to emulate a handheld device:

or if you have Opera installed you can use the View menu to set it to small-screen rendering like this:

and there are also two emulators online you can try pages out in. The [Z] dotMobi emulator page is a simple Java applet able to emulate either of two phones. You simply type copy the student site URI and paste it into the emulator text field (remember to remove the leading "http://") to see a reasonable facsimile of what it will look like. There is a second and smaller version of the same applet embedded in the results page you get by entering the student project URI into the text field at the [Y] MobiReady Report page.

The Assignment

• "Design and implement a site prototype for the Center for the Handheld Web."

The Groups

1. [0] Team AM 0 ([1] design document)
   uses media attribute
2. [2] Team AM 1 ([3] design document)
   combines use of media and rel attributes
3. [4] Team AM 2 ([5] design document)
   uses media attribute
4. [6] Team AM 3 ([7] design document)
   uses media attribute
5. [8] Team AM 4 ([9] design document)
   uses media attribute
6. [A] Team AM 5 ([B] design document)
   uses media attribute
7. [C] Team PM 0 ([D] design document)
   uses media attribute
8. [E] Team PM 1 ([F] design document)
   interesting use of media attribute
9. [G] Team PM 2 ([H] design document)
   uses media attribute
10. [I] Team PM 3 full-screen [V] Temp PM 3 handheld
    ([J] design document)
    uses split site for mobile and full-screen versions, PHP, and media attribute
11. [K] Team PM 4 ([L] design document)
    uses media attribute
12. [M] Team PM 5 ([N] design document)
    uses split site for mobile and full-screen versions
13. [P] Team PM 6 ([Q] design document)
    uses media attribute