Code source wiki de Gérer les fichiers photos
Modifié par Joséphine Ducruet le 2025/10/31 14:37
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 | |
| |
63.1 | 68 | (% class="mark small" %)**Versions 4.5**(%%) |
| |
61.1 | 69 | Pas de limite de taille. Les fichiers >1 Mo sont automatiquement reconnus comme HD (tuilés). |
| |
37.2 | 70 | |
| |
63.1 | 71 | (% class="mark small" %)**Versions 4.2 :**(%%) |
| |
61.1 | 72 | Limite à 6 Mo. Au-delà, utiliser l’**import par lot**. |
| |
37.2 | 73 | |
| |
61.1 | 74 | 1. Ouvrir la notice créée. |
| 75 | 1. Glisser le fichier **image** depuis votre ordinateur vers l’**onglet //Photos//** du pavé à droite. | ||
| 76 | |||
| |
41.1 | 77 | [[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 | 78 | |
| 79 | |||
| 80 | (% class="box errormessage" %) | ||
| |
5.1 | 81 | ((( |
| |
37.2 | 82 | Erreur fréquente : attention à l'onglet ! |
| 83 | |||
| |
61.1 | 84 | Attention : seul un **fichier image** est accepté dans l’onglet //Photos//. |
| 85 | Pour les autres formats (PDF, document, etc.), utilisez l’onglet //Documents//. | ||
| |
37.2 | 86 | |
| 87 | |||
| |
41.1 | 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 | |||
| |
37.2 | 91 | ))) |
| 92 | |||
| |
61.1 | 93 | === Méthode 2 : Utiliser la fenêtre de gestion des fichiers === |
| |
37.2 | 94 | |
| |
61.1 | 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. | ||
| |
37.2 | 99 | |
| |
61.1 | 100 | [[Fenêtre de gestion des fichiers>>image:1742387691032-139.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]] |
| |
37.2 | 101 | |
| 102 | |||
| |
41.1 | 103 | [[Icône pour ajouter une photo>>image:1742387788638-989.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]] |
| |
37.2 | 104 | |
| 105 | |||
| |
41.1 | 106 | [[Parcourir les fichiers>>image:1742387842319-744.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]] |
| |
37.2 | 107 | |
| |
41.1 | 108 | [[Sélectionner une photo>>image:1742387922649-515.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]] |
| |
37.2 | 109 | |
| 110 | |||
| |
61.1 | 111 | [[Icône pour valider l'ajout>>image:1742387996485-838.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]] |
| |
37.2 | 112 | |
| |
41.1 | 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"]] |
| |
42.1 | 114 | ))) |
| |
37.2 | 115 | |
| 116 | ((( | ||
| |
43.1 | 117 | ((( |
| |
50.1 | 118 | |
| |
37.2 | 119 | ))) |
| 120 | |||
| 121 | ((( | ||
| |
42.1 | 122 | = Intervenir sur les fichiers photos = |
| |
37.2 | 123 | |
| |
61.1 | 124 | (% class="box infomessage" %) |
| |
37.2 | 125 | ((( |
| |
61.1 | 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. | ||
| |
37.2 | 128 | ))) |
| 129 | |||
| 130 | == Modifier les attributs d'un fichier photo == | ||
| 131 | |||
| |
61.1 | 132 | Chaque photo possède une fiche d'identité que vous pouvez ajuster. |
| |
37.2 | 133 | |
| |
50.1 | 134 | (% style="margin-left:auto; margin-right:auto" %) |
| |
63.1 | 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**. | ||
| |
37.2 | 140 | |
| |
51.1 | 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). | ||
| |
37.2 | 144 | |
| |
51.1 | 145 | [[Copyright sur une photo>>image:1742394007207-498.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]] |
| 146 | ))) | ||
| 147 | |||
| |
61.1 | 148 | ((( |
| 149 | === (% style="background-color:transparent" %)Depuis l'**onglet Photos** du carré de visualisation(%%) === | ||
| |
53.1 | 150 | ))) |
| |
51.1 | 151 | |
| |
61.1 | 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. | ||
| |
37.2 | 156 | 1. Ouvrez la notice dans le réservoir. |
| 157 | |||
| |
42.1 | 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"]] |
| |
37.2 | 159 | |
| 160 | |||
| |
42.1 | 161 | [[Modification des attributs d'une photo>>image:1742393697135-447.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]] |
| |
37.2 | 162 | |
| |
50.1 | 163 | |
| |
61.1 | 164 | ((( |
| 165 | === Depuis la fenêtre de gestion avancée des fichiers === | ||
| |
53.1 | 166 | ))) |
| |
37.2 | 167 | |
| |
61.1 | 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. | ||
| |
37.2 | 172 | |
| |
42.1 | 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"]] |
| |
37.2 | 174 | |
| |
50.1 | 175 | |
| |
42.1 | 176 | [[Icône de modification>>image:1742394190354-838.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]] |
| |
37.2 | 177 | |
| 178 | |||
| |
42.1 | 179 | [[Enregistrer les modifications>>image:1742394357210-722.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]] |
| |
37.2 | 180 | ))) |
| 181 | |||
| |
52.1 | 182 | == Manipuler une photo (zoom, rotation, miroir...) == |
| |
37.2 | 183 | |
| 184 | ((( | ||
| |
61.1 | 185 | Les outils sont disponibles **uniquement** dans la fenêtre de gestion avancée. |
| |
37.2 | 186 | |
| |
42.1 | 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"]] |
| |
37.2 | 188 | |
| |
51.1 | 189 | |
| |
42.1 | 190 | [[Barre d'outils de traitement>>image:1742394647369-916.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]] |
| |
37.2 | 191 | |
| 192 | === Zoom === | ||
| 193 | |||
| 194 | * **Zoom manuel** : jouez avec le curseur ou saisissez directement une valeur entre 1 % et 200 %. | ||
| 195 | |||
| |
42.1 | 196 | [[Zoom manuel>>image:1750665787732-112.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]] |
| |
51.1 | 197 | |
| 198 | |||
| |
37.2 | 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 | |||
| |
42.1 | 204 | [[Zoom avancé>>image:1750666089395-345.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]] |
| |
37.2 | 205 | |
| |
42.1 | 206 | |
| |
37.2 | 207 | **Ajustez le cadre à votre guise** avec les boutons juste en dessous : |
| 208 | |||
| |
51.1 | 209 | (% style="margin-right:auto" %) |
| |
61.1 | 210 | |(% style="background-color:#cbcbea; text-align:center" %)**Icônes**|(% style="background-color:#cbcbea; text-align:center" %)**Fonctionnalités** |
| |
51.1 | 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 | ||
| |
37.2 | 216 | |
| |
61.1 | 217 | (% class="box warningmessage" %) |
| |
37.2 | 218 | ((( |
| |
61.1 | 219 | Si ça ne fonctionne pas comme prévu, pensez à vérifier que Java est bien à jour sur votre navigateur. |
| |
37.2 | 220 | ))) |
| 221 | |||
| |
62.1 | 222 | === Rotation === |
| |
61.1 | 223 | |
| |
37.2 | 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 | |||
| |
42.1 | 227 | [[Outils de rotation>>image:1750667002539-975.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]] |
| |
37.2 | 228 | |
| 229 | === Effet miroir === | ||
| 230 | |||
| |
61.1 | 231 | Besoin d’inverser une photo ? Deux options s’offrent à vous grâce à l’effet miroir. |
| |
37.2 | 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 | |||
| |
42.1 | 236 | [[Outils pour appliquer l'effet miroir>>image:1750667607113-166.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]] |
| |
37.2 | 237 | |
| 238 | === Enregistrer une version modifiée === | ||
| 239 | |||
| |
61.1 | 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 | ))) | ||
| |
37.2 | 245 | |
| |
61.1 | 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 | ))) | ||
| |
37.2 | 255 | |
| |
61.1 | 256 | (% start="4" %) |
| 257 | 1. Ne pas oublier d'enregistrer les modifications avant de revenir sur la notice initiale. | ||
| |
37.2 | 258 | |
| |
42.1 | 259 | [[Enregistrer une version modifiée>>image:1742395002590-106.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]] |
| |
37.2 | 260 | |
| |
42.1 | 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"]] |
| |
37.2 | 262 | |
| 263 | |||
| |
42.1 | 264 | [[Icône pour enregistrer>>image:1750668133963-964.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]] |
| |
37.2 | 265 | |
| |
61.1 | 266 | == Supprimer un fichier photo == |
| |
37.2 | 267 | |
| 268 | Depuis l’**onglet Photos** d’une notice descriptive du réservoir de médias et de documents : | ||
| 269 | |||
| |
61.1 | 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. | ||
| |
37.2 | 273 | |
| |
42.1 | 274 | [[Icône de suppression>>image:1742395308092-131.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]] |
| |
37.2 | 275 | |
| 276 | |||
| |
42.1 | 277 | [[Message de confirmation>>image:1742395392537-875.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]] |
| |
37.2 | 278 | ))) |
| 279 | ))) | ||
| |
38.1 | 280 | )))|(% style="width:438px" %)((( |
| |
37.2 | 281 | (% class="box" %) |
| 282 | ((( | ||
| |
41.1 | 283 | **Sommaire** |
| 284 | |||
| |
38.1 | 285 | {{toc depth="2" numbered="true"/}} |
| |
37.2 | 286 | ))) |
| 287 | |||
| 288 | (% class="box" %) | ||
| 289 | ((( | ||
| |
43.1 | 290 | **Aller plus loin** |
| |
37.2 | 291 | |
| |
59.1 | 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"]] | ||
| |
59.3 | 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"]] |
| |
62.1 | 297 | * [[Lier des photos à un bien>>doc:Gérer les fonds.D\. Gestion des collections.Saisir un bien .Documenter un bien.WebHome]] |
| |
59.1 | 298 | * [[Consulter les documents associés>>doc:1_Fonctionnalités.Consulter Flora.Consulter les documents associés.WebHome||target="_blank"]] |
| |
43.1 | 299 | ))) |
| |
25.1 | 300 | |
| |
44.1 | 301 | (% class="box" %) |
| 302 | ((( | ||
| |
38.1 | 303 | **~ Icônes principales** |
| |
25.1 | 304 | |
| |
47.1 | 305 | * (% id="cke_bm_1893095S" style="display:none" %)[[image:1750680064508-339.png]](%%) [[image:1751031161006-700.png]] : Créer |
| |
59.1 | 306 | |
| |
28.1 | 307 | * [[image:1750679725357-774.png]] : Fenêtre de gestion des fichiers |
| |
59.1 | 308 | |
| |
30.1 | 309 | * [[image:1750679952765-443.png]] : Ajouter une photo |
| |
59.1 | 310 | |
| |
30.1 | 311 | * [[image:1750680235945-140.png]] : Valider les modifications |
| |
59.1 | 312 | |
| |
61.1 | 313 | * [[image:1754645215721-255.png||height="27" width="27"]] : Éditer les attributs de l'image |
| |
59.1 | 314 | |
| |
61.1 | 315 | * [[image:1754645388875-269.png||height="30" width="30"]]: Supprimer l'image |
| |
44.1 | 316 | ))) |
| |
1.1 | 317 | |
| |
55.1 | 318 | ((( |
| |
56.1 | 319 | |
| |
44.1 | 320 | |
| 321 | |||
| |
45.1 | 322 | |
| |
46.1 | 323 | |
| |
47.1 | 324 | |
| |
48.1 | 325 | |
| |
49.1 | 326 | |
| |
50.1 | 327 | |
| |
51.1 | 328 | |
| |
52.1 | 329 | |
| |
53.1 | 330 | |
| |
54.1 | 331 | |
| |
31.1 | 332 | |
| 333 | ))) | ||
| |
55.1 | 334 | ))) |
| |
25.1 | 335 | |
| 336 | |||
| |
31.1 | 337 | |
| |
1.1 | 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" %)// // |