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