Gestione avanzata delle notifiche per una progressive web app

This thesis documents the internship activity focused on the design and development of an experimental web application, aimed at exploring the capabilities of modern web architectures in replicating a native-like user experience. The core of the research lies in the integration of three technologies: PushAPI, Service Workers, and NotificationAPI. The primary objective is to overcome the traditional constraints of web browsing, ensuring the delivery and display of push notifications even when the application is not actively open in the browser. Concurrently, a data synchronization mechanism (Silent Data Sync) is implemented: upon the arrival of a background notification, the Service Worker intercepts the payload and automatically updates the application's state, guaranteeing a consistent and updated interface for the user. The project demonstrates how extending the browser's asynchronous capabilities allows for high standards of responsiveness and user engagement.

Il presente lavoro di tesi documenta l'attività di tirocinio focalizzata sulla progettazione e sullo sviluppo di una web application sperimentale, volta a esplorare le potenzialità delle moderne architetture web nel replicare l'esperienza d'uso delle applicazioni native (like-a-native experience). Il nucleo centrale della ricerca risiede nell'integrazione di tre tecnologie: PushAPI, Service Worker e NotificationAPI. L'obiettivo principale consiste nel superare i vincoli tradizionali della navigazione web, garantendo la ricezione e la visualizzazione delle notifiche push anche qualora l'applicazione non risulti aperta attivamente nel browser e parallelamente implementare un meccanismo di sincronizzazione dei dati (Silent Data Sync): all'arrivo di una notifica in background, il Service Worker intercetta il payload ed esegue l'aggiornamento automatico dello stato dell'applicazione, garantendo all'utente un'interfaccia coerente e aggiornata. Il progetto dimostra come l'estensione delle capacità asincrone del browser consenta di raggiungere elevati standard di reattività e coinvolgimento dell'utente.