Le développement et la documentation de chaque module ont été réalisés par les étudiants de l'ECP dans le cadre de l'atelier [Design Metadata 2012](http://www.iri.centrepompidou.fr/ateliers/design-metadata-2012/?lang=fr_fr).

## Utilitaires

Ces utilitaires ont été développés en amont des autres modules pour lesquels ils sont appliqués selon les besoins.

<div class="container"><div class="row"><div class="col-md-4"><h3>Couleurs</h3><p>Le module Couleurs est un utilitaire de gestion des couleurs à destination des autres modules.</p><p><a class="btn btn-sm btn-primary" href="couleurs.md" role="button">View details &raquo;</a></p></div><div class="col-md-4"><h3>Relations</h3><p>Le module Relations est un utilitaire de gestion des relations <em>objet-actions</em>, référençant pour un objet donné les actions associées à un évènement.</p><p><a class="btn btn-sm btn-primary" href="relations.md" role="button">View details &raquo;</a></p></div></div></div>

## Expérimentations

Ces deux expérimentations prospectives n'ont pas fait l'objet de développements supplémentaires dans la réalisation du projet PERIPLUS, mais ont permis d'une part de tester les algorithmes du CEA, et d'explorer un scénario innovant de résumé vidéo interactif.

<div class="container"><div class="row"><div class="col-md-4"><h3>Tapisserie</h3><p>Le module Tapisserie permet d’afficher une fresque d’images issues d’un extrait vidéo, de la parcourir en  « largeur » (avancer/reculer dans l’extrait vidéo) mais également en profondeur (zoom temporel).</p><p><a class="btn btn-sm btn-primary" href="tapisserie.md" role="button">View details &raquo;</a></p></div><div class="col-md-4"><h3>Cartographie</h3><p>Le module Cartographie implémente les algorithmes d'indexation et de classification du CEA et représente un jeu de données sous forme de cartographie.</p><p><a class="btn btn-sm btn-primary" href="cartographie.md" role="button">View details &raquo;</a></p></div></div></div>

## Visualisations

Ces trois modules implémentent pas à pas les principes retenus dans les spécifications de la plateforme Mediapart by Periplus (voir [prototype](prototype.md)).

<div class="container"><div class="row"><div class="col-md-4"><h3>Streamgraph</h3><p>Le module Streamgraph représente un jeu de données sous la forme d'un streamgraph interactif.</p><p><a class="btn btn-sm btn-primary" href="streamgraph.md" role="button">View details &raquo;</a></p></div><div class="col-md-4"><h3>Treemap</h3><p>Le module Treemap représente un jeu de données sous la forme d'un treemap interactif.</p><p><a class="btn btn-sm btn-primary" href="treemap.md" role="button">View details &raquo;</a></p></div><div class="col-md-4"><h3>Couple S+T</h3><p>Ce module propose une visualisation corrélée d'un jeu de données en utilisant les deux précédents modules Streamgraph et Treemap.</p><p><a class="btn btn-sm btn-primary" href="couple.md" role="button">View details &raquo;</a></p></div></div></div>

## Visualisation appliquée

Ce dernier module a été designé et prototypé en fin de projet et propose une visualisation éditoriale pertinente au regard de la structuration de l'information en _dossiers_ à Médiapart. Cette visualisation des _dossiers_ a été réalisée par Nicolas Morand, en stage Design à l'IRI.

<div class="container"><div class="row"><div class="col-md-4"><h3>Les <em>Dossiers</em> de la rédaction</h3><p>Ce module représente l'évolution du nombre d'articles par <em>dossier</em> dans le temps.</p><p><a class="btn btn-sm btn-primary" href="dossiers.md" role="button">View details &raquo;</a></p></div></div></div>