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
| author | version | line-number | content |
|---|---|---|---|
| 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" %)// // |