Code source wiki de Gérer les fichiers photos
Version 62.1 par Joséphine Ducruet le 2025/08/19 10:59
Masquer les derniers auteurs
| author | version | line-number | content |
|---|---|---|---|
| |
59.1 | 1 | (% class="mark small" %)**Versions 3.5 et ultérieures** |
| |
1.1 | 2 | |
| |
38.1 | 3 | (% style="width:1377px" %) |
| |
37.2 | 4 | |(% style="width:919px" %)((( |
| |
39.1 | 5 | (% class="box" %) |
| 6 | ((( | ||
| |
60.1 | 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. | ||
| |
5.1 | 9 | |
| |
60.1 | 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. |
| |
39.1 | 11 | ))) |
| |
5.1 | 12 | |
| |
37.2 | 13 | ((( |
| 14 | = Avant de commencer = | ||
| 15 | |||
| |
60.1 | 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 | |||
| |
61.1 | 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. | ||
| |
60.1 | 26 | ))) |
| 27 | |||
| |
37.2 | 28 | == Formats de fichiers compatibles == |
| 29 | |||
| |
61.1 | 30 | Flora prend en charge les formats suivants : |
| |
37.2 | 31 | |
| |
61.1 | 32 | * **Photos** : .png, .jpeg, .tiff, .gif, .bmp |
| 33 | * **3D** : via intégration Sketchfab (paramétrage requis) | ||
| |
37.2 | 34 | |
| 35 | == Règles de nommage des fichiers == | ||
| 36 | |||
| |
61.1 | 37 | Pour assurer une importation sans erreur : |
| |
37.2 | 38 | |
| |
61.1 | 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**. | ||
| |
37.2 | 43 | |
| |
61.1 | 44 | = Ajouter une photo dans Flora = |
| |
37.2 | 45 | |
| |
61.1 | 46 | == Étape 1 : Créer une notice == |
| |
37.2 | 47 | |
| |
61.1 | 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 ! | ||
| |
37.2 | 54 | |
| |
42.1 | 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"]] |
| |
37.2 | 56 | |
| 57 | |||
| |
41.1 | 58 | [[Exemple de choix de grille de saisie>>image:1742386573405-405.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]] |
| |
37.2 | 59 | |
| 60 | |||
| |
41.1 | 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"]] |
| |
37.2 | 62 | |
| 63 | |||
| |
61.1 | 64 | == Étape 2 : Ajouter le fichier numérique == |
| |
37.2 | 65 | |
| |
61.1 | 66 | === Méthode 1 : Glisser-déposer (recommandée) === |
| |
37.2 | 67 | |
| |
61.1 | 68 | (% class="mark small" %)Versions 4.5(%%) |
| 69 | Pas de limite de taille. Les fichiers >1 Mo sont automatiquement reconnus comme HD (tuilés). | ||
| |
37.2 | 70 | |
| 71 | |||
| |
61.1 | 72 | (% class="mark small" %)Versions 4.2 :(%%) |
| 73 | Limite à 6 Mo. Au-delà, utiliser l’**import par lot**. | ||
| |
37.2 | 74 | |
| 75 | |||
| |
61.1 | 76 | 1. Ouvrir la notice créée. |
| 77 | 1. Glisser le fichier **image** depuis votre ordinateur vers l’**onglet //Photos//** du pavé à droite. | ||
| 78 | |||
| |
41.1 | 79 | [[Glisser-déposer d'un fichier photo>>image:1742387126508-222.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]] |
| |
37.2 | 80 | |
| 81 | |||
| 82 | (% class="box errormessage" %) | ||
| |
5.1 | 83 | ((( |
| |
37.2 | 84 | Erreur fréquente : attention à l'onglet ! |
| 85 | |||
| |
61.1 | 86 | Attention : seul un **fichier image** est accepté dans l’onglet //Photos//. |
| 87 | Pour les autres formats (PDF, document, etc.), utilisez l’onglet //Documents//. | ||
| |
37.2 | 88 | |
| 89 | |||
| |
41.1 | 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 | |||
| |
37.2 | 93 | ))) |
| 94 | |||
| |
61.1 | 95 | === Méthode 2 : Utiliser la fenêtre de gestion des fichiers === |
| |
37.2 | 96 | |
| |
61.1 | 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. | ||
| |
37.2 | 101 | |
| |
61.1 | 102 | [[Fenêtre de gestion des fichiers>>image:1742387691032-139.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]] |
| |
37.2 | 103 | |
| 104 | |||
| |
41.1 | 105 | [[Icône pour ajouter une photo>>image:1742387788638-989.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]] |
| |
37.2 | 106 | |
| 107 | |||
| |
41.1 | 108 | [[Parcourir les fichiers>>image:1742387842319-744.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]] |
| |
37.2 | 109 | |
| |
41.1 | 110 | [[Sélectionner une photo>>image:1742387922649-515.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]] |
| |
37.2 | 111 | |
| 112 | |||
| |
61.1 | 113 | [[Icône pour valider l'ajout>>image:1742387996485-838.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]] |
| |
37.2 | 114 | |
| |
41.1 | 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"]] |
| |
42.1 | 116 | ))) |
| |
37.2 | 117 | |
| 118 | ((( | ||
| |
43.1 | 119 | ((( |
| |
50.1 | 120 | |
| |
37.2 | 121 | ))) |
| 122 | |||
| 123 | ((( | ||
| |
42.1 | 124 | = Intervenir sur les fichiers photos = |
| |
37.2 | 125 | |
| |
61.1 | 126 | (% class="box infomessage" %) |
| |
37.2 | 127 | ((( |
| |
61.1 | 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. | ||
| |
37.2 | 130 | ))) |
| 131 | |||
| 132 | == Modifier les attributs d'un fichier photo == | ||
| 133 | |||
| |
61.1 | 134 | Chaque photo possède une fiche d'identité que vous pouvez ajuster. |
| |
37.2 | 135 | |
| |
50.1 | 136 | (% style="margin-left:auto; margin-right:auto" %) |
| |
61.1 | 137 | |(% style="background-color:#cbcbea; text-align:center" %)**Champ**|(% style="background-color:#cbcbea; text-align:center" %)**Description** |
| |
51.1 | 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. | ||
| |
37.2 | 142 | |
| |
51.1 | 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). | ||
| |
37.2 | 146 | |
| |
51.1 | 147 | [[Copyright sur une photo>>image:1742394007207-498.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]] |
| 148 | ))) | ||
| 149 | |||
| |
61.1 | 150 | |
| 151 | |||
| |
62.1 | 152 | |
| |
61.1 | 153 | ((( |
| 154 | === (% style="background-color:transparent" %)Depuis l'**onglet Photos** du carré de visualisation(%%) === | ||
| |
53.1 | 155 | ))) |
| |
51.1 | 156 | |
| |
61.1 | 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. | ||
| |
37.2 | 161 | 1. Ouvrez la notice dans le réservoir. |
| 162 | |||
| |
42.1 | 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"]] |
| |
37.2 | 164 | |
| 165 | |||
| |
42.1 | 166 | [[Modification des attributs d'une photo>>image:1742393697135-447.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]] |
| |
37.2 | 167 | |
| |
50.1 | 168 | |
| |
61.1 | 169 | ((( |
| 170 | === Depuis la fenêtre de gestion avancée des fichiers === | ||
| |
53.1 | 171 | ))) |
| |
37.2 | 172 | |
| |
61.1 | 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. | ||
| |
37.2 | 177 | |
| |
42.1 | 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"]] |
| |
37.2 | 179 | |
| |
50.1 | 180 | |
| |
42.1 | 181 | [[Icône de modification>>image:1742394190354-838.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]] |
| |
37.2 | 182 | |
| 183 | |||
| |
42.1 | 184 | [[Enregistrer les modifications>>image:1742394357210-722.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]] |
| |
37.2 | 185 | ))) |
| 186 | |||
| |
52.1 | 187 | == Manipuler une photo (zoom, rotation, miroir...) == |
| |
37.2 | 188 | |
| 189 | ((( | ||
| |
61.1 | 190 | Les outils sont disponibles **uniquement** dans la fenêtre de gestion avancée. |
| |
37.2 | 191 | |
| |
42.1 | 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"]] |
| |
37.2 | 193 | |
| |
51.1 | 194 | |
| |
42.1 | 195 | [[Barre d'outils de traitement>>image:1742394647369-916.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]] |
| |
37.2 | 196 | |
| 197 | === Zoom === | ||
| 198 | |||
| 199 | * **Zoom manuel** : jouez avec le curseur ou saisissez directement une valeur entre 1 % et 200 %. | ||
| 200 | |||
| |
42.1 | 201 | [[Zoom manuel>>image:1750665787732-112.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]] |
| |
51.1 | 202 | |
| 203 | |||
| |
37.2 | 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 | |||
| |
42.1 | 209 | [[Zoom avancé>>image:1750666089395-345.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]] |
| |
37.2 | 210 | |
| |
42.1 | 211 | |
| |
37.2 | 212 | **Ajustez le cadre à votre guise** avec les boutons juste en dessous : |
| 213 | |||
| |
51.1 | 214 | (% style="margin-right:auto" %) |
| |
61.1 | 215 | |(% style="background-color:#cbcbea; text-align:center" %)**Icônes**|(% style="background-color:#cbcbea; text-align:center" %)**Fonctionnalités** |
| |
51.1 | 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 | ||
| |
37.2 | 221 | |
| |
61.1 | 222 | (% class="box warningmessage" %) |
| |
37.2 | 223 | ((( |
| |
61.1 | 224 | Si ça ne fonctionne pas comme prévu, pensez à vérifier que Java est bien à jour sur votre navigateur. |
| |
37.2 | 225 | ))) |
| 226 | |||
| |
62.1 | 227 | === Rotation === |
| |
61.1 | 228 | |
| |
37.2 | 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 | |||
| |
42.1 | 232 | [[Outils de rotation>>image:1750667002539-975.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]] |
| |
37.2 | 233 | |
| 234 | === Effet miroir === | ||
| 235 | |||
| |
61.1 | 236 | Besoin d’inverser une photo ? Deux options s’offrent à vous grâce à l’effet miroir. |
| |
37.2 | 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 | |||
| |
42.1 | 241 | [[Outils pour appliquer l'effet miroir>>image:1750667607113-166.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]] |
| |
37.2 | 242 | |
| 243 | === Enregistrer une version modifiée === | ||
| 244 | |||
| |
61.1 | 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 | ))) | ||
| |
37.2 | 250 | |
| |
61.1 | 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 | ))) | ||
| |
37.2 | 260 | |
| |
61.1 | 261 | (% start="4" %) |
| 262 | 1. Ne pas oublier d'enregistrer les modifications avant de revenir sur la notice initiale. | ||
| |
37.2 | 263 | |
| |
42.1 | 264 | [[Enregistrer une version modifiée>>image:1742395002590-106.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]] |
| |
37.2 | 265 | |
| |
42.1 | 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"]] |
| |
37.2 | 267 | |
| 268 | |||
| |
42.1 | 269 | [[Icône pour enregistrer>>image:1750668133963-964.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]] |
| |
37.2 | 270 | |
| |
61.1 | 271 | == Supprimer un fichier photo == |
| |
37.2 | 272 | |
| 273 | Depuis l’**onglet Photos** d’une notice descriptive du réservoir de médias et de documents : | ||
| 274 | |||
| |
61.1 | 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. | ||
| |
37.2 | 278 | |
| |
42.1 | 279 | [[Icône de suppression>>image:1742395308092-131.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]] |
| |
37.2 | 280 | |
| 281 | |||
| |
42.1 | 282 | [[Message de confirmation>>image:1742395392537-875.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]] |
| |
37.2 | 283 | ))) |
| 284 | ))) | ||
| |
38.1 | 285 | )))|(% style="width:438px" %)((( |
| |
37.2 | 286 | (% class="box" %) |
| 287 | ((( | ||
| |
41.1 | 288 | **Sommaire** |
| 289 | |||
| |
38.1 | 290 | {{toc depth="2" numbered="true"/}} |
| |
37.2 | 291 | ))) |
| 292 | |||
| 293 | (% class="box" %) | ||
| 294 | ((( | ||
| |
43.1 | 295 | **Aller plus loin** |
| |
37.2 | 296 | |
| |
59.1 | 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"]] | ||
| |
59.3 | 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"]] |
| |
62.1 | 302 | * [[Lier des photos à un bien>>doc:Gérer les fonds.D\. Gestion des collections.Saisir un bien .Documenter un bien.WebHome]] |
| |
59.1 | 303 | * [[Consulter les documents associés>>doc:1_Fonctionnalités.Consulter Flora.Consulter les documents associés.WebHome||target="_blank"]] |
| |
43.1 | 304 | ))) |
| |
25.1 | 305 | |
| |
44.1 | 306 | (% class="box" %) |
| 307 | ((( | ||
| |
38.1 | 308 | **~ Icônes principales** |
| |
25.1 | 309 | |
| |
47.1 | 310 | * (% id="cke_bm_1893095S" style="display:none" %)[[image:1750680064508-339.png]](%%) [[image:1751031161006-700.png]] : Créer |
| |
59.1 | 311 | |
| |
28.1 | 312 | * [[image:1750679725357-774.png]] : Fenêtre de gestion des fichiers |
| |
59.1 | 313 | |
| |
30.1 | 314 | * [[image:1750679952765-443.png]] : Ajouter une photo |
| |
59.1 | 315 | |
| |
30.1 | 316 | * [[image:1750680235945-140.png]] : Valider les modifications |
| |
59.1 | 317 | |
| |
61.1 | 318 | * [[image:1754645215721-255.png||height="27" width="27"]] : Éditer les attributs de l'image |
| |
59.1 | 319 | |
| |
61.1 | 320 | * [[image:1754645388875-269.png||height="30" width="30"]]: Supprimer l'image |
| |
44.1 | 321 | ))) |
| |
1.1 | 322 | |
| |
55.1 | 323 | ((( |
| |
56.1 | 324 | |
| |
44.1 | 325 | |
| 326 | |||
| |
45.1 | 327 | |
| |
46.1 | 328 | |
| |
47.1 | 329 | |
| |
48.1 | 330 | |
| |
49.1 | 331 | |
| |
50.1 | 332 | |
| |
51.1 | 333 | |
| |
52.1 | 334 | |
| |
53.1 | 335 | |
| |
54.1 | 336 | |
| |
31.1 | 337 | |
| 338 | ))) | ||
| |
55.1 | 339 | ))) |
| |
25.1 | 340 | |
| 341 | |||
| |
31.1 | 342 | |
| |
1.1 | 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" %)// // |