Task 19

Due Date:

Friday, 11/08 11:59pm

User Interaction Software

  • Fall 2013
  • Department of Informatics
  • Donald Bren School of Information and Computer Sciences

Learn how to create a Map U/I from dynamic real-time data.

  • This is a solo assignment
  • Use Google Maps v3 (API Reference)
  • Embed a Google map into a copy of the webpage from Task 14
    • Make a copy of the old page and work on the copy so that you don't mess up the grading of Task 14
  • After your AJAX call returns, collect the geo-data from your data source and
    • Plot the geo coordinates onto a map interface next to your table.
    • Enhance your table elements so that clicking on the text (or a link nearby) will center the map on that location.
    • Enhance the map in one interesting way of your choice. For example:
      • Make different types of locations have different icons on the map
      • Program a context-menu at each location upon right-clicking the map icon with relevant options for that location (e.g., Directions to here, Wikipedia links, Flickr Images, etc.)
    • Add a paragraph to your webpage describing the enhancement that you made
  • Turn in your assignment using the EEE quiz which will have one question for the URL of your webpage (Turn it in here)
Approximate Grading Rubric:
  • -5 no description of enhancement
  • -5 not plotting markers automatically
  • -15 for no table, but other things working
  • -5 for plotting random locations
  • -10 not having a map enhancement.
  • -10 for not having a functional button to center the map on the individual markers
  • -2 for http -> https or vice versa problems
  • +40 turning in something that doesn't look different from Task 14