Gérer les fichiers photos

Version 18.1 par Joséphine Ducruet le 2025/06/23 10:47

Version 3.5.0 et ultérieurs

Dans Flora, les photos sont gérées au sein de notices dédiées, stockées dans des tables de réservoir. Elles ne sont jamais directement déposées dans les notices principales (biens, personnes, événements…), mais liées à celles-ci via un champ documentaire.

Quelques points essentiels à retenir :

  • Formats acceptés : PNG, JPEG, TIFF, GIF, BMP
  • Règles de nommage strictes : pas de ponctuation, ni de caractère &, et un nom court (env. 20 caractères)
  • Ajout des fichiers : via glisser-déposer ou fenêtre de gestion avancée, depuis la notice Photothèque
  • Visualisation : accessible depuis les listes, les notices, en mosaïque, diaporama ou HD
  • Fonctions disponibles : zoom, rotation, miroir, modification des métadonnées, téléchargement, suppression
  • Photos HD et THDEF : les fichiers >1Mo (v.4.5) sont automatiquement tuilés pour l’affichage HD ; les versions antérieures nécessitent un import par lot au-delà de 6Mo

Cette organisation permet une gestion centralisée, normalisée et évolutive des fichiers image dans Flora.

Avant de commencer

Organisations des photos dans Flora : le rôle du réservoir de médias

Dans Flora, les photos ne sont pas enregistrées directement dans les notices principales (biens, événements, personnes, etc.).
Elles sont gérées dans des notices spécifiques au sein d’une table du réservoir de médias et de documents, la Photothèque.
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.

Formats de fichiers compatibles

Flora prend en charge une large gamme de formats :

  • Photos : PNG, JPEG, TIFF, GIF, BMP
  • 3D : via l’intégration avec Sketchfab

Règles de nommage des fichiers

Pour assurer un bon fonctionnement, respectez ces bonnes pratiques :

  • Éviter les mélanges majuscule/minuscule
  • Ne pas utiliser de ponctuation (virgule, point, apostrophe…) : utilisez le caractère _
  • Ne jamais inclure le caractère &, qui empêche l'affichage du fichier
  • Limiter le nom à environ 20 caractères

Intégrer une photo dans Flora

Création de la notice

Avant tout, commencez par créer une notice dans une table du réservoir.

  1. Accéder à la table de réservoir et cliquer sur le "+" pour créer une nouvelle notice
1742386517735-125.png

Exemple de création d'une notice dans la table Photothèque

  1. Sélectionnez la grille de saisie adaptée
1742386573405-405.png

Exemple de choix d'une grille de saisie simple dans la table Photothèque

  1. Compléter les champs avec les informations descriptives adaptées
1742386650505-702.png

Exemple de champs disponibles dans une notice Photothèque

  1. Enregistrer la notice

Votre fiche photo est prête à accueillir son fichier !

Ajout du fichier photo

Deux méthodes possibles :

Méthode simple : Glisser-déposer

  • Ouvrir la notice
  • Glissez simplement votre fichier photo depuis votre ordinateur vers le pavé de gestion des fichiers, situé à droite de la notice, dans l’onglet Photos
1742387126508-222.png

Glisser-Déposer d'un fichier photo dans une notice Photothèque

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.

1747662619130-779.png

Exemple de visualisation d'une photo en haute définition

En version 4.2, la taille maximale est de 6 Mo. Au-delà, utilisez l’import par lot avec tuilage.

Erreur fréquente :Si vous tentez de glisser un fichier non-image (ex. PDF) dans l’onglet Photos, Flora refusera l’opération. Pour ce type de document, utilisez l’onglet Documents.

1742382344650-285.png

Message d'erreur d'ajout d'un fichier qui n'est pas de type photos

Méthode avancée : Fenêtre de gestion des fichiers

  • Depuis l’onglet Photos, cliquez sur l’icône dédiée
1742387691032-139.png

Icone dédiée à l'ajout de fichier

  •  Cliquer sur l'icone ajouter des photos
1742387788638-989.png

Icone dédiée à l'ajout de photos

  • Une fenêtre s'ouvre, cliquer sur Parcourir pour parcourir vos fichiez et sélectionnez la photo souhaitée
1742387842319-744.png

Parcourir vos fichiez

1742387922649-515.png

Sélectionner la photo souhaitée

  • Valider l'ajout de la photo
1742387996485-838.png

Icone permettant de valider l'ajout de la photo

1742388019633-227.png

Exemple d'une notice Photothèque avec un fichier photo

Visualiser les photos

Depuis une liste de résultats

