src/hdalab/templates/index.html
author rougeronj
Thu, 11 Dec 2014 12:01:04 +0100
changeset 398 b7df96dd742f
parent 396 064f4cdc48c3
child 454 9537d125f743
permissions -rw-r--r--
Close ticket #49 - add links to django and renkan admin for authorized users. TODO : improve profile page
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
131
9d5d9e6b7fbf Created Home view for Hdalab
veltr
parents: 127
diff changeset
     1
{% extends "base.html" %}
279
177b508612f4 add, configure and correct hdalab to installed apps
cavaliet
parents: 272
diff changeset
     2
{% load static %}
119
e3ebe3545f72 first implementation of django version.
ymh <ymh.work@gmail.com>
parents:
diff changeset
     3
131
9d5d9e6b7fbf Created Home view for Hdalab
veltr
parents: 127
diff changeset
     4
{% block title %}{{block.super}} &gt; Accueil{% endblock %}
132
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
     5
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
     6
{% block css_import %}
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
     7
{{block.super}}
279
177b508612f4 add, configure and correct hdalab to installed apps
cavaliet
parents: 272
diff changeset
     8
        <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/index.css' %}" />
132
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
     9
{% endblock %}
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    10
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    11
{% block js_import %}
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    12
{{block.super}}
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    13
        <script type="text/javascript">
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    14
            $(function() {
374
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    15
                $(".bloc").mouseenter(function() {
207
44ddbffbfea5 Added Wikipedia categories to home
veltr
parents: 147
diff changeset
    16
                    var _this = this;
132
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    17
                    $(".overlay-bloc").each(function() {
378
efc97f480a70 update home page interface
rougeronj
parents: 374
diff changeset
    18
                        if (this.parentNode.parentNode == _this) {
132
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    19
                            $(this).slideDown();
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    20
                        } else {
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    21
                            $(this).slideUp();
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    22
                        }
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    23
                    });
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    24
                }).click(function() {
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    25
                    document.location.href = $(this).find("a").attr("href");
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    26
                    return false;
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    27
                });
374
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    28
                $(".bloc").mouseleave(function() {
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    29
                	$(".overlay-bloc").each(function() {
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    30
                    	$(this).slideUp();
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    31
                	});
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    32
                });
132
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    33
            });
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    34
        </script>
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    35
{% endblock %}
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    36
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    37
{% block home_actif %}actif{% endblock %}
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    38
374
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    39
{% block subhead %}
378
efc97f480a70 update home page interface
rougeronj
parents: 374
diff changeset
    40
<div class="bloc-appli-left">
efc97f480a70 update home page interface
rougeronj
parents: 374
diff changeset
    41
	<div class="bg-wrap">
efc97f480a70 update home page interface
rougeronj
parents: 374
diff changeset
    42
		<div class="bloc">
374
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    43
		    <h3>Recherche par <strong>facettes</strong></h3>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    44
		    <div id="bloc-facettes">
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    45
		        <div class="overlay-bloc">
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    46
		            <p>Recherchez les contenus d'Histoire des Arts par plusieurs points d'entrée&nbsp;: pays, périodes historiques, disciplines artistiques et mots-clés liés aux &oelig;vres.</p>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    47
		            <p>Les éléments de l'interface sont à la fois des critères de recherche et des mode de visualisation des résultats&nbsp;: Au fur et à mesure de vos recherches, ils se mettent à jour pour refléter le nombre de contenus correspondant.</p>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    48
		            <p class="goto"><a href="{% url 'facettes' %}">&raquo;</a></p>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    49
		        </div>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    50
		    </div>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    51
	    </div>
378
efc97f480a70 update home page interface
rougeronj
parents: 374
diff changeset
    52
    </div>
efc97f480a70 update home page interface
rougeronj
parents: 374
diff changeset
    53
</div>
efc97f480a70 update home page interface
rougeronj
parents: 374
diff changeset
    54
efc97f480a70 update home page interface
rougeronj
parents: 374
diff changeset
    55
<div class="bloc-appli-middle">
efc97f480a70 update home page interface
rougeronj
parents: 374
diff changeset
    56
	<div class="bg-wrap">
efc97f480a70 update home page interface
rougeronj
parents: 374
diff changeset
    57
		<div class="bloc">
374
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    58
		    <h3><strong>Catégories</strong> de Wikipedia</h3>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    59
		    <div id="bloc-categories">
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    60
		        <div class="overlay-bloc">
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    61
		            <p>Naviguez dans l'arbre des catégories de Wikipedia pour atteindre les contenus du portail Histoire des Arts.</p>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    62
		            <p>Recherchez une catégorie par son titre, puis explorez les sous-catégories et les tags qui y sont rattachés.</p>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    63
		            <p class="goto"><a href="{% url 'categories' %}">&raquo;</a></p>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    64
		        </div>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    65
		    </div>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    66
	    </div>
378
efc97f480a70 update home page interface
rougeronj
parents: 374
diff changeset
    67
    </div>
efc97f480a70 update home page interface
rougeronj
parents: 374
diff changeset
    68
</div>
efc97f480a70 update home page interface
rougeronj
parents: 374
diff changeset
    69
efc97f480a70 update home page interface
rougeronj
parents: 374
diff changeset
    70
<div class="bloc-appli-right">
efc97f480a70 update home page interface
rougeronj
parents: 374
diff changeset
    71
	<div class="bg-wrap">
efc97f480a70 update home page interface
rougeronj
parents: 374
diff changeset
    72
		<div class="bloc">
