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