# Xibo

![image-1750928267506.png](https://formagent.vincennes.fr/uploads/images/gallery/2025-06/scaled-1680-/image-1750928267506.png)

#### **Xibo** est une plateforme d'affichage dynamique pour la gestion de contenu visuel sur des écrans.

Elle permet de gérer vos contenus, planifier les diffusions et suivre les statistiques des affichages en temps réel.

---

#### **Avantages du logiciel Xibo**

- Diffusion de contenu avec personnalisation avancée
- Programmation des affichages instantanément ou en différé
- Création à l'avance de vos contenus prédéfinis et affichages groupés

---

#### **Objectifs de la formation Xibo**

La formation Xibo a pour objectif de vous présenter la plateforme de gestion d'affichage et de vous accompagner pas à pas dans l'utilisation quotidienne de l'outil. La méthodologie a été conçue avec un parcours progressif qui évolue graduellement de l'initiation à l'expertise, à votre rythme et selon vos besoins techniques. C’est la découverte d’un panel riche de toutes les fonctionnalités principales et avancées, des actions et tâches nécessaires à l’implémentation de l’outil pour fluidifier le processus de travail de vos équipes.

# Connexion à Xibo

Ce tutoriel sur Xibo a pour objectif de vous présenter la connexion.

<p class="callout info">**Note importante:** pour réaliser efficacement le tutoriel ci-dessous, il est important de bien suivre l'ordre chronologique et la numérotation des étapes indiquées. Exemple d'action : 1, 2, 3, 4...</p>

---

#### **Connexion**

**![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png) 1. Se connecter à l'intranet: [https://afficheurs.vincennes.fr](https://afficheurs.vincennes.fr)**

**![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png) 2. Saisir le <span style="color:#236fa1;">nom de l'utilisateur</span>**

**<span style="color:#236fa1;">![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png)<span style="color:#000000;"> 3. </span></span><span style="color:#3366ff;"><span style="color:#000000;"><span style="color:#236fa1;"><span style="color:#3366ff;"><span style="color:#000000;"><span style="color:#236fa1;"><span style="color:#000000;">Saisir le</span> mot de passe</span></span></span></span></span></span>**

**<span style="color:#3366ff;"><span style="color:#000000;"><span style="color:#236fa1;"><span style="color:#3366ff;"><span style="color:#000000;"><span style="color:#236fa1;">![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png)<span style="color:#000000;"> 4. </span><span style="color:#3366ff;"><span style="color:#000000;"><span style="color:#236fa1;"><span style="color:#3366ff;"><span style="color:#000000;"><span style="color:#236fa1;"><span style="color:#000000;">Cliquer sur</span> connexion</span></span></span></span></span></span></span></span></span></span></span></span>**

![image-1750929497650.png](https://formagent.vincennes.fr/uploads/images/gallery/2025-06/scaled-1680-/image-1750929497650.png)

# Gestion d'un affichage

Ce tutoriel montre la procédure pour gérer un affichage sur Xibo.

<p class="callout info">**Note importante:** pour réaliser efficacement le tutoriel ci-dessous, il est important de bien suivre l'ordre chronologique et la numérotation des étapes indiquées. Exemple d'action : 1, 2, 3, 4...</p>

---

#### **A. Créer un affichage**

**![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png) 1. <span style="color:#236fa1;"><span style="color:#000000;">Cliquer sur </span>Mises en pages</span>**

**<span style="color:#236fa1;">![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png)<span style="color:#000000;"> 2. Sélectionner </span>l'identifiant (Cœur de Ville ou Hôtel de Ville) <span style="color:#000000;">sur lequel vous souhaitez modifier l'affichage</span>  
</span>**

**<span style="color:#236fa1;">![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png) <span style="color:#000000;"> 3. <span style="color:#236fa1;"><span style="color:#000000;">Cliquer sur </span></span></span></span>**![image-1751267864153.png](https://formagent.vincennes.fr/uploads/images/gallery/2025-06/scaled-1680-/image-1751267864153.png)**<span style="color:#236fa1;"><span style="color:#000000;">  
</span></span>**

**<span style="color:#236fa1;">![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png) <span style="color:#000000;"> 4. </span><span style="color:#000000;">Cliquer sur </span>Conception  
</span>**

**<span style="color:#236fa1;"><span style="color:#000000;"><span style="color:#236fa1;"><span style="color:#000000;"><span style="color:#236fa1;">![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png) <span style="color:#000000;"> 5. </span><span style="color:#000000;">Cliquer sur </span>Extraire  
</span></span></span></span></span>**

![image-1750928822558.png](https://formagent.vincennes.fr/uploads/images/gallery/2025-06/scaled-1680-/image-1750928822558.png)

---

#### **B. Paramétrer un affichage**

- **Supprimer le média actuel**

**![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png) 1. <span style="color:#000000;">Cliquer sur le <span style="color:#236fa1;">média actuel</span></span>**

**<span style="color:#236fa1;">![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png)<span style="color:#000000;"> 2. C</span><span style="color:#000000;">liquer sur la </span>poubelle <span style="color:#000000;">pour supprimer le média actuel</span>  
</span>**

![image-1751287608507.png](https://formagent.vincennes.fr/uploads/images/gallery/2025-06/scaled-1680-/image-1751287608507.png)

- **Paramétrer un nouveau média**

**<span style="color:#236fa1;">![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png) <span style="color:#000000;"> 3.</span> <span style="color:#000000;">Selon l'affichage souhaité,</span> c<span style="color:#000000;">liquer sur </span>image ou vidéo </span>**

**<span style="color:#236fa1;">![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png)<span style="color:#000000;"> 4. Cliquer sur </span>Téléverser</span>**

**<span style="color:#236fa1;">![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png) <span style="color:#000000;"> 5. <span style="color:#236fa1;"><span style="color:#000000;">Cliquer sur </span>Parcourir/Ajouter une pièce jointe</span>  
</span></span>**

**<span style="color:#236fa1;">![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png) <span style="color:#000000;"> 6. </span><span style="color:#000000;">Cliquer sur </span>Démarrer l'envoi  
</span>**

**<span style="color:#236fa1;"><span style="color:#000000;"><span style="color:#236fa1;"><span style="color:#000000;"><span style="color:#236fa1;">![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png) <span style="color:#000000;"> 7. </span><span style="color:#000000;">Cliquer sur </span>Terminer</span></span></span></span></span>**

**<span style="color:#236fa1;"><span style="color:#000000;"><span style="color:#236fa1;"><span style="color:#000000;"><span style="color:#236fa1;"><span style="color:#000000;"><span style="color:#236fa1;"><span style="color:#000000;"><span style="color:#236fa1;">![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png) <span style="color:#000000;"> 8. <span style="color:#236fa1;">Positionner et redimensionner</span> votre média correctement par rapport à l'écran</span><span style="background-color:#ced4d9;"><span style="color:#000000;">  
</span></span></span></span></span></span></span></span></span></span></span>**

**<span style="color:#236fa1;">![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png)<span style="color:#000000;"> 9. Cliquer sur </span>Avancé</span>**

**<span style="color:#236fa1;">![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png) <span style="color:#000000;"> 10. Si vous souhaitez modifier la durée de votre affichage, <span style="color:#236fa1;"><span style="color:#000000;">cocher la case </span>Définir une durée</span>  
</span></span>**

**<span style="color:#236fa1;">![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png) <span style="color:#000000;"> 11. </span><span style="color:#000000;">Sélectionner la </span>durée de votre affichage  
</span>**

**<span style="color:#236fa1;"><span style="color:#000000;"><span style="color:#236fa1;"><span style="color:#000000;"><span style="color:#236fa1;">![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png) <span style="color:#000000;"> 12. </span><span style="color:#000000;">Cliquer sur </span>Quitter</span></span></span></span></span>**

![image-1751287708582.png](https://formagent.vincennes.fr/uploads/images/gallery/2025-06/scaled-1680-/image-1751287708582.png)

---

#### **C. Publier un affichage**

**![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png) 1. <span style="color:#236fa1;"><span style="color:#000000;">Votre affichage est en état de </span>brouillon (draft)</span>**

**<span style="color:#236fa1;">![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png)<span style="color:#000000;"> 2. </span><span style="color:#000000;"><span style="color:#236fa1;"><span style="color:#000000;">Cliquer sur </span></span></span>![image-1751267864153.png](https://formagent.vincennes.fr/uploads/images/gallery/2025-06/scaled-1680-/image-1751267864153.png)  
</span>**

**<span style="color:#236fa1;">![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png) <span style="color:#000000;"> 3. <span style="color:#236fa1;"><span style="color:#000000;">Sélectionner </span>Publier <span style="color:#000000;">dans le menu</span></span>  
</span></span>**

**<span style="color:#236fa1;">![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png) <span style="color:#000000;"> 4. </span><span style="color:#000000;">Cliquer sur </span>Publier <span style="color:#000000;">afin de valider votre publication</span>  
</span>**

![image-1750928898758.png](https://formagent.vincennes.fr/uploads/images/gallery/2025-06/scaled-1680-/image-1750928898758.png)

# Assistance

#### **Service Métier pour assistance![maarch-objectifs.jpg](https://formagent.vincennes.fr/uploads/images/gallery/2022-02/scaled-1680-/maarch-objectifs.jpg)**

**DINSI**

En cas de problème avec Xibo, vous pourrez contacter la DINSI, via l’application **Joget-Assistance**:

- **[<u>https://intranet.vincennes.fr</u>](https://intranet.vincennes.fr/)** =&gt; **Mes applis** =&gt; **Assistance**
- cliquer sur **"Nouvelle demande"**
- sélectionner **"Xibo**" dans **Type de demande**
- rédiger votre **demande**