374
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    73
		    <h3>Navigation par <strong>thésaurus</strong></h3>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    74
		    <div id="bloc-thesaurus">
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    75
		        <div class="overlay-bloc">
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    76
		            <p>Cette interface présente deux extraits de thésaurus utilisés par le ministère de la Culture et de la Communication :</p>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    77
		            <ul>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    78
		                <li>La branche « Secteur urbain » du Thésaurus de l’architecture et de l’urbanisme (état 2010)</li>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    79
		                <li>La branche « Architecture d’habitation » du Thésaurus iconographique Garnier (état 2012)</li>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    80
		            </ul>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    81
		            <p class="goto"><a href="{% url 'thesaurus' %}">&raquo;</a></p>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    82
		        </div>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    83
		    </div>
378
efc97f480a70 update home page interface
rougeronj
parents: 374
diff changeset
    84
	    </div>
374
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    85
	</div>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    86
</div>
378
efc97f480a70 update home page interface
rougeronj
parents: 374
diff changeset
    87
efc97f480a70 update home page interface
rougeronj
parents: 374
diff changeset
    88
<div style="clear: both;"> </div>
374
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    89
{% endblock %}
261
f5b5affc2586 Make thesaurus and categories visible
veltr
parents: 254
diff changeset
    90
374
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    91
261
f5b5affc2586 Make thesaurus and categories visible
veltr
parents: 254
diff changeset
    92
374
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    93
{% block main_content %}
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    94
	<div class="all-title">
396
064f4cdc48c3 Set up css convention for the main titles of the pages and add translation support in main pages
rougeronj
parents: 389
diff changeset
    95
		<h1><strong>A Propos</strong></h1>
374
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    96
	</div>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    97
	<div class="description">
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    98
		<p>Le portail Histoire des arts a pour vocation de mettre à la disposition de publics prescripteurs &mdash;&nbsp;via un site Internet&nbsp;&mdash; 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>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
    99
		<br>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
   100
		<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&nbsp;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>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
   101
		<br>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
   102
		<p>Le programme de Recherche et Développement impliquant l’IRI et le Ministère de la Culture et de la Communication &mdash;&nbsp;via son Département des Programmes Numériques (DPN)&nbsp;&mdash; a permis la réalisation de deux outils&nbsp;:</p>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
   103
		<ul>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
   104
		    <li>Un module de tagging sémantique du corpus &laquo;&nbsp;Histoire des Arts&nbsp;&raquo; destiné à l’indexation des ressources, via le back-office du site (module &laquo;&nbsp;HDA-BO&nbsp;&raquo;)</li>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
   105
		    <li>Une interface de recherche et de navigation de la version sémantisée du corpus (projet &laquo;&nbsp;HDA-Lab&nbsp;&raquo;)</li>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
   106
		</ul>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
   107
		<br>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
   108
		<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>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
   109
		<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. &Agrave; terme, cette phase expérimentale a vocation à enrichir les fonctionnalités du portail Histoire des arts.</p>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
   110
		<p>&nbsp;</p>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
   111
		<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 &laquo;&nbsp;Histoire des Arts&nbsp;&raquo;. De même les fonctionnalités ne sont pas définitives. L’ensemble du projet &mdash;&nbsp;sémantisation et fonctionnalités&nbsp;&mdash; sera mis en œuvre progressivement d'ici juin 2012.</p>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
   112
	</div>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
   113
	<br><br>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
   114
	<div class="mini-table description">
147
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
   115
        <div class="half-bloc">
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
   116
            <p>Département des Programmes Numériques</p>
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
   117
        </div>
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
   118
        <div class="half-bloc">
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
   119
            <p>Directeur&nbsp;: <strong>Bernard Stiegler</strong></p>
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
   120
            <p>Directeur exécutif&nbsp;: <strong>Vincent Puig</strong></p>
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
   121
        </div>
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
   122
    </div>
374
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
   123
    <div class="description">
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
   124
	    <h4>&Eacute;quipes projet</h4>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
   125
	    <div class="mini-table">
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
   126
	        <div class="half-bloc">
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
   127
	            <p>Pour le DPN&nbsp;:</p>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
   128
	            <ul>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
   129
	                <li>Chef de projet utilisateur : <strong>Bertrand Sajus</strong></li>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
   130
	                <li>Responsables éditoriales : <strong>Marion Martin Laprade</strong> et <strong>Cécile Riottot</strong></li>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
   131
	            </ul>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
   132
	        </div>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
   133
	        <div class="half-bloc">
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
   134
	            <p>Pour l'IRI&nbsp;:</p>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
   135
	            <ul>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
   136
	                <li>Architecture back-office et coordination technique&nbsp;: <strong>Yves-Marie Haussonne</strong></li>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
   137
	                <li>Coordination scientifique&nbsp;: <strong>Alexandre Monnin</strong></li>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
   138
	                <li>Outils de sémantisation&nbsp;: <strong>Thibaut Cavalié</strong></li>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
   139
	                <li>Interfaces de visualisation et d'annotation&nbsp;: <strong>Raphaël Velt</strong></li>
389
15210c7fec74 clean debug messages and add credits
rougeronj
parents: 378
diff changeset
   140
	                <li>Refonte de l'interface et front-office&nbsp;: <strong>Julien Rougeron</strong></li>
374
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
   141
	            </ul>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
   142
	        </div>
ad92df04d9ab update structure and design of the interface
rougeronj
parents: 279
diff changeset
   143
	    </div>
147
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
   144
    </div>
131
9d5d9e6b7fbf Created Home view for Hdalab
veltr
parents: 127
diff changeset
   145
{% endblock %}