Code source wiki de Gérer les fichiers photos

Version 48.1 par Joséphine Ducruet le 2025/06/30 13:47

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
42.1	54	[[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	55
	56
	57	(% start="2" %)
	58	1. Sélectionnez la grille de saisie adaptée
	59
41.1	60	[[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	61
	62
41.1	63	(% start="3" %)
37.2	64	1. Compléter les champs avec les informations descriptives adaptées
	65
41.1	66	[[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	67
	68
41.1	69	(% start="4" %)
37.2	70	1. Enregistrer la notice
	71
	72	Votre fiche photo est prête à accueillir son fichier !
	73
	74	== Ajout du fichier photo ==
	75
	76	Deux méthodes possibles :
	77
	78	=== Méthode simple : Glisser-déposer ===
	79
	80	* Ouvrir la notice
	81	* Glissez simplement votre fichier photo depuis votre ordinateur vers le pavé de gestion des fichiers, situé à droite de la notice, dans l’onglet Photos
	82
41.1	83	[[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	84
	85
	86	(% class="box infomessage" %)
	87	(((
	88	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.
	89
	90	En version 4.2, la taille maximale est de 6 Mo. Au-delà, utilisez l’import par lot avec tuilage.
5.1	91	)))
	92
37.2	93	(% class="box errormessage" %)
5.1	94	(((
37.2	95	Erreur fréquente : attention à l'onglet !
	96
	97	Si vous essayez de glisser-déposer un fichier non image (ex. PDF) dans l’onglet Photos, ça ne marchera pas.
	98
	99	Pourquoi ? Parce que l’onglet Photos accepte uniquement des fichiers image.
	100	Résultat : message d’erreur et aucun fichier importé.
	101
	102	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.
	103	Et voilà, votre document est correctement ajouté
	104
41.1	105	[[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"]]
	106
	107
37.2	108	)))
	109
	110	=== Méthode avancée : Fenêtre de gestion des fichiers ===
	111
	112	* Depuis l’onglet Photos, cliquez sur l’icône dédiée
	113
42.1	114	[[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	115
	116
	117	* Cliquer sur l'icone ajouter des photos
	118
41.1	119	[[Icône pour ajouter une photo>>image:1742387788638-989.png\|\|data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
37.2	120
	121
	122	* Une fenêtre s'ouvre, cliquer sur Parcourir pour parcourir vos fichiers et sélectionnez la photo souhaitée
	123
41.1	124	[[Parcourir les fichiers>>image:1742387842319-744.png\|\|data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
37.2	125
41.1	126	[[Sélectionner une photo>>image:1742387922649-515.png\|\|data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
37.2	127
	128
	129	* Valider l'ajout de la photo
	130
41.1	131	[[Icône pour enregistrer l'ajout>>image:1742387996485-838.png\|\|data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
37.2	132
41.1	133	[[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	134	)))
37.2	135
	136	(((
43.1	137	(((
48.1	138	== ==
37.2	139	)))
	140
	141	(((
43.1	142
42.1	143
	144	= Intervenir sur les fichiers photos =
37.2	145
	146	(% class="box warningmessage" %)
	147	(((
	148	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.
	149	)))
	150
	151	== Télécharger des photos ==
	152
	153	* Depuis une notice (téléchargement unitaire)
	154
	155	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.
	156
42.1	157	[[Icône pour télécharger>>image:1742393147173-363.png\|\|data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
37.2	158
	159
	160	(% class="box infomessage" %)
	161	(((
	162	//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.
	163
42.1	164	[[Icône pour télécharger en haute définition>>image:1742390798530-231.png\|\|data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
37.2	165	)))
	166
	167	* Depuis une liste de résultats (téléchargement en lot)
	168
	169	Sélectionnez plusieurs notices et utilisez la commande Exporter les photos.
	170
42.1	171	[[Exporter les photo>>image:1742393233549-761.png\|\|data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
37.2	172
	173
	174	(% class="box warningmessage" %)
	175	(((
	176	//Attention// : ce mode ne permet d’exporter que des photos basse définition. Pour les HD, repassez par les notices une à une.
	177	)))
	178
	179	== Modifier les attributs d'un fichier photo ==
	180
	181	Chaque photo possède une fiche d’identité. Vous pouvez en modifier les informations suivantes :
	182
	183	\|=Champ\|=(% style="width: 434px;" %)Description
	184	\|Libellé\|(% style="width:434px" %)Nom du fichier, saisi automatiquement mais modifiable.
	185	\|Description\|(% style="width:434px" %)Texte libre, souvent repris depuis le libellé (sans extension).
	186	\|Copyright\|(% style="width:434px" %)Mention affichée au survol de l’image et utilisée comme filigrane.
	187	\|Accessibilité\|(% style="width:434px" %)(((
	188	Niveau de confidentialité selon les profils utilisateurs Flora.
	189	)))
	190
	191	* Depuis l'onglet Photos du carré de visualisation
	192
	193	1. Ouvrez la notice dans le réservoir.
	194	1. Dans l'onglet Photos, cliquez sur l’icône de modification.
	195
42.1	196	[[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	197
	198
	199	(% start="2" %)
	200	1. Modifiez les champs souhaités.
	201	1. Cliquez sur Oui pour enregistrer.
	202
42.1	203	[[Modification des attributs d'une photo>>image:1742393697135-447.png\|\|data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
37.2	204
	205	(% class="box infomessage" %)
	206	(((
	207	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).
	208
42.1	209	[[Copyright sur une photo>>image:1742394007207-498.png\|\|data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
37.2	210	)))
	211
	212	* Depuis la fenêtre de gestion avancée des fichiers
	213
	214	1. Ouvrez la fenêtre de gestion avancée.
	215
42.1	216	[[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	217
42.1	218	(% start="2" %)
37.2	219	1. Sélectionnez le fichier souhaité.
	220	1. Cliquez sur l’icône de modification.
	221	1. Appliquez vos modifications
	222
42.1	223	[[Icône de modification>>image:1742394190354-838.png\|\|data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
37.2	224
	225
42.1	226	(% start="5" %)
37.2	227	1. Enregistrez les modifications
	228
42.1	229	[[Enregistrer les modifications>>image:1742394357210-722.png\|\|data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
37.2	230	)))
	231
	232	(((
	233	== Manipuler une photo (zoom, rotation, miroir...) ==
	234
	235	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.
	236
	237	(% class="box warningmessage" %)
	238	(((
	239	Disponible uniquement dans la fenêtre de gestion avancée des notices réservoirs.
	240	)))
	241
42.1	242	[[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	243
	244	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…
	245
42.1	246	[[Barre d'outils de traitement>>image:1742394647369-916.png\|\|data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
37.2	247
	248	=== Zoom ===
	249
	250	* Zoom manuel : jouez avec le curseur ou saisissez directement une valeur entre 1 % et 200 %.
	251
42.1	252	[[Zoom manuel>>image:1750665787732-112.png\|\|data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
37.2	253	)))
	254
	255	(((
	256	* 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.
	257
42.1	258	[[Zoom avancé>>image:1750666089395-345.png\|\|data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
37.2	259
42.1	260
37.2	261	Ajustez le cadre à votre guise avec les boutons juste en dessous :
	262
	263	\|(% style="text-align:center" %)[[image:1750666673861-745.png]]\|(% style="text-align:center; width:493px" %)Agrandir ou réduire globalement la zone de zoom (loupe)
	264	\|(% style="text-align:center" %)[[image:1750666700833-162.png]]\|(% style="text-align:center; width:493px" %)Ajuster la hauteur du cadre de zoom
	265	\|(% style="text-align:center" %)[[image:1750666720103-501.png]]\|(% style="text-align:center; width:493px" %)Ajuster la largeur du cadre de zoom
	266	\|(% style="text-align:center" %)[[image:1750666736757-986.png]]\|(% style="text-align:center; width:493px" %)Adapter le cadre de zoom à l’image entière
	267	\|(% style="text-align:center" %)[[image:1750666765711-809.png]]\|(% style="text-align:center; width:493px" %)Modifier la couleur du cadre de zoom
	268
	269
43.1	270
37.2	271	(% class="box infomessage" %)
	272	(((
42.1	273	Si ça ne fonctionne pas comme prévu, pensez à vérifier que Java est bien à jour sur votre navigateur.
37.2	274	)))
	275
	276	* Utilisez les boutons prédéfinis pour faire pivoter l’image.
	277	* Ou saisissez manuellement un angle de rotation libre (de 0 à 359°), puis cliquez en dehors du champ pour valider.
	278
42.1	279	[[Outils de rotation>>image:1750667002539-975.png\|\|data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
37.2	280
	281	=== Effet miroir ===
	282
	283	Besoin d’inverser une photo ? Deux options s’offrent à vous grâce à l’effet miroir :
	284
	285	* Miroir horizontal : l’image est retournée de gauche à droite (ce qui était à droite devient la gauche).
	286	* Miroir vertical : l’image est retournée de haut en bas (le haut devient la base).
	287
42.1	288	[[Outils pour appliquer l'effet miroir>>image:1750667607113-166.png\|\|data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
37.2	289
	290
	291	=== Enregistrer une version modifiée ===
	292
	293	Cliquez sur l’icône d’enregistrement pour créer une copie modifiée de l’image d’origine.
	294
	295	La sauvegarde :
	296
	297	* ne remplace jamais l’image initiale ;
	298	* génère une image sous un nouveau nom saisi par l’utilisateur ;
	299	* crée automatiquement les formats associés medium et low ;
	300	* place la copie au même niveau que le fichier source dans l’arborescence.
	301	* Une fois la sauvegarde terminée, l’arborescence est actualisée, et la nouvelle image est sélectionnée automatiquement pour continuer l’édition.
	302
42.1	303	[[Enregistrer une version modifiée>>image:1742395002590-106.png\|\|data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
37.2	304
42.1	305	[[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	306
	307
	308	(% class="box warningmessage" %)
	309	(((
	310	Ne pas oublier d'enregistrer les modifications avant de revenir sur la notice initiale.
	311
42.1	312	[[Icône pour enregistrer>>image:1750668133963-964.png\|\|data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
37.2	313	)))
	314
	315	== Supprimer une photo ==
	316
	317	Depuis l’onglet Photos d’une notice descriptive du réservoir de médias et de documents :
	318
	319	1. Cliquez sur l’icône de suppression (en haut à droite de la photo).
	320
42.1	321	[[Icône de suppression>>image:1742395308092-131.png\|\|data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
37.2	322
	323
	324	(% start="2" %)
	325	1. Une fenêtre de confirmation s’affiche.
	326	1. Cliquez sur OUI pour valider la suppression.
	327
42.1	328	[[Message de confirmation>>image:1742395392537-875.png\|\|data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]
37.2	329
	330
48.1	331	= =
37.2	332	)))
	333	)))
38.1	334	)))\|(% style="width:438px" %)(((
37.2	335	(% class="box" %)
	336	(((
41.1	337	Sommaire
	338
38.1	339	{{toc depth="2" numbered="true"/}}
37.2	340
	341
	342	)))
	343
	344	(% class="box" %)
	345	(((
43.1	346	Aller plus loin
37.2	347
44.1	348	* [[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]]
	349	* [[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/]]
	350	* [[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/]]
	351	* [[Importer des photos par lot>>doc:1_Fonctionnalités.5\.C\. Saisie.Manipuler les données en masse.Imports.Imports de photos.WebHome]]
46.1	352	* Lier des photos à un bien
43.1	353	)))
25.1	354
44.1	355	(% class="box" %)
	356	(((
38.1	357	~ Icônes principales
25.1	358
47.1	359	* (% id="cke_bm_1893095S" style="display:none" %)[[image:1750680064508-339.png]](%%) [[image:1751031161006-700.png]] : Créer
28.1	360	* [[image:1750679725357-774.png]] : Fenêtre de gestion des fichiers
30.1	361	* [[image:1750679952765-443.png]] : Ajouter une photo
	362	* [[image:1750680235945-140.png]] : Valider les modifications
31.1	363	* [[image:1750681007674-175.png]] : Visualiser dans la mosaïque
	364	* [[image:1750681295030-622.png]] : Visualiser le diaporama
	365	* [[image:1750681552327-517.png]] : Télécharger le contenu
	366	* [[image:1750681916040-439.png]] : Télécharger le contenu en HDEF
	367	* (((
45.1	368	(% id="cke_bm_559782S" style="display:none" %) [[image:1750683030773-337.png]](%%) [[image:1750949726930-871.png\|\|height="18" width="20"]]: Ajouter des documents 3D
25.1	369	)))
31.1	370	* (((
45.1	371	(% id="cke_bm_388642S" style="display:none" %) [[image:high-definition.png]](%%) [[image:1750949739711-581.png\|\|data-xwiki-image-style-border="true" height="23" width="25"]]: Voir l'image en très haute définition
25.1	372	)))
45.1	373	* [[image:1750682200468-197.png\|\|data-xwiki-image-style-border="true"]] : Editer les attributs de l'image
	374	* [[image:1750682547595-896.png\|\|data-xwiki-image-style-border="true"]] : Supprimer l'image
	375	* [[image:1750682608499-646.png\|\|data-xwiki-image-style-border="true"]] : Visualiser un document 3D
44.1	376	)))
1.1	377
44.1	378
	379
45.1	380
46.1	381
47.1	382
48.1	383
31.1	384
	385	)))
25.1	386
	387
31.1	388
1.1	389	(% class="wikigeneratedid" id="H-1" style="text-align: center;" %)
	390	(% id="cke_bm_7267S" style="display:none" %)// //(% id="cke_bm_5535S" style="display:none" %)// //

Code source wiki de Gérer les fichiers photos

Rechercher

Navigation