Gérer les fichiers photos

1

(% class="mark small" %)**Version 3.5.0 et ultérieurs**

2

3

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

4

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

5

(% class="box" %)

6

(((

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

8

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

12

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

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

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.

)))

(((

= 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

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

59

60

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

65

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

(% start="4" %)

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

1. Ouvrir la notice

81

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

82

83

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

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.

91

)))

92

93

(% class="box errormessage" %)

94

(((

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

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

)))

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

111

112

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

113

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

(% start="2" %)

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

119

120

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

125

126

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

127

128

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

133

134

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

135

136

[[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 =

146

147

(% class="box warningmessage" %)

148

(((

149

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

150

)))

151

152

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

153

154

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

155

156

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

157

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

158

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

159

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

160

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

161

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

162

163

(% class="box infomessage" %)

164

(((

165

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

166

167

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

168

)))

169

170

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

171

172

1. Ouvrez la notice dans le réservoir.

173

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

174

175

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

180

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

181

182

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

183

184

185

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

186

187

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

188

189

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

194

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

195

1. **Appliquez** vos modifications

196

197

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

202

203

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

204

)))

205

206

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

207

208

(((

209

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

210

211

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

212

213

214

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…

215

216

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

221

222

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

229

230

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

231

232

233

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

234

235

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

236

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

237

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

238

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

239

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

240

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

241

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

242

243

(% class="box infomessage" %)

244

(((

245

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

246

)))

247

248

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

249

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

250

251

[[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 :

256

257

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

258

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

259

260

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

261

262

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

263

264

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 ;

269

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

270

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

271

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

272

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

273

274

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

275

276

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

277

278

279

(% class="box warningmessage" %)

280

(((

281

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

282

283

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

284

)))

285

286

== Supprimer une photo ==

287

288

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

289

290

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

291

292

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

297

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

298

299

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

300

)))

301

)))

302

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

317

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

318

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

319

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

320

* Lier des photos à un bien

)))

(% class="box" %)

(((

**~ Icônes principales**

326

327

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

328

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

329

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

330

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

331

* [[image:1750681007674-175.png]] : Visualiser dans la mosaïque

332

* [[image:1750681295030-622.png]] : Visualiser le diaporama

333

* [[image:1750681552327-517.png]] : Télécharger le contenu

334

* [[image:1750681916040-439.png]] : Télécharger le contenu en HDEF

335

* (((

336

(% id="cke_bm_559782S" style="display:none" %) [[image:1750683030773-337.png]](%%) [[image:1750949726930-871.png||height="18" width="20"]]: Ajouter des documents 3D

337

)))

338

* (((

339

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

340

)))

341

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

342

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

343

* [[image:1750682608499-646.png||data-xwiki-image-style-border="true"]] : Visualiser un document 3D

344

)))

345

346