Obbiettivo:

poter controllare e monitorare apparecchiature elettroniche a distanza che dispongono di una porta di comunicazione RS485 la quale a sua volta utilizza un protocollo industriale.
Un dispositivo di interfaccia con a bordo un webserver si interfaccia direttamente alla porta RS485.
L’obiettivo è stato quello di creare una interfaccia web con funzionalità 2.0 che potesse funzionare su tale dispositivo.

La sfida:

le sfide sono state molteplici  in quando l’applicazione:

• doveva funzionare su un webserver dove non era disponibile nessun linguaggio di scripting lato server come PHP
• disporre di un’ interfaccia grafica doveva visualizzare strumenti di misura graficamente accattivanti, ma senza utilizzare la tecnologia Flash
• doveva essere distribuita a livello internazionale, quindi occorreva prevedere la localizzazione in diverse lingue
• facilmente configurabile per poterla adattare ai vari modelli di apparecchiature
• doveva essere cross browser e compatibile anche per  l’utilizzo su dispositivi smartphone
• doveva prevedere una sezione di backend per la gestione dei settaggi del dispositivo e per la gestione degli utenti

Le scelte:

dopo una attenta analisi del progetto è stata effettuata la scelta di realizzare l’applicazione sfruttando esclusivamente javascript e più precisamente il framework jQuery.
La persona che si è occupata della programmazione del webserver, che usa il linguaggio C, ha realizzato una serie di CGi attraverso i quali ho avuto la possibilità di effettuare le varie chiamate Ajax per ottenere i parametri da visualizzare.
E’ stato scelto CorMVC per poter utilizzare un pattern MVC e quindi separare le viste dalla business logic.
La configurazione, in base al modello delle apparecchiature, è stata resa modulare tramite il caricamento dinamico di diversi file XML.
Per gli strumenti è stato realizzato un plugin a doc di jQuery e tramite un altro plugin ho potuto gestire la localizzazione dell’applicazione nelle varie lingue richieste.
La funzionalità cross browser è stata in gran parte rispettata accettando un lieve degrado per quello che riguarda browser un pò datati, del resto non si può avere tutto.

Il risultato:

di seguito riporto alcune delle schermate dell’applicazione realizzata.
L’accesso avviene tramite l’autenticazione dell’utente, da cui vengono impostati i vari livelli di accesso alle varie funzionalità.

Poi si passa alla schermata dove vengono visualizzati i parametri di funzionamento dell’apparecchiatura. se si dispone dei privilegi necessari, oltre alla lettura dei parametri, c’è la possibilità di eseguire dei comandi.