🌐 Site web

Le calque Web Site intègre une page web en direct dans un projet. Le lecteur ouvre l'adresse que vous saisissez et dessine la page à l'intérieur du cadre du calque, à côté ou au-dessus de tous les autres calques de la composition.

Il n'a qu'un seul réglage : l'adresse de la page. Tout le reste, c'est-à-dire la taille, la position, le moment où le calque apparaît et sa durée, provient des onglets habituels Forme et Minutage, et se comporte comme pour n'importe quel autre calque.

Nécessite une connexion active

L'appareil récupère ce contenu pendant la lecture du calque. Sans connexion réseau, il n'y a rien à afficher, et aucune nouvelle donnée n'arrive tant que la connexion n'est pas rétablie.

Limite d'affichage sur SpinetiX HMP350 et modèles antérieurs

Ces lecteurs affichent le HTML et le JavaScript simples, mais pas le HTML5. Une page qui s'appuie sur des fonctionnalités HTML5, du contenu dynamique ou des animations s'affiche de façon incomplète ou vide, ce qui exclut la plupart des sites conçus avec un framework web actuel. Pour ces sites, utilisez un HMP400 ou un IBX410, ou un appareil d'une autre famille.

Cas d'usage

Un tableau de bord, une page intranet, un tableau d'état ou un moniteur de production qui existe déjà sur le web s'affiche à l'écran tel quel, sans rien à recréer dans Voome.

Ajouter le calque à un projet

1. Ouvrez la section Projet, puis ouvrez ou créez le projet dans lequel vous voulez placer la page.
2. Cliquez sur Ajouter un calque et choisissez Web Site dans le groupe Avancé.

3. Dans l'onglet Contenu, saisissez l'adresse dans Web Page Link. Écrivez-la en entier, protocole compris : https://voome.com, et non voome.com.
4. Dans l'onglet Forme, définissez la taille et la position du cadre dans lequel la page est dessinée. Un nouveau calque mesure au départ 720 par 480 pixels et se trouve à 20 pixels du coin supérieur gauche du canevas.
5. Dans l'onglet Minutage, définissez le moment où le calque apparaît et la durée pendant laquelle il reste affiché.

Comment la page est dessinée

Le lecteur charge l'adresse comme le ferait un navigateur et place le résultat dans le cadre du calque. Quatre conséquences en découlent, et elles déterminent si la page est exploitable à l'écran.

• La page n'est pas réduite pour tenir dans le cadre. Elle s'affiche à sa taille naturelle : le calque en montre donc la partie supérieure gauche. Un site conçu pour un écran de bureau de 1920 pixels, placé dans un calque de 720 par 480, n'en montre qu'environ un quart, à moins qu'il n'adapte son affichage selon ses propres règles responsives.
• Le défilement dépend du matériel. Sur un écran tactile, ou sur un appareil auquel une souris est connectée, les visiteurs peuvent faire défiler la page et l'utiliser comme dans n'importe quel navigateur. Sur un écran simple sans périphérique de saisie, il n'y a aucun moyen de faire défiler : tout ce qui dépasse du cadre du calque n'est jamais visible, et la partie importante doit se trouver dans la zone visible.
• La page est chargée une seule fois. Voome ne propose aucun réglage d'actualisation pour ce calque. Si la page se met à jour d'elle-même, grâce à son propre JavaScript ou à une balise meta refresh, l'écran suit. Sinon, l'écran continue d'afficher l'état de la page au moment de l'ouverture du calque, jusqu'au redémarrage du projet.
• Il n'y a pas de session de connexion. Le lecteur ouvre l'adresse de façon anonyme : une page protégée par une authentification affiche donc le formulaire de connexion. Utilisez une page publique, ou une page dont le service vous fournit un lien partageable ou intégrable. Les lecteurs SpinetiX HMP400 et IBX410 font exception, car ils peuvent remplir eux-mêmes un formulaire de connexion simple.

