src/hdalab/templates/a_propos.html
author durandn
Thu, 31 Mar 2016 14:13:00 +0200
changeset 675 d68e7b3a2e4f
parent 607 17f3582ecdb1
child 676 111906d4c8b0
permissions -rw-r--r--
Added support for video popup in renkan edit page and in about page
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
399
44d627c3a9fb close #51 - Pages for footer filled with Lorem Ipsum
rougeronj
parents:
diff changeset
     1
{% extends "base.html" %}
44d627c3a9fb close #51 - Pages for footer filled with Lorem Ipsum
rougeronj
parents:
diff changeset
     2
{% load static %}
44d627c3a9fb close #51 - Pages for footer filled with Lorem Ipsum
rougeronj
parents:
diff changeset
     3
{% load i18n %}
44d627c3a9fb close #51 - Pages for footer filled with Lorem Ipsum
rougeronj
parents:
diff changeset
     4
44d627c3a9fb close #51 - Pages for footer filled with Lorem Ipsum
rougeronj
parents:
diff changeset
     5
{% block title %}{% trans "A Propos" %}{% endblock %}
44d627c3a9fb close #51 - Pages for footer filled with Lorem Ipsum
rougeronj
parents:
diff changeset
     6
454
9537d125f743 add texts HDA
rougeronj
parents: 399
diff changeset
     7
{% block a_propos_actif %}actif{% endblock %}
9537d125f743 add texts HDA
rougeronj
parents: 399
diff changeset
     8
9537d125f743 add texts HDA
rougeronj
parents: 399
diff changeset
     9
{% block css_import %}
9537d125f743 add texts HDA
rougeronj
parents: 399
diff changeset
    10
{{block.super}}
675
d68e7b3a2e4f Added support for video popup in renkan edit page and in about page
durandn
parents: 607
diff changeset
    11
        <link rel="stylesheet" type="text/css" href="{% static 'hdalab/lib/video-js-5.8.6/video-js.css' %}" />
540
dcea08e78780 update text, html, and css of footer pages
rougeronj
parents: 526
diff changeset
    12
        <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/footer_pages.css' %}" />
607
17f3582ecdb1 correct display about page, especially on windows
ymh <ymh.work@gmail.com>
parents: 595
diff changeset
    13
        {% if add_kanji_font %}
17f3582ecdb1 correct display about page, especially on windows
ymh <ymh.work@gmail.com>
parents: 595
diff changeset
    14
        <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/common_extra.css' %}" />
17f3582ecdb1 correct display about page, especially on windows
ymh <ymh.work@gmail.com>
parents: 595
diff changeset
    15
        {% endif %}
454
9537d125f743 add texts HDA
rougeronj
parents: 399
diff changeset
    16
{% endblock %}
9537d125f743 add texts HDA
rougeronj
parents: 399
diff changeset
    17
675
d68e7b3a2e4f Added support for video popup in renkan edit page and in about page
durandn
parents: 607
diff changeset
    18
d68e7b3a2e4f Added support for video popup in renkan edit page and in about page
durandn
parents: 607
diff changeset
    19
{% block js_import %}
d68e7b3a2e4f Added support for video popup in renkan edit page and in about page
durandn
parents: 607
diff changeset
    20
{{block.super}}
d68e7b3a2e4f Added support for video popup in renkan edit page and in about page
durandn
parents: 607
diff changeset
    21
        <!-- video-js IE8 support -->
d68e7b3a2e4f Added support for video popup in renkan edit page and in about page
durandn
parents: 607
diff changeset
    22
        <script src="{% static 'hdalab/lib/video-js-5.8.6/ie8/videojs-ie8.min.js' %}"></script>
d68e7b3a2e4f Added support for video popup in renkan edit page and in about page
durandn
parents: 607
diff changeset
    23
        <script src="{% static 'hdalab/lib/video-js-5.8.6/video.min.js' %}"></script>
d68e7b3a2e4f Added support for video popup in renkan edit page and in about page
durandn
parents: 607
diff changeset
    24
{% endblock %}
d68e7b3a2e4f Added support for video popup in renkan edit page and in about page
durandn
parents: 607
diff changeset
    25
399
44d627c3a9fb close #51 - Pages for footer filled with Lorem Ipsum
rougeronj
parents:
diff changeset
    26
{% block main_content %}
461
65fc0c646d74 table correction on à propos
ymh <ymh.work@gmail.com>
parents: 454
diff changeset
    27
    <div class="all-title">
