Code source wiki de Gérer les fichiers photos

Version 61.1 par admin admin le 2025/08/08 11:30

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