Aperçu de BLUE Web Viewer et du flux de travail de développement

À propos de BLUE Web Viewer

'BLUE Web Viewer' (ci-après dénommé 'Web Viewer') est une fonction qui s'exécute sur un afficheur pour partager des informations d'écran avec des navigateurs Web sur des téléphones intelligents et des tablettes (ci-après dénommés 'appareils intelligents') ainsi que sur des ordinateurs. À l'aide de Web Viewer, l'afficheur est un serveur et les appareils intelligents et les ordinateurs se connectant au serveur sont des clients.

  1. Clients
  2. Serveur

À l'aide d'un client, vous pouvez également effectuer des opérations sur le serveur à partir d'un navigateur Web. Le fonctionnement à distance du serveur à partir d'un client est possible lorsque le réseau est configuré pour que les clients puissent se connecter au serveur.

Un seul serveur peut autoriser plusieurs connexions client simultanées.

Exemples d'applications :

Remarque : pour plus d'informations sur les modèles qui prennent en charge Web Viewer, reportez-vous à ce qui suit.
Modèle/Fonction pris en charge

Il existe de nombreuses applications où Web Viewer peut être nécessaire, comme l'interaction avec des machines situées dans un endroit difficile d'accès (comme dans une salle propre ou à l'autre extrémité d'une grande installation), ou l'interaction avec un afficheur qui est configuré sans Display Module.

Même si le système Web Viewer peut prendre en charge plusieurs clients se connectant au serveur et visualisant l'interface de l'écran, un seul client peut interagir avec le serveur (opération tactile) à tout moment.

Environnement d'exploitation de Web Viewer

Élément

Description

Serveur

Modèles d'afficheur

Modèle/Fonction pris en charge

Nombre de connexions client simultanées

1

Client
Système d'exploitation Navigateur Web
  • Windows
  • Windows Server
  • Google Chrome 64 ou plus récente
  • Microsoft Edge 80 ou plus récente
  • iOS 13 ou plus récente
  • iPadOS 13 ou plus récente
  • Safari 13 ou plus récente
  • Google Chrome 78 ou plus récente
  • Androiti 4,4 ou plus récente
  • Google Chrome 72 ou plus récente

Remarque : Internet Explorer et Firefox ne sont pas pris en charge.

Protocoles pris en charge

  • HTTP (Version 1.1)

Langues prises en charge (interface utilisateur)

anglais, français, allemand, espagnol, italien, portugais, chinois simplifié, chinois traditionnel, coréen et japonais

Pour créer un réseau sécurisé pour empêcher tout accès non autorisé

Pour créer un réseau sécurisé pour empêcher tout accès non autorisé, voir ci-dessous.

Cybersécurité

Nous vous recommandons particulièrement de faire ce qui suit :

Pro-face Connect

Vous pouvez utiliser Pro-face Connect pour créer un envronnement de communication chiffré.

Lorsque vous utilisez Pro-face Connect avec Web Viewer, ajoutez le paramètre de port dans les paramètres Création d'un agent.

Ajout d'un paramètre de portAjout d'un paramètre de port

  1. Dans la fenêtre [Gestionnaire du site], sur le côté droit de [Agents de périphérique], cliquez sur [Modifier].

  2. Sur l'agent cible, cliquez sur l'icône pour afficher des paramètres supplémentaires.

  3. Dans le champ [Ports TCP supplémentaires], saisissez le numéro de port tel que configuré dans le logiciel d'édition d'écran, puis cliquez sur [Enregistrer].

Remarque :

  • Pour en savoir plus sur la configuration de Pro-face Connect, consultez le Manuel de Pro-face Connect.
  • Vous ne pouvez pas utiliser d'appareils intelligents comme client Web Viewer dans un environnement de communication crypté créé par Pro-face Connect.

Flux de développement

  1. Configuration du serveur
  2. Configuration des paramètres d'authentification utilisateur

Configuration du serveur

Voici une description des étapes de configuration du serveur.

Important : pour renforcer la sécurité, nous vous recommandons d'activer [Paramètre de sécurité]. En activant [Paramètre de sécurité], lorsqu'un client accède au serveur, l'authentification de l'utilisateur est requise.

  1. Dans la fenêtre Explorateur de projets, accédez à [Architecture du système] et cliquez sur [Target01].
  2. Dans la fenêtre Propriétés, cliquez sur l'onglet [Avancé] et sur l'onglet [Accès aux données].
  3. Accédez à [Paramètres de fonction Web] et cochez la case [Activer Web Viewer].
  4. Accédez à [Paramètres Web Viewer] et cochez la case [Paramètre de sécurité].
  5. Si nécessaire, modifiez le numéro de port dans [Numéro de port].

Remarque :

Configuration des paramètres d'authentification utilisateur

Dans les paramètres Web Viewer, activez [Paramètre de sécurité] pour que l'authentification de l'utilisateur soit requise lorsqu'un client accède au serveur. Les utilisateurs et groupes d'utilisateurs définis dans le projet sont utilisés pour l'authentification des utilisateurs.

Remarque :

  • Les modifications apportées aux informations de sécurité au runtime, telles que l'importation d'utilisateurs et de groupes d'utilisateurs, déconnecteront automatiquement les clients du serveur, sauf lorsque [Paramètres Web Viewer] [Paramètre de sécurité] est désactivé.
  • La modification du mot de passe d'un seul utilisateur au runtime déconnectera automatiquement l'utilisateur associé d'un client.
  • Le client Web Viewer ne peut apporter aucune modification aux paramètres d'authentification des utilisateurs.

Pour configurer l'authentification utilisateur :

  1. Configurez les utilisateurs et les groupes d'utilisateurs. Consultez les informations suivantes.
    Procédure de conception (sécurité)
  2. Dans la fenêtre Explorateur de projets, allez dans [Sécurité] et cliquez sur le groupe d'utilisateurs souhaité.
  3. Dans la fenêtre Propriétés, définissez la propriété [Droit d'accès à Web Viewer].
     
    [Droit d'accès à Web Viewer]

    Sélectionnez le droit d'accès lors de la connexion en tant que client.

    • [Aucun] : Connexion impossible.
    • [Visualisation] : Accès en lecture seule.
    • [Visualisation/Opération] : Accès surveillance et opération.