Code source wiki de Gérer les fichiers photos

Version 60.1 par admin admin le 2025/08/08 11:02

Afficher les derniers auteurs
1 (% class="mark small" %)**Versions 3.5 et ultérieures**
2
3 (% style="width:1377px" %)
4 |(% style="width:919px" %)(((
5 (% class="box" %)
6 (((
7 Dans Flora, les photos **ne sont pas enregistrées directement** dans les notices principales (comme celles des biens ou des événements).
8 Elles sont **stockées séparément**, dans des **notices dédiées** regroupées dans des tables appelées **réservoirs**, par exemple la Photothèque.
9
10 Ce système permet de mieux organiser les fichiers, de les documenter précisément, et de les réutiliser facilement dans plusieurs notices si besoin.
11 )))
12
13 (((
14 = Avant de commencer =
15
16 (% class="box warningmessage" %)
17 (((
18 **Rappel**
19 Dans Flora, les photos ne sont pas enregistrées directement dans les notices principales (biens, événements, personnes, etc.).
20 Elles sont **gérées dans des notices spécifiques** au sein d’une **table du réservoir de médias et de documents**.
21 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.
22 )))
23
24 (% class="box infomessage" %)
25 (((
26 Rappel
27 )))
28
29 Dans Flora, les photos **ne sont pas intégrées directement** dans les notices principales (biens, événements, personnes, etc.).
30 Elles sont **gérées à part**, au sein de notices dédiées dans une **table du réservoir de médias et de documents** (ex. : Photothèque).
31
32 Ce fonctionnement permet :
33
34 * (((
35 de **centraliser** les fichiers visuels dans une base unique,
36 )))
37 * (((
38 de les **documenter précisément** (titre, auteur, droits…),
39 )))
40 * (((
41 et de les **lier à une ou plusieurs notices principales** selon les besoins.
42 )))
43
44 == Formats de fichiers compatibles ==
45
46 Flora prend en charge une large gamme de formats :
47
48 * **Photos** : PNG, JPEG, TIFF, GIF, BMP
49 * **3D** : via l’intégration avec **Sketchfab**
50
51 == Règles de nommage des fichiers ==
52
53 Pour assurer un bon fonctionnement, respectez ces bonnes pratiques :
54
55 * **Éviter **les mélanges majuscule/minuscule
56 * **Ne pas utiliser** de ponctuation (virgule, point, apostrophe…) : utilisez le caractère _
57 * **Ne jamais inclure** le caractère &, qui empêche l'affichage du fichier
58 * Limiter le nom à **environ 20 caractères**
59
60 = Intégrer une photo dans Flora =
61
62 == Création de la notice ==
63
64 Avant tout, commencez par **créer une notice dans une table du réservoir.**
65
66 1. Accéder à la table de réservoir et **cliquer sur le "+"** pour créer une nouvelle notice
67
68 [[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"]]
69
70
71 (% start="2" %)
72 1. Sélectionnez la **grille de saisie** adaptée
73
74 [[Exemple de choix de grille de saisie>>image:1742386573405-405.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
75
76
77 (% start="3" %)
78 1. **Compléter les champs** avec les informations descriptives adaptées
79
80 [[Exemples de champs disponibles dans une notice de la table Photothèque>>image:1742386650505-702.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
81
82
83 (% start="4" %)
84 1. **Enregistrer** la notice
85
86 Votre fiche photo est prête à accueillir son fichier !
87
88 == Ajout du fichier photo ==
89
90 Deux méthodes possibles :
91
92 === Méthode simple : Glisser-déposer ===
93
94 1. Ouvrir la notice
95 1. Glissez simplement votre fichier photo depuis votre ordinateur vers le **pavé de gestion des fichiers**, situé à droite de la notice, dans l’**onglet Photos**
96
97 [[Glisser-déposer d'un fichier photo>>image:1742387126508-222.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
98
99
100 (% class="box infomessage" %)
101 (((
102 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.
103
104 En version **4.2**, la taille maximale est de 6 Mo. Au-delà, utilisez l’import par lot avec tuilage.
105 )))
106
107 (% class="box errormessage" %)
108 (((
109 Erreur fréquente : attention à l'onglet !
110
111 Si vous essayez de **glisser-déposer un fichier non image (ex. PDF) dans l’onglet Photos**, **ça ne marchera pas**.
112
113 Pourquoi ? Parce que l’onglet Photos accepte uniquement des fichiers image.
114 Résultat : **message d’erreur** et aucun fichier importé.
115
116 Pour que le document soit bien pris en charge par Flora, **positionnez-vous dans l’onglet //Documents//** (dans le pavé de gestion des fichiers), **puis effectuez le glisser-déposer**.
117 Et voilà, votre document est correctement ajouté
118
119 [[Message d'erreur pour un fichier qui n'est pas de type photo>>image:1742382344650-285.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
120
121
122 )))
123
124 === Méthode avancée : Fenêtre de gestion des fichiers ===
125
126 1. Depuis l’**onglet Photos**, cliquez sur l’icône dédiée
127
128 [[Icône de la fenêtre de gestion des fichiers>>image:1742387691032-139.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
129
130
131 (% start="2" %)
132 1. Cliquer sur l'icone **ajouter des photos**
133
134 [[Icône pour ajouter une photo>>image:1742387788638-989.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
135
136
137 (% start="3" %)
138 1. Une fenêtre s'ouvre, cliquer sur **Parcourir** pour parcourir vos fichiers et **sélectionnez la photo souhaitée**
139
140 [[Parcourir les fichiers>>image:1742387842319-744.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
141
142 [[Sélectionner une photo>>image:1742387922649-515.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
143
144
145 (% start="4" %)
146 1. **Valider** l'ajout de la photo
147
148 [[Icône pour enregistrer l'ajout>>image:1742387996485-838.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
149
150 [[Exemple d'une notice Photothèque avec une photo>>image:1742388019633-227.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
151 )))
152
153 (((
154 (((
155
156 )))
157
158 (((
159 = Intervenir sur les fichiers photos =
160
161 (% class="box warningmessage" %)
162 (((
163 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**.
164 )))
165
166 == Modifier les attributs d'un fichier photo ==
167
168 Chaque photo possède une **fiche d’identité**. Vous pouvez en modifier les informations suivantes :
169
170 (% style="margin-left:auto; margin-right:auto" %)
171 |(% style="text-align:center" %)**Champ**|(% style="text-align:center" %)**Description**
172 |(% style="text-align:center" %)**Libellé**|(% style="text-align:center" %)Nom du fichier, saisi automatiquement mais modifiable.
173 |(% style="text-align:center" %)**Description**|(% style="text-align:center" %)Texte libre, souvent repris depuis le libellé (sans extension).
174 |(% style="text-align:center" %)**Copyright**|(% style="text-align:center" %)Mention affichée au survol de l’image et utilisée comme **filigrane**.
175 |(% style="text-align:center" %)**Accessibilité**|(% style="text-align:center" %)Niveau de confidentialité selon les profils utilisateurs Flora.
176
177 (% class="box infomessage" %)
178 (((
179 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).
180
181 [[Copyright sur une photo>>image:1742394007207-498.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
182 )))
183
184 * (((
185 (% class="wikigeneratedid" id="HDepuisl27ongletPhotosducarrE9devisualisation" %)
186 (% style="background-color:transparent" %)Depuis l'**onglet Photos** du carré de visualisation
187 )))
188
189 1. Ouvrez la notice dans le réservoir.
190 1. Dans l'onglet **Photos**, cliquez sur l’icône de modification.
191
192 [[Icône de modification des attributs d'une photo>>image:1750430749510-779.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
193
194
195 (% start="2" %)
196 1. Modifiez les champs souhaités.
197 1. Cliquez sur **Oui **pour enregistrer.
198
199 [[Modification des attributs d'une photo>>image:1742393697135-447.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
200
201
202 * (((
203 (% class="wikigeneratedid" id="HDepuislafenEAtredegestionavancE9edesfichiers" %)
204 Depuis la fenêtre de gestion avancée des fichiers
205 )))
206
207 1. Ouvrez la fenêtre de gestion avancée.
208
209 [[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"]]
210
211
212 (% start="2" %)
213 1. **Sélectionnez** le fichier souhaité.
214 1. Cliquez sur l**’icône de modification**.
215 1. **Appliquez** vos modifications
216
217 [[Icône de modification>>image:1742394190354-838.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
218
219
220 (% start="5" %)
221 1. **Enregistrez** les modifications
222
223 [[Enregistrer les modifications>>image:1742394357210-722.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
224 )))
225
226 == Manipuler une photo (zoom, rotation, miroir...) ==
227
228 (((
229 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**.
230
231 [[Icône pour ouvrir la fenêtre de gestion avancée>>image:1742394607027-857.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
232
233
234 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…
235
236 [[Barre d'outils de traitement>>image:1742394647369-916.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
237
238 === Zoom ===
239
240 * **Zoom manuel** : jouez avec le curseur ou saisissez directement une valeur entre 1 % et 200 %.
241
242 [[Zoom manuel>>image:1750665787732-112.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
243
244
245 )))
246
247 (((
248 * **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**.
249
250 [[Zoom avancé>>image:1750666089395-345.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
251
252
253 **Ajustez le cadre à votre guise** avec les boutons juste en dessous :
254
255 (% style="margin-right:auto" %)
256 |(% style="text-align:center" %)**Icônes**|(% style="text-align:center" %)**Fonctionnalités**
257 |(% style="text-align:center" %)[[image:1750666673861-745.png]]|(% style="text-align:center" %)Agrandir ou réduire globalement la zone de zoom (loupe)
258 |(% style="text-align:center" %)[[image:1750666700833-162.png]]|(% style="text-align:center" %)Ajuster la **hauteur** du cadre de zoom
259 |(% style="text-align:center" %)[[image:1750666720103-501.png]]|(% style="text-align:center" %)Ajuster la **largeur** du cadre de zoom
260 |(% style="text-align:center" %)[[image:1750666736757-986.png]]|(% style="text-align:center" %)Adapter le cadre de zoom à **l’image entière**
261 |(% style="text-align:center" %)[[image:1750666765711-809.png]]|(% style="text-align:center" %)Modifier la **couleur** du cadre de zoom
262
263 (% class="box infomessage" %)
264 (((
265 Si ça ne fonctionne pas comme prévu, pensez à vérifier que Java est bien à jour sur votre navigateur.
266 )))
267
268 * Utilisez les **boutons prédéfinis** pour faire pivoter l’image.
269 * Ou saisissez manuellement un **angle de rotation libre** (de 0 à 359°), puis cliquez en dehors du champ pour valider.
270
271 [[Outils de rotation>>image:1750667002539-975.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
272
273 === Effet miroir ===
274
275 Besoin d’inverser une photo ? Deux options s’offrent à vous grâce à l’effet miroir :
276
277 * **Miroir horizontal** : l’image est retournée de gauche à droite (ce qui était à droite devient la gauche).
278 * **Miroir vertical** : l’image est retournée de haut en bas (le haut devient la base).
279
280 [[Outils pour appliquer l'effet miroir>>image:1750667607113-166.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
281
282 === Enregistrer une version modifiée ===
283
284 Cliquez sur l’icône d’enregistrement pour créer une **copie modifiée** de l’image d’origine.
285
286 La sauvegarde :
287
288 * ne remplace jamais l’image initiale ;
289 * génère une image sous un **nouveau nom saisi par l’utilisateur** ;
290 * crée automatiquement les formats associés **medium** et **low** ;
291 * place la copie **au même niveau** que le fichier source dans l’arborescence.
292 * Une fois la sauvegarde terminée, l’**arborescence est actualisée**, et la nouvelle image est sélectionnée automatiquement pour continuer l’édition.
293
294 [[Enregistrer une version modifiée>>image:1742395002590-106.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
295
296 [[Exemple d'arborescence avec une version modifiée>>image:1742395068259-101.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
297
298
299 (% class="box warningmessage" %)
300 (((
301 Ne pas oublier d'enregistrer les modifications avant de revenir sur la notice initiale.
302
303 [[Icône pour enregistrer>>image:1750668133963-964.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
304 )))
305
306 == Supprimer une photo ==
307
308 Depuis l’**onglet Photos** d’une notice descriptive du réservoir de médias et de documents :
309
310 1. Cliquez sur l’**icône de suppression** (en haut à droite de la photo).
311
312 [[Icône de suppression>>image:1742395308092-131.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
313
314
315 (% start="2" %)
316 1. Une **fenêtre de confirmation** s’affiche.
317 1. Cliquez sur **OUI** pour valider la suppression.
318
319 [[Message de confirmation>>image:1742395392537-875.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
320 )))
321 )))
322 )))|(% style="width:438px" %)(((
323 (% class="box" %)
324 (((
325 **Sommaire**
326
327 {{toc depth="2" numbered="true"/}}
328 )))
329
330 (% class="box" %)
331 (((
332 **Aller plus loin**
333
334 * [[Gérer les médias et les documents associés>>doc:1_Fonctionnalités.Gérer les médias et les documents associés.WebHome||target="_blank"]]
335 * [[Gérer les fichiers bureautiques>>doc:1_Fonctionnalités.Gérer les médias et les documents associés.D\. Texte intégral.WebHome||target="_blank"]]
336 * [[Gérer les fichiers vidéos-sons>>doc:1_Fonctionnalités.Gérer les médias et les documents associés.C\. Fichiers Vidéos-Sons.WebHome||target="_blank"]]
337 * [[Gérer les fichiers 3D>>doc:1_Fonctionnalités.Gérer les médias et les documents associés.Gérer les fichiers 3D.WebHome||target="_blank"]]
338 * [[Importer des photos par lot>>doc:1_Fonctionnalités.5\.C\. Saisie.Outils de structuration ou d'harmonisation des données.Manipuler les données en masse.Imports.Imports de photos.WebHome||target="_blank"]]
339 * Lier des photos à un bien
340 * [[Consulter les documents associés>>doc:1_Fonctionnalités.Consulter Flora.Consulter les documents associés.WebHome||target="_blank"]]
341 )))
342
343 (% class="box" %)
344 (((
345 **~ Icônes principales**
346
347 * (% id="cke_bm_1893095S" style="display:none" %)[[image:1750680064508-339.png]](%%) [[image:1751031161006-700.png]] : Créer
348
349 * [[image:1750679725357-774.png]] : Fenêtre de gestion des fichiers
350
351 * [[image:1750679952765-443.png]] : Ajouter une photo
352
353 * [[image:1750680235945-140.png]] : Valider les modifications
354
355 * [[image:1750682200468-197.png||data-xwiki-image-style-border="true"]] : Éditer les attributs de l'image
356
357 * [[image:1750682547595-896.png||data-xwiki-image-style-border="true"]] : Supprimer l'image
358 )))
359
360 (((
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375 )))
376 )))
377
378
379
380 (% class="wikigeneratedid" id="H-1" style="text-align: center;" %)
381 (% id="cke_bm_7267S" style="display:none" %)// //(% id="cke_bm_5535S" style="display:none" %)// //