wiki/tapisserie.md
author Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
Fri, 18 Apr 2014 14:31:58 +0200
changeset 51 79833eaa394a
parent 50 f68ecaf5265e
permissions -rw-r--r--
set up second level for navigation
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
48
1b2dffb4ac2b add wiki (wikimd)
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff changeset
     1
# Tapisserie
1b2dffb4ac2b add wiki (wikimd)
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff changeset
     2
## Que fait le module ?
1b2dffb4ac2b add wiki (wikimd)
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff changeset
     3
Le module Tapisserie permet d’afficher une fresque/frise d’images issues d’un extrait vidéo, de la parcourir en « largeur » (avancer/reculer dans l’extrait vidéo) mais également en profondeur puisque le zoom permet d’augmenter le nombre d’images de l’extrait qui forment la fresque et ainsi d’affiner le niveau de recherche.
1b2dffb4ac2b add wiki (wikimd)
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff changeset
     4
1b2dffb4ac2b add wiki (wikimd)
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff changeset
     5
Pour un film, on pourra par exemple voir 9 images issues du film au premier niveau, puis 18 au second niveau, jusqu'à avoir toutes les images issues du film au dernier niveau. La tapisserie comporte pour l’instant 4 niveaux prédéfinis :
1b2dffb4ac2b add wiki (wikimd)
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff changeset
     6
1b2dffb4ac2b add wiki (wikimd)
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff changeset
     7
+ le niveau 0 affiche 9 images représentant l’ensemble du film (la première et la dernière vignette représente respectivement le début et la fin du film)
1b2dffb4ac2b add wiki (wikimd)
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff changeset
     8
+ le niveau 1 affiche N1 images où N1 = Nombres d’images du film / 81
1b2dffb4ac2b add wiki (wikimd)
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff changeset
     9
+ le niveau 2 affiche N2 images où N2 = Nombres d’images du film / 9
1b2dffb4ac2b add wiki (wikimd)
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff changeset
    10
+ le niveau 3 affiche toutes les images du film.
1b2dffb4ac2b add wiki (wikimd)
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff changeset
    11
1b2dffb4ac2b add wiki (wikimd)
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff changeset
    12
La tapisserie est représentée sous forme d’une série de vignettes et permet notamment de retrouver rapidement la position d’un passage du film. On commence par regarder de façon grossière le film puis on navigue à chaque niveau pour trouver les éléments avoisinant la scène cherchée.
1b2dffb4ac2b add wiki (wikimd)
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff changeset
    13
1b2dffb4ac2b add wiki (wikimd)
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff changeset
    14
Le dezoom permet de remonter au niveau supérieur et prend en compte les décalages effectués aux niveaux inférieurs.
1b2dffb4ac2b add wiki (wikimd)
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff changeset
    15
1b2dffb4ac2b add wiki (wikimd)
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff changeset
    16
## Module
50
f68ecaf5265e add visualisation dossiers + general editing
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents: 48
diff changeset
    17
<iframe src="../toolkit/exemples/tapisserie/tapestry.html" width="1140" height="370" frameborder="1" ></iframe>
f68ecaf5265e add visualisation dossiers + general editing
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents: 48
diff changeset
    18
f68ecaf5265e add visualisation dossiers + general editing
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents: 48
diff changeset
    19
<script>
f68ecaf5265e add visualisation dossiers + general editing
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents: 48
diff changeset
    20
 setInterval(function(){
f68ecaf5265e add visualisation dossiers + general editing
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents: 48
diff changeset
    21
   $( "#md-left-column" ).hide();
f68ecaf5265e add visualisation dossiers + general editing
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents: 48
diff changeset
    22
   },1000);
f68ecaf5265e add visualisation dossiers + general editing
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents: 48
diff changeset
    23
</script>