Lorsque des notices possèdent des fichiers photos associés, une miniature s’affiche automatiquement dans la liste de résultats.

Ex : Dans la table Bibliothèque, lancez une recherche contenant des notices illustrées : la miniature apparaît à gauche du libellé.

 

1742388247426-456.png

Exemples de miniatures sur une liste de résultats dans la Bibliothèque

 

 Dans certaines tables, vous pouvez changer le mode d’affichage pour mieux visualiser les images.

Ex : Le mode mosaïque présente la première photo liée à chaque notice, sous forme de grille.

1742388376939-634.png

Exemple d'une liste de résultats de notice Biens en affichage mosaïque

 

 Un clic sur la miniature ouvre la photo en résolution moyenne dans une nouvelle fenêtre du navigateur.

1742388544036-297.png

Exemple de visualisation d'une photo en résolution moyenne

 

 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..

1736246353820-782.png

Exemple d'une photo en haute définition sur une liste de résultats de la Photothèque

Pour consulter l’ensemble des photos associées à une notice, il faut ouvrir la notice elle-même.

Depuis une notice

Dans Flora, les fonctionnalités disponibles pour consulter ou manipuler les fichiers photos varient selon le type de notice consultée.
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).
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.

Depuis une notice du réservoir de médias

Fonctionnalités complètes disponibles :

Pavé de gestion des fichiers (onglet Photos)
Affiche les miniatures des photos associées. Possibilité de glisser-déposer, télécharger, modifier ou supprimer des fichiers.

1742391095016-659.png

Exemple du pavé de gestion des fichiers d'une notice Phtothèque

Astuce d’affichage
Le pavé de gestion des fichiers (où s'affichent les photos associées) peut être masqué ou affiché manuellement dans les notices.
Sur certaines tables, il peut apparaître masqué par défaut.
Dès qu’un fichier est associé, Flora déploie automatiquement ce pavé pour vous en faciliter l'accès.
 

1742391566279-963.png

Masquer le pavé de gestion des fichiers

1742391592818-292.png

Afficher le pavé de gestion des fichiers

Visionneuse haute définition (HD)
Accès via l’icône HD pour zoomer sur les images en très haute qualité.

1736246260864-421.png

Visualiser une photo en haute définition

Affichage en mosaïque
Présentation simultanée de toutes les photos de la notice dans une fenêtre redimensionnable.

1742391803001-149.png

Icone permettant l'affichage en mosaïque

Diaporama
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.

1742393863101-856.png

Icone permettant l'accès au diaporama

  • Navigation dans le diaporama

À gauche de l’écran, la barre de défilement affiche toutes les miniatures. Un clic sur une miniature affiche la photo correspondante à droite.

1742392120369-955.png

Affichage d'une miniature dans le diaporama

Vous pouvez masquer ou rétablir cette barre d’un simple clic sur l’icône dédiée.

1742392433899-473.png

Icône pour masquer la barre de défilement

  • Outils disponibles
IcôneFonctionDescription
1691489082767-485.png 1691489097015-977.pngPrécédent / SuivantPasser à la photo précédente ou suivante.
1691489202749-372.pngAgrandirAdapter la photo à la largeur de l’écran (sans améliorer la résolution).
1691489214943-330.pngRéduireAdapter la photo à la hauteur de l’écran.
1691489228090-755.pngTaille originaleAfficher la photo à 100 % de sa taille réelle.
1691489238355-378.pngAjuster à l’écranAgrandir la photo à 200 % pour un affichage plein écran.
1691489417085-532.png 1691489392655-916.pngMiroir horizontal / verticalRetourner l’image horizontalement ou verticalement.
1691489488711-581.png 1691489498037-766.pngRotation gauche / droiteFaire pivoter la photo dans le sens souhaité.
1691489545924-216.pngSauvegarderEnregistrer une copie modifiée de la photo (images HD uniquement).
1691489580693-198.pngTéléchargerExporter toutes les photos du diaporama dans un fichier ZIP.
1691489621953-465.pngAjouter contenu HDEFImporter des photos HD depuis le répertoire serveur.

Depuis une notice principale

Fonctionnalités de consultation uniquement :

  • Zone de visualisation des fichiers associés
    Affichage en haut à droite de la notice.
    Les fichiers liés apparaissent sous forme de miniatures (image moyenne).
1750424763048-500.png

Exemple de visualisation d'une photo sur une notice bien

  • Clic sur la miniature
    Ouvre la photo dans une nouvelle fenêtre, en résolution moyenne.
1742392642952-840.png

Ouvrir la photo sans une nouvelle fenêtre

  • Icône HD (si disponible)
    Permet d’ouvrir la photo dans la visionneuse haute définition.
1742390706585-290.png

Ouvrir une photo haute définition dans la visionneuse dédiée

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.

Intervenir sur les fichiers photos

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.

Télécharger des photos

  • Depuis une notice (téléchargement unitaire)

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.

1742393147173-363.png

Icone de téléchargement

 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.

1742390798530-231.png

Icone de téléchargement en HD

  •  Depuis une liste de résultats (téléchargement en lot)

Sélectionnez plusieurs notices et utilisez la commande Exporter les photos.

1742393233549-761.png

Exporter des photos depuis une liste de résultats

Attention : ce mode ne permet d’exporter que des photos basse définition. Pour les HD, repassez par les notices une à une.

Modifier les attributs d'un fichier photo

 Chaque photo possède une fiche d’identité. Vous pouvez en modifier les informations suivantes :

ChampDescription
LibelléNom du fichier, saisi automatiquement mais modifiable.
DescriptionTexte libre, souvent repris depuis le libellé (sans extension).
CopyrightMention affichée au survol de l’image et utilisée comme filigrane.
Accessibilité

Niveau de confidentialité selon les profils utilisateurs Flora.

  •  Depuis l'onglet Photos du carré de visualisation
  1. Ouvrez la notice dans le réservoir.
  2. Dans l'onglet Photos, cliquez sur l’icône de modification.
1750430749510-779.png

Icône de modification

  1. Modifiez les champs souhaités.
  2. Cliquez sur Oui pour enregistrer.
1742393697135-447.png

Champs permettant de gérer les attributs d'une photo

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).

