photo-note-examples: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
m (Reverted edit of 1143304322, changed back to last version by GregElin)
mNo edit summary
Line 1: Line 1:
= Photo Note Examples =
= Exemples de Notes de Photo =


This is a concrete discussion of what exists right now in the specific problem area of annotating areas of photos with notes.
Ceci est une discussion concrète de ce qui existe à cette heure dans le champ spécifique des aires d'annotation de photos avec des notes.


This is a very specific type of [[media-info]] that is not as generic as [[media-info-examples]] in general.
Ceci est un type très spécifique de [[media-info-fr|media-info]] qui n'est pas aussi générique que [[media-info-examples-fr|media-info-exemples]] en général.


== Contributors ==
== Contributeurs ==


* Tantek Çelik
* Tantek Çelik
* Greg Elin
* Greg Elin


== Examples ==
(traduction française [[Christophe Ducamp]])
 
== Exemples ==


* http://fotonotes.net
* http://fotonotes.net
** http://fotonotes.net
** http://fotonotes.net
** ordered list of notes, each note has unique ID
** liste ordonnée de notes, chaque note a un ID unique
** each note has:
** chaque note a :
*** rectangle / boundingbox
*** rectangle / boundingbox
*** unique id
*** id unique
*** title (thought of as human readable alias for unique id)
*** titre (pensé comme un alias lisible par un humain pour un id unique)
*** content - plain text
*** contenu - texte clair
*** author of the note  
*** auteur de la note
*** date of annotation
*** date d'annotation


* http://www.frankmanno.com/ideas/css-imagemap/
* http://www.frankmanno.com/ideas/css-imagemap/
** CSS based image maps
** carte image basées sur CSS


* http://evan.nixsys.bz/note
* http://evan.nixsys.bz/note
** CSS based image maps
** carte image basées sur CSS


* http://bayareafreefi.com/city.php?city=San%20Francisco
* http://bayareafreefi.com/city.php?city=San%20Francisco
** uses standard text formatting
** utilise un formatage texte standard
** imagemaps with onmouseover events to load the text to display
** les cartesimages avec survols événements pour chargement affichage du texte


* http://conflix.soe.umich.edu/photos/collections/KyleHelson/9/annotation/
* http://conflix.soe.umich.edu/photos/collections/KyleHelson/9/annotation/
** divs containing spans of plain text, very unexciting.
** divs contenant des spans de texte clair, très peu excitant.


* 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)
** listes triés de notes (il y a un ordre parce que si elles se chevauchent, la dernière "gagne" en termes de hover)
** each note has:
** chaque note a un :
*** rectangle
*** rectangle
*** content - hypertext markup
*** contenu - balisage hypertexte
*** author of the note (left blank and implied for first-person notes)
*** auteur de la note (laissé en blanc et sous-entendu pour les notes de la première-personne)


* fotobuzz (has based their stuff on fotonotes, without attribution.)
* fotobuzz (a basé son truc sur fotonotes, sans attribution.)
** http://2entwine.com/screenshots/pic5.html (haven't found an editable one yet)
** http://2entwine.com/screenshots/pic5.html (n'en ai pas encore trouvé une éditable à cette heure)
** http://fotobuzz.org/ displays an example containing multiple comments within one "note"
** http://fotobuzz.org/ affiche un exemple contenant plusieurs commentaires dans une "note"
** plain text, although they display their data in flash
** texte clair, même s'ils afichent leurs données en flash
** rectangles.
** rectangles.

Revision as of 17:19, 2 August 2006

Exemples de Notes de Photo

Ceci est une discussion concrète de ce qui existe à cette heure dans le champ spécifique des aires d'annotation de photos avec des notes.

Ceci est un type très spécifique de media-info qui n'est pas aussi générique que media-info-exemples en général.

Contributeurs

  • Tantek Çelik
  • Greg Elin

(traduction française Christophe Ducamp)

Exemples

  • http://fotonotes.net
    • http://fotonotes.net
    • liste ordonnée de notes, chaque note a un ID unique
    • chaque note a :
      • rectangle / boundingbox
      • id unique
      • titre (pensé comme un alias lisible par un humain pour un id unique)
      • contenu - texte clair
      • auteur de la note
      • date d'annotation
  • http://flickr.com
    • http://flickr.com/photos/tantek/64877881/
    • listes triés de notes (il y a un ordre parce que si elles se chevauchent, la dernière "gagne" en termes de hover)
    • chaque note a un :
      • rectangle
      • contenu - balisage hypertexte
      • auteur de la note (laissé en blanc et sous-entendu pour les notes de la première-personne)
  • fotobuzz (a basé son truc sur fotonotes, sans attribution.)