web/hdalab/templates/index.html
author veltr
Wed, 29 Aug 2012 16:23:13 +0200
changeset 235 b41f0b200940
parent 223 b6e1b012683b
child 252 a46461f8a74f
permissions -rw-r--r--
Added autocomplete
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" %}
119
e3ebe3545f72 first implementation of django version.
ymh <ymh.work@gmail.com>
parents:
diff changeset
     2
131
9d5d9e6b7fbf Created Home view for Hdalab
veltr
parents: 127
diff changeset
     3
{% block title %}{{block.super}} &gt; Accueil{% endblock %}
132
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
     4
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
     5
{% block css_import %}
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
     6
{{block.super}}
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
     7
        <link rel="stylesheet" type="text/css" href="{{STATIC_URL}}hdalab/css/index.css" />
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
     8
{% endblock %}
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
     9
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    10
{% block js_import %}
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    11
{{block.super}}
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    12
        <script type="text/javascript">
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    13
            $(function() {
207
44ddbffbfea5 Added Wikipedia categories to home
veltr
parents: 147
diff changeset
    14
                $(".fond-bloc").mouseover(function() {
44ddbffbfea5 Added Wikipedia categories to home
veltr
parents: 147
diff changeset
    15
                    var _this = this;
132
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    16
                    $(".overlay-bloc").each(function() {
207
44ddbffbfea5 Added Wikipedia categories to home
veltr
parents: 147
diff changeset
    17
                        if (this.parentNode == _this) {
132
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    18
                            $(this).slideDown();
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    19
                        } else {
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    20
                            $(this).slideUp();
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    21
                        }
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    22
                    });
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    23
                }).click(function() {
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    24
                    document.location.href = $(this).find("a").attr("href");
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    25
                    return false;
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    26
                });
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    27
            });
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    28
        </script>
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    29
{% endblock %}
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    30
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    31
{% block home_actif %}actif{% endblock %}
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    32
131
9d5d9e6b7fbf Created Home view for Hdalab
veltr
parents: 127
diff changeset
    33
{% block main_content %}
132
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    34
    <h2>Explorez autrement le portail Histoire des Arts</h2>
207
44ddbffbfea5 Added Wikipedia categories to home
veltr
parents: 147
diff changeset
    35
    <div class="liste-applis">
44ddbffbfea5 Added Wikipedia categories to home
veltr
parents: 147
diff changeset
    36
        <div class="bloc-appli">
44ddbffbfea5 Added Wikipedia categories to home
veltr
parents: 147
diff changeset
    37
            <h3>Recherche par facettes</h3>
44ddbffbfea5 Added Wikipedia categories to home
veltr
parents: 147
diff changeset
    38
            <div class="fond-bloc" id="bloc-facettes">
44ddbffbfea5 Added Wikipedia categories to home
veltr
parents: 147
diff changeset
    39
                <div class="overlay-bloc">
44ddbffbfea5 Added Wikipedia categories to home
veltr
parents: 147
diff changeset
    40
                    <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>
44ddbffbfea5 Added Wikipedia categories to home
veltr
parents: 147
diff changeset
    41
                    <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>
44ddbffbfea5 Added Wikipedia categories to home
veltr
parents: 147
diff changeset
    42
                    <p class="goto"><a href="{% url facettes %}">&raquo;</a></p>
44ddbffbfea5 Added Wikipedia categories to home
veltr
parents: 147
diff changeset
    43
                </div>
44ddbffbfea5 Added Wikipedia categories to home
veltr
parents: 147
diff changeset
    44
            </div>
44ddbffbfea5 Added Wikipedia categories to home
veltr
parents: 147
diff changeset
    45
        </div>
235
b41f0b200940 Added autocomplete
veltr
parents: 223
diff changeset
    46
<!--
b41f0b200940 Added autocomplete
veltr
parents: 223
diff changeset
    47
        <div class="separateur-applis"></div>
207
44ddbffbfea5 Added Wikipedia categories to home
veltr
parents: 147
diff changeset
    48
        <div class="bloc-appli">
44ddbffbfea5 Added Wikipedia categories to home
veltr
parents: 147
diff changeset
    49
            <h3>Catégories de Wikipedia</h3>
44ddbffbfea5 Added Wikipedia categories to home
veltr
parents: 147
diff changeset
    50
            <div class="fond-bloc" id="bloc-categories">
44ddbffbfea5 Added Wikipedia categories to home
veltr
parents: 147
diff changeset
    51
                <div class="overlay-bloc">
44ddbffbfea5 Added Wikipedia categories to home
veltr
parents: 147
diff changeset
    52
                    <p>Naviguez dans l'arbre des catégories de Wikipedia pour atteindre les contenus du portail Histoire des Arts.</p>
44ddbffbfea5 Added Wikipedia categories to home
veltr
parents: 147
diff changeset
    53
                    <p>Recherchez une catégorie par son titre, puis explorez les sous-catégories et les tags qui y sont rattachés.</p>
44ddbffbfea5 Added Wikipedia categories to home
veltr
parents: 147
diff changeset
    54
                    <p class="goto"><a href="{% url categories %}">&raquo;</a></p>
44ddbffbfea5 Added Wikipedia categories to home
veltr
parents: 147
diff changeset
    55
                </div>
