schermata dell'app per la gestione delle smart grid della soluzione di smart energy

Piattaforma per la gestione delle smart grid

Per un technology provider che opera nel campo della smart energy, Dev4Side ha sviluppato un sito web e un’applicazione per dispositivi mobili in grado di mettere in comunicazione azienda e utenti finali e di permettere loro di accedere alle funzionalità predisposte dall’azienda e ai dati delle smart grid e dei dispositivi hardware per verificarne il funzionamento.

Vuoi sviluppare un software per la tua azienda?

A Dev4Side possiamo aiutarti sviluppando soluzioni creative e personalizzate per rispondere ai tuoi bisogni!

schermata dell'app per la gestione delle smart grid della soluzione di smart energy

Interfaccia per la verifica e la gestione delle smart grid

Tramite l'interfaccia che abbiamo sviluppato, è possibile visualizzare l’andamento delle delle smart grid e dei dispositivi hardware della soluzione di smart energy installati grazie alla presenza di grafici che tracciano in tempo reale il consumo di energia elettrica di ogni comunità energetica. I dati possono essere verificati sia per il gruppo di dispositivi hardware che per ogni singolo dispositivo associato. É inoltre possibile personalizzare i grafici che gli utenti vedono sulla Homepage del sito e scaricare i report di interesse in formato .csv.

schermata dell'app per la gestione delle smart grid della soluzione di smart energy

Gestione degli utenti e delle impostazioni personali

Gli amministratori aziendali hanno poi la possibilità di accedere alla sezione “Gestione degli utenti” per verificare le informazioni e i dettagli di ogni tipo di utente. C’è la possibilità di monitorare le impostazioni personali degli utenti in modo da controllare il funzionamento dei dispositivi hardware associati all’utente in caso di problemi tecnici. Gli amministratori possono poi modificare i dati presenti, disabilitare gli utenti finali e gestire le reti di dispositivi hardware della soluzione di smart energy.

schermata dell'app per la gestione delle smart grid della soluzione di smart energy

Applicazione per collegare azienda e utenti finali

L’applicazione collegata è stata sviluppata per permettere agli utenti finali e agli installatori di accedere con più facilità ai dati delle smart grid, alle funzioni messe a disposizione dall’azienda e alle notifiche push che possono essere inviate dagli amministratori aziendali.

Gli utenti finali possono utilizzare l’app per verificare la reportistica ed effettuare alcune operazioni tecniche come l’impostazione delle modalità di ottimizzazione del proprio dispositivo hardware per la smart energy sulla base di orari predefiniti.

Gli installatori utilizzano invece l’applicazione per associare utenti e dispositivi tramite la scansione del codice QR presente su ogni dispositivo.

Il progetto ha visto il nostro team impegnato nello sviluppo di un layer gestionale sull’architettura di proprietà del nostro cliente, nella creazione della User Interface e nell’implementazione dell’interfaccia di gestione dei dati.

schermata dell'app per la gestione delle smart grid della soluzione di smart energy

Piattaforma per la visualizzazione dei dati in real-time

Gli elementi front-end del sito sono stati interamente sviluppati in React.js e utilizzando i seguenti plug-in:

  • Redux per la gestione dello stato applicativo
  • Ant Design per il design delle interfacce
  • D3 per il design dei grafici

In questo modo è stato dunque possibile creare un’interfaccia interattiva e perfetta per la visualizzazione di dati in real-time. L’azienda e gli utenti possono quindi monitorare costantemente il funzionamento degli impianti di smart energy senza alcun ritardo nella consegna dei dati che vengono renderizzati tramite chiamate alle API aziendali. Inoltre, per garantire una maggiore sicurezza applicativa, la gestione della sessione di login è stata realizzata tramite refresh token.

architettura dell'app per la gestione delle smart grid della soluzione di smart energy

Architettura della soluzione di gestione delle smart grid

L’architettura che abbiamo sviluppato si compone di due elementi: un server web e un database locale.

Il database contiene solamente i dati relativi alle registrazioni degli utenti sul sito, alle traduzioni, ai pagamenti, alle personalizzazioni e alle associazioni tra utenti e dispositivo hardware. Le informazioni relative ai cluster, ai dati storici e in real-time e alle impostazioni degli impianti si trovano invece sul server aziendale.

Per accedere a tali informazioni e renderizzarle sull’interfaccia vengono quindi effettuate, tramite ASP.NET, delle chiamate alle API che ottengono i dati dal server, li accorpano e li ritornano al browser permettendo dunque a tutti gli utenti di visualizzare le informazioni sui grafici presenti sul sito e sull’applicazione mobile.

Cookie Policy

Questo sito web memorizza i cookie sul tuo computer. Questi cookie vengono utilizzati per migliorare la tua esperienza sul sito web e fornirti servizi più personalizzati, sia su questo sito che attraverso altri media. Per saperne di più sui cookie che utilizziamo, consulta la nostra Cookie Policy.


Non salviamo le tue informazioni quando visiti il ​​nostro sito. Ma per soddisfare le tue preferenze, dobbiamo utilizzare solo un piccolo cookie in modo che non ti venga richiesto di accettare i nostri cookie.

Back to top