Modifications pour le document Gérer les fichiers photos

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

Depuis la version 59.3
modifié par Doriane Bautista
sur 2025/08/07 14:50
Commentaire de modification : Renamed back-links.
À la version 61.1
modifié par admin admin
sur 2025/08/08 11:30
Commentaire de modification : Il n'y a aucun commentaire pour cette version

Résumé

Détails

Propriétés de la Page
Auteur du document
... ... @@ -1,1 +1,1 @@
1 -XWiki.DBA
1 +XWiki.admin
Contenu
... ... @@ -4,137 +4,117 @@
4 4  |(% style="width:919px" %)(((
5 5  (% class="box" %)
6 6  (((
7 -Dans Flora, les **photos** ne sont **pas directement liés aux notices principales** (biens, événements, etc.), mais sont **centralisés dans des notices dédiées** au sein du réservoir de médias et de documents (comme la Photothèque).
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.
8 8  
9 -Tous les **formats courants** sont pris en charge (JPEG, PNG, TIFF…).
10 -
11 -**Deux étapes-clés** pour ajouter une photo dans Flora :
12 -
13 -1. Créer une **notice réservoir**
14 -1. **Associer le fichier (photo ou 3D) dans l’onglet Photos** du carré de visualisation.
15 -
16 -**Attributs modifiables** : libellé, description, copyright, accessibilité.
17 -
18 -**Manipulations possibles** : Zoom, rotation, effet miroir, sauvegarde d’une version modifiée.
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.
19 19  )))
20 20  
21 21  (((
22 22  = Avant de commencer =
23 23  
24 -(% class="box warningmessage" %)
16 +(% class="box infomessage" %)
25 25  (((
26 -**Rappel**
27 -Dans Flora, les photos ne sont pas enregistrées directement dans les notices principales (biens, événements, personnes, etc.).
28 -Elles sont **gérées dans des notices spécifiques** au sein d’une **table du réservoir de médias et de documents**.
29 -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.
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.
30 30  )))
31 31  
32 32  == Formats de fichiers compatibles ==
33 33  
34 -Flora prend en charge une large gamme de formats :
30 +Flora prend en charge les formats suivants :
35 35  
36 -* **Photos** : PNG, JPEG, TIFF, GIF, BMP
37 -* **3D** : via l’intégration avec **Sketchfab**
32 +* **Photos** : .png, .jpeg, .tiff, .gif, .bmp
33 +* **3D** : via intégration Sketchfab (paramétrage requis)
38 38  
39 39  == Règles de nommage des fichiers ==
40 40  
41 -Pour assurer un bon fonctionnement, respectez ces bonnes pratiques :
37 +Pour assurer une importation sans erreur :
42 42  
43 -* **Éviter **les mélanges majuscule/minuscule
44 -* **Ne pas utiliser** de ponctuation (virgule, point, apostrophe…) : utilisez le caracre _
45 -* **Ne jamais inclure** le caractère &, qui empêche l'affichage du fichier
46 -* Limiter le nom à **environ 20 caractères**
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 laffichage.
42 +* Limiter le nom de fichier à **environ 20 caractères**.
47 47  
48 -= Intégrer une photo dans Flora =
44 += Ajouter une photo dans Flora =
49 49  
50 -== Création de la notice ==
46 +== Étape 1 : Créer une notice ==
51 51  
52 -Avant tout, commencez par **créer une notice dans une table du réservoir.**
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 !
53 53  
54 -1. Accéder à la table de réservoir et **cliquer sur le "+"** pour créer une nouvelle notice
55 -
56 56  [[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"]]
57 57  
58 58  
59 -(% start="2" %)
60 -1. Sélectionnez la **grille de saisie** adaptée
61 -
62 62  [[Exemple de choix de grille de saisie>>image:1742386573405-405.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
63 63  
60
64 64  
65 -(% start="3" %)
66 -1. **Compléter les champs** avec les informations descriptives adaptées
67 -
68 68  [[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"]]
69 69  
70 70  
71 -(% start="4" %)
72 -1. **Enregistrer** la notice
65 +== Étape 2 : Ajouter le fichier numérique ==
73 73  
74 -Votre fiche photo est prête à accueillir son fichier !
67 +=== Méthode 1 : Glisser-déposer (recommane) ===
75 75  
76 -== Ajout du fichier photo ==
69 +(% class="mark small" %)Versions 4.5(%%)
70 +Pas de limite de taille. Les fichiers >1 Mo sont automatiquement reconnus comme HD (tuilés).
77 77  
78 -Deux méthodes possibles :
79 79  
80 -=== Méthode simple : Glisser-déposer ===
73 +(% class="mark small" %)Versions 4.2 :(%%)
74 +Limite à 6 Mo. Au-delà, utiliser l’**import par lot**.
81 81  
82 -1. Ouvrir la notice
83 -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**
84 84  
77 +1. Ouvrir la notice créée.
78 +1. Glisser le fichier **image** depuis votre ordinateur vers l’**onglet //Photos//** du pavé à droite.
79 +
85 85  [[Glisser-déposer d'un fichier photo>>image:1742387126508-222.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
86 86  
87 87  
88 -(% class="box infomessage" %)
89 -(((
90 -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.
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 95  (% class="box errormessage" %)
96 96  (((
97 97  Erreur fréquente : attention à l'onglet !
98 98  
99 -Si vous essayez de **glisser-déposer un fichier non image (ex. PDF) dans l’onglet Photos**, **ça ne marchera pas**.
87 +Attention : seul un **fichier image** est accepté dans l’onglet //Photos//.
88 +Pour les autres formats (PDF, document, etc.), utilisez l’onglet //Documents//.
100 100  
101 -Pourquoi ? Parce que l’onglet Photos accepte uniquement des fichiers image.
102 -Résultat : **message d’erreur** et aucun fichier importé.
90
103 103  
104 -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**.
105 -Et voilà, votre document est correctement ajouté
106 -
107 107  [[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"]]
108 108  
109 109  
110 110  )))
111 111  
112 -=== Méthode avancée : Fenêtre de gestion des fichiers ===
97 +=== Méthode 2 : Utiliser la fenêtre de gestion des fichiers ===
113 113  
114 -1. Depuis l’**onglet Photos**, cliquez sur l’icône dédiée
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.
115 115  
116 -[[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"]]
104 +[[Fenêtre de gestion des fichiers>>image:1742387691032-139.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
117 117  
118 118  
119 -(% start="2" %)
120 -1. Cliquer sur l'icone **ajouter des photos**
121 -
122 122  [[Icône pour ajouter une photo>>image:1742387788638-989.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
123 123  
124 124  
125 -(% start="3" %)
126 -1. Une fenêtre s'ouvre, cliquer sur **Parcourir** pour parcourir vos fichiers et **sélectionnez la photo souhaitée**
127 -
128 128  [[Parcourir les fichiers>>image:1742387842319-744.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
129 129  
130 130  [[Sélectionner une photo>>image:1742387922649-515.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
131 131  
114
132 132  
133 -(% start="4" %)
134 -1. **Valider** l'ajout de la photo
116 +[[Icône pour valider l'ajout>>image:1742387996485-838.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
135 135  
136 -[[Icône pour enregistrer l'ajout>>image:1742387996485-838.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
137 -
138 138  [[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"]]
139 139  )))
140 140  
... ... @@ -146,17 +146,18 @@
146 146  (((
147 147  = Intervenir sur les fichiers photos =
148 148  
149 -(% class="box warningmessage" %)
129 +(% class="box infomessage" %)
150 150  (((
151 -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**.
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.
152 152  )))
153 153  
154 154  == Modifier les attributs d'un fichier photo ==
155 155  
156 - Chaque photo possède une **fiche didentité**. Vous pouvez en modifier les informations suivantes :
137 +Chaque photo possède une fiche d'identité que vous pouvez ajuster.
157 157  
158 158  (% style="margin-left:auto; margin-right:auto" %)
159 -|(% style="text-align:center" %)**Champ**|(% style="text-align:center" %)**Description**
140 +|(% style="background-color:#cbcbea; text-align:center" %)**Champ**|(% style="background-color:#cbcbea; text-align:center" %)**Description**
160 160  |(% style="text-align:center" %)**Libellé**|(% style="text-align:center" %)Nom du fichier, saisi automatiquement mais modifiable.
161 161  |(% style="text-align:center" %)**Description**|(% style="text-align:center" %)Texte libre, souvent repris depuis le libellé (sans extension).
162 162  |(% style="text-align:center" %)**Copyright**|(% style="text-align:center" %)Mention affichée au survol de l’image et utilisée comme **filigrane**.
... ... @@ -169,45 +169,40 @@
169 169  [[Copyright sur une photo>>image:1742394007207-498.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
170 170  )))
171 171  
172 -* (((
173 -(% class="wikigeneratedid" id="HDepuisl27ongletPhotosducarrE9devisualisation" %)
174 -(% style="background-color:transparent" %)Depuis l'**onglet Photos** du carré de visualisation
153 +
154 +
155 +(((
156 +=== (% style="background-color:transparent" %)Depuis l'**onglet Photos** du carré de visualisation(%%) ===
175 175  )))
176 176  
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.
177 177  1. Ouvrez la notice dans le réservoir.
178 -1. Dans l'onglet **Photos**, cliquez sur l’icône de modification.
179 179  
180 180  [[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"]]
181 181  
182 182  
183 -(% start="2" %)
184 -1. Modifiez les champs souhaités.
185 -1. Cliquez sur **Oui **pour enregistrer.
186 -
187 187  [[Modification des attributs d'une photo>>image:1742393697135-447.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
188 188  
189 189  
190 -* (((
191 -(% class="wikigeneratedid" id="HDepuislafenEAtredegestionavancE9edesfichiers" %)
192 -Depuis la fenêtre de gestion avancée des fichiers
171 +(((
172 +=== Depuis la fenêtre de gestion avancée des fichiers ===
193 193  )))
194 194  
195 -1. Ouvrez la fenêtre de gestion avancée.
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.
196 196  
197 197  [[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"]]
198 198  
199 199  
200 -(% start="2" %)
201 -1. **Sélectionnez** le fichier souhaité.
202 -1. Cliquez sur l**’icône de modification**.
203 -1. **Appliquez** vos modifications
204 -
205 205  [[Icône de modification>>image:1742394190354-838.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
206 206  
185
207 207  
208 -(% start="5" %)
209 -1. **Enregistrez** les modifications
210 -
211 211  [[Enregistrer les modifications>>image:1742394357210-722.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
212 212  )))
213 213  
... ... @@ -214,13 +214,11 @@
214 214  == Manipuler une photo (zoom, rotation, miroir...) ==
215 215  
216 216  (((
217 -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**.
193 +Les outils sont disponibles **uniquement** dans la fenêtre de gestion avancée.
218 218  
219 219  [[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"]]
220 220  
221 221  
222 -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…
223 -
224 224  [[Barre d'outils de traitement>>image:1742394647369-916.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
225 225  
226 226  === Zoom ===
... ... @@ -241,7 +241,7 @@
241 241  **Ajustez le cadre à votre guise** avec les boutons juste en dessous :
242 242  
243 243  (% style="margin-right:auto" %)
244 -|(% style="text-align:center" %)**Icônes**|(% style="text-align:center" %)**Fonctionnalités**
218 +|(% style="background-color:#cbcbea; text-align:center" %)**Icônes**|(% style="background-color:#cbcbea; text-align:center" %)**Fonctionnalités**
245 245  |(% style="text-align:center" %)[[image:1750666673861-745.png]]|(% style="text-align:center" %)Agrandir ou réduire globalement la zone de zoom (loupe)
246 246  |(% style="text-align:center" %)[[image:1750666700833-162.png]]|(% style="text-align:center" %)Ajuster la **hauteur** du cadre de zoom
247 247  |(% style="text-align:center" %)[[image:1750666720103-501.png]]|(% style="text-align:center" %)Ajuster la **largeur** du cadre de zoom
... ... @@ -248,11 +248,13 @@
248 248  |(% style="text-align:center" %)[[image:1750666736757-986.png]]|(% style="text-align:center" %)Adapter le cadre de zoom à **l’image entière**
249 249  |(% style="text-align:center" %)[[image:1750666765711-809.png]]|(% style="text-align:center" %)Modifier la **couleur** du cadre de zoom
250 250  
251 -(% class="box infomessage" %)
225 +(% class="box warningmessage" %)
252 252  (((
253 -Si ça ne fonctionne pas comme prévu, pensez à vérifier que Java est bien à jour sur votre navigateur.
227 +Si ça ne fonctionne pas comme prévu, pensez à vérifier que Java est bien à jour sur votre navigateur. 
254 254  )))
255 255  
230 +=== Rotation ===
231 +
256 256  * Utilisez les **boutons prédéfinis** pour faire pivoter l’image.
257 257  * Ou saisissez manuellement un **angle de rotation libre** (de 0 à 359°), puis cliquez en dehors du champ pour valider.
258 258  
... ... @@ -260,7 +260,7 @@
260 260  
261 261  === Effet miroir ===
262 262  
263 -Besoin d’inverser une photo ? Deux options s’offrent à vous grâce à l’effet miroir :
239 +Besoin d’inverser une photo ? Deux options s’offrent à vous grâce à l’effet miroir.
264 264  
265 265  * **Miroir horizontal** : l’image est retournée de gauche à droite (ce qui était à droite devient la gauche).
266 266  * **Miroir vertical** : l’image est retournée de haut en bas (le haut devient la base).
... ... @@ -269,15 +269,24 @@
269 269  
270 270  === Enregistrer une version modifiée ===
271 271  
272 -Cliquez sur l’icône d’enregistrement pour créer une **copie modifiée** de l’image d’origine.
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 +)))
273 273  
274 -La sauvegarde :
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 +)))
275 275  
276 -* ne remplace jamais l’image initiale ;
277 -* génère une image sous un **nouveau nom saisi par l’utilisateur** ;
278 -* crée automatiquement les formats associés **medium** et **low** ;
279 -* place la copie **au même niveau** que le fichier source dans l’arborescence.
280 -* Une fois la sauvegarde terminée, l’**arborescence est actualisée**, et la nouvelle image est sélectionnée automatiquement pour continuer l’édition.
264 +(% start="4" %)
265 +1. Ne pas oublier d'enregistrer les modifications avant de revenir sur la notice initiale.
281 281  
282 282  [[Enregistrer une version modifiée>>image:1742395002590-106.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
283 283  
... ... @@ -284,26 +284,19 @@
284 284  [[Exemple d'arborescence avec une version modifiée>>image:1742395068259-101.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
285 285  
286 286  
287 -(% class="box warningmessage" %)
288 -(((
289 -Ne pas oublier d'enregistrer les modifications avant de revenir sur la notice initiale.
290 -
291 291  [[Icône pour enregistrer>>image:1750668133963-964.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
292 -)))
293 293  
294 -== Supprimer une photo ==
274 +== Supprimer un fichier photo ==
295 295  
296 296  Depuis l’**onglet Photos** d’une notice descriptive du réservoir de médias et de documents :
297 297  
298 -1. Cliquez sur l’**icône de suppression** (en haut à droite de la photo).
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.
299 299  
300 300  [[Icône de suppression>>image:1742395308092-131.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
301 301  
302 302  
303 -(% start="2" %)
304 -1. Une **fenêtre de confirmation** s’affiche.
305 -1. Cliquez sur **OUI** pour valider la suppression.
306 -
307 307  [[Message de confirmation>>image:1742395392537-875.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
308 308  )))
309 309  )))
... ... @@ -340,9 +340,9 @@
340 340  
341 341  * [[image:1750680235945-140.png]] : Valider les modifications
342 342  
343 -* [[image:1750682200468-197.png||data-xwiki-image-style-border="true"]] : Éditer les attributs de l'image
321 +* [[image:1754645215721-255.png||height="27" width="27"]] : Éditer les attributs de l'image
344 344  
345 -* [[image:1750682547595-896.png||data-xwiki-image-style-border="true"]] : Supprimer l'image
323 +* [[image:1754645388875-269.png||height="30" width="30"]]: Supprimer l'image
346 346  )))
347 347  
348 348  (((
1754645215721-255.png
Auteur
... ... @@ -1,0 +1,1 @@
1 +XWiki.admin
Taille
... ... @@ -1,0 +1,1 @@
1 +5.1 KB
Contenu
1754645388875-269.png
Auteur
... ... @@ -1,0 +1,1 @@
1 +XWiki.admin
Taille
... ... @@ -1,0 +1,1 @@
1 +8.7 KB
Contenu
circle-xmark-regular.png
Auteur
... ... @@ -1,0 +1,1 @@
1 +XWiki.admin
Taille
... ... @@ -1,0 +1,1 @@
1 +8.7 KB
Contenu