Code source wiki de Gérer les fichiers photos
Version 41.1 par Joséphine Ducruet le 2025/06/26 16:24
Masquer les derniers auteurs
| author | version | line-number | content |
|---|---|---|---|
 |
4.1 | 1 | (% class="mark small" %)**Version 3.5.0 et ultérieurs** |
| |
1.1 | 2 | |
| |
38.1 | 3 | (% style="width:1377px" %) |
| |
37.2 | 4 | |(% style="width:919px" %)((( |
| |
39.1 | 5 | (% class="box" %) |
| 6 | ((( | ||
| |
22.1 | 7 | Dans Flora, les **photos et fichiers 3D** ne sont **pas directement liés aux notices principales** (biens, événements, etc.), mais sont **centralisés dans des notices dédiées** au sein du réservoir de médias et de documents (comme la Photothèque). |
| |
5.1 | 8 | |
| |
40.1 | 9 | * **Photos** : tous les formats courants sont pris en charge (JPEG, PNG, TIFF…). |
| 10 | * **Fichiers 3D** : leur gestion repose sur une **intégration avec Sketchfab**. Flora ne stocke pas les modèles, mais **référence leur URL publique**. | ||
| 11 | |||
| |
22.1 | 12 | **Deux étapes-clés** pour ajouter une photo dans Flora : |
| |
40.1 | 13 | |
| 14 | 1. Créer une **notice réservoir** | ||
| 15 | 1. **Associer le fichier (photo ou 3D) dans l’onglet Photos** du carré de visualisation. | ||
| 16 | |||
| |
39.1 | 17 | Visualisation enrichie possible: visionneuse HD, affichage mosaïque, diaporama, zoom, rotation... |
| 18 | Mais attention : les outils de traitement et de gestion sont accessibles **uniquement depuis la notice du réservoir**, pas depuis les notices principales liées. | ||
| 19 | ))) | ||
| |
5.1 | 20 | |
| |
37.2 | 21 | ((( |
| 22 | = Avant de commencer = | ||
| 23 | |||
| 24 | == Organisations des photos dans Flora : le rôle du réservoir de médias == | ||
| 25 | |||
| 26 | Dans Flora, les photos ne sont pas enregistrées directement dans les notices principales (biens, événements, personnes, etc.). | ||
| 27 | Elles sont **gérées dans des notices spécifiques** au sein d’une **table du réservoir de médias et de documents**. | ||
| 28 | Cette organisation permet de **centraliser les fichiers**, de les **documenter précisément** (titre, auteur, droits, etc.), et de **les lier à plusieurs notices** si nécessaire. | ||
| 29 | |||
| 30 | == Formats de fichiers compatibles == | ||
| 31 | |||
| 32 | Flora prend en charge une large gamme de formats : | ||
| 33 | |||
| 34 | * **Photos** : PNG, JPEG, TIFF, GIF, BMP | ||
| 35 | * **3D** : via l’intégration avec **Sketchfab** | ||
| 36 | |||
| 37 | == Règles de nommage des fichiers == | ||
| 38 | |||
| 39 | Pour assurer un bon fonctionnement, respectez ces bonnes pratiques : | ||
| 40 | |||
| 41 | * **Éviter **les mélanges majuscule/minuscule | ||
| 42 | * **Ne pas utiliser** de ponctuation (virgule, point, apostrophe…) : utilisez le caractère _ | ||
| 43 | * **Ne jamais inclure** le caractère &, qui empêche l'affichage du fichier | ||
| 44 | * Limiter le nom à **environ 20 caractères** | ||
| 45 | |||
| 46 | = Intégrer une photo dans Flora = | ||
| 47 | |||
| 48 | == Création de la notice == | ||
| 49 | |||
| 50 | Avant tout, commencez par **créer une notice dans une table du réservoir.** | ||
| 51 | |||
| 52 | 1. Accéder à la table de réservoir et **cliquer sur le "+"** pour créer une nouvelle notice | ||
| 53 | |||
| 54 | |||
| 55 | |||
| |
41.1 | 56 | [[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 | 57 | |
| 58 | (% start="2" %) | ||
| 59 | 1. Sélectionnez la **grille de saisie** adaptée | ||
| 60 | |||
| |
41.1 | 61 | [[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 | 62 | |
| 63 | |||
| |
41.1 | 64 | (% start="3" %) |
| |
37.2 | 65 | 1. **Compléter les champs** avec les informations descriptives adaptées |
| 66 | |||
| |
41.1 | 67 | [[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 | 68 | |
| 69 | |||
| |
41.1 | 70 | (% start="4" %) |
| |
37.2 | 71 | 1. **Enregistrer** la notice |
| 72 | |||
| 73 | Votre fiche photo est prête à accueillir son fichier ! | ||
| 74 | |||
| 75 | == Ajout du fichier photo == | ||
| 76 | |||
| 77 | Deux méthodes possibles : | ||
| 78 | |||
| 79 | === Méthode simple : Glisser-déposer === | ||
| 80 | |||
| 81 | * Ouvrir la notice | ||
| 82 | * Glissez simplement votre fichier photo depuis votre ordinateur vers le **pavé de gestion des fichiers**, situé à droite de la notice, dans l’**onglet Photos** | ||
| 83 | |||
| |
41.1 | 84 | [[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 | 85 | |
| 86 | |||
| 87 | (% class="box infomessage" %) | ||
| 88 | ((( | ||
| 89 | En version **4.5 et plus**, il n’y a plus de limite de taille. Les fichiers de plus de 1 Mo sont automatiquement reconnus en **haute définition (HD)** et tuilés. | ||
| 90 | |||
| 91 | En version **4.2**, la taille maximale est de 6 Mo. Au-delà, utilisez l’import par lot avec tuilage. | ||
| |
5.1 | 92 | ))) |
| 93 | |||
| |
37.2 | 94 | (% class="box errormessage" %) |
| |
5.1 | 95 | ((( |
| |
37.2 | 96 | Erreur fréquente : attention à l'onglet ! |
| 97 | |||
| 98 | Si vous essayez de **glisser-déposer un fichier non image (ex. PDF) dans l’onglet Photos**, **ça ne marchera pas**. | ||
| 99 | |||
| 100 | Pourquoi ? Parce que l’onglet Photos accepte uniquement des fichiers image. | ||
| 101 | Résultat : **message d’erreur** et aucun fichier importé. | ||
| 102 | |||
| 103 | Pour que le document soit bien pris en charge par Flora, **positionnez-vous dans l’onglet //Documents//** (dans le pavé de gestion des fichiers), **puis effectuez le glisser-déposer**. | ||
| 104 | Et voilà, votre document est correctement ajouté | ||
| 105 | |||
| |
41.1 | 106 | [[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"]] |
| 107 | |||
| 108 | |||
| |
37.2 | 109 | ))) |
| 110 | |||
| 111 | === Méthode avancée : Fenêtre de gestion des fichiers === | ||
| 112 | |||
| 113 | * Depuis l’onglet Photos, cliquez sur l’icône dédiée | ||
| 114 | |||
| 115 | |||
| 116 | |||
| |
41.1 | 117 | [[Icône de la fenêtre de gestion des fichiers>>image:1742387691032-139.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]] |
| |
37.2 | 118 | |
| 119 | * Cliquer sur l'icone ajouter des photos | ||
| 120 | |||
| |
41.1 | 121 | [[Icône pour ajouter une photo>>image:1742387788638-989.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]] |
| |
37.2 | 122 | |
| 123 | |||
| 124 | * Une fenêtre s'ouvre, cliquer sur Parcourir pour parcourir vos fichiers et sélectionnez la photo souhaitée | ||
| 125 | |||
| |
41.1 | 126 | [[Parcourir les fichiers>>image:1742387842319-744.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]] |
| |
37.2 | 127 | |
| |
41.1 | 128 | [[Sélectionner une photo>>image:1742387922649-515.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]] |
| |
37.2 | 129 | |
| 130 | |||
| 131 | * Valider l'ajout de la photo | ||
| 132 | |||
| |
41.1 | 133 | [[Icône pour enregistrer l'ajout>>image:1742387996485-838.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]] |
| |
37.2 | 134 | |
| |
41.1 | 135 | [[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"]] |
| |
37.2 | 136 | |
| 137 | = Visualiser les photos = | ||
| 138 | |||
| 139 | == Depuis une liste de résultats == | ||
| 140 | |||
| 141 | Lorsque des notices possèdent des fichiers photos associés, **une miniature s’affiche automatiquement** dans la liste de résultats. | ||
| 142 | |||
| 143 | >(% class="small" %)Ex : Dans la table Bibliothèque, lancez une recherche contenant des notices illustrées : la miniature apparaît | ||
| 144 | |||
| 145 | ((( | ||
| 146 | > | ||
| 147 | |||
| 148 | ((( | ||
| 149 | [[image:1742388247426-456.png]] | ||
| 150 | ))) | ||
| 151 | |||
| 152 | |||
| 153 | ))) | ||
| 154 | |||
| 155 | Dans certaines tables, vous pouvez **changer le mode d’affichage** pour mieux visualiser les images. | ||
| 156 | |||
| 157 | >(% class="small" %)Ex : Le **mode mosaïque** présente la **première photo liée** à chaque notice, sous forme de grille. | ||
| 158 | |||
| 159 | ((( | ||
| 160 | [[image:1742388376939-634.png]] | ||
| 161 | ))) | ||
| 162 | |||
| 163 | Un **clic sur la miniature** ouvre la photo en **résolution moyenne** dans une nouvelle fenêtre du navigateur. | ||
| 164 | |||
| 165 | [[image:1742388544036-297.png]] | ||
| 166 | ))) | ||
| 167 | |||
| 168 | ((( | ||
| 169 | Si la photo est en haute définition, cliquer sur l'**icone HD** pour ouvrir la **visionneuse haute définition **et profiter d’un affichage optimisé avec zoom.. | ||
| 170 | |||
| 171 | [[image:1736246353820-782.png]] | ||
| 172 | |||
| 173 | |||
| 174 | |||
| 175 | (% class="box warningmessage" %) | ||
| 176 | ((( | ||
| 177 | Pour consulter **l’ensemble des photos associées à une notice**, il faut ouvrir la notice elle-même. | ||
| 178 | ))) | ||
| 179 | |||
| 180 | == Depuis une notice == | ||
| 181 | |||
| 182 | (% class="box infomessage" %) | ||
| 183 | ((( | ||
| 184 | Dans Flora, les fonctionnalités disponibles pour consulter ou manipuler les fichiers photos **varient selon le type de notice consultée**. | ||
| 185 | On ne retrouve **pas les mêmes outils ni les mêmes possibilités** dans une **notice du réservoir de médias** (ex. : //Photothèque//) que dans une **notice principale liée** (ex. : //Bien//, //Personne//, //Événement//). | ||
| 186 | La notice du réservoir donne accès à **l’ensemble des fonctions de gestion des fichiers**, tandis que la notice principale permet uniquement une **visualisation des photos associées**. | ||
| 187 | ))) | ||
| 188 | |||
| 189 | === Depuis une notice du réservoir de médias === | ||
| 190 | |||
| 191 | **Fonctionnalités complètes disponibles** : | ||
| 192 | |||
| 193 | ==== **Pavé de gestion des fichiers** (onglet //Photos//) | ||
| 194 | Affiche les miniatures des photos associées. Possibilité de glisser-déposer, télécharger, modifier ou supprimer des fichiers. ==== | ||
| 195 | |||
| 196 | [[image:1742391095016-659.png]] | ||
| 197 | |||
| 198 | |||
| 199 | |||
| 200 | (% class="box infomessage" %) | ||
| 201 | ((( | ||
| 202 | **Astuce d’affichage** | ||
| 203 | Le **pavé de gestion des fichiers** (où s'affichent les photos associées) peut être **masqué ou affiché manuellement** dans les notices. | ||
| 204 | Sur certaines tables, il peut apparaître masqué par défaut. | ||
| 205 | **Dès qu’un fichier est associé**, Flora **déploie automatiquement** ce pavé pour vous en faciliter l'accès. | ||
| 206 | |||
| 207 | |||
| 208 | [[image:1750941896188-691.png;charset=utf-8]][[image:1750941896334-467.png;charset=utf-8]] | ||
| 209 | ))) | ||
| 210 | |||
| 211 | ==== **Visionneuse haute définition (HD)** | ||
| 212 | Accès via l’icône HD pour zoomer sur les images en très haute qualité. ==== | ||
| 213 | |||
| 214 | [[image:1736246260864-421.png]] | ||
| 215 | |||
| 216 | |||
| 217 | |||
| 218 | ==== **Affichage en mosaïque** | ||
| 219 | Présentation simultanée de toutes les photos de la notice dans une fenêtre redimensionnable. ==== | ||
| 220 | |||
| 221 | [[image:1742391803001-149.png]] | ||
| 222 | |||
| 223 | |||
| 224 | |||
| 225 | ==== **Diaporama** | ||
| 226 | Le **diaporama** vous permet de visualiser toutes les photos associées à une notice, dans une fenêtre dédiée, enrichie d’une **barre d’outils complète**. ==== | ||
| 227 | |||
| 228 | [[image:1742393863101-856.png]] | ||
| 229 | |||
| 230 | |||
| 231 | * Navigation dans le diaporama | ||
| 232 | |||
| 233 | À gauche de l’écran, la **barre de défilement** affiche toutes les miniatures. Un **clic sur une miniature** affiche la photo correspondante à droite. | ||
| 234 | |||
| 235 | [[image:1742392120369-955.png]] | ||
| 236 | |||
| 237 | Vous pouvez **masquer ou rétablir** cette barre d’un simple clic sur l’icône dédiée. | ||
| 238 | |||
| 239 | [[image:1742392433899-473.png]] | ||
| 240 | |||
| 241 | |||
| 242 | * Outils disponibles | ||
| 243 | |||
| 244 | |=(% style="text-align: center;" %)**Icône**|=(% style="text-align: center; width: 189px;" %)**Fonction**|=(% style="text-align: center; width: 502px;" %)**Description** | ||
| 245 | |[[image:1691489082767-485.png]] [[image:1691489097015-977.png]]|(% style="text-align:center; width:189px" %)Précédent / Suivant|(% style="text-align:center; width:502px" %)Passer à la photo précédente ou suivante. | ||
| 246 | |[[image:1691489202749-372.png]]|(% style="text-align:center; width:189px" %)Agrandir|(% style="text-align:center; width:502px" %)Adapter la photo à la **largeur** de l’écran (sans améliorer la résolution). | ||
| 247 | |[[image:1691489214943-330.png]]|(% style="text-align:center; width:189px" %)Réduire|(% style="text-align:center; width:502px" %)Adapter la photo à la **hauteur** de l’écran. | ||
| 248 | |[[image:1691489228090-755.png]]|(% style="text-align:center; width:189px" %)Taille originale|(% style="text-align:center; width:502px" %)Afficher la photo à **100 %** de sa taille réelle. | ||
| 249 | |[[image:1691489238355-378.png]]|(% style="text-align:center; width:189px" %)Ajuster à l’écran|(% style="text-align:center; width:502px" %)Agrandir la photo à **200 %** pour un affichage plein écran. | ||
| 250 | |[[image:1691489417085-532.png]] [[image:1691489392655-916.png]]|(% style="text-align:center; width:189px" %)Miroir horizontal / vertical|(% style="text-align:center; width:502px" %)Retourner l’image horizontalement ou verticalement. | ||
| 251 | |[[image:1691489488711-581.png]] [[image:1691489498037-766.png]]|(% style="text-align:center; width:189px" %)Rotation gauche / droite|(% style="text-align:center; width:502px" %)Faire pivoter la photo dans le sens souhaité. | ||
| 252 | |[[image:1691489545924-216.png]]|(% style="text-align:center; width:189px" %)Sauvegarder|(% style="text-align:center; width:502px" %)Enregistrer une **copie modifiée** de la photo (images HD uniquement). | ||
| 253 | |[[image:1691489580693-198.png]]|(% style="text-align:center; width:189px" %)Télécharger|(% style="text-align:center; width:502px" %)Exporter toutes les photos du diaporama dans un **fichier ZIP**. | ||
| 254 | |[[image:1691489621953-465.png]]|(% style="text-align:center; width:189px" %)Ajouter contenu HDEF|(% style="text-align:center; width:502px" %)Importer des photos HD depuis le **répertoire serveur**. | ||
| 255 | |||
| |
40.1 | 256 | === Depuis une notice principale === |
| |
39.1 | 257 | ))) |
| |
37.2 | 258 | |
| |
39.1 | 259 | ((( |
| |
37.2 | 260 | **Fonctionnalités de consultation uniquement :** |
| 261 | |||
| 262 | * **Zone de visualisation des fichiers associés** | ||
| 263 | Affichage en haut à droite de la notice. | ||
| 264 | Les fichiers liés apparaissent sous forme de miniatures (image moyenne). | ||
| 265 | |||
| 266 | [[image:1750424763048-500.png]] | ||
| 267 | |||
| 268 | * **Clic sur la miniature** | ||
| 269 | Ouvre la photo dans une nouvelle fenêtre, en résolution moyenne. | ||
| 270 | |||
| 271 | [[image:1742392642952-840.png]] | ||
| 272 | |||
| 273 | |||
| 274 | |||
| 275 | * **Icône HD (si disponible)** | ||
| 276 | Permet d’ouvrir la photo dans la visionneuse haute définition. | ||
| 277 | |||
| 278 | [[image:1742390706585-290.png]] | ||
| 279 | |||
| 280 | |||
| 281 | |||
| 282 | (% class="box warningmessage" %) | ||
| 283 | ((( | ||
| 284 | Depuis une notice principale, **il n’est pas possible de modifier, supprimer ou ajouter** des fichiers photos. Ces actions se font **uniquement depuis la notice du réservoir**. | ||
| 285 | ))) | ||
| 286 | |||
| 287 | = Intervenir sur les fichiers photos = | ||
| 288 | |||
| 289 | (% class="box infomessage" %) | ||
| 290 | ((( | ||
| 291 | Les actions sur les fichiers photos (téléchargement, édition, suppression...) se réalisent depuis les notices descriptives du **réservoir de médias et de documents.** | ||
| 292 | ))) | ||
| 293 | |||
| 294 | == Télécharger des photos == | ||
| 295 | |||
| 296 | * Depuis une **notice** (téléchargement unitaire) | ||
| 297 | |||
| 298 | Dans le pavé de visualisation sur l'onglet **Photos**, cliquez sur le** bouton de téléchargement**. Les fichiers sont regroupés dans une **archive ZIP** automatiquement enregistrée dans le dossier de téléchargement de votre ordinateur. | ||
| 299 | |||
| 300 | [[image:1742393147173-363.png]] | ||
| 301 | |||
| 302 | |||
| 303 | |||
| 304 | (% class="box infomessage" %) | ||
| 305 | ((( | ||
| 306 | //Remarque// : pour récupérer des images **haute définition (HD)**, il est impératif de passer par le bouton prévu dans la notice du réservoir (et non via les listes de résultats). Les exports par lot ne conservent pas la qualité HD d’origine. | ||
| 307 | |||
| 308 | [[image:1742390798530-231.png]] | ||
| 309 | ))) | ||
| 310 | |||
| 311 | * Depuis une **liste de résultats** (téléchargement en lot) | ||
| 312 | |||
| 313 | Sélectionnez plusieurs notices et utilisez la commande **Exporter les photos**. | ||
| 314 | |||
| 315 | [[image:1742393233549-761.png]] | ||
| 316 | |||
| 317 | |||
| 318 | |||
| 319 | (% class="box warningmessage" %) | ||
| 320 | ((( | ||
| 321 | //Attention// : ce mode ne permet d’exporter que des **photos basse définition**. Pour les HD, repassez par les notices une à une. | ||
| 322 | ))) | ||
| 323 | |||
| 324 | == Modifier les attributs d'un fichier photo == | ||
| 325 | |||
| 326 | Chaque photo possède une **fiche d’identité**. Vous pouvez en modifier les informations suivantes : | ||
| 327 | |||
| 328 | (% style="margin-left:auto; margin-right:auto; width:701.222px" %) | ||
| 329 | |=Champ|=(% style="width: 434px;" %)Description | ||
| 330 | |**Libellé**|(% style="width:434px" %)Nom du fichier, saisi automatiquement mais modifiable. | ||
| 331 | |**Description**|(% style="width:434px" %)Texte libre, souvent repris depuis le libellé (sans extension). | ||
| 332 | |**Copyright**|(% style="width:434px" %)Mention affichée au survol de l’image et utilisée comme **filigrane**. | ||
| 333 | |**Accessibilité**|(% style="width:434px" %)((( | ||
| 334 | Niveau de confidentialité selon les profils utilisateurs Flora. | ||
| 335 | ))) | ||
| 336 | |||
| 337 | * Depuis l'**onglet Photos** du carré de visualisation | ||
| 338 | |||
| 339 | 1. Ouvrez la notice dans le réservoir. | ||
| 340 | 1. Dans l'onglet **Photos**, cliquez sur l’icône de modification. | ||
| 341 | |||
| 342 | [[image:1750430749510-779.png]] | ||
| 343 | |||
| 344 | |||
| 345 | |||
| 346 | (% start="2" %) | ||
| 347 | 1. Modifiez les champs souhaités. | ||
| 348 | 1. Cliquez sur **Oui **pour enregistrer. | ||
| 349 | |||
| 350 | [[image:1742393697135-447.png]] | ||
| 351 | |||
| 352 | (% class="box infomessage" %) | ||
| 353 | ((( | ||
| 354 | 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). | ||
| 355 | |||
| 356 | [[image:1742394007207-498.png]] | ||
| 357 | ))) | ||
| 358 | |||
| 359 | * Depuis la fenêtre de gestion avancée des fichiers | ||
| 360 | |||
| 361 | 1. Ouvrez la fenêtre de gestion avancée. | ||
| 362 | |||
| 363 | [[image:1742394067623-329.png]] | ||
| 364 | |||
| 365 | 1. **Sélectionnez** le fichier souhaité. | ||
| 366 | 1. Cliquez sur l**’icône de modification**. | ||
| 367 | 1. **Appliquez** vos modifications | ||
| 368 | |||
| 369 | [[image:1742394190354-838.png]] | ||
| 370 | |||
| 371 | |||
| 372 | |||
| 373 | (% start="4" %) | ||
| 374 | 1. **Enregistrez** les modifications | ||
| 375 | |||
| 376 | [[image:1742394357210-722.png]] | ||
| 377 | ))) | ||
| 378 | |||
| 379 | ((( | ||
| 380 | == Manipuler une photo (zoom, rotation, miroir...) == | ||
| 381 | |||
| 382 | |||
| 383 | La **fenêtre de gestion avancée des fichiers** vous permet de visualiser et d’intervenir directement sur les fichiers photos associés à une notice du réservoir de médias et de documents. Cette fonctionnalité n’est **disponible que dans ces tables dédiées**. | ||
| 384 | |||
| 385 | (% class="box warningmessage" %) | ||
| 386 | ((( | ||
| 387 | Disponible uniquement dans la **fenêtre de gestion avancée des notices réservoirs.** | ||
| 388 | ))) | ||
| 389 | |||
| 390 | [[image:1742394607027-857.png]] | ||
| 391 | |||
| 392 | Une **barre d’outils de traitement** est intégrée à cette fenêtre. Elle permet d’appliquer plusieurs modifications à une photo sans quitter l’interface : zoom, rotation, effet miroir, enregistrement, suppression… | ||
| 393 | |||
| 394 | [[image:1742394647369-916.png]] | ||
| 395 | |||
| 396 | |||
| 397 | |||
| 398 | |||
| 399 | |||
| 400 | |||
| 401 | |||
| 402 | === Zoom === | ||
| 403 | |||
| 404 | * **Zoom manuel** : jouez avec le curseur ou saisissez directement une valeur entre 1 % et 200 %. | ||
| 405 | |||
| 406 | [[image:1750665787732-112.png]] | ||
| 407 | ))) | ||
| 408 | |||
| 409 | ((( | ||
| 410 | * **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**. | ||
| 411 | |||
| 412 | [[image:1750666089395-345.png]] | ||
| 413 | |||
| 414 | **Ajustez le cadre à votre guise** avec les boutons juste en dessous : | ||
| 415 | |||
| 416 | |||
| 417 | |||
| 418 | |||
| 419 | (% style="margin-left:auto; margin-right:auto; width:774.222px" %) | ||
| 420 | |=(% style="text-align: center;" %)**Icône**|=(% style="width: 493px; text-align: center;" %)**Fonction** | ||
| 421 | |(% style="text-align:center" %)[[image:1750666673861-745.png]]|(% style="text-align:center; width:493px" %)Agrandir ou réduire globalement la zone de zoom (loupe) | ||
| 422 | |(% style="text-align:center" %)[[image:1750666700833-162.png]]|(% style="text-align:center; width:493px" %)Ajuster la **hauteur** du cadre de zoom | ||
| 423 | |(% style="text-align:center" %)[[image:1750666720103-501.png]]|(% style="text-align:center; width:493px" %)Ajuster la **largeur** du cadre de zoom | ||
| 424 | |(% style="text-align:center" %)[[image:1750666736757-986.png]]|(% style="text-align:center; width:493px" %)Adapter le cadre de zoom à **l’image entière** | ||
| 425 | |(% style="text-align:center" %)[[image:1750666765711-809.png]]|(% style="text-align:center; width:493px" %)Modifier la **couleur** du cadre de zoom | ||
| 426 | |||
| 427 | |||
| 428 | |||
| 429 | (% class="box infomessage" %) | ||
| 430 | ((( | ||
| 431 | Si ça ne fonctionne pas comme prévu, pensez à vérifier que Java est bien à jour sur votre navigateur. | ||
| 432 | ))) | ||
| 433 | |||
| 434 | === Rotation === | ||
| 435 | |||
| 436 | * Utilisez les **boutons prédéfinis** pour faire pivoter l’image. | ||
| 437 | * Ou saisissez manuellement un **angle de rotation libre** (de 0 à 359°), puis cliquez en dehors du champ pour valider. | ||
| 438 | |||
| 439 | [[image:1750667002539-975.png]] | ||
| 440 | ))) | ||
| 441 | |||
| 442 | ((( | ||
| 443 | === Effet miroir === | ||
| 444 | |||
| 445 | Besoin d’inverser une photo ? Deux options s’offrent à vous grâce à l’effet miroir : | ||
| 446 | |||
| 447 | * **Miroir horizontal** : l’image est retournée de gauche à droite (ce qui était à droite devient la gauche). | ||
| 448 | * **Miroir vertical** : l’image est retournée de haut en bas (le haut devient la base). | ||
| 449 | |||
| 450 | [[image:1750667607113-166.png]] | ||
| 451 | |||
| 452 | |||
| 453 | |||
| 454 | === Enregistrer une version modifiée === | ||
| 455 | |||
| 456 | Cliquez sur l’icône d’enregistrement pour créer une **copie modifiée** de l’image d’origine. | ||
| 457 | |||
| 458 | La sauvegarde : | ||
| 459 | |||
| 460 | * ne remplace jamais l’image initiale ; | ||
| 461 | * génère une image sous un **nouveau nom saisi par l’utilisateur** ; | ||
| 462 | * crée automatiquement les formats associés **medium** et **low** ; | ||
| 463 | * place la copie **au même niveau** que le fichier source dans l’arborescence. | ||
| 464 | * Une fois la sauvegarde terminée, l’**arborescence est actualisée**, et la nouvelle image est sélectionnée automatiquement pour continuer l’édition. | ||
| 465 | |||
| 466 | [[image:1742395002590-106.png]][[image:1742395068259-101.png]] | ||
| 467 | |||
| 468 | |||
| 469 | |||
| 470 | |||
| 471 | (% class="box warningmessage" %) | ||
| 472 | ((( | ||
| 473 | Ne pas oublier d'enregistrer les modifications avant de revenir sur la notice initiale. | ||
| 474 | |||
| 475 | [[image:1750668133963-964.png]] | ||
| 476 | |||
| 477 | |||
| 478 | |||
| 479 | ))) | ||
| 480 | |||
| 481 | == Supprimer une photo == | ||
| 482 | |||
| 483 | Depuis l’**onglet Photos** d’une notice descriptive du réservoir de médias et de documents : | ||
| 484 | |||
| 485 | 1. Cliquez sur l’**icône de suppression** (en haut à droite de la photo). | ||
| 486 | |||
| 487 | [[image:1742395308092-131.png]] | ||
| 488 | |||
| 489 | |||
| 490 | |||
| 491 | (% start="2" %) | ||
| 492 | 1. Une **fenêtre de confirmation** s’affiche. | ||
| 493 | 1. Cliquez sur **OUI** pour valider la suppression. | ||
| 494 | |||
| 495 | [[image:1742395392537-875.png]] | ||
| 496 | |||
| 497 | |||
| 498 | |||
| 499 | = Gérer des fichiers 3D = | ||
| 500 | |||
| 501 | (% class="box warningmessage" %) | ||
| 502 | ((( | ||
| 503 | La gestion des fichiers 3D nécessite un **paramétrage spécifique** permettant d’interfacer Flora avec le **compte Sketchfab** de votre institution. | ||
| 504 | ))) | ||
| 505 | |||
| 506 | == Etapes préalables == | ||
| 507 | |||
| 508 | **Côté Sketchfab** | ||
| 509 | |||
| 510 | Avant toute chose, les fichiers 3D doivent être : | ||
| 511 | |||
| 512 | * ((( | ||
| 513 | Téléversés sur **Sketchfab**, | ||
| 514 | ))) | ||
| 515 | * ((( | ||
| 516 | Et surtout **publiés** pour être exploitables dans Flora. | ||
| 517 | ))) | ||
| 518 | |||
| 519 | **Côté Flora** | ||
| 520 | |||
| 521 | Comme pour les fichiers photo, l’ajout d’un fichier 3D passe par une **notice dans le réservoir de médias** (ex. : Photothèque). | ||
| 522 | ))) | ||
| 523 | |||
| 524 | ((( | ||
| 525 | == Associer un fichier 3D à une notice == | ||
| 526 | |||
| 527 | 1. Créez ou ouvrez une notice dans la table du réservoir. | ||
| 528 | 1. Rendez-vous dans l’**onglet Photos** (dans le pavé de gestion des fichiers). | ||
| 529 | 1. Cliquez sur l’icône dédiée à l’**ajout d’un fichier 3D**. | ||
| 530 | |||
| 531 | [[image:1742396788727-907.png]] | ||
| 532 | |||
| 533 | |||
| 534 | |||
| 535 | (% start="4" %) | ||
| 536 | 1. Une fenêtre de recherche s’ouvre, interfacée avec **Sketchfab**. | ||
| 537 | |||
| 538 | [[image:1742397013343-517.png]] | ||
| 539 | |||
| 540 | |||
| 541 | |||
| 542 | (% start="5" %) | ||
| 543 | 1. Sélectionnez le modèle 3D souhaité parmi ceux **déjà publiés**. | ||
| 544 | 1. Cliquez sur **Associer les modèles sélectionnés**. | ||
| 545 | |||
| 546 | [[image:1742397151241-977.png]] | ||
| 547 | |||
| 548 | Une fois associé, le modèle 3D est accessible directement depuis la notice. | ||
| 549 | |||
| 550 | [[image:1742397179043-220.png]] | ||
| 551 | |||
| 552 | |||
| 553 | |||
| 554 | |||
| 555 | |||
| 556 | |||
| 557 | |||
| 558 | == Visualiser un fichier 3D == | ||
| 559 | |||
| 560 | === Depuis une liste de résultats === | ||
| 561 | |||
| 562 | Dans les listes (ex. : table des Biens), les notices liées à un fichier 3D sont reconnaissables à l’**icône 3D**. | ||
| 563 | |||
| 564 | [[image:1742397649376-436.png]] | ||
| 565 | |||
| 566 | Cliquez sur l’icône : une **fenêtre s’ouvre** pour manipuler le modèle 3D. | ||
| 567 | |||
| 568 | [[image:1742397750971-535.png]] | ||
| 569 | |||
| 570 | |||
| 571 | |||
| 572 | |||
| 573 | |||
| 574 | |||
| 575 | |||
| 576 | === Depuis une notice du réservoir de médias === | ||
| 577 | |||
| 578 | Toujours dans l’onglet **Photos**, un bouton permet d’ouvrir une **visionneuse 3D intégrée**. | ||
| 579 | |||
| 580 | [[image:1741020207836-428.png]][[image:1742397828176-881.png]] | ||
| 581 | |||
| 582 | |||
| 583 | |||
| 584 | |||
| 585 | === Depuis une notice principale liée === | ||
| 586 | |||
| 587 | Même fonctionnement : l’**icône 3D** apparaît, et permet l’accès au modèle dans une fenêtre dédiée. | ||
| 588 | |||
| 589 | [[image:1742397980887-653.png]] | ||
| 590 | |||
| 591 | |||
| 592 | |||
| 593 | == Stockage des fichiers 3D == | ||
| 594 | |||
| 595 | Contrairement aux photos, **Flora ne stocke pas directement les fichiers 3D**. | ||
| 596 | |||
| 597 | Les modèles sont **hébergés sur Sketchfab**. Flora enregistre simplement le **lien vers le fichier** (URL), ce qui : | ||
| 598 | |||
| 599 | * Allège le stockage local, | ||
| 600 | * Et garantit une **compatibilité** avec la visionneuse Sketchfab (les navigateurs web ne lisent pas nativement les formats 3D). | ||
| 601 | ))) | ||
| |
38.1 | 602 | )))|(% style="width:438px" %)((( |
| |
37.2 | 603 | (% class="box" %) |
| 604 | ((( | ||
| |
41.1 | 605 | **Sommaire** |
| 606 | |||
| |
38.1 | 607 | {{toc depth="2" numbered="true"/}} |
| |
37.2 | 608 | |
| 609 | |||
| 610 | ))) | ||
| 611 | |||
| 612 | (% class="box" %) | ||
| 613 | ((( | ||
| |
38.1 | 614 | **Aller plus loin ** |
| |
37.2 | 615 | ))) |
| 616 | |||
| |
38.1 | 617 | * [[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]] |
| |
5.1 | 618 | |
| |
38.1 | 619 | (% class="box" %) |
| 620 | **[[Gérer les fichiers bureautiques>>url:http://46.105.158.203/xwiki/bin/view/1_Fonctionnalit%C3%A9s/G%C3%A9rer%20les%20m%C3%A9dias%20et%20les%20documents%20associ%C3%A9s/D.%20Texte%20int%C3%A9gral/]]** | ||
| |
5.1 | 621 | |
| |
38.1 | 622 | (% class="box" %) |
| 623 | **[[Gérer les fichiers vidéos-sons>>url:http://46.105.158.203/xwiki/bin/view/1_Fonctionnalit%C3%A9s/G%C3%A9rer%20les%20m%C3%A9dias%20et%20les%20documents%20associ%C3%A9s/C.%20Fichiers%20Vid%C3%A9os-Sons/]]** | ||
| |
5.1 | 624 | |
| |
25.1 | 625 | (% class="box" %) |
| |
38.1 | 626 | **[[Importer des photos par lot>>doc:1_Fonctionnalités.5\.C\. Saisie.Manipuler les données en masse.Imports.Imports de photos.WebHome]]** |
| |
1.1 | 627 | |
| |
25.1 | 628 | (% class="box" %) |
| |
38.1 | 629 | **[[Lier des photos à un bien>>doc:1_Fonctionnalités.5\.C\. Saisie.Manipuler les données en masse.Imports.Imports de photos.WebHome]]** |
| |
25.1 | 630 | |
| |
38.1 | 631 | **~ Icônes principales** |
| |
25.1 | 632 | |
| |
29.1 | 633 | * [[image:1750680064508-339.png]] : Créer |
| |
28.1 | 634 | * [[image:1750679725357-774.png]] : Fenêtre de gestion des fichiers |
| |
30.1 | 635 | * [[image:1750679952765-443.png]] : Ajouter une photo |
| 636 | * [[image:1750680235945-140.png]] : Valider les modifications | ||
| |
31.1 | 637 | * [[image:1750681007674-175.png]] : Visualiser dans la mosaïque |
| 638 | * [[image:1750681295030-622.png]] : Visualiser le diaporama | ||
| 639 | * [[image:1750681552327-517.png]] : Télécharger le contenu | ||
| 640 | * [[image:1750681916040-439.png]] : Télécharger le contenu en HDEF | ||
| 641 | * ((( | ||
| |
38.1 | 642 | (% id="cke_bm_559782S" style="display:none" %) [[image:1750683030773-337.png]](%%) [[image:1750683259795-206.png]]: Ajouter des documents 3D |
| |
25.1 | 643 | ))) |
| |
31.1 | 644 | * ((( |
| |
38.1 | 645 | (% id="cke_bm_388642S" style="display:none" %) [[image:high-definition.png]](%%) [[image:1750683276269-308.png]]: Voir l'image en très haute définition |
| |
25.1 | 646 | ))) |
| |
38.1 | 647 | * [[image:1750682200468-197.png]] : Editer les attributs de l'image |
| 648 | * [[image:1750682547595-896.png]] : Supprimer l'image | ||
| 649 | * [[image:1750682608499-646.png]] : Visualiser un document 3D | ||
| |
1.1 | 650 | |
| |
31.1 | 651 | |
| 652 | ))) | ||
| |
25.1 | 653 | |
| 654 | |||
| |
31.1 | 655 | |
| |
1.1 | 656 | (% class="wikigeneratedid" id="H-1" style="text-align: center;" %) |
| 657 | (% id="cke_bm_7267S" style="display:none" %)// //(% id="cke_bm_5535S" style="display:none" %)// // |