# Xibo

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