Choisir la bonne page

Le calque fonctionne le mieux avec une page conçue, ou du moins configurée, pour l'espace qui lui est attribué :

• Privilégiez une page que vous maîtrisez, ou un lien d'intégration publié par le service à cet effet. Ces pages sont conçues pour être intégrées et ce sont celles qui fonctionnent de manière fiable.
• Adaptez la taille du calque à la page plutôt que l'inverse. Une page conçue en 1920 par 1080 a sa place dans un calque plein écran.
• De nombreuses applications web disposent d'un mode kiosque, TV ou plein écran, souvent activé par un paramètre dans l'adresse. Si c'est le cas de la vôtre, utilisez-le : il supprime la navigation et les barres d'outils qui gaspillent l'espace disponible.
• Servez la page en https. Une page servie en http peut être purement et simplement bloquée selon l'appareil.

Champs de contenu

• Web Page Link : l'adresse complète de la page à afficher. Obligatoire. La valeur par défaut est https://voome.com.

🙋🏼 Problèmes courants

Le calque est vide à l'écran

Vérifiez d'abord l'appareil : sur un SpinetiX HMP350 ou un modèle antérieur, une page HTML5 s'affiche vide quelle que soit l'adresse. Sur tous les autres appareils, le site refuse presque certainement d'être intégré. Les sites le déclarent avec l'en-tête X-Frame-Options ou avec Content-Security-Policy: frame-ancestors, et cette décision appartient à l'exploitant du site, pas à Voome. La plupart des grands services publics (moteurs de recherche, réseaux sociaux, banques et messageries) refusent par défaut. Utilisez une page que vous maîtrisez, ou le lien d'intégration dédié fourni par le service.

La page s'affiche dans l'éditeur mais pas sur l'appareil

L'éditeur de projet charge la page via un proxy Voome, qui n'est pas soumis aux règles d'intégration décrites ci-dessus. L'appareil charge la page directement, et y est soumis. C'est pourquoi une page peut sembler parfaite sur le canevas et rester vide à l'écran. Considérez l'éditeur comme une aide à la mise en page pour ce calque, et vérifiez le résultat sur un véritable appareil après publication.

Seul le coin supérieur gauche du site est visible

La page n'est pas mise à l'échelle du calque. Agrandissez le calque dans l'onglet Forme jusqu'à ce que la zone dont vous avez besoin y tienne, ou faites pointer le calque vers une page conçue pour cette taille, comme la version mobile ou kiosque de la même adresse. Faire défiler jusqu'au reste n'est possible que si l'écran est tactile ou si une souris est connectée à l'appareil.

L'écran affiche des données obsolètes

Voome charge la page au démarrage du calque et ne la recharge pas. Si la source se met à jour mais pas l'écran, c'est à la page de s'actualiser elle-même. Si vous ne pouvez pas modifier la page, réglez le Minutage du projet pour que celui-ci se termine et recommence, ce qui rouvre le calque avec un nouveau chargement.

La page demande un nom d'utilisateur et un mot de passe

Il n'y a pas de session de navigateur sur l'appareil, et devant un écran sans surveillance, personne n'est là pour saisir les identifiants. L'adresse doit être accessible sans connexion : une page publique, un lien partagé ou un jeton d'intégration qui porte sa propre autorisation dans l'URL.

Les lecteurs SpinetiX peuvent se connecter seuls

Les lecteurs multimédias HMP400 et IBX410 disposent d'un mécanisme de connexion automatique qui remplit le formulaire à votre place. Il ne fonctionne qu'avec un formulaire de connexion simple : un champ de texte pour le nom d'utilisateur ou l'identifiant, un champ de mot de passe et un bouton d'envoi. Tout ce qui est plus élaboré, comme un formulaire en deux étapes, une redirection d'authentification unique ou un second facteur, est hors de sa portée, et la page reste bloquée sur l'écran de connexion.