Code source wiki de Gérer les fichiers photos

Version 15.1 par Joséphine Ducruet le 2025/06/20 17:00

Afficher les derniers auteurs
1 (% class="mark small" %)**Version 3.5.0 et ultérieurs**
2
3 |(% style="width:840px" %)(((
4 (% class="box" %)
5 (((
6 Dans Flora, les photos sont gérées au sein de **notices dédiées**, stockées dans des** tables de réservoir**. Elles ne sont jamais directement déposées dans les notices principales (biens, personnes, événements…), mais liées à celles-ci via un champ documentaire.
7
8 Quelques points essentiels à retenir :
9
10 * **Formats acceptés** : PNG, JPEG, TIFF, GIF, BMP
11 * **Règles de nommage strictes** : pas de ponctuation, ni de caractère &, et un nom court (env. 20 caractères)
12 * **Ajout des fichiers** : via glisser-déposer ou fenêtre de gestion avancée, depuis la notice Photothèque
13 * **Visualisation** : accessible depuis les listes, les notices, en mosaïque, diaporama ou HD
14 * **Fonctions disponibles** : zoom, rotation, miroir, modification des métadonnées, téléchargement, suppression
15 * **Photos HD et THDEF** : les fichiers >1Mo (v.4.5) sont automatiquement tuilés pour l’affichage HD ; les versions antérieures nécessitent un import par lot au-delà de 6Mo
16
17 Cette organisation permet une gestion centralisée, normalisée et évolutive des fichiers image dans Flora.
18 )))
19
20 (((
21 = Avant de commencer =
22
23 == Organisations des photos dans Flora : le rôle du réservoir de médias ==
24
25 Dans Flora, les photos ne sont pas enregistrées directement dans les notices principales (biens, événements, personnes, etc.).
26 Elles sont **gérées dans des notices spécifiques** au sein d’une **table du réservoir de médias et de documents**, la **Photothèque**.
27 Cette organisation permet de **centraliser les fichiers**, de les **documenter précisément** (titre, auteur, droits, etc.), et de **les lier à plusieurs notices** si nécessaire.
28
29 == Formats de fichiers compatibles ==
30
31 Flora prend en charge une large gamme de formats :
32
33 * **Photos** : PNG, JPEG, TIFF, GIF, BMP
34 * **3D** : via l’intégration avec **Sketchfab**
35
36 == Règles de nommage des fichiers ==
37
38 Pour assurer un bon fonctionnement, respectez ces bonnes pratiques :
39
40 * **Éviter **les mélanges majuscule/minuscule
41 * **Ne pas utiliser** de ponctuation (virgule, point, apostrophe…) : utilisez le caractère _
42 * **Ne jamais inclure** le caractère &, qui empêche l'affichage du fichier
43 * Limiter le nom à **environ 20 caractères**
44
45 = Intégrer une photo dans Flora =
46
47 == Création de la notice ==
48
49 Avant tout, commencez par **créer une notice dans une table du réservoir.**
50
51 1. Accéder à la table de réservoir et **cliquer sur le "+"** pour créer une nouvelle notice
52
53 [[Exemple de création d'une notice dans la table Photothèque>>image:1742386517735-125.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
54
55
56 (% start="2" %)
57 1. Sélectionnez la **grille de saisie** adaptée
58
59 [[Exemple de choix d'une grille de saisie simple dans la table Photothèque>>image:1742386573405-405.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
60
61
62 (% start="2" %)
63 1. **Compléter les champs** avec les informations descriptives adaptées
64
65 [[Exemple de champs disponibles dans une notice Photothèque>>image:1742386650505-702.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
66
67
68 (% start="2" %)
69 1. **Enregistrer** la notice
70
71 Votre fiche photo est prête à accueillir son fichier !
72
73 == Ajout du fichier photo ==
74
75 Deux méthodes possibles :
76
77 === Méthode simple : Glisser-déposer ===
78
79 * Ouvrir la notice
80 * Glissez simplement votre fichier photo depuis votre ordinateur vers le **pavé de gestion des fichiers**, situé à droite de la notice, dans l’**onglet Photos**
81
82 [[Glisser-Déposer d'un fichier photo dans une notice Photothèque>>image:1742387126508-222.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
83
84
85 (% class="box infomessage" %)
86 (((
87 En version **4.5 et plus**, il n’y a plus de limite de taille. Les fichiers de plus de 1 Mo sont automatiquement reconnus en **haute définition (HD)** et tuilés.
88
89 [[Exemple de visualisation d'une photo en haute définition>>image:1747662619130-779.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
90
91
92 En version **4.2**, la taille maximale est de 6 Mo. Au-delà, utilisez l’import par lot avec tuilage.
93 )))
94
95 (% class="box errormessage" %)
96 (((
97 Erreur fréquente :Si vous tentez de glisser un **fichier non-image** (ex. PDF) dans l’onglet **Photos**, Flora refusera l’opération. Pour ce type de document, utilisez l’onglet **Documents**.
98
99 [[Message d'erreur d'ajout d'un fichier qui n'est pas de type photos>>image:1742382344650-285.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
100 )))
101
102 === Méthode avancée : Fenêtre de gestion des fichiers ===
103
104 * Depuis l’onglet Photos, cliquez sur l’icône dédiée
105
106 [[Icone dédiée à l'ajout de fichier>>image:1742387691032-139.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
107
108
109 * Cliquer sur l'icone ajouter des photos
110
111 [[Icone dédiée à l'ajout de photos>>image:1742387788638-989.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
112
113
114 * Une fenêtre s'ouvre, cliquer sur Parcourir pour parcourir vos fichiez et sélectionnez la photo souhaitée
115
116 [[Parcourir vos fichiez>>image:1742387842319-744.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
117
118
119 [[Sélectionner la photo souhaitée>>image:1742387922649-515.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
120
121
122 * Valider l'ajout de la photo
123
124 [[Icone permettant de valider l'ajout de la photo>>image:1742387996485-838.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
125
126
127 [[Exemple d'une notice Photothèque avec un fichier photo>>image:1742388019633-227.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
128
129
130 = Visualiser les photos =
131
132 == Depuis une liste de résultats ==
133
134 Lorsque des notices possèdent des fichiers photos associés, **une miniature s’affiche automatiquement** dans la liste de résultats.
135
136 (% class="small" %)Ex : Dans la table //Bibliothèque//, lancez une recherche contenant des notices illustrées : la miniature apparaît à gauche du libellé.
137
138 >
139
140 (((
141 [[Exemples de miniatures sur une liste de résultats dans la Bibliothèque>>image:1742388247426-456.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
142
143
144 )))
145
146 Dans certaines tables, vous pouvez **changer le mode d’affichage** pour mieux visualiser les images.
147
148 >(% class="small" %)Ex : Le **mode mosaïque** présente la **première photo liée** à chaque notice, sous forme de grille.
149
150 (((
151 [[Exemple d'une liste de résultats de notice Biens en affichage mosaïque>>image:1742388376939-634.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
152
153
154 )))
155
156 Un **clic sur la miniature** ouvre la photo en **résolution moyenne** dans une nouvelle fenêtre du navigateur.
157
158 [[Exemple de visualisation d'une photo en résolution moyenne>>image:1742388544036-297.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
159
160
161 )))
162
163 (((
164 Si la photo est en haute définition, cliquer sur l'**icone HD** pour ouvrir la **visionneuse haute définition **et profiter d’un affichage optimisé avec zoom..
165
166 [[Exemple d'une photo en haute définition sur une liste de résultats de la Photothèque>>image:1736246353820-782.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
167
168
169 (% class="box warningmessage" %)
170 (((
171 Pour consulter **l’ensemble des photos associées à une notice**, il faut ouvrir la notice elle-même.
172 )))
173
174 == Depuis une notice ==
175
176 (% class="box infomessage" %)
177 (((
178 Dans Flora, les fonctionnalités disponibles pour consulter ou manipuler les fichiers photos **varient selon le type de notice consultée**.
179 On ne retrouve **pas les mêmes outils ni les mêmes possibilités** dans une **notice du réservoir de médias** (ex. : //Photothèque//) que dans une **notice principale liée** (ex. : //Bien//, //Personne//, //Événement//).
180 La notice du réservoir donne accès à **l’ensemble des fonctions de gestion des fichiers**, tandis que la notice principale permet uniquement une **visualisation des photos associées**.
181 )))
182
183 === Depuis une notice du réservoir de médias ===
184
185 **Fonctionnalités complètes disponibles** :
186
187 ==== **Pavé de gestion des fichiers** (onglet //Photos//)
188 Affiche les miniatures des photos associées. Possibilité de glisser-déposer, télécharger, modifier ou supprimer des fichiers. ====
189
190 [[Exemple du pavé de gestion des fichiers d'une notice Phtothèque>>image:1742391095016-659.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
191
192
193 (% class="box infomessage" %)
194 (((
195 **Astuce d’affichage**
196 Le **pavé de gestion des fichiers** (où s'affichent les photos associées) peut être **masqué ou affiché manuellement** dans les notices.
197 Sur certaines tables, il peut apparaître masqué par défaut.
198 **Dès qu’un fichier est associé**, Flora **déploie automatiquement** ce pavé pour vous en faciliter l'accès.
199
200
201 [[Masquer le pavé de gestion des fichiers>>image:1742391566279-963.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
202
203 [[Afficher le pavé de gestion des fichiers>>image:1742391592818-292.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
204 )))
205
206 ==== **Visionneuse haute définition (HD)**
207 Accès via l’icône HD pour zoomer sur les images en très haute qualité. ====
208
209 [[Visualiser une photo en haute définition>>image:1736246260864-421.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
210
211
212 ==== **Affichage en mosaïque**
213 Présentation simultanée de toutes les photos de la notice dans une fenêtre redimensionnable. ====
214
215 [[Icone permettant l'affichage en mosaïque>>image:1742391803001-149.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
216
217
218 ==== **Diaporama**
219 Le **diaporama** vous permet de visualiser toutes les photos associées à une notice, dans une fenêtre dédiée, enrichie d’une **barre d’outils complète**. ====
220
221 [[Icone permettant l'accès au diaporama>>image:1742393863101-856.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
222
223
224 * Navigation dans le diaporama
225
226 À gauche de l’écran, la **barre de défilement** affiche toutes les miniatures. Un **clic sur une miniature** affiche la photo correspondante à droite.
227
228 [[Affichage d'une miniature dans le diaporama>>image:1742392120369-955.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
229
230
231 Vous pouvez **masquer ou rétablir** cette barre d’un simple clic sur l’icône dédiée.
232
233 [[Icône pour masquer la barre de défilement>>image:1742392433899-473.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
234
235
236 * Outils disponibles
237 )))
238
239 (((
240 |=(% style="text-align: center;" %)**Icône**|=(% style="text-align: center;" %)**Fonction**|=(% style="text-align: center;" %)**Description**
241 |[[image:1691489082767-485.png||data-xwiki-image-style-alignment="center"]] [[image:1691489097015-977.png||data-xwiki-image-style-alignment="center"]]|(% style="text-align:center" %)Précédent / Suivant|(% style="text-align:center" %)Passer à la photo précédente ou suivante.
242 |[[image:1691489202749-372.png||data-xwiki-image-style-alignment="center"]]|(% style="text-align:center" %)Agrandir|(% style="text-align:center" %)Adapter la photo à la **largeur** de l’écran (sans améliorer la résolution).
243 |[[image:1691489214943-330.png||data-xwiki-image-style-alignment="center"]]|(% style="text-align:center" %)Réduire|(% style="text-align:center" %)Adapter la photo à la **hauteur** de l’écran.
244 |[[image:1691489228090-755.png||data-xwiki-image-style-alignment="center"]]|(% style="text-align:center" %)Taille originale|(% style="text-align:center" %)Afficher la photo à **100 %** de sa taille réelle.
245 |[[image:1691489238355-378.png||data-xwiki-image-style-alignment="center"]]|(% style="text-align:center" %)Ajuster à l’écran|(% style="text-align:center" %)Agrandir la photo à **200 %** pour un affichage plein écran.
246 |[[image:1691489417085-532.png||data-xwiki-image-style-alignment="center"]] [[image:1691489392655-916.png||data-xwiki-image-style-alignment="center"]]|(% style="text-align:center" %)Miroir horizontal / vertical|(% style="text-align:center" %)Retourner l’image horizontalement ou verticalement.
247 |[[image:1691489488711-581.png||data-xwiki-image-style-alignment="center"]] [[image:1691489498037-766.png||data-xwiki-image-style-alignment="center"]]|(% style="text-align:center" %)Rotation gauche / droite|(% style="text-align:center" %)Faire pivoter la photo dans le sens souhaité.
248 |[[image:1691489545924-216.png||data-xwiki-image-style-alignment="center"]]|(% style="text-align:center" %)Sauvegarder|(% style="text-align:center" %)Enregistrer une **copie modifiée** de la photo (images HD uniquement).
249 |[[image:1691489580693-198.png||data-xwiki-image-style-alignment="center"]]|(% style="text-align:center" %)Télécharger|(% style="text-align:center" %)Exporter toutes les photos du diaporama dans un **fichier ZIP**.
250 |[[image:1691489621953-465.png||data-xwiki-image-style-alignment="center"]]|(% style="text-align:center" %)Ajouter contenu HDEF|(% style="text-align:center" %)Importer des photos HD depuis le **répertoire serveur**.
251
252 === Depuis une notice principale ===
253
254 **Fonctionnalités de consultation uniquement :**
255
256 * **Zone de visualisation des fichiers associés**
257 Affichage en haut à droite de la notice.
258 Les fichiers liés apparaissent sous forme de miniatures (image moyenne).
259
260 [[Exemple de visualisation d'une photo sur une notice bien>>image:1750424763048-500.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
261
262 * **Clic sur la miniature**
263 Ouvre la photo dans une nouvelle fenêtre, en résolution moyenne.
264
265 [[Ouvrir la photo sans une nouvelle fenêtre>>image:1742392642952-840.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
266
267
268 * **Icône HD (si disponible)**
269 Permet d’ouvrir la photo dans la visionneuse haute définition.
270
271 [[Ouvrir une photo haute définition dans la visionneuse dédiée>>image:1742390706585-290.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
272
273
274 (% class="box warningmessage" %)
275 (((
276 Depuis une notice principale, **il n’est pas possible de modifier, supprimer ou ajouter** des fichiers photos. Ces actions se font **uniquement depuis la notice du réservoir**.
277 )))
278
279 = Intervenir sur les fichiers photos =
280
281 (% class="box infomessage" %)
282 (((
283 Les actions sur les fichiers photos (téléchargement, édition, suppression...) se réalisent depuis les notices descriptives du **réservoir de médias et de documents.**
284 )))
285
286 == Télécharger des photos ==
287
288 * Depuis une **notice** (téléchargement unitaire)
289
290 Dans le pavé de visualisation sur l'onglet **Photos**, cliquez sur le** bouton de téléchargement**. Les fichiers sont regroupés dans une **archive ZIP** automatiquement enregistrée dans le dossier de téléchargement de votre ordinateur.
291
292 [[Icone de téléchargement>>image:1742393147173-363.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
293
294
295 (% class="box infomessage" %)
296 (((
297 //Remarque// : pour récupérer des images **haute définition (HD)**, il est impératif de passer par le bouton prévu dans la notice du réservoir (et non via les listes de résultats). Les exports par lot ne conservent pas la qualité HD d’origine.
298
299 [[Icone de téléchargement en HD>>image:1742390798530-231.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
300 )))
301
302 * Depuis une **liste de résultats** (téléchargement en lot)
303
304 Sélectionnez plusieurs notices et utilisez la commande **Exporter les photos**.
305
306 [[Exporter des photos depuis une liste de résultats>>image:1742393233549-761.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
307
308
309 (% class="box warningmessage" %)
310 (((
311 //Attention// : ce mode ne permet d’exporter que des **photos basse définition**. Pour les HD, repassez par les notices une à une.
312 )))
313
314 == Modifier les attributs d'un fichier photo ==
315
316 Chaque photo possède une **fiche d’identité**. Vous pouvez en modifier les informations suivantes :
317
318 |=Champ|=Description
319 |**Libellé**|Nom du fichier, saisi automatiquement mais modifiable.
320 |**Description**|Texte libre, souvent repris depuis le libellé (sans extension).
321 |**Copyright**|Mention affichée au survol de l’image et utilisée comme **filigrane**.
322 |**Accessibilité**|(((
323 Niveau de confidentialité selon les profils utilisateurs Flora.
324 )))
325
326 * Depuis l'**onglet Photos** du carré de visualisation
327
328 1. Ouvrez la notice dans le réservoir.
329 1. Dans l'onglet **Photos**, cliquez sur l’icône de modification.
330
331 [[Icône de modification>>image:1750430749510-779.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
332
333
334 (% start="2" %)
335 1. Modifiez les champs souhaités.
336 1. Cliquez sur **Oui **pour enregistrer.
337
338 [[Champs permettant de gérer les attributs d'une photo>>image:1742393697135-447.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
339
340 (% class="box infomessage" %)
341 (((
342 Un filigrane est automatiquement appliqué sur la photo si le champ Copyright est renseigné (selon le paramétrage de la base prévu en mode projet).
343
344 [[Exemple de filigrane>>image:1742394007207-498.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
345 )))
346
347 * Depuis la fenêtre de gestion avancée des fichiers
348
349 1. Ouvrez la fenêtre de gestion avancée.
350
351 [[Icône pour ouvrir la fenêtre de gestion avancée>>image:1742394067623-329.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
352
353 1. **Sélectionnez** le fichier souhaité.
354 1. Cliquez sur l**’icône de modification**.
355 1. **Appliquez** vos modifications
356
357 [[Modification des attributs>>image:1742394190354-838.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
358
359
360 (% start="4" %)
361 1. **Enregistrez** les modifications
362
363 [[Icône pour enregistrer>>image:1742394357210-722.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
364
365
366 )))
367
368 (((
369 == Manipuler une photo (zoom, rotation, miroir...) ==
370
371 (% class="box infomessage" %)
372 (((
373 Disponible uniquement dans la **fenêtre de gestion avancée des notices réservoirs.**
374 )))
375
376
377 )))
378 )))|(% style="width:300px" %)(% class="box" %)
379 (((
380 **Sommaire**
381
382 {{toc depth="2"/}}
383
384
385 )))
386
387 = =
388
389 == Manipuler les photos depuis la fenêtre de gestion avancée des fichier ==
390
391
392 Les fichiers photos disposent d’une palette d’outils permettant leur manipulation et visualisation : rotation, zoom, etc. Ces outils sont disponibles dans la fenêtre de gestion avancée des fichiers. Cette fonctionnalité n'est donc disponible que dans les notices descriptives du réservoir de médias et de documents.
393
394 [[image:1742394607027-857.png||data-xwiki-image-style-alignment="center" class="img-thumbnail"]]
395
396
397 La barre d’outils de traitement permet d’effectuer un certain nombre d’opérations sur la photo ou l’image courante.
398
399 [[image:1742394647369-916.png||data-xwiki-image-style-alignment="center" class="img-thumbnail"]]
400
401 (% style="text-align: center;" %)
402 //Barre d'outils de traitement//
403
404
405 === Zoomer ===
406
407 * Le pas de zoom peut être modifié, en déplaçant le curseur de la barre de zoom avec la souris ou en saisissant une valeur (de **1** à** 200**), dans la zone** Zoom libre (**[[image:https://flora.doc.decalog.net/xwiki/wiki/flora/download/1_Fonctionnalit%C3%A9s/Fonctionnalit%C3%A9s%20communes/Le%20service%20GED/B.%20Naviguer/c.%20Ajouter%20des%20documents/WebHome/1691481988521-478.png?width=60&height=38&rev=1.1||alt="1691481988521-478.png" height="38" width="60"]]), validé par un clic à l'extérieur de la zone.
408 * [[image:https://flora.doc.decalog.net/xwiki/wiki/flora/download/1_Fonctionnalit%C3%A9s/Fonctionnalit%C3%A9s%20communes/Le%20service%20GED/B.%20Naviguer/c.%20Ajouter%20des%20documents/WebHome/1691481925054-439.png?width=52&height=44&rev=1.1||alt="1691481925054-439.png" height="44" width="52"]] Déplacement du curseur vers la gauche (de **1** à **100** %) => réduction de l'image
409 * [[image:https://flora.doc.decalog.net/xwiki/wiki/flora/download/1_Fonctionnalit%C3%A9s/Fonctionnalit%C3%A9s%20communes/Le%20service%20GED/B.%20Naviguer/c.%20Ajouter%20des%20documents/WebHome/1691481951013-472.png?width=55&height=37&rev=1.1||alt="1691481951013-472.png" height="37" width="55"]] Déplacement du curseur vers la droite (de **101** à **200** %) => agrandissement de l'image
410 * La fonction Zoom avancé ( [[image:https://flora.doc.decalog.net/xwiki/wiki/flora/download/1_Fonctionnalit%C3%A9s/Fonctionnalit%C3%A9s%20communes/Le%20service%20GED/B.%20Naviguer/c.%20Ajouter%20des%20documents/WebHome/1691481967148-685.png?width=36&height=42&rev=1.1||alt="1691481967148-685.png" height="42" width="36"]] ) permet d’obtenir des effets de loupe en naviguant sur la vignette de l’image.
411
412 A côté de la barre d'outils de traitement, la vignette de l'image est présentée, avec la loupe (cadre vert) positionnée à la taille du document visible dans la fenêtre de droite.
413
414 [[image:https://flora.doc.decalog.net/xwiki/wiki/flora/download/1_Fonctionnalit%C3%A9s/Fonctionnalit%C3%A9s%20communes/Le%20service%20GED/B.%20Naviguer/c.%20Ajouter%20des%20documents/WebHome/1691482614392-595.png?width=354&height=320&rev=1.1||alt="1691482614392-595.png" data-xwiki-image-style-alignment="center" height="320" width="354" class="img-thumbnail"]]
415
416 La taille de la loupe dans la vignette est réglée en cliquant sur les boutons placés au-dessous de celle-ci ; il suffit ensuite de déplacer la loupe dans la vignette avec la souris pour voir la partie sélectionnée modifiée dans la fenêtre à droite de la vignette :
417
418 * le bouton [[image:https://flora.doc.decalog.net/xwiki/wiki/flora/download/1_Fonctionnalit%C3%A9s/Fonctionnalit%C3%A9s%20communes/Le%20service%20GED/B.%20Naviguer/c.%20Ajouter%20des%20documents/WebHome/1691482238929-285.png?width=35&height=41&rev=1.1||alt="1691482238929-285.png" height="41" width="35"]] ou le bouton [[image:https://flora.doc.decalog.net/xwiki/wiki/flora/download/1_Fonctionnalit%C3%A9s/Fonctionnalit%C3%A9s%20communes/Le%20service%20GED/B.%20Naviguer/c.%20Ajouter%20des%20documents/WebHome/1691482233878-942.png?width=38&height=39&rev=1.1||alt="1691482233878-942.png" height="39" width="38"]]: le cadre vert et l'affichage du document correspondant se réduit ou s'agrandit.
419 * le bouton [[image:https://flora.doc.decalog.net/xwiki/wiki/flora/download/1_Fonctionnalit%C3%A9s/Fonctionnalit%C3%A9s%20communes/Le%20service%20GED/B.%20Naviguer/c.%20Ajouter%20des%20documents/WebHome/1691482258214-255.png?width=34&height=33&rev=1.1||alt="1691482258214-255.png" height="33" width="34"]] ou le bouton [[image:https://flora.doc.decalog.net/xwiki/wiki/flora/download/1_Fonctionnalit%C3%A9s/Fonctionnalit%C3%A9s%20communes/Le%20service%20GED/B.%20Naviguer/c.%20Ajouter%20des%20documents/WebHome/1691482253403-295.png?width=40&height=33&rev=1.1||alt="1691482253403-295.png" height="33" width="40"]]: le cadre vert et l'affichage du document correspondant se réduit ou s'agrandit en hauteur.
420 * le bouton [[image:https://flora.doc.decalog.net/xwiki/wiki/flora/download/1_Fonctionnalit%C3%A9s/Fonctionnalit%C3%A9s%20communes/Le%20service%20GED/B.%20Naviguer/c.%20Ajouter%20des%20documents/WebHome/1691482310176-491.png?width=37&height=36&rev=1.1||alt="1691482310176-491.png" height="36" width="37"]] ou le bouton [[image:https://flora.doc.decalog.net/xwiki/wiki/flora/download/1_Fonctionnalit%C3%A9s/Fonctionnalit%C3%A9s%20communes/Le%20service%20GED/B.%20Naviguer/c.%20Ajouter%20des%20documents/WebHome/1691482315788-800.png?width=38&height=33&rev=1.1||alt="1691482315788-800.png" height="33" width="38"]] : le cadre vert et l'affichage du document correspondant se réduit ou s'agrandit en largeur.
421 * le bouton [[image:https://flora.doc.decalog.net/xwiki/wiki/flora/download/1_Fonctionnalit%C3%A9s/Fonctionnalit%C3%A9s%20communes/Le%20service%20GED/B.%20Naviguer/c.%20Ajouter%20des%20documents/WebHome/1691482336911-557.png?width=40&height=32&rev=1.1||alt="1691482336911-557.png" height="32" width="40"]] : le cadre vert et l'affichage du document correspond à la totalité du document.
422 * Pour modifier la couleur du cadre cliquer sur le bouton [[image:https://flora.doc.decalog.net/xwiki/wiki/flora/download/1_Fonctionnalit%C3%A9s/Fonctionnalit%C3%A9s%20communes/Le%20service%20GED/B.%20Naviguer/c.%20Ajouter%20des%20documents/WebHome/1691482395367-377.png?width=46&height=36&rev=1.1||alt="1691482395367-377.png" height="36" width="46"]] et sélectionner la couleur choisie [[image:https://flora.doc.decalog.net/xwiki/wiki/flora/download/1_Fonctionnalit%C3%A9s/Fonctionnalit%C3%A9s%20communes/Le%20service%20GED/B.%20Naviguer/c.%20Ajouter%20des%20documents/WebHome/1691482432081-349.png?width=162&height=114&rev=1.1||alt="1691482432081-349.png" height="114" width="162"]] .
423
424 [[image:1742394786083-683.png||data-xwiki-image-style-alignment="center" class="img-thumbnail"]]
425
426 (% style="text-align: center;" %)
427 //Navigation avancée sur une photo//
428
429 (% class="box infomessage" %)
430 (((
431 **Si le zoom ne fonctionne pas de la manière décrite ci-dessus, vérifier que le navigateur utilisé dispose d'une version récente de java.**
432 )))
433
434
435 === Effectuer des rotations ===
436
437 * Bouton de rotation [[image:https://flora.doc.decalog.net/xwiki/wiki/flora/download/1_Fonctionnalit%C3%A9s/Fonctionnalit%C3%A9s%20communes/Le%20service%20GED/B.%20Naviguer/c.%20Ajouter%20des%20documents/WebHome/1691482857370-555.png?width=61&height=55&rev=1.1||alt="1691482857370-555.png" height="55" width="61"]] : il permet – par simple clic sur une de ses valeurs – d’effectuer la rotation correspondante de la photo ou de l'image.
438
439 * Zone **Rotation libre** [[image:https://flora.doc.decalog.net/xwiki/wiki/flora/download/1_Fonctionnalit%C3%A9s/Fonctionnalit%C3%A9s%20communes/Le%20service%20GED/B.%20Naviguer/c.%20Ajouter%20des%20documents/WebHome/1691482885433-457.png?width=71&height=46&rev=1.1||alt="1691482885433-457.png" height="46" width="71"]] : elle a le même effet, suite à saisie manuelle de la valeur de rotation (de **0** à **359**), validé par un clic à l'extérieur de la zone.
440
441 [[image:1742394831428-559.png||data-xwiki-image-style-alignment="center" class="img-thumbnail"]]
442
443 (% style="text-align: center;" %)
444 //Exemple de rotation//
445
446 === Effectuer un effet miroir ===
447
448 Ces fonctions sont intéressantes pour retourner un document photo ou image, horizontalement ou verticalement.
449
450 * [[image:1742394905719-429.png||class="img-thumbnail"]] Image miroir horizontale : retournement de la photo selon un axe de miroir horizontal (ce qui était à droite devient le côté gauche).
451
452 * [[image:1742394913446-155.png||class="img-thumbnail"]] Image miroir verticale : projection de la photo selon un axe de miroir horizontal (ce qui était en haut devient la base).
453
454 === Enregistrer les modifications ===
455
456 La fonctionnalité est accessible via le bouton [[image:1742394930921-564.png||class="img-thumbnail"]].
457
458 Elle n'est accessible que pour les images au format HIGH.
459
460 Principes :
461
462 * Une "Sauvegarde" crée une copie de l'image d'origine avec en plus les modifications effectuées.
463 * L'image est sauvegardée sous un nom différent et ne peut en aucun cas écraser l'image d'origine, ni même aucune autre image (un message d'erreur est prévu le cas échéant).
464 * Le nom de l'image sauvegardée est saisi par l'utilisateur.
465 * L'image est sauvegardée au même niveau que l'image initiale.
466 * Une sauvegarde implique automatiquement la création des 2 autres formats associés (medium et low).
467
468 [[image:1742395002590-106.png||data-xwiki-image-style-alignment="center" class="img-thumbnail"]]
469
470 (% style="text-align: center;" %)
471 //Enregistrement de la modification//
472
473 Réactualisation post sauvegarde :
474
475 * A la suite d'une sauvegarde, l'arborescence (à gauche) est ré-actualisée afin d'y faire apparaître la nouvelle image.
476 * La nouvelle image est sélectionnée dans l'arborescence et le panneau de droite ré-actualisé afin de continuer l'édition sur la nouvelle image.
477
478 [[image:1742395068259-101.png||data-xwiki-image-style-alignment="center" class="img-thumbnail"]]
479
480 (% style="text-align: center;" %)
481 //Exemple de modification - photo sauvegardée//
482
483 (% class="box infomessage" %)
484 (((
485 **La copie de l'image obtenue peut être sauvegardée a son tour, au même titre que l'original. Pour valider les modification cliquer sur [[image:1742395103021-803.png]] avant de revenir sur la notice initiale.**
486 )))
487
488 Résultat :
489
490 [[image:1742395154613-564.png||data-xwiki-image-style-alignment="center" class="img-thumbnail"]]
491
492 == (% id="cke_bm_536S" style="display:none" %) (%%)Supprimer un fichier photo ==
493
494 Depuis une notice descriptive du réservoir de médias et de documents, il est possible de supprimer une photo en cliquant sur la [[image:1742395271448-299.png||class="img-thumbnail"]].
495
496 Se positionner dans l'onglet Photos, situé dans le pavé de gestion des fichiers, et cliquer sur la [[image:1742395271448-299.png||class="img-thumbnail"]] située en haut à droite de la photo à supprimer.
497
498 [[image:1742395308092-131.png||data-xwiki-image-style-alignment="center" class="img-thumbnail"]]
499
500 (% style="text-align: center;" %)
501 //Affichage de la photo à supprimer//
502
503
504 Un message de demande de confirmation s'affiche. Cliquer sur OUI.
505
506 [[image:1742395392537-875.png||data-xwiki-image-style-alignment="center" class="img-thumbnail"]]
507
508 (% style="text-align: center;" %)
509 //Demande de confirmation de la suppression//
510
511 = Gérer des fichiers 3D =
512
513
514 (% class="box warningmessage" %)
515 (((
516 **Attention : la gestion des fichiers 3D nécessite un paramétrage spécifique, qui permet d'interfacer Flora avec le profil Sketchfab du client.**
517 )))
518
519
520 == Insérer un fichier 3D dans Flora ==
521
522
523 === Étapes préalables ===
524
525
526 ==== Logiciel Sketchfab ====
527
528 Pour insérer un fichier 3D dans Flora, il faut au préalable avoir déposé les documents 3D sur la plateforme Sketchfab.
529
530 L'image 3D doit également avoir été publiée sur Sketchafb pour être ensuite manipulée dans Flora.
531
532
533 ==== Flora ====
534
535 La gestion des fichiers 3D demande de respecter les mêmes règles que pour des fichiers photos standards, à savoir : avoir préalablement créé une notice dans une table du réservoir de médias et de documents (Photothèque par exemple).
536
537
538 === Associer un fichier 3D ===
539
540
541 Exemple pour la table Photothèque.
542
543 Une fois la notice créée dans une table du réservoir de médias et de documents, se positionner dans l'onglet Photos, situé dans le pavé de gestion des fichiers, et cliquer sur l'icône  [[image:1742396959077-794.png||class="img-thumbnail"]].
544
545 [[image:1742396788727-907.png||data-xwiki-image-style-alignment="center" class="img-thumbnail"]]
546
547
548 Recherche le fichier 3D à intégrer dans Flora.
549
550 Cette recherche est interfacée avec le logiciel Sketchfab ; elle permet de faire remonter les fichiers 3D préalablement déposés et publiés sur la plateforme.
551
552 [[image:1742397013343-517.png||data-xwiki-image-style-alignment="center" class="img-thumbnail"]]
553
554
555 Sélectionner le fichier 3D à intégrer et cliquer sur associer les modèles sélectionnés :
556
557 [[image:1742397151241-977.png||data-xwiki-image-style-alignment="center" class="img-thumbnail"]]
558
559
560 Résultat :
561
562 [[image:1742397179043-220.png||class="img-thumbnail"]]
563
564
565 == Visualiser les fichiers 3D ==
566
567
568 === Depuis une liste de résultats ===
569
570 Depuis une liste de résultats, les notices documentaires liées à des notices contenant des fichiers 3D sont identifiées grâce à l'icône [[image:1742397615565-224.png||class="img-thumbnail"]].
571
572 Exemple de liste de résultats dans la table des Biens.
573
574 [[image:1742397649376-436.png||data-xwiki-image-style-alignment="center" class="img-thumbnail"]]
575
576
577 En cliquant sur cet icône, une nouvelle fenêtre s'ouvre. Elle permet de manipuler le fichier 3D.
578
579 [[image:1742397750971-535.png||data-xwiki-image-style-alignment="center" class="img-thumbnail"]]
580
581
582 === Depuis une notice ===
583
584
585 ==== Dans une notice descriptive du réservoir de médias et de documents ====
586
587 Exemple pour la table Photothèque.
588
589 Pour visualiser le modèle 3D, cliquer sur le bouton dédié :
590
591 [[image:https://flora.doc.decalog.net/xwiki/wiki/flora/download/Main/Foire%20Aux%20Questions/Version%204.5/FAQ%20Photos%20%3A%20conna%C3%AEtre%20la%20diff%C3%A9rence%20entre%20liens%20documentaires%20et%20R%C3%A9servoir%20M%C3%A9dia%20et%20Documents/WebHome/1741020207836-428.png?rev=1.1||alt="1741020207836-428.png" data-xwiki-image-style-alignment="center" class="img-thumbnail"]]
592
593 Une fenêtre s'ouvre et permet de manipuler le modèle 3D :
594
595 [[image:1742397828176-881.png||data-xwiki-image-style-alignment="center" class="img-thumbnail"]]
596
597 (% style="text-align: center;" %)
598 //Visualisation du fichier 3D//
599
600
601 ==== Dans une notice descriptive avec liens documentaires vers le réservoir de médias et de documents ====
602
603 (% id="cke_bm_11977S" style="display:none" %) (%%)Les notices documentaires liées à des notices contenant des fichiers 3D sont identifiées grâce à l'icône [[image:1742397615565-224.png||class="img-thumbnail"]].
604
605 Exemple pour la table des Biens.
606
607 [[image:1742397980887-653.png||data-xwiki-image-style-alignment="center" class="img-thumbnail"]]
608
609
610 En cliquant sur cet icône, une nouvelle fenêtre s'ouvre. Elle permet de manipuler le fichier 3D.
611
612 [[image:1742398005581-696.png||data-xwiki-image-style-alignment="center" class="img-thumbnail"]]
613
614
615 == Stockage des fichiers 3D ==
616
617
618 ​​Flora ne stocke pas les fichiers 3D en tant que tels, mais pointe sur des URL gérées dans un outil dédié Sketchfab ; les navigateurs web et Windows ne permettent pas encore d'afficher nativement ces fichiers.
619
620 [[image:https://flora.doc.decalog.net/xwiki/wiki/flora/download/Main/Foire%20Aux%20Questions/Version%204.5/FAQ%20Photos%20%3A%20conna%C3%AEtre%20la%20diff%C3%A9rence%20entre%20liens%20documentaires%20et%20R%C3%A9servoir%20M%C3%A9dia%20et%20Documents/WebHome/1741020015534-159.png?rev=1.1||alt="1741020015534-159.png" data-xwiki-image-style-alignment="center" class="img-thumbnail"]]
621
622 (% style="text-align: center;" %)
623 //Fichier 3D dans la table Photothèque du réservoir de médias et de documents Flora//
624
625 [[image:https://flora.doc.decalog.net/xwiki/wiki/flora/download/Main/Foire%20Aux%20Questions/Version%204.5/FAQ%20Photos%20%3A%20conna%C3%AEtre%20la%20diff%C3%A9rence%20entre%20liens%20documentaires%20et%20R%C3%A9servoir%20M%C3%A9dia%20et%20Documents/WebHome/1741020068740-630.png?rev=1.1||alt="1741020068740-630.png" data-xwiki-image-style-alignment="center" class="img-thumbnail"]]
626
627 (% style="text-align: center;" %)
628 //Visualisation du fichier 3D //
629
630 (% class="wikigeneratedid" id="H-1" style="text-align: center;" %)
631 (% id="cke_bm_7267S" style="display:none" %)// //(% id="cke_bm_5535S" style="display:none" %)// //