65fc0c646d74 table correction on à propos
ymh <ymh.work@gmail.com>
parents: 454
diff changeset
    28
        <h1><strong>A Propos</strong></h1>
65fc0c646d74 table correction on à propos
ymh <ymh.work@gmail.com>
parents: 454
diff changeset
    29
    </div>
65fc0c646d74 table correction on à propos
ymh <ymh.work@gmail.com>
parents: 454
diff changeset
    30
    <div class="description">
607
17f3582ecdb1 correct display about page, especially on windows
ymh <ymh.work@gmail.com>
parents: 595
diff changeset
    31
        <p>Parti d’une expérimentation en 2012, Histoire de arts’Lab donne aujourd’hui un accès complet aux 5000 ressources du portail Histoire des arts du ministère de la Culture et de la Communication. Avec ses différents modules (géographique, temporel, thématique…), Histoire de arts’Lab offre autant de points d’entrée de recherche que de modes de représentation de l’histoire des arts.</p>
461
65fc0c646d74 table correction on à propos
ymh <ymh.work@gmail.com>
parents: 454
diff changeset
    32
        <br>
526
ba693b1049f4 update A Propos
rougeronj
parents: 461
diff changeset
    33
        <p>Histoire des arts’Lab c’est aussi l’outil Renkan, qui permet de visualiser sur des cartes de connaissances, des parcours historiques dans une vingtaine de domaines artistiques ainsi que des parcours thématiques sur un artiste, une œuvre, un courant artistique, une technique… Renkan est également votre outil pour construire vos propres cartes et garder une trace de vos recherches en histoire des arts.</p>
607
17f3582ecdb1 correct display about page, especially on windows
ymh <ymh.work@gmail.com>
parents: 595
diff changeset
    34
        <p>Le mot “Renkan” (“<span class='kanji'>連環</span>”) provient du japonais “Hyakugaku Renkan” (“<span class='kanji'>百学連環</span>” - “les cycles des cent sciences”) le titre d’une des premières encyclopédie japonaise moderne.
17f3582ecdb1 correct display about page, especially on windows
ymh <ymh.work@gmail.com>
parents: 595
diff changeset
    35
<span class='kanji'>連環</span>” signifie “cycle” mais est composé de 2 kanji qui peuvent être traduits par (parmi d’autres sens)&nbsp;:
590
117f1a721342 various corrections on save view and about text
ymh <ymh.work@gmail.com>
parents: 588
diff changeset
    36
        <ul id="renkan-desc-list">
607
17f3582ecdb1 correct display about page, especially on windows
ymh <ymh.work@gmail.com>
parents: 595
diff changeset
    37
            <li><span class='kanji'></span>&nbsp;: “connecter” ou “joindre”</li>
17f3582ecdb1 correct display about page, especially on windows
ymh <ymh.work@gmail.com>
parents: 595
diff changeset
    38
            <li><span class='kanji'></span>&nbsp;: “cercle”, “lien”, “anneau”</li>
586
32d9c3ff86eb various small corrections + new version
ymh <ymh.work@gmail.com>
parents: 576
diff changeset
    39
        </ul>
32d9c3ff86eb various small corrections + new version
ymh <ymh.work@gmail.com>
parents: 576
diff changeset
    40
        </p>
461
65fc0c646d74 table correction on à propos
ymh <ymh.work@gmail.com>
parents: 454
diff changeset
    41
        <br>
540
dcea08e78780 update text, html, and css of footer pages
rougeronj
parents: 526
diff changeset
    42
        <h2>I. HISTOIRE DU PROJET</h2> 
461
65fc0c646d74 table correction on à propos
ymh <ymh.work@gmail.com>
parents: 454
diff changeset
    43
        <br>
65fc0c646d74 table correction on à propos
ymh <ymh.work@gmail.com>
parents: 454
diff changeset
    44
        <p>Histoire des arts’ Lab est né 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 a permis la réalisation d’une interface de recherche et de navigation destinée à montrer le potentiel du tagging sémantique.</p>
526
ba693b1049f4 update A Propos
rougeronj
parents: 461
diff changeset
    45
        <p>Histoire des arts’ Lab s’appuie sur une sémantisation (production de tags sémantiques) du corpus du <a href="http://histoiredesarts.culture.fr/" target="_blank">Portail Histoire des Arts</a>. Ce portail compte plus de 5 000 notices descriptives de ressources en ligne produites par plus de 350 institutions culturelles dans toute la France.</p>
