Skip to Content

Code source wiki de Gérer les fichiers photos

Version 18.1 par Joséphine Ducruet le 2025/06/23 10:47
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="margin-left:auto; margin-right:auto; width:919.222px" %)
241 |=(% style="text-align: center;" %)**Icône**|=(% style="text-align: center; width: 189px;" %)**Fonction**|=(% style="text-align: center; width: 502px;" %)**Description**
242 |[[image:1691489082767-485.png||data-xwiki-image-style-alignment="center"]] [[image:1691489097015-977.png||data-xwiki-image-style-alignment="center"]]|(% style="text-align:center; width:189px" %)Précédent / Suivant|(% style="text-align:center; width:502px" %)Passer à la photo précédente ou suivante.
243 |[[image:1691489202749-372.png||data-xwiki-image-style-alignment="center"]]|(% style="text-align:center; width:189px" %)Agrandir|(% style="text-align:center; width:502px" %)Adapter la photo à la **largeur** de l’écran (sans améliorer la résolution).
244 |[[image:1691489214943-330.png||data-xwiki-image-style-alignment="center"]]|(% style="text-align:center; width:189px" %)Réduire|(% style="text-align:center; width:502px" %)Adapter la photo à la **hauteur** de l’écran.
245 |[[image:1691489228090-755.png||data-xwiki-image-style-alignment="center"]]|(% style="text-align:center; width:189px" %)Taille originale|(% style="text-align:center; width:502px" %)Afficher la photo à **100 %** de sa taille réelle.
246 |[[image:1691489238355-378.png||data-xwiki-image-style-alignment="center"]]|(% style="text-align:center; width:189px" %)Ajuster à l’écran|(% style="text-align:center; width:502px" %)Agrandir la photo à **200 %** pour un affichage plein écran.
247 |[[image:1691489417085-532.png||data-xwiki-image-style-alignment="center"]] [[image:1691489392655-916.png||data-xwiki-image-style-alignment="center"]]|(% style="text-align:center; width:189px" %)Miroir horizontal / vertical|(% style="text-align:center; width:502px" %)Retourner l’image horizontalement ou verticalement.
248 |[[image:1691489488711-581.png||data-xwiki-image-style-alignment="center"]] [[image:1691489498037-766.png||data-xwiki-image-style-alignment="center"]]|(% style="text-align:center; width:189px" %)Rotation gauche / droite|(% style="text-align:center; width:502px" %)Faire pivoter la photo dans le sens souhaité.
249 |[[image:1691489545924-216.png||data-xwiki-image-style-alignment="center"]]|(% style="text-align:center; width:189px" %)Sauvegarder|(% style="text-align:center; width:502px" %)Enregistrer une **copie modifiée** de la photo (images HD uniquement).
250 |[[image:1691489580693-198.png||data-xwiki-image-style-alignment="center"]]|(% style="text-align:center; width:189px" %)Télécharger|(% style="text-align:center; width:502px" %)Exporter toutes les photos du diaporama dans un **fichier ZIP**.
251 |[[image:1691489621953-465.png||data-xwiki-image-style-alignment="center"]]|(% style="text-align:center; width:189px" %)Ajouter contenu HDEF|(% style="text-align:center; width:502px" %)Importer des photos HD depuis le **répertoire serveur**.
252
253 === Depuis une notice principale ===
254
255 **Fonctionnalités de consultation uniquement :**
256
257 * **Zone de visualisation des fichiers associés**
258 Affichage en haut à droite de la notice.
259 Les fichiers liés apparaissent sous forme de miniatures (image moyenne).
260
261 [[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"]]
262
263 * **Clic sur la miniature**
264 Ouvre la photo dans une nouvelle fenêtre, en résolution moyenne.
265
266 [[Ouvrir la photo sans une nouvelle fenêtre>>image:1742392642952-840.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
267
268
269 * **Icône HD (si disponible)**
270 Permet d’ouvrir la photo dans la visionneuse haute définition.
271
272 [[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"]]
273
274
275 (% class="box warningmessage" %)
276 (((
277 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**.
278 )))
279
280 = Intervenir sur les fichiers photos =
281
282 (% class="box infomessage" %)
283 (((
284 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.**
285 )))
286
287 == Télécharger des photos ==
288
289 * Depuis une **notice** (téléchargement unitaire)
290
291 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.
292
293 [[Icone de téléchargement>>image:1742393147173-363.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
294
295
296 (% class="box infomessage" %)
297 (((
298 //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.
299
300 [[Icone de téléchargement en HD>>image:1742390798530-231.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
301 )))
302
303 * Depuis une **liste de résultats** (téléchargement en lot)
304
305 Sélectionnez plusieurs notices et utilisez la commande **Exporter les photos**.
306
307 [[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"]]
308
309
310 (% class="box warningmessage" %)
311 (((
312 //Attention// : ce mode ne permet d’exporter que des **photos basse définition**. Pour les HD, repassez par les notices une à une.
313 )))
314
315 == Modifier les attributs d'un fichier photo ==
316
317 Chaque photo possède une **fiche d’identité**. Vous pouvez en modifier les informations suivantes :
318
319 (% style="margin-left:auto; margin-right:auto; width:701.222px" %)
320 |=Champ|=(% style="width: 434px;" %)Description
321 |**Libellé**|(% style="width:434px" %)Nom du fichier, saisi automatiquement mais modifiable.
322 |**Description**|(% style="width:434px" %)Texte libre, souvent repris depuis le libellé (sans extension).
323 |**Copyright**|(% style="width:434px" %)Mention affichée au survol de l’image et utilisée comme **filigrane**.
324 |**Accessibilité**|(% style="width:434px" %)(((
325 Niveau de confidentialité selon les profils utilisateurs Flora.
326 )))
327
328 * Depuis l'**onglet Photos** du carré de visualisation
329
330 1. Ouvrez la notice dans le réservoir.
331 1. Dans l'onglet **Photos**, cliquez sur l’icône de modification.
332
333 [[Icône de modification>>image:1750430749510-779.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
334
335
336 (% start="2" %)
337 1. Modifiez les champs souhaités.
338 1. Cliquez sur **Oui **pour enregistrer.
339
340 [[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"]]
341
342 (% class="box infomessage" %)
343 (((
344 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).
345
346 [[Exemple de filigrane>>image:1742394007207-498.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
347 )))
348
349 * Depuis la fenêtre de gestion avancée des fichiers
350
351 1. Ouvrez la fenêtre de gestion avancée.
352
353 [[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"]]
354
355 1. **Sélectionnez** le fichier souhaité.
356 1. Cliquez sur l**’icône de modification**.
357 1. **Appliquez** vos modifications
358
359 [[Modification des attributs>>image:1742394190354-838.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
360
361
362 (% start="4" %)
363 1. **Enregistrez** les modifications
364
365 [[Icône pour enregistrer>>image:1742394357210-722.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
366
367
368 )))
369
370 (((
371 == Manipuler une photo (zoom, rotation, miroir...) ==
372
373
374 La **fenêtre de gestion avancée des fichiers** vous permet de visualiser et d’intervenir directement sur les fichiers photos associés à une notice du réservoir de médias et de documents. Cette fonctionnalité n’est **disponible que dans ces tables dédiées**.
375
376 (% class="box warningmessage" %)
377 (((
378 Disponible uniquement dans la **fenêtre de gestion avancée des notices réservoirs.**
379 )))
380
381 [[Icône permettant d'accéder à la fenêtre de gestion avancée>>image:1742394607027-857.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
382
383
384 Une **barre d’outils de traitement** est intégrée à cette fenêtre. Elle permet d’appliquer plusieurs modifications à une photo sans quitter l’interface : zoom, rotation, effet miroir, enregistrement, suppression…
385
386 [[Barre d'outils de traitement>>image:1742394647369-916.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
387
388
389 === Zoom ===
390
391 * **Zoom manuel** : jouez avec le curseur ou saisissez directement une valeur entre 1 % et 200 %.
392
393 [[Outils de zoom manuel>>image:1750665787732-112.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true" height="608" width="1236"]]
394
395
396 )))
397
398 (((
399 * **Zoom avancé (fonction loupe)** : envie de zoomer tout en gardant une vue d’ensemble ? La **vignette** à gauche vous permet de viser exactement la zone à agrandir grâce au **cadre vert**.
400
401 [[Zoom avancé>>image:1750666089395-345.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
402
403
404 **Ajustez le cadre à votre guise** avec les boutons juste en dessous :
405
406 (% style="margin-left:auto; margin-right:auto; width:774.222px" %)
407 |=(% style="text-align: center;" %)**Icône**|=(% style="width: 493px; text-align: center;" %)**Fonction**
408 |(% style="text-align:center" %)[[image:1750666673861-745.png]]|(% style="text-align:center; width:493px" %)Agrandir ou réduire globalement la zone de zoom (loupe)
409 |(% style="text-align:center" %)[[image:1750666700833-162.png]]|(% style="text-align:center; width:493px" %)Ajuster la **hauteur** du cadre de zoom
410 |(% style="text-align:center" %)[[image:1750666720103-501.png]]|(% style="text-align:center; width:493px" %)Ajuster la **largeur** du cadre de zoom
411 |(% style="text-align:center" %)[[image:1750666736757-986.png]]|(% style="text-align:center; width:493px" %)Adapter le cadre de zoom à **l’image entière**
412 |(% style="text-align:center" %)[[image:1750666765711-809.png]]|(% style="text-align:center; width:493px" %)Modifier la **couleur** du cadre de zoom
413
414
415
416 (% class="box infomessage" %)
417 (((
418 Si ça ne fonctionne pas comme prévu, pensez à vérifier que Java est bien à jour sur votre navigateur.
419 )))
420
421 === Rotation ===
422
423 * Utilisez les **boutons prédéfinis** pour faire pivoter l’image.
424 * Ou saisissez manuellement un **angle de rotation libre** (de 0 à 359°), puis cliquez en dehors du champ pour valider.
425
426 [[Outils de rotation>>image:1750667002539-975.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
427 )))
428
429 (((
430 === Effet miroir ===
431
432 Besoin d’inverser une photo ? Deux options s’offrent à vous grâce à l’effet miroir :
433
434 * **Miroir horizontal** : l’image est retournée de gauche à droite (ce qui était à droite devient la gauche).
435 * **Miroir vertical** : l’image est retournée de haut en bas (le haut devient la base).
436
437 [[Icônes de l'effet miroir>>image:1750667607113-166.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
438
439
440 === Enregistrer une version modifiée ===
441
442 Cliquez sur l’icône d’enregistrement pour créer une **copie modifiée** de l’image d’origine.
443
444 La sauvegarde :
445
446 * ne remplace jamais l’image initiale ;
447 * génère une image sous un **nouveau nom saisi par l’utilisateur** ;
448 * crée automatiquement les formats associés **medium** et **low** ;
449 * place la copie **au même niveau** que le fichier source dans l’arborescence.
450 * Une fois la sauvegarde terminée, l’**arborescence est actualisée**, et la nouvelle image est sélectionnée automatiquement pour continuer l’édition.
451
452 [[Enregistrement de la version modifiée>>image:1742395002590-106.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
453
454
455 [[Ajout de la version modifiée dans l'arborescence>>image:1742395068259-101.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
456
457
458 (% class="box warningmessage" %)
459 (((
460 Ne pas oublier d'enregistrer les modifications avant de revenir sur la notice initiale.
461
462
463 [[Icône permettant de valider les modifications>>image:1750668133963-964.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
464 )))
465
466 == Supprimer une photo ==
467
468 Depuis l’**onglet Photos** d’une notice descriptive du réservoir de médias et de documents :
469
470 1. Cliquez sur l’**icône de suppression** (en haut à droite de la photo).
471
472 [[Icône de suppression>>image:1742395308092-131.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
473
474
475 (% start="2" %)
476 1. Une **fenêtre de confirmation** s’affiche.
477 1. Cliquez sur **OUI** pour valider la suppression.
478
479 [[Confirmation de suppression>>image:1742395392537-875.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
480
481
482
483 )))
484 )))|(% style="width:300px" %)(% class="box" %)
485 (((
486 ***Sommaire**
487
488 {{toc depth="2"/}}
489
490
491 )))
492
493 = =
494
495 == Manipuler les photos depuis la fenêtre de gestion avancée des fichier ==
496
497
498 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.
499
500 [[image:1742394607027-857.png||data-xwiki-image-style-alignment="center" class="img-thumbnail"]]
501
502
503 La barre d’outils de traitement permet d’effectuer un certain nombre d’opérations sur la photo ou l’image courante.
504
505 [[image:1742394647369-916.png||data-xwiki-image-style-alignment="center" class="img-thumbnail"]]
506
507 (% style="text-align: center;" %)
508 //Barre d'outils de traitement//
509
510
511 === Zoomer ===
512
513 * 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.
514 * [[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
515 * [[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
516 * 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.
517
518 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.
519
520 [[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"]]
521
522 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 :
523
524 * 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.
525 * 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.
526 * 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.
527 * 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.
528 * 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"]] .
529
530 [[image:1742394786083-683.png||data-xwiki-image-style-alignment="center" class="img-thumbnail"]]
531
532 (% style="text-align: center;" %)
533 //Navigation avancée sur une photo//
534
535 (% class="box infomessage" %)
536 (((
537 **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.**
538 )))
539
540
541 === Effectuer des rotations ===
542
543 * 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.
544
545 * 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.
546
547 [[image:1742394831428-559.png||data-xwiki-image-style-alignment="center" class="img-thumbnail"]]
548
549 (% style="text-align: center;" %)
550 //Exemple de rotation//
551
552 === Effectuer un effet miroir ===
553
554 Ces fonctions sont intéressantes pour retourner un document photo ou image, horizontalement ou verticalement.
555
556 * [[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).
557
558 * [[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).
559
560 === Enregistrer les modifications ===
561
562 La fonctionnalité est accessible via le bouton [[image:1742394930921-564.png||class="img-thumbnail"]].
563
564 Elle n'est accessible que pour les images au format HIGH.
565
566 Principes :
567
568 * Une "Sauvegarde" crée une copie de l'image d'origine avec en plus les modifications effectuées.
569 * 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).
570 * Le nom de l'image sauvegardée est saisi par l'utilisateur.
571 * L'image est sauvegardée au même niveau que l'image initiale.
572 * Une sauvegarde implique automatiquement la création des 2 autres formats associés (medium et low).
573
574 [[image:1742395002590-106.png||data-xwiki-image-style-alignment="center" class="img-thumbnail"]]
575
576 (% style="text-align: center;" %)
577 //Enregistrement de la modification//
578
579 Réactualisation post sauvegarde :
580
581 * A la suite d'une sauvegarde, l'arborescence (à gauche) est ré-actualisée afin d'y faire apparaître la nouvelle image.
582 * 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.
583
584 [[image:1742395068259-101.png||data-xwiki-image-style-alignment="center" class="img-thumbnail"]]
585
586 (% style="text-align: center;" %)
587 //Exemple de modification - photo sauvegardée//
588
589 (% class="box infomessage" %)
590 (((
591 **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.**
592 )))
593
594 Résultat :
595
596 [[image:1742395154613-564.png||data-xwiki-image-style-alignment="center" class="img-thumbnail"]]
597
598 == (% id="cke_bm_536S" style="display:none" %) (%%)Supprimer un fichier photo ==
599
600 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"]].
601
602 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.
603
604 [[image:1742395308092-131.png||data-xwiki-image-style-alignment="center" class="img-thumbnail"]]
605
606 (% style="text-align: center;" %)
607 //Affichage de la photo à supprimer//
608
609
610 Un message de demande de confirmation s'affiche. Cliquer sur OUI.
611
612 [[image:1742395392537-875.png||data-xwiki-image-style-alignment="center" class="img-thumbnail"]]
613
614 (% style="text-align: center;" %)
615 //Demande de confirmation de la suppression//
616
617 = Gérer des fichiers 3D =
618
619
620 (% class="box warningmessage" %)
621 (((
622 **Attention : la gestion des fichiers 3D nécessite un paramétrage spécifique, qui permet d'interfacer Flora avec le profil Sketchfab du client.**
623 )))
624
625
626 == Insérer un fichier 3D dans Flora ==
627
628
629 === Étapes préalables ===
630
631
632 ==== Logiciel Sketchfab ====
633
634 Pour insérer un fichier 3D dans Flora, il faut au préalable avoir déposé les documents 3D sur la plateforme Sketchfab.
635
636 L'image 3D doit également avoir été publiée sur Sketchafb pour être ensuite manipulée dans Flora.
637
638
639 ==== Flora ====
640
641 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).
642
643
644 === Associer un fichier 3D ===
645
646
647 Exemple pour la table Photothèque.
648
649 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"]].
650
651 [[image:1742396788727-907.png||data-xwiki-image-style-alignment="center" class="img-thumbnail"]]
652
653
654 Recherche le fichier 3D à intégrer dans Flora.
655
656 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.
657
658 [[image:1742397013343-517.png||data-xwiki-image-style-alignment="center" class="img-thumbnail"]]
659
660
661 Sélectionner le fichier 3D à intégrer et cliquer sur associer les modèles sélectionnés :
662
663 [[image:1742397151241-977.png||data-xwiki-image-style-alignment="center" class="img-thumbnail"]]
664
665
666 Résultat :
667
668 [[image:1742397179043-220.png||class="img-thumbnail"]]
669
670
671 == Visualiser les fichiers 3D ==
672
673
674 === Depuis une liste de résultats ===
675
676 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"]].
677
678 Exemple de liste de résultats dans la table des Biens.
679
680 [[image:1742397649376-436.png||data-xwiki-image-style-alignment="center" class="img-thumbnail"]]
681
682
683 En cliquant sur cet icône, une nouvelle fenêtre s'ouvre. Elle permet de manipuler le fichier 3D.
684
685 [[image:1742397750971-535.png||data-xwiki-image-style-alignment="center" class="img-thumbnail"]]
686
687
688 === Depuis une notice ===
689
690
691 ==== Dans une notice descriptive du réservoir de médias et de documents ====
692
693 Exemple pour la table Photothèque.
694
695 Pour visualiser le modèle 3D, cliquer sur le bouton dédié :
696
697 [[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"]]
698
699 Une fenêtre s'ouvre et permet de manipuler le modèle 3D :
700
701 [[image:1742397828176-881.png||data-xwiki-image-style-alignment="center" class="img-thumbnail"]]
702
703 (% style="text-align: center;" %)
704 //Visualisation du fichier 3D//
705
706
707 ==== Dans une notice descriptive avec liens documentaires vers le réservoir de médias et de documents ====
708
709 (% 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"]].
710
711 Exemple pour la table des Biens.
712
713 [[image:1742397980887-653.png||data-xwiki-image-style-alignment="center" class="img-thumbnail"]]
714
715
716 En cliquant sur cet icône, une nouvelle fenêtre s'ouvre. Elle permet de manipuler le fichier 3D.
717
718 [[image:1742398005581-696.png||data-xwiki-image-style-alignment="center" class="img-thumbnail"]]
719
720
721 == Stockage des fichiers 3D ==
722
723
724 ​​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.
725
726 [[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"]]
727
728 (% style="text-align: center;" %)
729 //Fichier 3D dans la table Photothèque du réservoir de médias et de documents Flora//
730
731 [[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"]]
732
733 (% style="text-align: center;" %)
734 //Visualisation du fichier 3D //
735
736 (% class="wikigeneratedid" id="H-1" style="text-align: center;" %)
737 (% id="cke_bm_7267S" style="display:none" %)// //(% id="cke_bm_5535S" style="display:none" %)// //