Stmicroelectronics web applications for control and monitoring products

This thesis presents the design and implementation of a web-based application aimed at replacing traditional desktop tools for interacting with hardware and sensor systems. The application leverages modern web technologies, including Vue.js, Vuex, Vuetify, and the Web Serial API, to establish real-time communication with hardware, enabling efficient data monitoring and control. Developed during an internship at STMicroelectronics, the project focuses on providing a user-friendly interface for configuring hardware, monitoring sensor data, and visualizing information dynamically through tables, charts, and 3D representations. The system architecture follows a modular and scalable approach. In this system, the frontend is designed as a single-page application based on Vue.js-capable of seamless realtime updating and interactivity. Vuex controls the application state to provide predictable behavior across components while Vuetify enhances the user interface with responsive and visually cohesive design elements. The backend is written in Rust using the Rocket framework and acts as a light-weight server to serve the frontend files. It features performance, simplicity, and no backend processing of sensor data. The integration of the Web Serial API, which will enable direct communication from the browser to hardware, is central to the project. This skips intermediary servers, which reduces latency and further increases responsiveness. Real-time data includes temperature, humidity, pressure, accelerometer, gyroscope, and magnetometer readings populating dynamically configured tables and charts, thereby enabling flexibility to users in the analysis of such data. This Thesis will address the transition challenges from a desktop-based solution to web applications, showing how modern web technologies can be seen as an efficient, interactive, and platform-independent alternative. The work will enhance the degree of accessibility and user experience while, with respect to the increasing trend of web-based tools within the industry

Questa tesi presenta la progettazione e l’implementazione di un’applicazione web progettata per sostituire i tradizionali strumenti desktop per l’interazione con hardware e sistemi di sensori. L’applicazione utilizza tecnologie web moderne, tra cui Vue.js, Vuex, Vuetify e il Web Serial API, per stabilire una comunicazione in tempo reale con l’hardware, consentendo un monitoraggio e un controllo efficienti dei dati. Sviluppato durante un tirocinio presso STMicroelectronics, il progetto si concentra sulla fornitura di un’interfaccia userfriendly per configurare l’hardware, monitorare i dati dei sensori e visualizzare le informazioni in modo dinamico tramite tabelle, grafici e rappresentazioni 3D. L’architettura del sistema segue un approccio modulare e scalabile. In questo sistema, il frontend è progettato come un’applicazione single-page basata su Vue.js, in grado di aggiornarsi e interagire in tempo reale senza interruzioni. Vuex gestisce lo stato dell’applicazione per garantire un comportamento prevedibile tra i componenti, mentre Vuetify migliora l’interfaccia utente con elementi di design responsivi e visivamente coerenti. Il backend è scritto in Rust utilizzando il framework Rocket e funge da server leggero per servire i file del frontend. Offre prestazioni elevate, semplicità e nessuna elaborazione dei dati dei sensori sul backend. L’integrazione del Web Serial API, che consente una comunicazione diretta tra il browser e l’hardware, è centrale per il progetto. Questo elimina la necessità di server intermediari, riducendo così la latenza e aumentando ulteriormente la reattività. I dati in tempo reale includono letture di temperatura, umidità, pressione, accelerometro, giroscopio e magnetometro, visualizzati dinamicamente in tabelle e grafici configurabili, offrendo agli utenti flessibilità nell’analisi dei dati. Questa tesi affronta le sfide della transizione da una soluzione desktop a un’applicazione web, dimostrando come le moderne tecnologie web possano essere considerate un’alternativa efficiente, interattiva e indipendente dalla piattaforma. Questo lavoro migliora il grado di accessibilità e l’esperienza utente, rispettando il trend crescente delle soluzioni basate sul web nell’industria.