461
65fc0c646d74 table correction on à propos
ymh <ymh.work@gmail.com>
parents: 454
diff changeset
    46
        <br>
540
dcea08e78780 update text, html, and css of footer pages
rougeronj
parents: 526
diff changeset
    47
        <h2>II. L'EXPERIMENTATION SEMANTIQUE</h2>
461
65fc0c646d74 table correction on à propos
ymh <ymh.work@gmail.com>
parents: 454
diff changeset
    48
        <ul>
540
dcea08e78780 update text, html, and css of footer pages
rougeronj
parents: 526
diff changeset
    49
            <li><b>Le tagging :</b>
461
65fc0c646d74 table correction on à propos
ymh <ymh.work@gmail.com>
parents: 454
diff changeset
    50
                <p>Les tags ou mots-clés sont la plupart du temps de simples chaînes de caractères utilisés comme des étiquettes pour décrire une ressource. Le tag est simple d’utilisation mais soulève parfois des ambiguïtés notamment en français où l’homonymie est courante. (exemple : Roman/Art Roman)</p>
65fc0c646d74 table correction on à propos
ymh <ymh.work@gmail.com>
parents: 454
diff changeset
    51
                <p>Avec le tagging sémantique, on passe d’une indexation par mot‐clé à une indexation par concept issu d’un référentiel. Il s’agit d’expliciter le sens des informations afin que les machines puissent les exploiter de façon automatique, sans ambiguïté et à grande échelle.</p>
576
9b96fad7c937 update A propos
rougeronj
parents: 540
diff changeset
    52
            </li>
595
e0568837bfe9 some spelling corrections
ymh <ymh.work@gmail.com>
parents: 592
diff changeset
    53
e0568837bfe9 some spelling corrections
ymh <ymh.work@gmail.com>
parents: 592
diff changeset
    54
            <li><b>Le corpus Histoire des Arts :</b>
e0568837bfe9 some spelling corrections
ymh <ymh.work@gmail.com>
parents: 592
diff changeset
    55
                <p>Le portail Histoire des arts compte un grand nombre de ressources couvrant tous les arts et s’étendant de la préhistoire au XXIème siècle, sans limite géographique. Il était difficile de trouver un thesaurus suffisamment riche, en ligne et dont le contenu serait légalement réutilisable. C’est de ce constat qu’est née l’idée d’utiliser l’encyclopédie en ligne Wikipedia comme référentiel, d’autant plus qu’elle est disponible sous une forme structurée selon les standards du Web sémantique, via le projet <a href="http://fr.dbpedia.org/wiki/Accueil" target="_blank">Dbpedia.org</a>.</p>
461
65fc0c646d74 table correction on à propos
ymh <ymh.work@gmail.com>
parents: 454
diff changeset
    56
                <p>L’encyclopédie joue un rôle d’indicateur et permet d’affiner l’indexation mais n’est pas prise pour référence pour son contenu. Utiliser Wikipédia avec ses plus d’1 million articles, dont de très nombreux sur les arts, s’est révélé particulièrement pertinent.</p>
65fc0c646d74 table correction on à propos
ymh <ymh.work@gmail.com>
parents: 454
diff changeset
    57
            </li>
454
9537d125f743 add texts HDA
rougeronj
parents: 399
diff changeset
    58
540
dcea08e78780 update text, html, and css of footer pages
rougeronj
parents: 526
diff changeset
    59
            <li><b>Le processus de sémantisation :</b>
526
ba693b1049f4 update A Propos
rougeronj
parents: 461
diff changeset
    60
                <p>Le Département des programmes numériques du ministère de la Culture a conçu avec l’Institut de recherche et d’innovation un module de tagging sémantique avec une fonctionnalité de liaison avec Wikipédia.</p> 
595
e0568837bfe9 some spelling corrections
ymh <ymh.work@gmail.com>
parents: 592
diff changeset
    61
                <p>Les simples mots-clés ont pu être liés aux entrées (les titres des articles de l’encyclopédie) de Wikipédia et enrichis grâce à un ensemble de métadonnées, dont les <a href="http://fr.wikipedia.org/wiki/Uniform_Resource_Identifier" target="_blank">URIs</a> de <a href="http://fr.dbpedia.org/wiki/Accueil" target="_blank">DBpedia.org</a>.</p>