1742394007207-498.png

Exemple de filigrane

  •  Depuis la fenêtre de gestion avancée des fichiers
  1. Ouvrez la fenêtre de gestion avancée.
1742394067623-329.png

Icône pour ouvrir la fenêtre de gestion avancée

  1. Sélectionnez le fichier souhaité.
  2. Cliquez sur l’icône de modification.
  3. Appliquez vos modifications
1742394190354-838.png

Modification des attributs

  1. Enregistrez les modifications
1742394357210-722.png

Icône pour enregistrer

 

Manipuler une photo (zoom, rotation, miroir...)

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.

Disponible uniquement dans la fenêtre de gestion avancée des notices réservoirs.

1742394607027-857.png

Icône permettant d'accéder à la fenêtre de gestion avancée

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…

1742394647369-916.png

Barre d'outils de traitement

Zoom

  • Zoom manuel : jouez avec le curseur ou saisissez directement une valeur entre 1 % et 200 %.
1750665787732-112.png

Outils de zoom manuel

 

  •  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.
1750666089395-345.png

Zoom avancé

Ajustez le cadre à votre guise avec les boutons juste en dessous :

IcôneFonction
1750666673861-745.pngAgrandir ou réduire globalement la zone de zoom (loupe)
1750666700833-162.pngAjuster la hauteur du cadre de zoom
1750666720103-501.pngAjuster la largeur du cadre de zoom
1750666736757-986.pngAdapter le cadre de zoom à l’image entière
1750666765711-809.pngModifier la couleur du cadre de zoom

Si ça ne fonctionne pas comme prévu, pensez à vérifier que Java est bien à jour sur votre navigateur.

Rotation

  • Utilisez les boutons prédéfinis pour faire pivoter l’image.
  • Ou saisissez manuellement un angle de rotation libre (de 0 à 359°), puis cliquez en dehors du champ pour valider.
1750667002539-975.png

Outils de rotation

Effet miroir

Besoin d’inverser une photo ? Deux options s’offrent à vous grâce à l’effet miroir :

  • Miroir horizontal : l’image est retournée de gauche à droite (ce qui était à droite devient la gauche).
  • Miroir vertical : l’image est retournée de haut en bas (le haut devient la base).
1750667607113-166.png

Icônes de l'effet miroir

Enregistrer une version modifiée

Cliquez sur l’icône d’enregistrement pour créer une copie modifiée de l’image d’origine.

La sauvegarde :

  • ne remplace jamais l’image initiale ;
  • génère une image sous un nouveau nom saisi par l’utilisateur ;
  • crée automatiquement les formats associés medium et low ;
  • place la copie au même niveau que le fichier source dans l’arborescence.
  • Une fois la sauvegarde terminée, l’arborescence est actualisée, et la nouvelle image est sélectionnée automatiquement pour continuer l’édition.
1742395002590-106.png

Enregistrement de la version modifiée

