Widgets

Les widgets sont des objets qui permettent d'afficher et de mettre en forme dynamiquement des informations qui viennent d'internet ou d'une base de données privée. Ils permettent d'avoir un affichage dynamique toujours à jour car ils vont chercher la dernière information disponible.

Ajouter un bien immobilier

Une fois connecté sur votre compte SkySignage, cliquez sur la bouton bleu «Programmer»

Choisissez un modèle IMMO pour afficher 1,2 ou 4 biens sur le même écran et appuyez sur le bouton «+» pour l’utiliser

Si vous avez sélectionné IMMO1, un écran s’affiche avec un emplacement pour un bien immobilier. Il vous suffit de cliquer dessus pour faire apparaître une fenêtre.

Pour ajouter un bien, cliquez sur le boutton «ajouter». Un formulaire apparait, à vous de remplir votre référence agence et la référence du bien à afficher.

Une fois votre bien ajouté, Il ne vous reste plus qu’à cliquer sur le bouton suivant en bas de l’écran.

Bien vendu ou supprimé

Lorsqu’un bien a été vendu, loué ou n’existe plus mais que la séquence est toujours présente, il est remplacé par une image générique. La référence du bien introuvable est affichée en haut à droite de l’image et vous permet de retrouver facilement la séquence associée pour la supprimer.

Afficher les biens vendus

Il est possible avec certains logiciels immobiliers d'afficher les biens vendus avec une bannière “vendu”.

Périclès

Avec le logiciel Périclès, pour envoyer tous les biens dont ceux sous compromis ou vendus, il faut aller dans :

Communication > Transfert FTP > Script FTP

Dans la case Sélection, décocher la case nommée :

“Uniquement offres disponibles”

Le widget Transport vous permet d'afficher les deux prochains départs d'une gare dans une direction. Le Widget fonctionne en Ile de France avec la RATP :

  • Métro
  • Bus
  • Tram

et partout en France avec la SNCF pour les trains

Dans la boîte de dialogue il faut sélectionner le réseau, le type de transport, la ligne, la station et la direction comme dans l'exemple ci-dessous :

Ce qui donnera le résultat suivant sur votre réseau d'écrans :

Si vous avez besoin d'un réseau de transport non encore disponible, contactez nous à hello@skysignage.com. Nous étudierons la faisabilité.

Vous pouvez afficher automatiquement l'heure d'un lieu. A partir du widget horloge il suffit de saisir la ville et le pays. Choisissez ensuite le style d'horloge :

  • avec ou sans date
  • analogique ou numérique
  • avec ou sans le lieu

Le résultat est le suivant pour une horloge digitale jaune:

Vous pouvez afficher automatiquement uen page web sur vos écrans. A partir du widget Webview il suffit de saisir l'URL du site :

Warning: N'oubliez de mettre http://www. lors de la saisie de l'URL. Le résultat est le suivant pour le site SkySignage par exemple:

Vous pouvez afficher automatiquement le fil RSS d'un site web et ainsi bénéficier d'informations toujours à jour. A partir du widget RSS il suffit de saisir l'URL du site :

Warning: N'oubliez de mettre http://www. lors de la saisie de l'URL. Le résultat est le suivant pour le site Mobilicade.fr par exemple:

Vous pouvez générer automatiquement une carte de trafic remise à jour en temps réel. A partir du module Trafic il suffit de saisir une ville, son pays, ainsi que le niveau de zoom sur la ville souhaité.

Le niveau de zoom vous permet d'avoir une carte plus ou moins étendue autour de la ville souhaitée.

Le résultat est le suivant :

Vous pouvez afficher automatiquement la météo ou les prévisions météos à 5 jours d'un lieu.

Météo

A partir du module météo il suffit de saisir la ville et le pays pour afficher la météo

Le résultat est le suivant :

Note: Le style de météo est différent selon que le module soit en portrait - vertical - ou en paysage - horizontal

Prévisions météo

A partir du module prévisions météo il suffit de saisir la ville et le pays pour afficher les prévisions météo sur 5 jours

Le résultat est le suivant :

Vous pouvez générer automatiquement un QR code à afficher sur vos écrans. Une fois scanné par un smartphone, celui ci affichera le site internet que vous avez saisi.

A partir du module QR Code il suffit de saisir une URL

Attention: Mettez bien http://www. devant l'url afin que le renvoi s'effectue de manière optimale sur le smartphone.

Le résultat est le suivant :

SkySignage vous permet d'afficher les dix derniers posts d'une page Facebook. Les posts seront animés et rendront dynamique votre affichage. Toute nouvelle publication Facebook sera automatiquement relayée sur vos écrans SkySignage.