461
65fc0c646d74 table correction on à propos
ymh <ymh.work@gmail.com>
parents: 454
diff changeset
    62
            </li>
65fc0c646d74 table correction on à propos
ymh <ymh.work@gmail.com>
parents: 454
diff changeset
    63
            
540
dcea08e78780 update text, html, and css of footer pages
rougeronj
parents: 526
diff changeset
    64
            <li><b>Apport de la sémantisation :</b>
461
65fc0c646d74 table correction on à propos
ymh <ymh.work@gmail.com>
parents: 454
diff changeset
    65
                <p>La précision des entrées de Wikipédia permet de lever l’ambiguïté sur le sens d’un mot. L’utilisateur n’est plus dans l’incertitude : il connaît d’avance la signification du tag et les résultats de sa recherche ne sont donc plus pollués par des documents hors sujets.</p>
65fc0c646d74 table correction on à propos
ymh <ymh.work@gmail.com>
parents: 454
diff changeset
    66
                <p>Par exemple, pour le simple mot-clé « Restauration », il existe plusieurs tags sémantiques :</p>
65fc0c646d74 table correction on à propos
ymh <ymh.work@gmail.com>
parents: 454
diff changeset
    67
                    <table class="table-example">
65fc0c646d74 table correction on à propos
ymh <ymh.work@gmail.com>
parents: 454
diff changeset
    68
                    <tr><th>Titre Wikipedia</th><th>URL Wikipedia</th><th>URI DBpedia</th></tr>
526
ba693b1049f4 update A Propos
rougeronj
parents: 461
diff changeset
    69
                    <tr><td>Restauration (art)</td><td><a href="http://fr.wikipedia.org/wiki/Restauration_%28art%29" target="_blank">http://fr.wikipedia.org/wiki/Restauration_%28art%29</a></td><td><a href="http://dbpedia.org/page/Conservation-restoration" target="_blank">http://dbpedia.org/page/Conservation-restoration</a></td></tr>
ba693b1049f4 update A Propos
rougeronj
parents: 461
diff changeset
    70
                    <tr><td>Restauration (histoire de France)</td><td><a href="http://fr.wikipedia.org/wiki/Restauration_%28histoire_de_France%29" target="_blank">http://fr.wikipedia.org/wiki/Restauration_%28histoire_de_France%29</a></td><td><a href="http://dbpedia.org/page/Bourbon_Restoration" target="_blank">http://dbpedia.org/page/Bourbon_Restoration</a></td></tr>
461
65fc0c646d74 table correction on à propos
ymh <ymh.work@gmail.com>
parents: 454
diff changeset
    71
                    </table>
65fc0c646d74 table correction on à propos
ymh <ymh.work@gmail.com>
parents: 454
diff changeset
    72
            </li>
65fc0c646d74 table correction on à propos
ymh <ymh.work@gmail.com>
parents: 454
diff changeset
    73
        </ul>
65fc0c646d74 table correction on à propos
ymh <ymh.work@gmail.com>
parents: 454
diff changeset
    74
        <p>La valorisation des tags grâce aux relations logiques sous-jacentes aux contenus de Wikipédia permet d’enrichir les fonctionnalités de recherche, par exemple retrouver toutes les villes appartenant à une région. Les modules de recherche sont ainsi beaucoup plus puissants.</p>
65fc0c646d74 table correction on à propos
ymh <ymh.work@gmail.com>
parents: 454
diff changeset
    75
        <br>
65fc0c646d74 table correction on à propos
ymh <ymh.work@gmail.com>
parents: 454
diff changeset
    76
        <p>L’enrichissement automatique des métadonnées offre également la possibilité de faire des recherches dans 6 langues différentes (Français, anglais, italien, allemand, espagnol, japonais). Wikipédia est multilingue ce qui permet grâce à l’interopérabilité interlinguistique de traduire automatiquement les tags liés aux entrées de encyclopédie.</p>
65fc0c646d74 table correction on à propos
ymh <ymh.work@gmail.com>
parents: 454
diff changeset
    77
        <br>
540
dcea08e78780 update text, html, and css of footer pages
rougeronj
parents: 526
diff changeset
    78
        <p>En savoir + : <a href="http://cblog.culture.fr/web-semantique-iri-opendat/" target="_blank">Qu’est-ce que le Web Sémantique ?</a>