44ddbffbfea5 Added Wikipedia categories to home
veltr
parents: 147
diff changeset
    56
            </div>
235
b41f0b200940 Added autocomplete
veltr
parents: 223
diff changeset
    57
        </div>
b41f0b200940 Added autocomplete
veltr
parents: 223
diff changeset
    58
        <div class="bloc-appli">
b41f0b200940 Added autocomplete
veltr
parents: 223
diff changeset
    59
            <h3>Recherche par liste de complétion</h3>
b41f0b200940 Added autocomplete
veltr
parents: 223
diff changeset
    60
            <div class="fond-bloc" id="bloc-completion">
b41f0b200940 Added autocomplete
veltr
parents: 223
diff changeset
    61
                <div class="overlay-bloc">
b41f0b200940 Added autocomplete
veltr
parents: 223
diff changeset
    62
                    <p>Recherchez les contenus en choisissant parmi les tags sémantisés de la base Histoire des Arts, correspondant chacun à une page Wikipédia</p>
b41f0b200940 Added autocomplete
veltr
parents: 223
diff changeset
    63
                    <p class="goto"><a href="{% url completion %}">&raquo;</a></p>
b41f0b200940 Added autocomplete
veltr
parents: 223
diff changeset
    64
                </div>
b41f0b200940 Added autocomplete
veltr
parents: 223
diff changeset
    65
            </div>
b41f0b200940 Added autocomplete
veltr
parents: 223
diff changeset
    66
        </div>
b41f0b200940 Added autocomplete
veltr
parents: 223
diff changeset
    67
-->
b41f0b200940 Added autocomplete
veltr
parents: 223
diff changeset
    68
        <div style="clear: both;"> </div>
132
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    69
    </div>
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    70
    <h3>À propos de HdA Lab</h3>
147
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
    71
    <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>
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
    72
    <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>
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
    73
    <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>
132
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    74
    <ul>
147
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
    75
        <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>
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
    76
        <li>Une interface de recherche et de navigation de la version sémantisée du corpus (projet &laquo;&nbsp;HDA-Lab&nbsp;&raquo;)</li>
132
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
    77
    </ul>
147
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
    78
    <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>
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
    79
    <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>
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
    80
    <p>&nbsp;</p>
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
    81
    <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>
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
    82
    <div class="mini-table">
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
    83
        <div class="half-bloc">
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
    84
            <p>
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
    85
                <a href="http://culture.gouv.fr/" target="_blank" title="Ministère de la Culture et de la Communication">
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
    86
                    <img src="{{STATIC_URL}}hdalab/img/logo_mcc.png" alt="Ministère de la Culture et de la Communication" />
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
    87
                </a>
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
    88
            </p>
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
    89
        </div>
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
    90
        <div class="half-bloc">
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
    91
            <p>
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
    92
                <a href="http://www.iri-research.org/" target="_blank">
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
    93
                    <img src="{{STATIC_URL}}hdalab/img/logo_iri.png" alt="Institut de Recherche et d'Innovation" />
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
    94
                </a>
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
    95
            </p>
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
    96
        </div>
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
    97
    </div>
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
    98
    <div class="mini-table">
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
    99
        <div class="half-bloc">
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
   100
            <p>Département des Programmes Numériques</p>
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
   101
            <p>Chef de département&nbsp;: <strong>Thomas Aillagon</strong></p>
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
   102
        </div>
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
   103
        <div class="half-bloc">
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
   104
            <p>Directeur&nbsp;: <strong>Bernard Stiegler</strong></p>
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
   105
            <p>Directeur exécutif&nbsp;: <strong>Vincent Puig</strong></p>
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
   106
        </div>
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
   107
    </div>
132
e6483309fa52 style changes and minor corrections
veltr
parents: 131
diff changeset
   108
    <h4>&Eacute;quipes projet</h4>
147
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
   109
    <div class="mini-table">
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
   110
        <div class="half-bloc">
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
   111
            <p>Pour le DPN&nbsp;:</p>
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
   112
            <ul>
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
   113
                <li>Chef de projet utilisateur : <strong>Bertrand Sajus</strong></li>
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
   114
                <li>Responsables éditoriales : <strong>Marion Martin Laprade</strong> et <strong>Cécile Riottot</strong></li>
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
   115
            </ul>
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
   116
        </div>
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
   117
        <div class="half-bloc">
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
   118
            <p>Pour l'IRI&nbsp;:</p>
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
   119
            <ul>
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
   120
                <li>Architecture back-office et coordination technique&nbsp;: <strong>Yves-Marie Haussonne</strong></li>
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
   121
                <li>Coordination scientifique&nbsp;: <strong>Alexandre Monnin</strong></li>
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
   122
                <li>Outils de sémantisation&nbsp;: <strong>Thibaut Cavalié</strong></li>
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
   123
                <li>Interfaces de visualisation et d'annotation&nbsp;: <strong>Raphaël Velt</strong></li>
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
   124
            </ul>
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
   125
        </div>
04fc9f5b060c Correction texte page d'accueil
veltr
parents: 132
diff changeset
   126
    </div>
131
9d5d9e6b7fbf Created Home view for Hdalab
veltr
parents: 127
diff changeset
   127
{% endblock %}