Paramétrage

La configuration de l'indicateur se fait en cliquant sur le bouton Ajouter. La fenêtre suivante apparaît alors :

Saisissez le Nom de la page Facebook dans la zone puis cliquez sur la loupe pour vérifier que c'est bien celle que vous souhaitez afficher. Vous obtiendrez le résultat suivant si vous saisissez Skysignage :

Cliquez ensuite sur les deux options :

  • Activer les informations profil : affichera les heures d'ouverture disponibles dans Facebook
  • Activer les QR code : affichera un QR code si un lien internet est présent sur le post. En le flashant, vos utilisateurs seront renvoyé sur la page cible du lien

Il vous suffit alors de cliquer sur Charger et votre écran Facebook est prêt à l'emploi.

Le widget Twitter vous permet d'afficher les derniers tweets d'un compte.

Cliquez sur le bouton vert Ajouter.

La fenêtre suivante apparaît alors :

Saisissez le nom du compte désiré. Puis cliquez sur la loupe bleue.

Les comptes comportant ce nom sont affichés. Il vous suffit de choisir celui que vous souhaitez.

Choisissez également la vitesse de transition ou durée d'affichage avant de passer au tweet suivant.

Vous obtiendrez alors

Ce widget permet d'afficher un compte à rebours avant un événement à une date et heure donnée.

Saisissez la date et l'heure de l'événement ainsi que la couleur souhaitée de l'objet :

Votre affichage donnera le résultat suivant :

Le Widget actualités vous permet d'afficher automatiquement les dernières nouvelles.

Les nouvelles sont actualisées directement sur vos écrans :

Le widget Fête du jour vous permet d'afficher le prénom dont c'est la fête ainsi que la date. Deux type de présentation sont disponibles :

  • simple
  • images

Choisissez la présentation voulue, puis sauvegardez votre séquence pour avoir le résultat suivant :

SkySignage vous permet d'afficher des indicateurs directement issus de vos systèmes d'informations. 5 types d'indicateurs sont disponibles :

  • jauge
  • compteur jauge
  • camembert
  • barres
  • barre de résultat

Ce widget permet de réaliser ce type d'écran de management visuel :

Configuration de l'indicateur

La configuration de l'indicateur se fait en cliquant sur le bouton Ajouter. La fenêtre suivante apparaît alors :

La zone indicateur vous permet de sélectionner le type d'indicateur que vous souhaitez afficher. Les boutons manuel ou JSON vous permettent de charger les données soit à partir d'un fichier soit de les saisir manuellement.

Données dans un fichier

Si vous avez choisi JSon vous pouvez alors saisir l'URL où les écrans pourront trouver le fichier JSon contenant les données. ou charger un fichier contenant les données (bouton Charger un fichier)

Données saisies manuellement

Si vous choisissez le bouton Manuel, la fenêtre vous propose de saisir les données dans l'interface :

Saisissez alors :

  • le titre de l'indicateur dans la zone titre
  • La valeur minimale dans la zone Min
  • La valeur du secteur de gauche dans la zone E1
  • La valeur du secteur de intermédiaire dans la zone E2
  • La valeur du secteur de droite dans la zone Max

Vous pouvez choisir les couleurs de chaque zone en cliquant sur le bouton de couleur entre les zones de saisie des limites de secteur La valeur de votre indicateur dans la zone Valeur ainsi que son nom dans la zone Nom de la valeur

Cliquez ensuite sur Ajouter une valeur pour valider et ajouter éventuellement une nouvelle valeur.

Une fois toutes les valeurs saisies, cliquez sur le bouton vert Charger

Jauge

La jauge se présente comme suit :

Format du fichier

Cette jauge est générée dynamiquement à partir d'un fichier JSON respectant le format :

Jauge1.json
{
  "min": 0,
  "max": 600,
  "lowSector":200,
  "midSector":350,
  "title":"this is my sample Gauge",
  "firstColor": "#d32f2f",
  "secondColor": "#ffee58",
  "thirdColor": "#00c853",
  "value":50
}

Paramètres

Les différents paramètres du fichier sont :

  • Min : valeur minimale de la jauge
  • Max : valeur maximale de la jauge
  • lowSector : la valeur du secteur inférieur
  • midSector : la valeur du secteur médian
  • title : le tritre du grapique
  • firstColor : la valeur héxadécimale de la couleur qui sera appliquée au premier secteur
  • secondColor : la valeur héxadécimale de la couleur qui sera appliquée au deuxième secteur
  • thirdColor : la valeurhéxadécimale de la couleur qui sera appliquée au troisième secteur

