Différences

Ci-dessous, les différences entre deux révisions de la page.

--- docs:xibo:2015-09-utilisation-v164 [2015/09/14 00:44] – créée maison.gaetan
+++ docs:xibo:2015-09-utilisation-v164 [2015/09/14 08:25] (Version actuelle) – maison.gaetan
@@ Ligne 1: / Ligne 1: @@
+:04:
+{{:docs:xibo:docs-xibo-2015-09-utilisation-v164.pdf|}}
 ====== Utilisation de l'affichage dynamique Xibo :======
-Lors de cette séance nous allons voir comment utiliser l'affichage dynamique, qui repose sur la solution libre et gratuite Xibo, dans un premier temps nous verrons comment s'y connecter et faire un modèle d'affichage, puis dans un deuxième nous verrons comment le planifier.
+Lors de cette séance nous allons voir comment utiliser l'affichage dynamique qui repose sur la solution libre et gratuite Xibo, dans un premier temps nous verrons comment s'y connecter et faire un modèle d'affichage, puis dans un deuxième nous verrons comment le planifier.
+===== Concevoir :=====
+Nous allons commencer par voir comment concevoir un modèle d'affichage dynamique, pour cela rendez-vous à l'adresse communiquer oralement, vous devriez avoir quelque chose comme ça :
+{{ :docs:xibo:xibo_v164:xibo_v164-01.png?nolink |}}
+Après avoir rentré votre nom d'utilisation et son mot de passe, puis avoir validé vous devriez avoir quelque chose comme ça :
+{{ :docs:xibo:xibo_v164:xibo_v164-02.png?nolink |}}
+Nous allons **cliquer** sur le bouton **Mises en page** : {{ :docs:xibo:xibo_v164:xibo_v164-03.png?nolink |}}
+Une nouvelle fenêtre s'affiche :
+{{ :docs:xibo:xibo_v164:xibo_v164-04.png?nolink |}}
+__À droite__ de la ligne __Coll-00__, **cliquer** sur le bouton **Action**, puis __dans le menu déroulant__, **cliquer** sur la ligne **Copier** :
+{{ :docs:xibo:xibo_v164:xibo_v164-05.png?nolink |}}
+Une nouvelle fenêtre s'affiche :
+{{ :docs:xibo:xibo_v164:xibo_v164-06.png?nolink |}}
+Si vous le souhaitez vous pouvez personnaliser le nom de votre nouvelle mise en page, je vous conseille de le __préfixer avec vos initiales__ afin de le retrouver plus facilement par la suite ; valider en cliquant sur le bouton **Copier** :
+{{ :docs:xibo:xibo_v164:xibo_v164-07.png?nolink |}}
+De retour dans la liste des mises en pages, vous devriez voir la copie précédemment créée :
+{{ :docs:xibo:xibo_v164:xibo_v164-08.png?nolink |}}
+__À droite de votre ligne__, **cliquer** sur le bouton **Action**, puis __dans le menu déroulant__, **cliquer** sur la ligne **Concevoir** :
+{{ :docs:xibo:xibo_v164:xibo_v164-09.png?nolink |}}
+Une nouvelle fenêtre s'affiche alors :
+{{ :docs:xibo:xibo_v164:xibo_v164-10.png?nolink |}}
+__Dans la partie de gauche__, **cliquer** sur le bouton **Options**, puis __dans le menu déroulant__, **cliquer** sur la ligne **Ajouter une région** :
+{{ :docs:xibo:xibo_v164:xibo_v164-11.png?nolink |}}
+Vous devriez avoir quelque chose comme ça :
+{{ :docs:xibo:xibo_v164:xibo_v164-12.png?nolink |}}
+Dans la région créée, __au niveau des chiffres 210 x 210 (105,105)__, **cliquer** sur le bouton en forme de **Flèche**, puis __dans le menu déroulant__, **cliquer** sur la ligne **Modifier le plan de montage chronologique** :
+{{ :docs:xibo:xibo_v164:xibo_v164-13.png?nolink |}}
+Une nouvelle fenêtre s'affiche :
+{{ :docs:xibo:xibo_v164:xibo_v164-14.png?nolink |}}
+__Dans la partie de gauche :__
+{{ :docs:xibo:xibo_v164:xibo_v164-15.png?nolink |}}
+**Cliquer** sur la ligne **Image** :
+{{ :docs:xibo:xibo_v164:xibo_v164-16.png?nolink |}}
+La fenêtre suivante devrait s'afficher :
+{{ :docs:xibo:xibo_v164:xibo_v164-17.png?nolink |}}
+Pour rajouter des images, **cliquer** sur le bouton **+ Add files** :
+{{ :docs:xibo:xibo_v164:xibo_v164-18.png?nolink |}}
+Une nouvelle fenêtre s'affiche et vous permet d'aller chercher des images présentes dans votre ordinateur, __après les avoir sélectionnées__, **cliquer** sur le bouton **Ouvrir** (la présentation peut être légèrement différente suivant la version de votre système d'exploitation) :
+{{ :docs:xibo:xibo_v164:xibo_v164-19.png?nolink |}}
+Vos images se rajoutent à la fenêtre :
+{{ :docs:xibo:xibo_v164:xibo_v164-20.png?nolink |}}
+Pour commencer l'__import de vos images dans la médiathèque__ de Xibo, **cliquer** sur le bouton **Start upload** :
+{{ :docs:xibo:xibo_v164:xibo_v164-21.png?nolink |}}
+Lorsque l'import est terminé, vous devriez avoir quelque chose comme ça :
+{{ :docs:xibo:xibo_v164:xibo_v164-22.png?nolink |}}
+**Cliquer** alors sur le bouton **affecter à la mise en page** :
+{{ :docs:xibo:xibo_v164:xibo_v164-23.png?nolink |}}
+Vous devriez avoir quelque chose comme ça :
+{{ :docs:xibo:xibo_v164:xibo_v164-24.png?nolink |}}
+**Cliquer** sur le bouton {{ :docs:xibo:xibo_v164:xibo_v164-25.png?nolink |}} pour revenir à la fenêtre principale de création de votre mise en page :
+{{ :docs:xibo:xibo_v164:xibo_v164-26.png?nolink |}}
+Dans la région créée, __au niveau des chiffres 210 x 210 (105,105)__, **cliquer** sur le bouton en forme de **Flèche**, puis __dans le menu déroulant__, **cliquer** sur la ligne **Options** :
+{{ :docs:xibo:xibo_v164:xibo_v164-27.png?nolink |}}
+Une nouvelle fenêtre s'affiche :
+{{ :docs:xibo:xibo_v164:xibo_v164-28.png?nolink |}}
+**Personnaliser** les différents champs pour correctement aligner votre région dans la mise en page, puis **cliquer** sur le bouton **Enregistrer** pour valider les changements :
+{{ :docs:xibo:xibo_v164:xibo_v164-29.png?nolink |}}
+Vous êtes de retour sur la fenêtre principale de mise en page, la région prend alors plus de place et nous apercevons notre première photo :
+{{ :docs:xibo:xibo_v164:xibo_v164-30.png?nolink |}}
+__Dans la partie de gauche__, **cliquer** sur le bouton **Options**, puis __dans le menu déroulant__, **cliquer** sur la ligne **Preview Layout** :
+{{ :docs:xibo:xibo_v164:xibo_v164-31.png?nolink |}}
+Cela va vous permettre d'avoir un aperçu de votre mise en page, il s'ouvre dans un nouvel onglet ou une nouvelle fenêtre de votre navigateur :
+{{ :docs:xibo:xibo_v164:xibo_v164-32.png?nolink |}}
+De retour sur la fenêtre principale de mise en page :
+Dans la région créée, __au niveau des chiffres 210 x 210 (105,105)__, **cliquer** sur le bouton en forme de **Flèche**, puis __dans le menu déroulant__, **cliquer** sur la ligne **Modifier le plan de montage chronologique** :
+{{ :docs:xibo:xibo_v164:xibo_v164-13.png?nolink |}}
+Une nouvelle fenêtre s'affiche :
+{{ :docs:xibo:xibo_v164:xibo_v164-14.png?nolink |}}
+__Dans la partie de gauche__,  **cliquer** sur la ligne **Text** :
+{{ :docs:xibo:xibo_v164:xibo_v164-15.png?nolink |}}
+La fenêtre suivante devrait s'afficher :
+{{ :docs:xibo:xibo_v164:xibo_v164-33.png?nolink |}}
+__La première chose à faire__, c'est de __changer la couleur de police__, pour cela dans __la partie de droite__, **cliquer** sur le** A qui est souligné** et __choisissez une couleur dans la liste proposée__ **différente du noir** :
+{{ :docs:xibo:xibo_v164:xibo_v164-34.png?nolink |}}
+Taper ensuite du texte dans la partie basse de la fenêtre :
+{{ :docs:xibo:xibo_v164:xibo_v164-35.png?nolink |}}
+Vous pouvez animer votre texte, pour cela dans la __partie **direction** en haut et à gauche__, choisir un effet, par exemple en **cliquant** sur la ligne **Up** afin d'avoir le texte qui s'anime de bas en haut :
+{{ :docs:xibo:xibo_v164:xibo_v164-36.png?nolink |}}
+Personnaliser le champ **Scroll Speed** qui correspond à __la vitesse de défilement de votre texte__, et choisir également la **durée** d'__affichage de votre texte__, **cliquer** le bouton **Enregistrer** afin de valider vos changements :
+{{ :docs:xibo:xibo_v164:xibo_v164-37.png?nolink |}}
+===== Planifier :=====
+Maintenant que nous avons vu comment créer un modèle d'affichage dynamique, nous allons voir comment le planifier.
+Vous pouvez planifier votre mise en page, directement depuis celle-ci, __dans la partie de gauche__, **cliquer** sur le bouton **Options**, puis __dans le menu déroulant__, **cliquer** sur la ligne **Planifier Maintenant** :
+{{ :docs:xibo:xibo_v164:xibo_v164-38.png?nolink |}}
+Une nouvelle fenêtre s'affiche :
+{{ :docs:xibo:xibo_v164:xibo_v164-39.png?nolink |}}
+**Remplir** la __durée__, si besoin **cocher** la ligne **Priority**, **cocher** le ou les __afficheurs__ concernés, puis **cliquer** sur le bouton **Enregistrer** pour valider votre planification :
+{{ :docs:xibo:xibo_v164:xibo_v164-40.png?nolink |}}
+Vous pouvez également planifier l'affichage de votre mise en page depuis la page d'accueil :
+{{ :docs:xibo:xibo_v164:xibo_v164-42.png?nolink |}}
+Pour cela, **cliquer** sur le bouton {{:docs:xibo:xibo_v164:xibo_v164-43.png?nolink|}} ou __dans la barre de navigation en haut__, **cliquer** sur le bouton {{:docs:xibo:xibo_v164:xibo_v164-44.png?nolink|}}.
+Une nouvelle fenêtre s'affiche :
+{{ :docs:xibo:xibo_v164:xibo_v164-45.png?nolink |}}
+**Cliquer** sur **une date**, une nouvelle fenêtre s'affiche :
+{{ :docs:xibo:xibo_v164:xibo_v164-46.png?nolink |}}
+__Dans la partie en haut et à gauche__, **taper** vos initiales dans le champ **Mise en page** et valider en appuyant sur la touche **Entrée** de __votre clavier__ :
+{{ :docs:xibo:xibo_v164:xibo_v164-47.png?nolink |}}
+Cela permet d'afficher uniquement vos mises en pages créées précédemment :
+{{ :docs:xibo:xibo_v164:xibo_v164-48.png?nolink |}}
+__N'oubliez pas__ de **cocher** le ou les **afficheurs** dans la __partie de droite__ auxquels vous souhaitez planifier une mise en page :
+{{ :docs:xibo:xibo_v164:xibo_v164-49.png?nolink |}}
+__Dans la partie basse de la fenêtre__, veuillez remplir les différents champs :
+{{ :docs:xibo:xibo_v164:xibo_v164-50.png?nolink |}}
+Commencer par la planification du début d'affichage de votre mise en page, pour cela, **cliquer** sur le bouton en forme de calendrier et choisir la date :
+{{ :docs:xibo:xibo_v164:xibo_v164-51.png?nolink |}}
+Ensuite, **cliquer** sur le bouton en **forme d'horloge** en __dessous du calendrier__ {{:docs:xibo:xibo_v164:xibo_v164-52.png?nolink|}}, puis choisir l'heure :
+{{ :docs:xibo:xibo_v164:xibo_v164-53.png?nolink |}}
+Soit avec les flèches, soit en cliquant sur l'heure et les minutes et faites votre choix :
+{{ :docs:xibo:xibo_v164:xibo_v164-54.png?nolink |}}
+{{ :docs:xibo:xibo_v164:xibo_v164-55.png?nolink |}}
+Poursuivre par la planification de la fin de l'affichage de votre mise en page, pour cela, **cliquer** sur le bouton en forme de calendrier et choisir la date :
+{{ :docs:xibo:xibo_v164:xibo_v164-56.png?nolink |}}
+Ensuite, **cliquer** sur le bouton en **forme d'horloge** en __dessous du calendrier__ {{:docs:xibo:xibo_v164:xibo_v164-52.png?nolink|}}, puis choisir l'heure :
+{{ :docs:xibo:xibo_v164:xibo_v164-57.png?nolink |}}
+Vous devriez avoir quelque chose comme ça :
+{{ :docs:xibo:xibo_v164:xibo_v164-58.png?nolink |}}
+Sur le même principe, vous pouvez également définir une récurrence, voici un exemple :
+{{ :docs:xibo:xibo_v164:xibo_v164-59.png?nolink |}}
+__N'oubliez pas__ de **cliquer** sur le bouton {{:docs:xibo:xibo_v164:xibo_v164-60.png?nolink|}}, pour valider votre planification.
+Vous reviendrez au calendrier, normalement vous devriez voir votre planification :
+{{ :docs:xibo:xibo_v164:xibo_v164-61.png?nolink |}}
+Si besoin, __dans la partie de gauche__, **cocher** votre ou vos **afficheurs** :
+{{ :docs:xibo:xibo_v164:xibo_v164-62.png?nolink |}}
+==== Modification ou suppression d'une planification :====
+Si vous vous êtes trompé, ou si vous souhaitez supprimer une planification, **cliquer** sur la ligne de cette dernière :
+{{ :docs:xibo:xibo_v164:xibo_v164-63.png?nolink |}}
+Une nouvelle fenêtre s'affiche, vous pouvez alors la modifier :
+{{ :docs:xibo:xibo_v164:xibo_v164-64.png?nolink |}}
+__Pour la supprimer__, **cliquer** sur le bouton {{:docs:xibo:xibo_v164:xibo_v164-65.png?nolink|}} :
+Vous devriez avoir une fenêtre de confirmation, **cliquer** alors sur le bouton **Oui** pour confirmer la suppression :
+{{ :docs:xibo:xibo_v164:xibo_v164-66.png?nolink |}}
+===== Se déconnecter :=====
+Lorsque vous avez terminé l'administration de l'affichage dynamique, vous devez vous déconnecter en cliquant sur le menu **Préférences** __présent en haut et à droite__ de votre écran, puis __dans la liste qui s'affiche__, **cliquer** sur **Se déconnecter** :
+{{ :docs:xibo:xibo_v164:xibo_v164-67.png?nolink |}}
+Voilà, maintenant vous savez comment utiliser l'administration de l'affichage dynamique Xibo, concevoir un modèle d'affichage, le planifier et se déconnecter, bonne utilisation.

Wiki Info Libre @ Dom

Outils de la page

Outils du site

Outils pour utilisateurs

Différences