Progressive Web App (PWA)

App nativa senza passare per gli app store

Edilgestya è una Progressive Web App (PWA): si installa sullo smartphone Android o iPhone come una normale app, ma senza dovere essere pubblicata sugli app store. L'utente apre il browser, va sull'URL, fa "Aggiungi a schermata Home", e ha l'icona Edilgestya sul telefono. Funziona offline, ha notifiche push, splash screen aziendale, performance fluida. Tutto senza i costi e i tempi di un'app nativa tradizionale.

Cosa è una PWA

Una Progressive Web App è una pagina web che si comporta come un'app nativa:

• Installabile dal browser con "Aggiungi a Home".
• Si avvia in modalità app: schermo intero, senza barra browser.
• Notifiche push.
• Funziona offline tramite Service Worker.
• Aggiornamento automatico: niente "aggiorna l'app".

Manifest dinamico

Il manifest PWA è generato dinamicamente da Laravel in base all'azienda:

• Nome app personalizzato (es. "Edilgestya - Impresa Rossi").
• Logo aziendale.
• Colori brand.
• Schermo splash.

Multi-tenant: ogni azienda ha la sua "app" brandizzata.

Service Worker

Il Service Worker garantisce funzionamento anche offline:

• Strategia network-first per pagine HTML: prima tenta la rete, fallback alla cache.
• Strategia cache-first per asset statici (CSS, JS, immagini): velocità.
• Sync automatica al ripristino della connessione.

L'operaio in cantiere senza connessione può comunque visualizzare i suoi turni e timbrare; la sincronizzazione avviene quando torna online.

Icone multiple

Per garantire qualità visiva su tutti i dispositivi:

• 8 dimensioni: 72px, 96px, 128px, 144px, 152px, 192px, 384px, 512px.
• 2 maskable per Android (con padding e sfondo aziendale).
• Generazione automatica via script Laravel da un singolo logo.

Splash screen e loader

• Splash screen a tutto schermo con logo aziendale alla prima apertura.
• Loader pulsante animato durante il caricamento iniziale.

Popup automatico installazione

Comportamento intelligente per favorire l'adozione:

• Android: popup automatico che invita all'installazione dopo 30 secondi di utilizzo.
• iOS: istruzioni visive su come fare "Aggiungi a Home" (iOS non supporta installazione automatica).

Pull-to-refresh

Tira la pagina verso il basso per aggiornare. Animazione con il logo aziendale, stesso pattern delle app native.

Bottom navigation mobile

Su smartphone, la sidebar viene nascosta e sostituita da bottom navigation con 5 voci principali:

• 🏠 Home
• 📅 Planning
• 🏗️ Cantiere (pulsante centrale evidenziato)
• 📂 Documenti
• ↗️ Esci

Responsive design

Tutta l'interfaccia si adatta:

• Smartphone (320-480px): bottom nav + UI semplificata.
• Tablet (480-1024px): UI ibrida.
• Desktop (1024px+): sidebar piena.

I moduli Edilgestya correlati

• Vista operaio ottimizzata mobile.
• Notifiche push via OneSignal.

Scopri Edilgestya.