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
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
sur 2025/08/08 11:30
Commentaire de modification :
Il n'y a aucun commentaire pour cette version
Résumé
-
Propriétés de la Page (2 modifications, 0 ajouts, 0 suppressions)
-
Pièces jointes (0 modifications, 3 ajouts, 0 suppressions)
Détails
- Propriétés de la Page
-
- Auteur du document
-
... ... @@ -1,1 +1,1 @@ 1 -XWiki. DBA1 +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 unelargegamme deformats :30 +Flora prend en charge les formats suivants : 35 35 36 -* **Photos** : PNG,JPEG,TIFF,GIF,BMP37 -* **3D** : via l’intégrationavec **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 bonnespratiques:37 +Pour assurer une importation sans erreur : 42 42 43 -* **Éviter**les mélangesmajuscule/minuscule44 -* **Nepasutiliser**deponctuation (virgule, point, apostrophe…):utilisezlecaractère _45 -* **Ne jamais i nclure**le caractère &, qui empêchel'affichagedu fichier46 -* 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 l’affichage. 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é ationdelanotice ==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 - Votrefichephoto estprêteà accueillir sonfichier!67 +=== Méthode 1 : Glisser-déposer (recommandée) === 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ônede 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 d’identité**.Vous pouvezen 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 -L a **fenêtre de gestionavancée des fichiers** vous permetde visualiseret d’intervenirdirectementsur les fichiersphotos associésàune notice duréservoir demédiaset de documents.Cettefonctionnalitén’est**disponibleque dansces 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 in fomessage" %)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:175 0682200468-197.png||data-xwiki-image-style-border="true"]] : Éditer les attributs de l'image321 +* [[image:1754645215721-255.png||height="27" width="27"]] : Éditer les attributs de l'image 344 344 345 -* [[image:175 0682547595-896.png||data-xwiki-image-style-border="true"]]: Supprimer l'image323 +* [[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