Gérer les fichiers photos

1

(% class="mark small" %)**Versions 3.5 et ultérieurs**

2

3

(% style="width:1377px" %)

4

|(% style="width:919px" %)(((

5

(% class="box" %)

6

(((

7

Dans Flora, les **photos** 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).

8

9

Tous les **formats courants** sont pris en charge (JPEG, PNG, TIFF…).

10

11

**Deux étapes-clés** pour ajouter une photo dans Flora :

12

13

1. Créer une **notice réservoir**

14

1. **Associer le fichier (photo ou 3D) dans l’onglet Photos** du carré de visualisation.

15

16

**Attributs modifiables** : libellé, description, copyright, accessibilité.

17

18

**Manipulations possibles** : Zoom, rotation, effet miroir, sauvegarde d’une version modifiée.

)))

(((

= Avant de commencer =

23

24

(% class="box warningmessage" %)

25

(((

26

**Rappel**

27

Dans Flora, les photos ne sont pas enregistrées directement dans les notices principales (biens, événements, personnes, etc.).

28

Elles sont **gérées dans des notices spécifiques** au sein d’une **table du réservoir de médias et de documents**.

29

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.

30

)))

31

32

== Formats de fichiers compatibles ==

33

34

Flora prend en charge une large gamme de formats :

35

36

* **Photos** : PNG, JPEG, TIFF, GIF, BMP

37

* **3D** : via l’intégration avec **Sketchfab**

38

39

== Règles de nommage des fichiers ==

40

41

Pour assurer un bon fonctionnement, respectez ces bonnes pratiques :

42

43

* **Éviter **les mélanges majuscule/minuscule

44

* **Ne pas utiliser** de ponctuation (virgule, point, apostrophe…) : utilisez le caractère _

45

* **Ne jamais inclure** le caractère &, qui empêche l'affichage du fichier

46

* Limiter le nom à **environ 20 caractères**

47

48

= Intégrer une photo dans Flora =

49

50

== Création de la notice ==

51

52

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

53

54

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

55

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"]]

(% start="2" %)

1. Sélectionnez la **grille de saisie** adaptée

61

62

[[Exemple de choix de grille de saisie>>image:1742386573405-405.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]

(% start="3" %)

1. **Compléter les champs** avec les informations descriptives adaptées

67

68

[[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"]]

(% start="4" %)

1. **Enregistrer** la notice

73

74

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

75

76

== Ajout du fichier photo ==

77

78

Deux méthodes possibles :

79

80

=== Méthode simple : Glisser-déposer ===

81

82

1. Ouvrir la notice

83

1. Glissez simplement votre fichier photo depuis votre ordinateur vers le **pavé de gestion des fichiers**, situé à droite de la notice, dans l’**onglet Photos**

84

85

[[Glisser-déposer d'un fichier photo>>image:1742387126508-222.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]

86

87

88

(% class="box infomessage" %)

89

(((

90

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.

91

92

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

93

)))

94

95

(% class="box errormessage" %)

96

(((

97

Erreur fréquente : attention à l'onglet !

98

99

Si vous essayez de **glisser-déposer un fichier non image (ex. PDF) dans l’onglet Photos**, **ça ne marchera pas**.

100

101

Pourquoi ? Parce que l’onglet Photos accepte uniquement des fichiers image.

102

Résultat : **message d’erreur** et aucun fichier importé.

103

104

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

105

Et voilà, votre document est correctement ajouté

106

107

[[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"]]

)))

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

113

114

1. Depuis l’**onglet Photos**, cliquez sur l’icône dédiée

115

116

[[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"]]

(% start="2" %)

1. Cliquer sur l'icone **ajouter des photos**

121

122

[[Icône pour ajouter une photo>>image:1742387788638-989.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]

(% start="3" %)

1. Une fenêtre s'ouvre, cliquer sur **Parcourir** pour parcourir vos fichiers et **sélectionnez la photo souhaitée**

127

128

[[Parcourir les fichiers>>image:1742387842319-744.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]

129

130

[[Sélectionner une photo>>image:1742387922649-515.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]

(% start="4" %)

1. **Valider** l'ajout de la photo

135

136

[[Icône pour enregistrer l'ajout>>image:1742387996485-838.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]

137

138

[[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"]]

)))

(((

(((

)))

(((

= Intervenir sur les fichiers photos =

148

149

(% class="box warningmessage" %)

150

(((

151

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

152

)))

153

154

== Modifier les attributs d'un fichier photo ==

155

156

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

157

158

(% style="margin-left:auto; margin-right:auto" %)

159

|(% style="text-align:center" %)**Champ**|(% style="text-align:center" %)**Description**

160

|(% style="text-align:center" %)**Libellé**|(% style="text-align:center" %)Nom du fichier, saisi automatiquement mais modifiable.

161

|(% style="text-align:center" %)**Description**|(% style="text-align:center" %)Texte libre, souvent repris depuis le libellé (sans extension).

162

|(% style="text-align:center" %)**Copyright**|(% style="text-align:center" %)Mention affichée au survol de l’image et utilisée comme **filigrane**.

163

|(% style="text-align:center" %)**Accessibilité**|(% style="text-align:center" %)Niveau de confidentialité selon les profils utilisateurs Flora.

164

165

(% class="box infomessage" %)

166

(((

167

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

168

169

[[Copyright sur une photo>>image:1742394007207-498.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]

)))

* (((

(% class="wikigeneratedid" id="HDepuisl27ongletPhotosducarrE9devisualisation" %)

174

(% style="background-color:transparent" %)Depuis l'**onglet Photos** du carré de visualisation

175

)))

176

177

1. Ouvrez la notice dans le réservoir.

178

1. Dans l'onglet **Photos**, cliquez sur l’icône de modification.

179

180

[[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"]]

(% start="2" %)

1. Modifiez les champs souhaités.

185

1. Cliquez sur **Oui **pour enregistrer.

186

187

[[Modification des attributs d'une photo>>image:1742393697135-447.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]

* (((

(% class="wikigeneratedid" id="HDepuislafenEAtredegestionavancE9edesfichiers" %)

192

Depuis la fenêtre de gestion avancée des fichiers

193

)))

194

195

1. Ouvrez la fenêtre de gestion avancée.

196

197

[[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"]]

(% start="2" %)

1. **Sélectionnez** le fichier souhaité.

202

1. Cliquez sur l**’icône de modification**.

203

1. **Appliquez** vos modifications

204

205

[[Icône de modification>>image:1742394190354-838.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]

(% start="5" %)

1. **Enregistrez** les modifications

210

211

[[Enregistrer les modifications>>image:1742394357210-722.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]

212

)))

213

214

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

215

216

(((

217

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

218

219

[[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"]]

220

221

222

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…

223

224

[[Barre d'outils de traitement>>image:1742394647369-916.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]

=== Zoom ===

* **Zoom manuel** : jouez avec le curseur ou saisissez directement une valeur entre 1 % et 200 %.

229

230

[[Zoom manuel>>image:1750665787732-112.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]

)))

(((

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

237

238

[[Zoom avancé>>image:1750666089395-345.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]

239

240

241

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

242

243

(% style="margin-right:auto" %)

244

|(% style="text-align:center" %)**Icônes**|(% style="text-align:center" %)**Fonctionnalités**

245

|(% style="text-align:center" %)[[image:1750666673861-745.png]]|(% style="text-align:center" %)Agrandir ou réduire globalement la zone de zoom (loupe)

246

|(% style="text-align:center" %)[[image:1750666700833-162.png]]|(% style="text-align:center" %)Ajuster la **hauteur** du cadre de zoom

247

|(% style="text-align:center" %)[[image:1750666720103-501.png]]|(% style="text-align:center" %)Ajuster la **largeur** du cadre de zoom

248

|(% style="text-align:center" %)[[image:1750666736757-986.png]]|(% style="text-align:center" %)Adapter le cadre de zoom à **l’image entière**

249

|(% style="text-align:center" %)[[image:1750666765711-809.png]]|(% style="text-align:center" %)Modifier la **couleur** du cadre de zoom

250

251

(% class="box infomessage" %)

252

(((

253

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

254

)))

255

256

* Utilisez les **boutons prédéfinis** pour faire pivoter l’image.

257

* Ou saisissez manuellement un **angle de rotation libre** (de 0 à 359°), puis cliquez en dehors du champ pour valider.

258

259

[[Outils de rotation>>image:1750667002539-975.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]

=== Effet miroir ===

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

264

265

* **Miroir horizontal** : l’image est retournée de gauche à droite (ce qui était à droite devient la gauche).

266

* **Miroir vertical** : l’image est retournée de haut en bas (le haut devient la base).

267

268

[[Outils pour appliquer l'effet miroir>>image:1750667607113-166.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]

269

270

=== Enregistrer une version modifiée ===

271

272

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 ;

277

* génère une image sous un **nouveau nom saisi par l’utilisateur** ;

278

* crée automatiquement les formats associés **medium** et **low** ;

279

* place la copie **au même niveau** que le fichier source dans l’arborescence.

280

* Une fois la sauvegarde terminée, l’**arborescence est actualisée**, et la nouvelle image est sélectionnée automatiquement pour continuer l’édition.

281

282

[[Enregistrer une version modifiée>>image:1742395002590-106.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]

283

284

[[Exemple d'arborescence avec une version modifiée>>image:1742395068259-101.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]

285

286

287

(% class="box warningmessage" %)

288

(((

289

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

290

291

[[Icône pour enregistrer>>image:1750668133963-964.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]

292

)))

293

294

== Supprimer une photo ==

295

296

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

297

298

1. Cliquez sur l’**icône de suppression** (en haut à droite de la photo).

299

300

[[Icône de suppression>>image:1742395308092-131.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]

(% start="2" %)

1. Une **fenêtre de confirmation** s’affiche.

305

1. Cliquez sur **OUI** pour valider la suppression.

306

307

[[Message de confirmation>>image:1742395392537-875.png||data-xwiki-image-style-alignment="center" data-xwiki-image-style-border="true"]]

308

)))

309

)))

310

)))|(% style="width:438px" %)(((

(% class="box" %)

(((

**Sommaire**

)))

(% class="box" %)

(((

**Aller plus loin**

* [[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]]

323

* [[Gérer les fichiers bureautiques>>doc:1_Fonctionnalités.Gérer les médias et les documents associés.D\. Texte intégral.WebHome]]

324

* [[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]]

325

* [[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]]

326

* [[Importer des photos par lot>>doc:1_Fonctionnalités.5\.C\. Saisie.Manipuler les données en masse.Imports.Imports de photos.WebHome]]

327

* Lier des photos à un bien

328

* [[Consulter les documents associés>>doc:1_Fonctionnalités.Consulter Flora.Consulter les documents associés.WebHome]]

)))

(% class="box" %)

(((

**~ Icônes principales**

334

335

* (% id="cke_bm_1893095S" style="display:none" %)[[image:1750680064508-339.png]](%%) [[image:1751031161006-700.png]] : Créer

336

* [[image:1750679725357-774.png]] : Fenêtre de gestion des fichiers

337

* [[image:1750679952765-443.png]] : Ajouter une photo

338

* [[image:1750680235945-140.png]] : Valider les modifications

339

* [[image:1750682200468-197.png||data-xwiki-image-style-border="true"]] : Editer les attributs de l'image

340

* [[image:1750682547595-896.png||data-xwiki-image-style-border="true"]] : Supprimer l'image

)))

(((

)))

)))

(% class="wikigeneratedid" id="H-1" style="text-align: center;" %)

364

(% 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