Compteur jauge

La jauge se présente comme suit :

Format de fichier

Cette jauge est générée dynamiquement à partir d'un fichier JSON respectant le format :

Jauge.json
{
  "min": 0,
  "max": 600,
  "lowSector":200,
  "midSector":350,
  "title":"this is my sample Gauge",
  "firstColor": "#d32f2f",
  "secondColor": "#ffee58",
  "thirdColor": "#00c853",
  "value":50
}

Paramètres

Les différents paramètres du fichier sont : Min : valeur minimale de la jauge Max : valeur maximale de la jauge lowSector : la valeur du secteur inférieur midSector : la valeur du secteur médian title : le tritre du grapique firstColor : la valeur héxadécimale de la couleur qui sera appliquée au premier secteur secondColor : la valeur héxadécimale de la couleur qui sera appliquée au deuxième secteur thirdColor : la valeurhéxadécimale de la couleur qui sera appliquée au troisième secteur

Camembert

Le camembert se présente comme suit :

Format du fichier

Cet indicateur est générée dynamiquement à pertir d'un fichier JSON respectant le format :

Piechart.json
{
  "title":"Pie example",
  "series": [
    {"title":"Service 1", "color":"#d32f2f", "value":50},
    {"title":"Service 2", "color":"#ffee58", "value":100},
    {"title":"Service 3", "color":"#00c853", "value":150},
    {"title":"Service 4", "color":"#109618", "value":200},
    {"title":"Service 5", "color":"#990099", "value":250}
  ]
}

Paramètres

Les différents paramètres du fichier sont :

  • title : le titre du grapique
  • Series : représente la série de données, avec un élément par ligne
  • title : étiquette de la donnée
  • color : la couleur héxadécimale de la donnée
  • value : la valeur de la donnée

Barres

Le graphique Barres se présente comme suit :

Format du fichier

Cet indicateur est générée dynamiquement à partir d'un fichier JSON respectant le format :

Barchart.json
{
    "min": 0,
    "max": 600,
    "title": "My Bar chart",
    "lowSector": 200,
    "firstColor": "#d32f2f",
    "midSector": 350,
    "secondColor": "#ffee58",
    "highSector": 500,
    "thirdColor": "#00c853",
    "series": [
    {
        "title": "Value1",
        "value": 50
    }, 
    {
        "title": "Value2",
        "value": 100
    }, 
    {
        "title": "Value3",
        "value": 150
    }, 
    {
        "title": "Value4",
        "value": 200
    }, 
    {
        "title": "Value5",
        "value": 250
    }, 
    {
        "title": "Value6",
        "value": 300
    }]
}

Paramètres

Les différents paramètres du fichier sont :

  • Min : valeur minimale de la jauge
  • Max : valeur maximale de la jauge
  • lowSector : la valeur du secteur inférieur
  • midSector : la valeur du secteur médian
  • highSector : la valeur du secteur haut
  • title : le titre du grapique
  • title : étiquette de la donnée
  • firstColor : la couleur héxadécimale du premier secteur
  • secondColor : la couleur héxadécimale du secteur intermédiaire
  • thirdColor : la couleur héxadécimale du dernier secteur
  • Series : représente la série de données, avec un élément par ligne
  • title : étiquette de la barre
  • value : la valeur de la barre

Barre de résultat

La barre de résultat se présente de la manière suivante :

Format du fichier

Cet indicateur est générée dynamiquement à partir d'un fichier JSON respectant le format :

Resultbar.json
{
  "min": 0,
  "max": 600,
  "lowSector":200,
  "midSector":350,
  "title":"this is my sample Gauge",
  "firstColor": "#d32f2f",
  "secondColor": "#ffee58",
  "thirdColor": "#00c853",
  "value":50
}

Paramètres

Les différents paramètres du fichier sont :

  • Min : valeur minimale de la jauge
  • Max : valeur maximale de la jauge
  • lowSector : la valeur du secteur inférieur
  • midSector : la valeur du secteur médian
  • title : le titre du grapique
  • Series : représente la série de données, avec un élément par ligne
  • title : étiquette de la donnée
  • firstColor : la couleur héxadécimale du premier secteur
  • secondColor : la couleur héxadécimale du secteur intermédiaire
  • thirdColor : la couleur héxadécimale du dernier secteur
  • value : la valeur de la donnée
  • manuel/widgets.txt
  • Dernière modification: 2018/09/26 12:36
  • par bertrand