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