Topic
 
|
Admin |
|
|
Assignments |
|
Assignment #3 is turned in |
|
|
Only one person needed to turn it in |
|
|
Quiz #3 did not fit all circumstances |
|
|
If you did not do quiz #3 that's okay as long as your group is coherent |
|
|
Big Picture Recap: |
|
|
What are we doing in this class? |
|
|
HCI evaluation |
|
|
Our focus in this class is not on design of the system, it is on the design of the user experience |
|
|
It is on usage scenarios and HCI evaluation |
|
|
How are we accomplishing this? |
|
|
Two part User Study preparation |
|
|
Required for all federally funded User Studies |
|
|
Human Subjects Training |
|
|
IRB |
|
|
We are technically exempt because we are in a class, but we are doing it anyway |
|
|
Iterative Design |
|
|
Sketch (Assignment #3) |
|
|
Feedback |
|
|
Change |
|
|
Present (Anteater Idol) |
|
|
Feedback |
|
|
Present (Anteater Idol callbacks) |
|
|
Evaluate (User Evaluations) |
|
|
New Design (Final Report Turn In) |
|
|
Evaluation |
|
|
Quantitative Evaluation |
|
|
Cognitive Walkthrough |
|
|
User Evaluation |
|
|
Success Metrics |
|
|
Google Maps |
|
|
Motivating Scenario |
|
|
Invisible Children |
|
|
videoplay This is the whole movie |
|
|
Show Trailer |
|
|
Show Global Night Commute |
|
|
Show motivating application |
|
|
This is what we want the skills to be able to build |
|
|
API reference |
|
|
Version 2.0 |
|
|
Changed the API interface |
|
|
Sped up code downloads |
|
|
new API documentation isn't perfect |
|
|
Added a few features |
|
|
Map overview for example |
|
|
Google maps does not have geocoding |
|
|
Yahoo maps does |
|
|
Combine the two using "REST" services |
|
|
query is a URL |
|
|
response is XML |
|
|
Debugging |
|
|
Use Firefox! |
|
|
Javascript Console |
|
|
Venkman Javascript Debugger |
|
|
Get started |
|
|
Apply for a particular website key |
|
|
The Google Map GMap2 obect |
|
|
Assigns a location for your map |
|
|
Adopts shape and size of the web object into which you place it |
|
|
DOM object |
|
|
Must be followed by a positioning command |
|
|
or you get wierd behavior |
|
|
You can have lots of maps on your web page |
|
|
multiple insantiations of the GMap2 object |
|
|
Example_00 |
|
|
Dead link |
|
|
Google Map Controls |
|
|
Large Map Control (example 01) |
|
|
Dead link was ~djp3/map/ICS105/example_01.html |
|
|
Small Map Control (example 02) |
|
|
Dead link |
|
|
Small Zoom control (example 03) |
|
|
Dead link |
|
|
Scale Control (example 04) |
|
|
Dead link |
|
|
MapType Control (example 05) |
|
|
Dead link |
|
|
Overview Map Control (example 06) |
|
|
Dead link |
|
|
You can reposition the elements around the canvas using GControlPosition Object |
|
|
Google Markers |
|
|
example_08 |
|
|
Dead link |
|
|
Quick overview of latitude and longitude |
|
|
lat is fat |
|
|
scale varies at different latitudes |
|
|
Google Map scale example |