461
65fc0c646d74 table correction on à propos
ymh <ymh.work@gmail.com>
parents: 454
diff changeset
    79
        <br>
65fc0c646d74 table correction on à propos
ymh <ymh.work@gmail.com>
parents: 454
diff changeset
    80
        <p>Les codes des applications informatiques développées sur « Histoire des arts’Lab » sont disponibles sous la licence libre CeCILL-C qui autorise leur réutilisation, duplication ou modification.</p>
675
d68e7b3a2e4f Added support for video popup in renkan edit page and in about page
durandn
parents: 607
diff changeset
    81
        <br>
d68e7b3a2e4f Added support for video popup in renkan edit page and in about page
durandn
parents: 607
diff changeset
    82
        <h2>III. TUTORIEL RENKAN</h2>
d68e7b3a2e4f Added support for video popup in renkan edit page and in about page
durandn
parents: 607
diff changeset
    83
        <br>
d68e7b3a2e4f Added support for video popup in renkan edit page and in about page
durandn
parents: 607
diff changeset
    84
        <div id="footer-renkan-video-container">
d68e7b3a2e4f Added support for video popup in renkan edit page and in about page
durandn
parents: 607
diff changeset
    85
            <video id="renkan-video" class="video-js vjs-default-skin"
d68e7b3a2e4f Added support for video popup in renkan edit page and in about page
durandn
parents: 607
diff changeset
    86
            controls preload="auto" width="800" height="600"
d68e7b3a2e4f Added support for video popup in renkan edit page and in about page
durandn
parents: 607
diff changeset
    87
            poster="{% static 'hdalab/img/renkan_tutorial_video_poster.png' %}"
d68e7b3a2e4f Added support for video popup in renkan edit page and in about page
durandn
parents: 607
diff changeset
    88
            data-setup=''>
d68e7b3a2e4f Added support for video popup in renkan edit page and in about page
durandn
parents: 607
diff changeset
    89
                    {% if video_mp4 %}
d68e7b3a2e4f Added support for video popup in renkan edit page and in about page
durandn
parents: 607
diff changeset
    90
                    <source src="{{video_mp4}}" type="video/mp4" />
d68e7b3a2e4f Added support for video popup in renkan edit page and in about page
durandn
parents: 607
diff changeset
    91
                    {% endif %}
d68e7b3a2e4f Added support for video popup in renkan edit page and in about page
durandn
parents: 607
diff changeset
    92
                    {% if video_webm %}
d68e7b3a2e4f Added support for video popup in renkan edit page and in about page
durandn
parents: 607
diff changeset
    93
                    <source src="{{video_webm}}" type="video/webm" />
d68e7b3a2e4f Added support for video popup in renkan edit page and in about page
durandn
parents: 607
diff changeset
    94
                    {% endif %}
d68e7b3a2e4f Added support for video popup in renkan edit page and in about page
durandn
parents: 607
diff changeset
    95
                    {% if video_ogg %}
d68e7b3a2e4f Added support for video popup in renkan edit page and in about page
durandn
parents: 607
diff changeset
    96
                    <source src="{{video_ogg}}" type="video/ogg" />
d68e7b3a2e4f Added support for video popup in renkan edit page and in about page
durandn
parents: 607
diff changeset
    97
                    {% endif %}
d68e7b3a2e4f Added support for video popup in renkan edit page and in about page
durandn
parents: 607
diff changeset
    98
                <p class="vjs-no-js">Pour pouvoir visionner cette vidéo, veuiller activer Javascript et éventuellement utiliser un navigateur web à jour votre navigateur afin d'un navigateur qui <a href="http://videojs.com/html5-video-support/" target="_blank">supporte les vidéo HTML5</a></p>
d68e7b3a2e4f Added support for video popup in renkan edit page and in about page
durandn
parents: 607
diff changeset
    99
            </video>
d68e7b3a2e4f Added support for video popup in renkan edit page and in about page
durandn
parents: 607
diff changeset
   100
        </div>
461
65fc0c646d74 table correction on à propos
ymh <ymh.work@gmail.com>
parents: 454
diff changeset
   101
    </div>
399
44d627c3a9fb close #51 - Pages for footer filled with Lorem Ipsum
rougeronj
parents:
diff changeset
   102
{% endblock %}