--- a/src/hdalab/templates/index.html Thu Nov 27 11:50:26 2014 +0100
+++ b/src/hdalab/templates/index.html Thu Nov 27 11:51:36 2014 +0100
@@ -12,7 +12,7 @@
{{block.super}}
<script type="text/javascript">
$(function() {
- $(".fond-bloc").mouseover(function() {
+ $(".bloc").mouseenter(function() {
var _this = this;
$(".overlay-bloc").each(function() {
if (this.parentNode == _this) {
@@ -25,84 +25,89 @@
document.location.href = $(this).find("a").attr("href");
return false;
});
+ $(".bloc").mouseleave(function() {
+ $(".overlay-bloc").each(function() {
+ $(this).slideUp();
+ });
+ });
});
</script>
{% endblock %}
{% block home_actif %}actif{% endblock %}
-{% block main_content %}
- <h2>Explorez autrement le portail Histoire des Arts</h2>
- <div class="liste-applis">
- <div class="bloc-appli">
- <h3>Recherche par facettes</h3>
- <div class="fond-bloc" id="bloc-facettes">
- <div class="overlay-bloc">
- <p>Recherchez les contenus d'Histoire des Arts par plusieurs points d'entrée : pays, périodes historiques, disciplines artistiques et mots-clés liés aux œvres.</p>
- <p>Les éléments de l'interface sont à la fois des critères de recherche et des mode de visualisation des résultats : Au fur et à mesure de vos recherches, ils se mettent à jour pour refléter le nombre de contenus correspondant.</p>
- <p class="goto"><a href="{% url 'facettes' %}">»</a></p>
- </div>
- </div>
- </div>
+{% block subhead %}
+<div class="liste-applis">
+ <div class="bloc-appli-left">
+ <div class="bg-wrap bloc">
+ <h3>Recherche par <strong>facettes</strong></h3>
+ <div id="bloc-facettes">
+ <div class="overlay-bloc">
+ <p>Recherchez les contenus d'Histoire des Arts par plusieurs points d'entrée : pays, périodes historiques, disciplines artistiques et mots-clés liés aux œvres.</p>
+ <p>Les éléments de l'interface sont à la fois des critères de recherche et des mode de visualisation des résultats : Au fur et à mesure de vos recherches, ils se mettent à jour pour refléter le nombre de contenus correspondant.</p>
+ <p class="goto"><a href="{% url 'facettes' %}">»</a></p>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="bloc-appli-middle">
+ <div class="bg-wrap bloc">
+ <h3><strong>Catégories</strong> de Wikipedia</h3>
+ <div id="bloc-categories">
+ <div class="overlay-bloc">
+ <p>Naviguez dans l'arbre des catégories de Wikipedia pour atteindre les contenus du portail Histoire des Arts.</p>
+ <p>Recherchez une catégorie par son titre, puis explorez les sous-catégories et les tags qui y sont rattachés.</p>
+ <p class="goto"><a href="{% url 'categories' %}">»</a></p>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="bloc-appli-right">
+ <div class="bg-wrap bloc">
+ <h3>Navigation par <strong>thésaurus</strong></h3>
+ <div id="bloc-thesaurus">
+ <div class="overlay-bloc">
+ <p>Cette interface présente deux extraits de thésaurus utilisés par le ministère de la Culture et de la Communication :</p>
+ <ul>
+ <li>La branche « Secteur urbain » du Thésaurus de l’architecture et de l’urbanisme (état 2010)</li>
+ <li>La branche « Architecture d’habitation » du Thésaurus iconographique Garnier (état 2012)</li>
+ </ul>
+ <p class="goto"><a href="{% url 'thesaurus' %}">»</a></p>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div style="clear: both;"> </div>
+</div>
+{% endblock %}
- <div class="separateur-applis"></div>
- <div class="bloc-appli">
- <h3>Catégories de Wikipedia</h3>
- <div class="fond-bloc" id="bloc-categories">
- <div class="overlay-bloc">
- <p>Naviguez dans l'arbre des catégories de Wikipedia pour atteindre les contenus du portail Histoire des Arts.</p>
- <p>Recherchez une catégorie par son titre, puis explorez les sous-catégories et les tags qui y sont rattachés.</p>
- <p class="goto"><a href="{% url 'categories' %}">»</a></p>
- </div>
- </div>
- </div>
-
- <div class="separateur-applis"></div>
- <div class="bloc-appli">
- <h3>Navigation par thésaurus</h3>
- <div class="fond-bloc" id="bloc-thesaurus">
- <div class="overlay-bloc">
- <p>Cette interface présente deux extraits de thésaurus utilisés par le ministère de la Culture et de la Communication :</p>
- <ul>
- <li>La branche « Secteur urbain » du Thésaurus de l’architecture et de l’urbanisme (état 2010)</li>
- <li>La branche « Architecture d’habitation » du Thésaurus iconographique Garnier (état 2012)</li>
- </ul>
- <p class="goto"><a href="{% url 'thesaurus' %}">»</a></p>
- </div>
- </div>
- </div>
+
- <div style="clear: both;"> </div>
- </div>
- <h3>À propos de HdA Lab</h3>
- <p>Le portail Histoire des arts a pour vocation de mettre à la disposition de publics prescripteurs — via un site Internet — une sélection de ressources culturelles et éducatives riches en lien avec le programme officiel de l’enseignement de l’Histoire des arts. Le volet HDA-Lab de ce projet s’inscrit dans le cadre d’une collaboration entre l’Institut de Recherche et d'Innovation (IRI) et le Ministère de la Culture et de la Communication. Ce projet de recherche et développement prévoit la réalisation d’une preuve de concept destinée à montrer le potentiel heuristique du tagging sémantique.</p>
- <p>Le corpus utilisé pour les besoins de ce projet est extrait du site Histoire des arts, proposant un accès à près de 5 000 ressources qualifiées, accessible à l’adresse <a href="http://www.histoiredesarts.culture.fr" target="_blank">http://histoiredesarts.culture.fr</a>. Ce portail est alimenté par un réseau dynamique de 350 institutions culturelles, sur l’ensemble du territoire. Cet annuaire a pour vocation d’aider la communauté éducative (enseignants, médiateurs culturels…) à trouver des documents fiables dans le domaine de l’histoire des arts. Les notices descriptives de chaque ressource renvoient, par des liens profonds, vers autant de ressources en ligne, chaque notice contenant des mots-clés, initialement produits comme de simples tags.</p>
- <p>Le programme de Recherche et Développement impliquant l’IRI et le Ministère de la Culture et de la Communication — via son Département des Programmes Numériques (DPN) — a permis la réalisation de deux outils :</p>
- <ul>
- <li>Un module de tagging sémantique du corpus « Histoire des Arts » destiné à l’indexation des ressources, via le back-office du site (module « HDA-BO »)</li>
- <li>Une interface de recherche et de navigation de la version sémantisée du corpus (projet « HDA-Lab »)</li>
- </ul>
- <p>Les tags sémantiques sont constitués des entrées de Wikipédia et dotés de métadonnées, dont les URIs de DBpedia.org correspondant à ces entrées. Les données-clés extraites des articles de Wikipedia sont les infobox et les catégories. Les fonctionnalités de recherche et de navigation dans le corpus s’appuient sur le graphe de DBpedia. L’interface propose des fonctionnalités telles qu’une recherche par facettes, une carte heuristique, etc. ainsi qu’un enrichissement des résultats de recherche à l’aide d’extraits de Wikipedia (photos, définitions…).</p>
- <p>La preuve de concept est résolument orientée utilisateur final, répondant à une approche de recherche appliquée. Les internautes pourront comparer en direct les fonctionnalités classiques de l’interface d’origine avec les fonctionnalités enrichies de la preuve de concept. L’objectif est de démontrer l’intérêt du tagging sémantique et de sensibiliser l’utilisateur final aux enjeux du Web de données. À terme, cette phase expérimentale a vocation à enrichir les fonctionnalités du portail Histoire des arts.</p>
- <p> </p>
- <p>NB : La première version de HDA-Lab disponible en mars 2012 s’appuie sur une sémantisation (production des tags sémantiques) très partielle du corpus « Histoire des Arts ». De même les fonctionnalités ne sont pas définitives. L’ensemble du projet — sémantisation et fonctionnalités — sera mis en œuvre progressivement d'ici juin 2012.</p>
- <div class="mini-table">
- <div class="half-bloc">
- <p>
- <a href="http://culture.gouv.fr/" target="_blank" title="Ministère de la Culture et de la Communication">
- <img src="{% static 'hdalab/img/logo_mcc.png' %}" alt="Ministère de la Culture et de la Communication" />
- </a>
- </p>
- </div>
- <div class="half-bloc">
- <p>
- <a href="http://www.iri-research.org/" target="_blank">
- <img src="{% static 'hdalab/img/logo_iri.png' %}" alt="Institut de Recherche et d'Innovation" />
- </a>
- </p>
- </div>
- </div>
- <div class="mini-table">
+{% block main_content %}
+ <div class="all-title">
+ <h3 class="main-title"><strong>A Propos</strong></h2>
+ </div>
+ <div class="description">
+ <p>Le portail Histoire des arts a pour vocation de mettre à la disposition de publics prescripteurs — via un site Internet — une sélection de ressources culturelles et éducatives riches en lien avec le programme officiel de l’enseignement de l’Histoire des arts. Le volet HDA-Lab de ce projet s’inscrit dans le cadre d’une collaboration entre l’Institut de Recherche et d'Innovation (IRI) et le Ministère de la Culture et de la Communication. Ce projet de recherche et développement prévoit la réalisation d’une preuve de concept destinée à montrer le potentiel heuristique du tagging sémantique.</p>
+ <br>
+ <p>Le corpus utilisé pour les besoins de ce projet est extrait du site Histoire des arts, proposant un accès à près de 5 000 ressources qualifiées, accessible à l’adresse <a href="http://www.histoiredesarts.culture.fr" target="_blank">http://histoiredesarts.culture.fr</a>. Ce portail est alimenté par un réseau dynamique de 350 institutions culturelles, sur l’ensemble du territoire. Cet annuaire a pour vocation d’aider la communauté éducative (enseignants, médiateurs culturels…) à trouver des documents fiables dans le domaine de l’histoire des arts. Les notices descriptives de chaque ressource renvoient, par des liens profonds, vers autant de ressources en ligne, chaque notice contenant des mots-clés, initialement produits comme de simples tags.</p>
+ <br>
+ <p>Le programme de Recherche et Développement impliquant l’IRI et le Ministère de la Culture et de la Communication — via son Département des Programmes Numériques (DPN) — a permis la réalisation de deux outils :</p>
+ <ul>
+ <li>Un module de tagging sémantique du corpus « Histoire des Arts » destiné à l’indexation des ressources, via le back-office du site (module « HDA-BO »)</li>
+ <li>Une interface de recherche et de navigation de la version sémantisée du corpus (projet « HDA-Lab »)</li>
+ </ul>
+ <br>
+ <p>Les tags sémantiques sont constitués des entrées de Wikipédia et dotés de métadonnées, dont les URIs de DBpedia.org correspondant à ces entrées. Les données-clés extraites des articles de Wikipedia sont les infobox et les catégories. Les fonctionnalités de recherche et de navigation dans le corpus s’appuient sur le graphe de DBpedia. L’interface propose des fonctionnalités telles qu’une recherche par facettes, une carte heuristique, etc. ainsi qu’un enrichissement des résultats de recherche à l’aide d’extraits de Wikipedia (photos, définitions…).</p>
+ <p>La preuve de concept est résolument orientée utilisateur final, répondant à une approche de recherche appliquée. Les internautes pourront comparer en direct les fonctionnalités classiques de l’interface d’origine avec les fonctionnalités enrichies de la preuve de concept. L’objectif est de démontrer l’intérêt du tagging sémantique et de sensibiliser l’utilisateur final aux enjeux du Web de données. À terme, cette phase expérimentale a vocation à enrichir les fonctionnalités du portail Histoire des arts.</p>
+ <p> </p>
+ <p>NB : La première version de HDA-Lab disponible en mars 2012 s’appuie sur une sémantisation (production des tags sémantiques) très partielle du corpus « Histoire des Arts ». De même les fonctionnalités ne sont pas définitives. L’ensemble du projet — sémantisation et fonctionnalités — sera mis en œuvre progressivement d'ici juin 2012.</p>
+ </div>
+ <br><br>
+ <div class="mini-table description">
<div class="half-bloc">
<p>Département des Programmes Numériques</p>
</div>
@@ -111,23 +116,25 @@
<p>Directeur exécutif : <strong>Vincent Puig</strong></p>
</div>
</div>
- <h4>Équipes projet</h4>
- <div class="mini-table">
- <div class="half-bloc">
- <p>Pour le DPN :</p>
- <ul>
- <li>Chef de projet utilisateur : <strong>Bertrand Sajus</strong></li>
- <li>Responsables éditoriales : <strong>Marion Martin Laprade</strong> et <strong>Cécile Riottot</strong></li>
- </ul>
- </div>
- <div class="half-bloc">
- <p>Pour l'IRI :</p>
- <ul>
- <li>Architecture back-office et coordination technique : <strong>Yves-Marie Haussonne</strong></li>
- <li>Coordination scientifique : <strong>Alexandre Monnin</strong></li>
- <li>Outils de sémantisation : <strong>Thibaut Cavalié</strong></li>
- <li>Interfaces de visualisation et d'annotation : <strong>Raphaël Velt</strong></li>
- </ul>
- </div>
+ <div class="description">
+ <h4>Équipes projet</h4>
+ <div class="mini-table">
+ <div class="half-bloc">
+ <p>Pour le DPN :</p>
+ <ul>
+ <li>Chef de projet utilisateur : <strong>Bertrand Sajus</strong></li>
+ <li>Responsables éditoriales : <strong>Marion Martin Laprade</strong> et <strong>Cécile Riottot</strong></li>
+ </ul>
+ </div>
+ <div class="half-bloc">
+ <p>Pour l'IRI :</p>
+ <ul>
+ <li>Architecture back-office et coordination technique : <strong>Yves-Marie Haussonne</strong></li>
+ <li>Coordination scientifique : <strong>Alexandre Monnin</strong></li>
+ <li>Outils de sémantisation : <strong>Thibaut Cavalié</strong></li>
+ <li>Interfaces de visualisation et d'annotation : <strong>Raphaël Velt</strong></li>
+ </ul>
+ </div>
+ </div>
</div>
{% endblock %}
\ No newline at end of file