Photo Note Examples

This is a concrete discussion of what exists right now in the specific problem area of annotating areas of photos with notes.

This is a very specific type of media-info that is not as generic as media-info-examples in general.

Contributors

• Tantek Çelik
• Greg Elin

Examples

• http://fotonotes.net
  • http://fotonotes.net
  • ordered list of notes, each note has unique ID
  • each note has:
    • rectangle / boundingbox
    • unique id
    • title (thought of as human readable alias for unique id)
    • content - plain text
    • author of the note
    • date of annotation

• http://www.frankmanno.com/ideas/css-imagemap/
  • CSS based image maps

• http://evan.nixsys.bz/note
  • CSS based image maps

• http://bayareafreefi.com/city.php?city=San%20Francisco
  • uses standard text formatting
  • imagemaps with onmouseover events to load the text to display

• http://conflix.soe.umich.edu/photos/collections/KyleHelson/9/annotation/
  • divs containing spans of plain text, very unexciting.

• http://flickr.com
  • http://flickr.com/photos/tantek/64877881/
  • ordered list of notes (there is an order because if they overlap, the latter one "wins" in terms of hover)
  • each note has:
    • rectangle
    • content - hypertext markup
    • author of the note (left blank and implied for first-person notes)

• fotobuzz (has based their stuff on fotonotes, without attribution.)
  • http://2entwine.com/screenshots/pic5.html (haven't found an editable one yet)
  • http://fotobuzz.org/ displays an example containing multiple comments within one "note"
  • plain text, although they display their data in flash
  • rectangles.