UI-UX designer, Front-End wed developer,
Web Marketing certificato, designer 3D
©1996-2022 Gianluca Panebianco

UI Design, sviluppo front end e marketing per uno Scada & MES System (Piattaforma Web)

Home > Portfolio > UI Design, sviluppo front end e marketing per uno Scada & MES System (Piattaforma Web)

UI Design, sviluppo front end e marketing per uno Scada & MES System (Piattaforma Web)

Piattaforma web per il controllo e la gestione dei dati real-time e della tracciabilità, progettato e sviluppato da Taiprora (dove lavoro dal 2001) per una multinazionale del settore Automotive, tramite l’implementazione del Wonderware System Platform.

Il mio ruolo in questo progetto

All'interno del team Taiprora ho partecipato a due macro-attività, una collaborando con il team di sviluppo per la realizzazione del progetto, un'altra all'interno dell'Area Marketing, per la realizzazione del materiale promozionale del progetto (PDF, video, newsletter e alimentando il sito web, il canale Youtube aziendale). In dettaglio:

  • A partire dai wireframes approvati dal cliente, ho realizzato i mockups prima e - successivamente - prototipi direttamente in html,css e javascript dell'applicativo per l'approvazione da parte del Cliente delle principali maschere di gestione: l'applicativo è poi stato completato dagli altri colleghi del team di sviluppo con l'iinserimento di codice AngulaJS per la visualizzazione dei dati in realtime e la comunicazione con il server.
    L'applicativo è completamente responsive in modo che i dati di produzione possano essere visionabili non solo da desktop ma anche da mobile (smartphone e tablets). A livello di Front End, per lo sviluppo abbiamo utilizzato AngularJS, Bootstrap 4 e jQuery, mentre per la visualizzazione dei datatables e dei grafici ci siamo avvalsi della libreria Telerik Kendo UI.
  • Oltre a questo applicativo, ho realizzato anche l'Andon posizionato nell'area produzione: un tabellone per informare i dipendenti sull'avanzamento della produzione, che mostra a rotazione una serie di informazioni come statistiche di produzione, news ed eventuali allarmi. L'Andon è stato realizzato come una web-application con una serie di slideshow dinamici (ogni schermata può essere customizzata a piacimento e i dati tabellari sono dinamici ed in real-time). Lo schermo dell'Andon è un monitor 55" con risoluzione 4k.
  • A contorno di questo progetto, mi sono occupato della realizzazione del manuale utente, completo di una serie guide passo-passo su come realizzare reports e come leggere i dati in tempo reale.

SCADA & MES System Web Application: mockups

Per quanto riguarda l'Area Marketing, ho curato:

  • La realizzazione del PDF del caso progetto (realizzando una "scheda" descrittiva tramite Adobe Illustrator in due lingue, italiano ed inglese)
  • La realizzazione del video promozionale del caso progetto, raccogliendo le informazioni dai key users, occupandomi del copywriting, della ricerca e selezione dei video dimostrativi e delle foto di contorno, fino al video-editing, realizzato tramite Adobe Premiere.
  • Sia il video che i PDF (realizzati sia in Italiano che in inglese) sono stati utilizzati in azienda per la promozione del caso come uno dei servizi proposti, e sono utilizzati sul sito web aziendale e nella newsletter. Ho curato anche l'aggiornamento del canale Youtube di Taiprora, dove potete visionare il video sopra riportato e gli altri che ho realizzato negli ultimi anni.

Il progetto in breve

Il cliente è una multinazionale che produce conto terzi nel settore Automotive. Il plant consta di 3 Linee di Produzione, 120 Stazioni di Lavoro ed una media di 43.200 pezzi lavorati ogni giorno.
Il software sviluppato è totalmente connesso con il MES del Cliente.

VISTE & REPORTISTICA REAL-TIME SU:

  • Avanzamento della produzione
  • Info e misure di ogni stazione
  • Monitoraggio scarti, rilavorazioni e prodotti finiti
  • Allarmistica e fermi macchina
  • Indice di efficienza (OEE)
  • Process capability (CP, CPK)
  • Tracciabilità e Controllo Qualità

TECNOLOGIE ABILITANTI PER LA DIGITALIZATION & INDUSTRY 4.0:

  • HMI / Andon avanzati
  • Edge computing
  • IIoT
  • Cloud computing
  • Broker Mqtt
  • Business intelligence

VANTAGGI DI QUESTA SOLUZIONE

  • Alta efficienza e affidabilità
  • Strumento di Business Intelligence
  • Interfaccia utente mobile reattiva, adattiva e touch-friendly
  • High Performance
  • Dashboard riepilogativa completa di tutti gli elementi