2 {% load i18n %} |
2 {% load i18n %} |
3 |
3 |
4 <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/renkan_help.css' %}" /> |
4 <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/renkan_help.css' %}" /> |
5 |
5 |
6 <div id="help-slideshow"> |
6 <div id="help-slideshow"> |
7 <a class="img-close" href="#">{% trans 'Fermer<br>ce didacticiel' %}</a> |
7 <a class="img-close" href="#">{% trans 'Fermer<br>ce didacticiel' %}</a> |
8 <ul class="bjqs"> |
8 <ul class="bjqs"> |
9 <li class="slide1"> |
9 <li class="slide1"> |
10 <div class="slideShowTitle">{% trans 'Aide : Bienvenue !' %}</div> |
10 <div class="slideShowTitle">{% trans 'Aide : Bienvenue !' %}</div> |
11 <div class="column-left"> |
11 <div class="column-left"> |
12 <p>{% blocktrans %}Cet outil vous permet de représenter, spatialiser et organiser des collections de ressources du portail histoire des arts avec d’autres sites Web.<br><br> |
12 <p>{% blocktrans %}Cet outil vous permet de représenter, spatialiser et organiser des collections de ressources du portail histoire des arts avec d’autres sites Web.<br><br> |
13 À partir de l’onglet "recherche", cliquez sur le logo {% endblocktrans %}<img src="{% static 'hdalab/img/mind_map_icon.png' %}">{% blocktrans %} pour créer votre RENKAN.<br><br> |
13 À partir de l’onglet "recherche", cliquez sur le logo {% endblocktrans %}<img src="{% static 'hdalab/img/mind_map_icon.png' %}">{% blocktrans %} pour créer votre RENKAN.<br><br> |
14 Vous pouvez déplacer chaque élément en cliquant dessus et en déplaçant votre curseur.{% endblocktrans %} |
14 Vous pouvez déplacer chaque élément en cliquant dessus et en déplaçant votre curseur.{% endblocktrans %} |
15 </p> |
15 </p> |
16 </div> |
16 </div> |
17 <div class="column-center"> |
17 <div class="column-center"> |
18 <p class="columnTitle">{% trans 'Légende' %}</p> |
18 <p class="columnTitle">{% trans 'Légende' %}</p> |
19 <label class="img-requete">{% trans 'Requête' %}</label> |
19 <label class="img-requete">{% trans 'Requête' %}</label> |
20 <label class="img-ressource">{% trans 'Ressource' %}</label> |
20 <label class="img-ressource">{% trans 'Ressource' %}</label> |
21 <label class="img-tag">{% trans 'Tag' %}</label> |
21 <label class="img-tag">{% trans 'Tag' %}</label> |
22 </div> |
22 </div> |
23 |
23 |
24 <div class="column-right"> |
24 <div class="column-right"> |
25 <p>{% trans 'En cliquant sur chaque ressource, tag ou lien, vous pouvez les déplacer, éditer, supprimer, agrandir, rétrécir, modifier en utilisant le menu circulaire comme ci-dessous.' %}</p> |
25 <p>{% trans 'En cliquant sur chaque ressource, tag ou lien, vous pouvez les déplacer, éditer, supprimer, agrandir, rétrécir, modifier en utilisant le menu circulaire comme ci-dessous.' %}</p> |
26 <img src="{% static 'hdalab/img/menu.png' %}" class="img-menu"> |
26 <img src="{% static 'hdalab/img/menu.png' %}" class="img-menu"></img> |
27 </div> |
27 </div> |
28 </li> |
28 </li> |
29 <li class="slide2"> |
29 <li class="slide2"> |
30 <div class="slideShowTitle">{% trans 'Aide : Organiser, Ajouter !' %}</div> |
30 <div class="slideShowTitle">{% trans 'Aide : Organiser, Ajouter !' %}</div> |
31 <div class="column-left"> |
31 <div class="column-left"> |
32 <h1 class="columnTitle">{% trans '1. Organiser' %}</h1> |
32 <h1 class="columnTitle">{% trans '1. Organiser' %}</h1> |
33 {% blocktrans %} |
33 {% blocktrans %} |
34 Avant toute modification, vous pouvez changer la disposition de votre RENKAN : en colonne, en ligne ou en cercle.<br><br> |
34 Avant toute modification, vous pouvez changer la disposition de votre RENKAN : en colonne, en ligne ou en cercle.<br><br> |
35 Le graphe est en cercle par défaut. Le changement de disposition n’est plus disponible si le RENKAN a été modifié. |
35 Le graphe est en cercle par défaut. Le changement de disposition n’est plus disponible si le RENKAN a été modifié. |
36 {% endblocktrans %} |
36 {% endblocktrans %} |
37 </div> |
37 </div> |
38 <div class="column-center"> |
38 <div class="column-center"> |
39 <h1 class="columnTitle">{% trans '2. Ajouter' %}</h1> |
39 <h1 class="columnTitle">{% trans '2. Ajouter' %}</h1> |
40 <p>{% blocktrans %}Vous pouvez ajouter des ressources en faisant "Glisser – déposer" à partir de n’importe quelle fenêtre de navigation web.{% endblocktrans %}</p> |
40 <p>{% blocktrans %}Vous pouvez ajouter des ressources en faisant "Glisser – déposer" à partir de n’importe quelle fenêtre de navigation web.{% endblocktrans %}</p> |
41 <img src="{% static 'hdalab/img/dragndrop.png' %}" class="img-extend" /> |
41 <img src="{% static 'hdalab/img/dragndrop.png' %}" class="img-extend" /> |
42 <p> |
42 <p> |
43 {% blocktrans %} |
43 {% blocktrans %} |
44 Déplacez cette icône dans votre barre de signets. Glisser des éléments d'un site web, vers l’onglet de votre RENKAN jusqu’à ce que votre graphe apparaisse.<br> |
44 Déplacez cette icône dans votre barre de signets. Glisser des éléments d'un site web, vers l’onglet de votre RENKAN jusqu’à ce que votre graphe apparaisse.<br> |
45 Relâchez sur le graphe, le lien est ajouté. |
45 Relâchez sur le graphe, le lien est ajouté. |
46 {% endblocktrans %} |
46 {% endblocktrans %} |
47 </p> |
47 </p> |
48 </div> |
48 </div> |
49 <div class="column-right"> |
49 <div class="column-right"> |
50 <p> |
50 <p> |
51 <img src="{% static 'hdalab/img/extend.png' %}" class="img-extend" /> |
51 <img src="{% static 'hdalab/img/extend.png' %}" class="img-extend" /> |
52 {% blocktrans %} |
52 {% blocktrans %} |
53 L'icone ouvre un panel de recherche permettant de rechercher des ressources du site HDA ou Wikipédia, ainsi que retrouver des ressources supplémentaires en lien avec votre recherche. |
53 L'icone ouvre un panel de recherche permettant de rechercher des ressources du site HDA ou Wikipédia, ainsi que retrouver des ressources supplémentaires en lien avec votre recherche. |
54 {% endblocktrans %} |
54 {% endblocktrans %} |
55 </p> |
55 </p> |
56 <p> |
56 <p> |
57 {% blocktrans %} |
57 {% blocktrans %} |
58 Glissez – déposez la ressource choisie, elle est ajoutée au graphe. |
58 Glissez – déposez la ressource choisie, elle est ajoutée au graphe. |
59 {% endblocktrans %} |
59 {% endblocktrans %} |
60 </p> |
60 </p> |
61 <p>{% trans 'En cliquant sur l’icone à gauche vous pouvez ouvrir le panel de recherche pour retrouver des ressources du site HDA ou Wikipédia.' %}</p> |
61 <p>{% trans 'En cliquant sur l’icone à gauche vous pouvez ouvrir le panel de recherche pour retrouver des ressources du site HDA ou Wikipédia.' %}</p> |
62 </div> |
62 </div> |
63 </li> |
63 </li> |
64 <li class="slide3"> |
64 <li class="slide3"> |
65 <div class="slideShowTitle">{% trans 'Aide : Editer, Enregistrer, Gérer !' %}</div> |
65 <div class="slideShowTitle">{% trans 'Aide : Editer, Enregistrer, Gérer !' %}</div> |
66 <div class="column-left"> |
66 <div class="column-left"> |
67 <h1 class="columnTitle">{% trans '3. Éditer' %}</h1> |
67 <h1 class="columnTitle">{% trans '3. Éditer' %}</h1> |
68 <p> |
68 <p> |
69 {% blocktrans %} |
69 {% blocktrans %} |
70 Chaque ressource, tag, lien, peut être édité : le titre, la description, la taille, la couleur, l’image (URL) et la forme de chacun de ces éléments peuvent être personnalisés, grâce au menu circulaire décrit précédemment. |
70 Chaque ressource, tag, lien, peut être édité : le titre, la description, la taille, la couleur, l’image (URL) et la forme de chacun de ces éléments peuvent être personnalisés, grâce au menu circulaire décrit précédemment. |
71 {% endblocktrans %} |
71 {% endblocktrans %} |
72 </p> |
72 </p> |
73 <br> |
73 <br> |
74 <h1 class="columnTitle">{% trans '4. Enregistrer' %}</h1> |
74 <h1 class="columnTitle">{% trans '4. Enregistrer' %}</h1> |
75 {% blocktrans %} |
75 {% blocktrans %} |
76 Pensez à enregistrer votre RENKAN !<br> |
76 Pensez à enregistrer votre RENKAN !<br> |
77 Si la disquette est rouge : vos modifications n’ont pas encore été enregistrées.<br> |
77 Si la disquette est rouge : vos modifications n’ont pas encore été enregistrées.<br> |
78 Si elle est verte : c’est OK.<br> |
78 Si elle est verte : c’est OK.<br> |
79 {% endblocktrans %} |
79 {% endblocktrans %} |
80 </div> |
80 </div> |
81 <div class="column-right"> |
81 <div class="column-right"> |
82 <h1 class="columnTitle">{% trans '5. Gérer mes RENKAN' %}</h1> |
82 <h1 class="columnTitle">{% trans '5. Gérer mes RENKAN' %}</h1> |
83 <p> |
83 <p> |
84 {% blocktrans %} |
84 {% blocktrans %} |
85 Vous pouvez publier votre RENKAN : cliquez sur l’icône |
85 Vous pouvez publier votre RENKAN : cliquez sur l’icône |
86 {% endblocktrans %} |
86 {% endblocktrans %} |
87 <span class="publish-renkan"></span> |
87 <span class="publish-renkan"></span> |
88 </p> |
88 </p> |
89 <br> |
89 <br> |
90 <p> |
90 <p> |
91 {% blocktrans %} |
91 {% blocktrans %} |
92 Pour modifier un RENKAN enregistré, cliquez sur |
92 Pour modifier un RENKAN enregistré, cliquez sur |
93 {% endblocktrans %} |
93 {% endblocktrans %} |
94 <span class="ui-icon ui-icon-pencil"></span> |
94 <span class="ui-icon ui-icon-pencil"></span> |
95 </p> |
95 </p> |
96 <br> |
96 <br> |
97 <ul> |
97 <ul> |
98 {% trans 'Vous pouvez aussi :' %} |
98 {% trans 'Vous pouvez aussi :' %} |
99 <li><span class="ui-icon ui-icon-eye"></span> {% trans 'voir un RENKAN (lecture seule)' %}<br></li> |
99 <li><span class="ui-icon ui-icon-eye"></span> {% trans 'voir un RENKAN (lecture seule)' %}<br></li> |
100 <li><span class="ui-icon ui-icon-copy"></span> {% trans 'copier un RENKAN' %}<br></li> |
100 <li><span class="ui-icon ui-icon-copy"></span> {% trans 'copier un RENKAN' %}<br></li> |
101 <li><span class="ui-icon ui-icon-trash"></span> {% trans 'supprimer un RENKAN' %}<br></li> |
101 <li><span class="ui-icon ui-icon-trash"></span> {% trans 'supprimer un RENKAN' %}<br></li> |
102 <li><span class="unpublish-renkan"></span> {% trans 'dépublier un RENKAN' %}<br></li> |
102 <li><span class="unpublish-renkan"></span> {% trans 'dépublier un RENKAN' %}<br></li> |
103 </ul> |
103 </ul> |
104 </div> |
104 </div> |
105 </li> |
105 </li> |
106 </ul> |
106 </ul> |
107 </div> |
107 </div> |