Code source wiki de Gérer les fichiers photos

Modifié par Joséphine Ducruet le 2025/10/31 14:37

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 infomessage" %)
17 (((
18 Dans Flora, les photos **ne sont pas intégrées directement** dans les notices principales (biens, événements, personnes, etc.).
19 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).
20
21 Ce fonctionnement permet :
22
23 * de **centraliser** les fichiers visuels dans une base unique,
24 * de les **documenter précisément** (titre, auteur, droits…),
25 * et de les **lier à une ou plusieurs notices principales** selon les besoins.
26 )))
27
28 == Formats de fichiers compatibles ==
29
30 Flora prend en charge les formats suivants :
31
32 * **Photos** : .png, .jpeg, .tiff, .gif, .bmp
33 * **3D** : via intégration Sketchfab (paramétrage requis)
34
35 == Règles de nommage des fichiers ==
36
37 Pour assurer une importation sans erreur :
38
39 * Ne pas mélanger majuscules et minuscules.
40 * Remplacer toute ponctuation (virgule, point, apostrophe…) par un **underscore** (_).
41 * **Ne jamais utiliser le caractère &**, qui bloque l’affichage.
42 * Limiter le nom de fichier à **environ 20 caractères**.
43
44 = Ajouter une photo dans Flora =
45
46 == Étape 1 : Créer une notice ==
47
48 1. Accéder à une des tables réservoir
49 1. Cliquer sur **+** pour créer une nouvelle notice.
50 1. Sélectionner la **grille de saisie** appropriée.
51 1. Renseigner les champs descriptifs (libellé, auteur, date, droits...).
52 1. Enregistrer la notice.
53 1. Votre notice est prête à accueillir un fichier !
54
55 [[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"]]
56
57
58 [[Exemple de choix de grille de saisie>>image:1742386573405-405.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
59
60
61 [[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"]]
62
63
64 == Étape 2 : Ajouter le fichier numérique ==
65
66 === Méthode 1 : Glisser-déposer (recommandée) ===
67
68 (% class="mark small" %)**Versions 4.5**(%%)
69 Pas de limite de taille. Les fichiers >1 Mo sont automatiquement reconnus comme HD (tuilés).
70
71 (% class="mark small" %)**Versions 4.2 :**(%%)
72 Limite à 6 Mo. Au-delà, utiliser l’**import par lot**.
73
74 1. Ouvrir la notice créée.
75 1. Glisser le fichier **image** depuis votre ordinateur vers l’**onglet //Photos//** du pavé à droite.
76
77 [[Glisser-déposer d'un fichier photo>>image:1742387126508-222.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
78
79
80 (% class="box errormessage" %)
81 (((
82 Erreur fréquente : attention à l'onglet !
83
84 Attention : seul un **fichier image** est accepté dans l’onglet //Photos//.
85 Pour les autres formats (PDF, document, etc.), utilisez l’onglet //Documents//.
86
87
88 [[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"]]
89
90
91 )))
92
93 === Méthode 2 : Utiliser la fenêtre de gestion des fichiers ===
94
95 1. Depuis l’onglet //Photos//, cliquer sur l’icône **Fenêtre de gestion des fichiers**.
96 1. Cliquer sur **Ajouter une photo**.
97 1. Sélectionner le fichier depuis votre ordinateur avec **parcourir**
98 1. Valider l’ajout.
99
100 [[Fenêtre de gestion des fichiers>>image:1742387691032-139.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
101
102
103 [[Icône pour ajouter une photo>>image:1742387788638-989.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
104
105
106 [[Parcourir les fichiers>>image:1742387842319-744.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
107
108 [[Sélectionner une photo>>image:1742387922649-515.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
109
110
111 [[Icône pour valider l'ajout>>image:1742387996485-838.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
112
113 [[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"]]
114 )))
115
116 (((
117 (((
118
119 )))
120
121 (((
122 = Intervenir sur les fichiers photos =
123
124 (% class="box infomessage" %)
125 (((
126 Ces actions doivent être réalisées **depuis la notice du réservoir**.
127 Aucune modification directe n’est possible depuis une notice principale.
128 )))
129
130 == Modifier les attributs d'un fichier photo ==
131
132 Chaque photo possède une fiche d'identité que vous pouvez ajuster.
133
134 (% style="margin-left:auto; margin-right:auto" %)
135 |(% style="background-color:#cbcbea; text-align:center; width:192px" %)**Champ**|(% style="background-color:#cbcbea; text-align:center; width:721px" %)**Description**
136 |(% style="text-align:center; width:192px" %)**Libellé**|(% style="width:721px" %)Nom du fichier, saisi automatiquement mais modifiable.
137 |(% style="text-align:center; width:192px" %)**Description**|(% style="width:721px" %)Texte libre, souvent repris depuis le libellé (sans extension).
138 |(% style="text-align:center; width:192px" %)**Copyright**|(% style="width:721px" %)Mention affichée au survol de l’image et utilisée comme **filigrane**.
139 |(% style="text-align:center; width:192px" %)**Accessibilité**|(% style="width:721px" %)Niveau de confidentialité selon les profils utilisateurs Flora. Si l’accessibilité est positionnée sur **Non**, les photos ne seront pas visibles dans le **portail des collections** ni pour les profils disposant uniquement d’un accès en **consultation**.
140
141 (% class="box infomessage" %)
142 (((
143 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).
144
145 [[Copyright sur une photo>>image:1742394007207-498.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
146 )))
147
148 (((
149 === (% style="background-color:transparent" %)Depuis l'**onglet Photos** du carré de visualisation(%%) ===
150 )))
151
152 1. Ouvrir la notice réservoir.
153 1. Cliquer sur l’icône** **de modification
154 1. Renseigner les champs.
155 1. Cliquer sur **Oui** pour enregistrer.
156 1. Ouvrez la notice dans le réservoir.
157
158 [[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"]]
159
160
161 [[Modification des attributs d'une photo>>image:1742393697135-447.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
162
163
164 (((
165 === Depuis la fenêtre de gestion avancée des fichiers ===
166 )))
167
168 1. Ouvrir la fenêtre.
169 1. Sélectionner le fichier.
170 1. Cliquer sur** **l'icône de modification
171 1. Enregistrer les modifications.
172
173 [[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"]]
174
175
176 [[Icône de modification>>image:1742394190354-838.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
177
178
179 [[Enregistrer les modifications>>image:1742394357210-722.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
180 )))
181
182 == Manipuler une photo (zoom, rotation, miroir...) ==
183
184 (((
185 Les outils sont disponibles **uniquement** dans la fenêtre de gestion avancée.
186
187 [[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"]]
188
189
190 [[Barre d'outils de traitement>>image:1742394647369-916.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
191
192 === Zoom ===
193
194 * **Zoom manuel** : jouez avec le curseur ou saisissez directement une valeur entre 1 % et 200 %.
195
196 [[Zoom manuel>>image:1750665787732-112.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
197
198
199 )))
200
201 (((
202 * **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**.
203
204 [[Zoom avancé>>image:1750666089395-345.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
205
206
207 **Ajustez le cadre à votre guise** avec les boutons juste en dessous :
208
209 (% style="margin-right:auto" %)
210 |(% style="background-color:#cbcbea; text-align:center" %)**Icônes**|(% style="background-color:#cbcbea; text-align:center" %)**Fonctionnalités**
211 |(% style="text-align:center" %)[[image:1750666673861-745.png]]|(% style="text-align:center" %)Agrandir ou réduire globalement la zone de zoom (loupe)
212 |(% style="text-align:center" %)[[image:1750666700833-162.png]]|(% style="text-align:center" %)Ajuster la **hauteur** du cadre de zoom
213 |(% style="text-align:center" %)[[image:1750666720103-501.png]]|(% style="text-align:center" %)Ajuster la **largeur** du cadre de zoom
214 |(% style="text-align:center" %)[[image:1750666736757-986.png]]|(% style="text-align:center" %)Adapter le cadre de zoom à **l’image entière**
215 |(% style="text-align:center" %)[[image:1750666765711-809.png]]|(% style="text-align:center" %)Modifier la **couleur** du cadre de zoom
216
217 (% class="box warningmessage" %)
218 (((
219 Si ça ne fonctionne pas comme prévu, pensez à vérifier que Java est bien à jour sur votre navigateur. 
220 )))
221
222 === Rotation ===
223
224 * Utilisez les **boutons prédéfinis** pour faire pivoter l’image.
225 * Ou saisissez manuellement un **angle de rotation libre** (de 0 à 359°), puis cliquez en dehors du champ pour valider.
226
227 [[Outils de rotation>>image:1750667002539-975.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
228
229 === Effet miroir ===
230
231 Besoin d’inverser une photo ? Deux options s’offrent à vous grâce à l’effet miroir.
232
233 * **Miroir horizontal** : l’image est retournée de gauche à droite (ce qui était à droite devient la gauche).
234 * **Miroir vertical** : l’image est retournée de haut en bas (le haut devient la base).
235
236 [[Outils pour appliquer l'effet miroir>>image:1750667607113-166.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
237
238 === Enregistrer une version modifiée ===
239
240 1. Cliquer sur l’icône **Enregistrer une version**.
241 1. Donner un nouveau nom.
242 1. (((
243 Une copie est créée :
244 )))
245
246 * (((
247 sans remplacer l’original ;
248 )))
249 * (((
250 avec les formats medium/low ;
251 )))
252 * (((
253 visible dans l’arborescence, au même niveau.
254 )))
255
256 (% start="4" %)
257 1. Ne pas oublier d'enregistrer les modifications avant de revenir sur la notice initiale.
258
259 [[Enregistrer une version modifiée>>image:1742395002590-106.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
260
261 [[Exemple d'arborescence avec une version modifiée>>image:1742395068259-101.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
262
263
264 [[Icône pour enregistrer>>image:1750668133963-964.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
265
266 == Supprimer un fichier photo ==
267
268 Depuis l’**onglet Photos** d’une notice descriptive du réservoir de médias et de documents :
269
270 1. Cliquer sur l’icône **Supprimer** (coin supérieur droit de la photo).
271 1. Une **fenêtre de confirmation** s’affiche.
272 1. Confirmer la suppression.
273
274 [[Icône de suppression>>image:1742395308092-131.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
275
276
277 [[Message de confirmation>>image:1742395392537-875.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
278 )))
279 )))
280 )))|(% style="width:438px" %)(((
281 (% class="box" %)
282 (((
283 **Sommaire**
284
285 {{toc depth="2" numbered="true"/}}
286 )))
287
288 (% class="box" %)
289 (((
290 **Aller plus loin**
291
292 * [[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"]]
293 * [[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"]]
294 * [[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"]]
295 * [[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"]]
296 * [[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"]]
297 * [[Lier des photos à un bien>>doc:Gérer les fonds.D\. Gestion des collections.Saisir un bien .Documenter un bien.WebHome]]
298 * [[Consulter les documents associés>>doc:1_Fonctionnalités.Consulter Flora.Consulter les documents associés.WebHome||target="_blank"]]
299 )))
300
301 (% class="box" %)
302 (((
303 **~ Icônes principales**
304
305 * (% id="cke_bm_1893095S" style="display:none" %)[[image:1750680064508-339.png]](%%) [[image:1751031161006-700.png]] : Créer
306
307 * [[image:1750679725357-774.png]] : Fenêtre de gestion des fichiers
308
309 * [[image:1750679952765-443.png]] : Ajouter une photo
310
311 * [[image:1750680235945-140.png]] : Valider les modifications
312
313 * [[image:1754645215721-255.png||height="27" width="27"]] : Éditer les attributs de l'image
314
315 * [[image:1754645388875-269.png||height="30" width="30"]]: Supprimer l'image
316 )))
317
318 (((
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333 )))
334 )))
335
336
337
338 (% class="wikigeneratedid" id="H-1" style="text-align: center;" %)
339 (% id="cke_bm_7267S" style="display:none" %)// //(% id="cke_bm_5535S" style="display:none" %)// //