photo-note-examples: Difference between revisions
Jump to navigation
Jump to search
(→Examples: - added fotonotes) |
|||
| Line 12: | Line 12: | ||
== Examples == | == Examples == | ||
* | * http://fotonotes.net | ||
** http:// | ** http://fotonotes.net | ||
** | ** ordered list of notes, each note has unique ID | ||
** plain text | ** 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/ | * http://www.frankmanno.com/ideas/css-imagemap/ | ||
| Line 38: | Line 43: | ||
*** content - hypertext markup | *** content - hypertext markup | ||
*** author of the note (left blank and implied for first-person notes) | *** 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. | |||
Revision as of 00:06, 21 January 2006
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.