# Panoramica del BLUE Web Viewer e flusso del lavoro di sviluppo

Nascondi Mostra

1. Informazioni sul BLUE Web Viewer
2. Ambiente operativo del Web Viewer
3. Flusso di sviluppo

## Informazioni sul BLUE Web Viewer

“BLUE Web Viewer” (nel seguito denominato “Web Viewer”) è una funzione eseguita sul visualizzatore per la condivisione delle informazioni delle schermate con i browser Web su smartphone e tablet (nel seguito denominati “dispositivi smart”) e su computer. Utilizzando Web Viewer, il visualizzatore è un server e i dispositivi intelligenti e i computer che si collegano al server sono client.

1. Client
2. Server

Per mezzo del client si possono eseguire anche operazioni sul sever da un browser Web. Il funzionamento remoto del server da un client è possibile quando la rete è configurata in modo che i client possano connettersi al server.

Un solo server permette più connessioni client simultanee.

Esempio di applicazioni:

- Funzionamento e monitoraggio da remoto delle apparecchiature installate con il visualizzatore

- Visualizzazione dello schermo del visualizzatore su un grande monitor

Nota: per informazioni sui modelli che supportano il Web Viewer, fare riferimento a quanto segue.
Modelli/caratteristiche supportati

Ci sono molte applicazioni in cui potrebbe essere necessario il Web Viewer, come l'interazione con macchinari che si trovano in una posizione difficile da raggiungere (per es. una camera bianca o l'altra estremità di un grande impianto), o l'interazione con un visualizzatore configurato senza un modulo display.

Anche se il sistema Web Viewer può supportare più client che si connettono al server e visualizzano l'interfaccia del pannello, solo un client alla volta può interagire con il server (operazione tattile).

## Ambiente operativo del Web Viewer

Elemento | Descrizione
Server | Modelli di visualizzatore | Modelli/caratteristiche supportati
Numero di connessioni contemporanee del client | 1
Client |
Sistema operativo | Browser Web
Windows Server Windows | Google Chrome 64 o successivo Microsoft Edge 80 o successivo
iOS 13 o successivo iPadOS 13 o successivo | Safari 13 o successivo Google Chrome 78 o successivo
Android 4.4 o successivo | Google Chrome 72 o successivo
Nota: Internet Explorer e Firefox non sono supportati.
Protocolli supportati | HTTP (versione 1.1)
Lingue supportate (interfaccia utente) | Inglese, Francese, Tedesco, Spagnolo, Italiano, Portoghese, Cinese semplificato, Cinese tradizionale, Coreano e Giapponese

### Creare una rete protetta, per prevenire gli accessi non autorizzati

Per creare una rete protetta, allo scopo di prevenire gli accessi non autorizzati, vedere quanto segue.

Sicurezza informatica

Consigliamo in modo particolare di fare quanto segue.

- Costruire un ambiente di comunicazione per mezzo di comunicazioni crittografate (per es. VPN).
- Installare il visualizzatore all’interno di una rete protetta e proteggere il visualizzatore con un firewall.

#### Pro-face Connect

Per realizzare un ambiente di comunicazione con le comunicazioni crittografate, si utilizza Pro-face Connect.

Per usare Pro-face Connect con Web Viewer, nelle impostazioni di Creazione di un agente occorre aggiungere l'impostazione della porta.

Aggiunta della configurazione della porta Aggiunta della configurazione della porta

1. Nella finestra [SiteManager], sul lato destro del [Device Agents] fare clic su [Modifica].
2. Sull’agente target, fare clic sull’icona per visualizzare ulteriori parametri.
3. Nel campo [Extra TCP ports], digitare il numero della porta così come è configurato nel software di modifica schermate, poi fare clic su [Salva].

Nota:

- Per ulteriori informazioni su Configurazione Pro-face Connect, consultare il Manuale Pro-face Connect.
- Nell'ambiente di comunicazione con le comunicazioni crittografate creato da Pro-face Connect non si possono usare dispositivi smart come il Web Viewer client.

## Flusso di sviluppo

1. Configurazione del server
2. Configurazione delle impostazioni di autenticazione utente

### Configurazione del server

Quanto segue descrive la procedura per configurare il server.

Importante: Per aumentare la protezione, si consiglia di abilitare [Impostazione di sicurezza]. Per abilitare [Impostazione di sicurezza], quando il client accede al server occorre l'autenticazione dell'utente.

1. Nella finestra Esplora progetti, selezionare [Architettura del sistema] e fare clic su [Target01].
2. Nella finestra Proprietà, fare clic sulla scheda [Avanzato] e fare clic su [Accesso dati].
3. Andare a [Impostazioni della Funzione web] e selezionare la casella di controllo [Attivare il Web Viewer].
4. Andare a [Impostazioni Web Viewer] e selezionare la casella di controllo [Impostazioni di sicurezza].
5. Se occorre, cambiare il numero della porta in [Numero di porta].

Nota:

- Il [Numero di porta] è condiviso tra il server Web e il Web Viewer. Il numero di porta valido è compreso tra 1024 e 65535.
- Per informazioni sulle singole impostazioni del Web Viewer, fare riferimento a quanto segue.

  - Personalizzazione della Pagina di accesso e Pagina di distribuzione

  - Operazione di monopolizzazione

  - Blocco utente

  - Disconnessione dei client inattivi

  - Timeout delle operazioni Premi e Mantieni

  - Conferma del Numero di client

### Configurazione delle impostazioni di autenticazione utente

Nelle impostazioni del Web Viewer, abilitare [Impostazione di sicurezza] in modo che quando un client accede al server venga richiesta l'autenticazione dell'utente. Gli utenti e i gruppi di utenti configurati nel progetto vengono utilizzati per l'autenticazione dell'utente.

Nota:

- Le modifiche alle informazioni di sicurezza in fase di esecuzione, come l'importazione di utenti e gruppi di utenti, disconnetteranno automaticamente i client dal server, tranne quando le [Impostazioni Web Viewer] ➞ [Impostazione di sicurezza] sono disattivate.
- La modifica della password di un singolo utente in fase di esecuzione disconnetterà automaticamente l'utente associato dal client.
- Il client Web Viewer non può eseguire modifiche alle impostazioni di autenticazione dell'utente.

Per configurare l'autenticazione dell'utente:

1. Configurare utenti e gruppi di utenti. Fare riferimento a quanto segue.
   Fasi di progetto (Sicurezza)
2. Nella finestra Esplora progetti, andare a [Protezione] e fare clic sul gruppo di utenti desiderato.
3. Nella finestra Proprietà, impostare la proprietà [Autorizzazione all’accesso al Web Viewer].

   [Autorizzazione all'accesso al Web Viewer]
   Selezionare il livello di autorizzazione all’accesso quando si effettua l’accesso da un client. [Nessuno]: Non è possibile effettuare il login. [Visualizzatore]: Accesso di sola lettura. [Visualizzatore/Operazione]: Accesso per visualizzazione e operazioni.