1742395068259-101.png

Ajout de la version modifiée dans l'arborescence

Ne pas oublier d'enregistrer les modifications avant de revenir sur la notice initiale.

1750668133963-964.png

Icône permettant de valider les modifications

Supprimer une photo

Depuis l’onglet Photos d’une notice descriptive du réservoir de médias et de documents :

  1. Cliquez sur l’icône de suppression (en haut à droite de la photo).
1742395308092-131.png

Icône de suppression

  1. Une fenêtre de confirmation s’affiche.
  2. Cliquez sur OUI pour valider la suppression.
1742395392537-875.png

Confirmation de suppression

 

Manipuler les photos depuis la fenêtre de gestion avancée des fichier

Les fichiers photos disposent d’une palette d’outils permettant leur manipulation et visualisation : rotation, zoom, etc. Ces outils sont disponibles dans la fenêtre de gestion avancée des fichiers. Cette fonctionnalité n'est donc disponible que dans les notices descriptives du réservoir de médias et de documents.

1742394607027-857.png

La barre d’outils de traitement permet d’effectuer un certain nombre d’opérations sur la photo ou l’image courante.

1742394647369-916.png

Barre d'outils de traitement

Zoomer

  • Le pas de zoom peut être modifié, en déplaçant le curseur de la barre de zoom avec la souris ou en saisissant une valeur (de 1 à 200), dans la zone Zoom libre (1691481988521-478.png), validé par un clic à l'extérieur de la zone.
  • 1691481925054-439.png Déplacement du curseur vers la gauche (de 1 à 100 %) => réduction de l'image
  • 1691481951013-472.png Déplacement du curseur vers la droite (de 101 à 200 %) => agrandissement de l'image
  • La fonction Zoom avancé ( 1691481967148-685.png ) permet d’obtenir des effets de loupe en naviguant sur la vignette de l’image.

A côté de la barre d'outils de traitement, la vignette de l'image est présentée, avec la loupe (cadre vert) positionnée à la taille du document visible dans la fenêtre de droite.

1691482614392-595.png

La taille de la loupe dans la vignette est réglée en cliquant sur les boutons placés au-dessous de celle-ci ; il suffit ensuite de déplacer la loupe dans la vignette avec la souris pour voir la partie sélectionnée modifiée dans la fenêtre à droite de la vignette :

  • le bouton 1691482238929-285.png ou le bouton 1691482233878-942.png: le cadre vert et l'affichage du document correspondant se réduit ou s'agrandit.
  • le bouton 1691482258214-255.png ou le bouton 1691482253403-295.png: le cadre vert et l'affichage du document correspondant se réduit ou s'agrandit en hauteur.
  • le bouton 1691482310176-491.png ou le bouton 1691482315788-800.png : le cadre vert et l'affichage du document correspondant se réduit ou s'agrandit en largeur.
  • le bouton 1691482336911-557.png : le cadre vert et l'affichage du document correspond à la totalité du document.
  • Pour modifier la couleur du cadre cliquer sur le bouton 1691482395367-377.png et sélectionner la couleur choisie 1691482432081-349.png .

1742394786083-683.png

Navigation avancée sur une photo

Si le zoom ne fonctionne pas de la manière décrite ci-dessus, vérifier que le navigateur utilisé dispose d'une version récente de java.

Effectuer des rotations

  • Bouton de rotation 1691482857370-555.png : il permet – par simple clic sur une de ses valeurs – d’effectuer la rotation correspondante de la photo ou de l'image.
  • Zone Rotation libre 1691482885433-457.png : elle a le même effet, suite à saisie manuelle de la valeur de rotation (de 0 à 359), validé par un clic à l'extérieur de la zone.

1742394831428-559.png

Exemple de rotation

Effectuer un effet miroir

Ces fonctions sont intéressantes pour retourner un document photo ou image, horizontalement ou verticalement.

  • 1742394905719-429.png Image miroir horizontale : retournement de la photo selon un axe de miroir horizontal (ce qui était à droite devient le côté gauche).
  • 1742394913446-155.png Image miroir verticale : projection de la photo selon un axe de miroir horizontal (ce qui était en haut devient la base).

Enregistrer les modifications

La fonctionnalité est accessible via le bouton 1742394930921-564.png.

Elle n'est accessible que pour les images au format HIGH.

Principes :

  • Une "Sauvegarde" crée une copie de l'image d'origine avec en plus les modifications effectuées.
  • L'image est sauvegardée sous un nom différent et ne peut en aucun cas écraser l'image d'origine, ni même aucune autre image (un message d'erreur est prévu le cas échéant).
  • Le nom de l'image sauvegardée est saisi par l'utilisateur.
  • L'image est sauvegardée au même niveau que l'image initiale.
  • Une sauvegarde implique automatiquement la création des 2 autres formats associés (medium et low).

