photo-note-examples: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary |
m (revert) |
||
| Line 1: | Line 1: | ||
= | = 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 | * Tantek Çelik | ||
* Greg Elin | * Greg Elin | ||
== Examples == | |||
== | |||
* http://fotonotes.net | * http://fotonotes.net | ||
** http://fotonotes.net | ** http://fotonotes.net | ||
** | ** ordered list of notes, each note has unique ID | ||
** | ** each note has: | ||
*** rectangle / boundingbox | *** rectangle / boundingbox | ||
*** id | *** unique id | ||
*** | *** title (thought of as human readable alias for unique id) | ||
*** | *** content - plain text | ||
*** | *** author of the note | ||
*** date | *** date of annotation | ||
* http://www.frankmanno.com/ideas/css-imagemap/ | * http://www.frankmanno.com/ideas/css-imagemap/ | ||
** | ** CSS based image maps | ||
* http://evan.nixsys.bz/note | * http://evan.nixsys.bz/note | ||
** | ** CSS based image maps | ||
* http://bayareafreefi.com/city.php?city=San%20Francisco | * 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/ | * http://conflix.soe.umich.edu/photos/collections/KyleHelson/9/annotation/ | ||
** divs | ** divs containing spans of plain text, very unexciting. | ||
* http://flickr.com | * http://flickr.com | ||
** http://flickr.com/photos/tantek/64877881/ | ** 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 | *** rectangle | ||
*** | *** content - hypertext markup | ||
*** | *** author of the note (left blank and implied for first-person notes) | ||
* fotobuzz ( | * fotobuzz (has based their stuff on fotonotes, without attribution.) | ||
** http://2entwine.com/screenshots/pic5.html ( | ** http://2entwine.com/screenshots/pic5.html (haven't found an editable one yet) | ||
** http://fotobuzz.org/ | ** http://fotobuzz.org/ displays an example containing multiple comments within one "note" | ||
** | ** plain text, although they display their data in flash | ||
** rectangles. | ** rectangles. | ||
Revision as of 17:56, 2 August 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.