1742395002590-106.png

Enregistrement de la modification

Réactualisation post sauvegarde :

  • A la suite d'une sauvegarde, l'arborescence (à gauche) est ré-actualisée afin d'y faire apparaître la nouvelle image.
  • La nouvelle image est sélectionnée dans l'arborescence et le panneau de droite ré-actualisé afin de continuer l'édition sur la nouvelle image.

1742395068259-101.png

Exemple de modification - photo sauvegardée

La copie de l'image obtenue peut être sauvegardée a son tour, au même titre que l'original. Pour valider les modification cliquer sur 1742395103021-803.png avant de revenir sur la notice initiale.

Résultat :

1742395154613-564.png

Supprimer un fichier photo

Depuis une notice descriptive du réservoir de médias et de documents, il est possible de supprimer une photo en cliquant sur la 1742395271448-299.png.

Se positionner dans l'onglet Photos, situé dans le pavé de gestion des fichiers, et cliquer sur la 1742395271448-299.png située en haut à droite de la photo à supprimer.

1742395308092-131.png

Affichage de la photo à supprimer

Un message de demande de confirmation s'affiche. Cliquer sur OUI.

1742395392537-875.png

Demande de confirmation de la suppression

Gérer des fichiers 3D

Attention : la gestion des fichiers 3D nécessite un paramétrage spécifique, qui permet d'interfacer Flora avec le profil Sketchfab du client.

Insérer un fichier 3D dans Flora

Étapes préalables

Logiciel Sketchfab

Pour insérer un fichier 3D dans Flora, il faut au préalable avoir déposé les documents 3D sur la plateforme Sketchfab. 

L'image 3D doit également avoir été publiée sur Sketchafb pour être ensuite manipulée dans Flora.

Flora

La gestion des fichiers 3D demande de respecter les mêmes règles que pour des fichiers photos standards, à savoir : avoir préalablement créé une notice dans une table du réservoir de médias et de documents (Photothèque par exemple).

Associer un fichier 3D

Exemple pour la table Photothèque.

Une fois la notice créée dans une table du réservoir de médias et de documents, se positionner dans l'onglet Photos, situé dans le pavé de gestion des fichiers, et cliquer sur l'icône  1742396959077-794.png.

1742396788727-907.png

Recherche le fichier 3D à intégrer dans Flora.

Cette recherche est interfacée avec le logiciel Sketchfab ; elle permet de faire remonter les fichiers 3D préalablement déposés et publiés sur la plateforme.

1742397013343-517.png

Sélectionner le fichier 3D à intégrer et cliquer sur associer les modèles sélectionnés :

1742397151241-977.png

Résultat :

1742397179043-220.png

Visualiser les fichiers 3D

Depuis une liste de résultats

Depuis une liste de résultats, les notices documentaires liées à des notices contenant des fichiers 3D sont identifiées grâce à l'icône 1742397615565-224.png.

Exemple de liste de résultats dans la table des Biens.

1742397649376-436.png

En cliquant sur cet icône, une nouvelle fenêtre s'ouvre. Elle permet de manipuler le fichier 3D. 

1742397750971-535.png

Depuis une notice

Dans une notice descriptive du réservoir de médias et de documents

Exemple pour la table Photothèque.

Pour visualiser le modèle 3D, cliquer sur le bouton dédié :

1741020207836-428.png

Une fenêtre s'ouvre et permet de manipuler le modèle 3D : 

1742397828176-881.png

Visualisation du fichier 3D

Dans une notice descriptive avec liens documentaires vers le réservoir de médias et de documents

Les notices documentaires liées à des notices contenant des fichiers 3D sont identifiées grâce à l'icône 1742397615565-224.png.

Exemple pour la table des Biens.

1742397980887-653.png

En cliquant sur cet icône, une nouvelle fenêtre s'ouvre. Elle permet de manipuler le fichier 3D. 

1742398005581-696.png

Stockage des fichiers 3D

​​Flora ne stocke pas les fichiers 3D en tant que tels, mais pointe sur des URL gérées dans un outil dédié Sketchfab ; les navigateurs web et Windows ne permettent pas encore d'afficher nativement ces fichiers. 

1741020015534-159.png

Fichier 3D dans la table Photothèque du réservoir de médias et de documents Flora

1741020068740-630.png

Visualisation du fichier 3D