## User stories 1. Come `<cittadino>` voglio un bottone per aggiungere alla schermata Home del mio dispositivo mobile (Dock o menù su computer) il servizio "Prenotazione appuntamenti" ed il servizio "Helpdesk" e usarlo con un’esperienza “da app” in modo da accedere più velocemente e percepirlo come un’app installabile. ## Analisi ed risultato atteso La possibilità di aprire col bottone automaticamente la finestra di installazione di una PWA non è una funzione standard del web, ma è supportata in via sperimentale solo dai browser basati su Chrome (Chrome, Edge, Brave, Opera) e solo su alcuni sistemi operativi.\ \ Questo significa che: * **Su Chrome ed Edge (Android e computer, inclusi Mac)** il bottone può aprire il prompt nativo di installazione. * **Su iPhone e iPad (qualsiasi browser)** non è possibile attivare l’installazione tramite bottone. Come fallback possiamo mostrare invece un testo che spiega all’utente i vari passaggi che l’utente deve svolgere (fino a 6 passaggi). * **Su Safari su Mac** non è possibile attivare l’installazione via bottone: anche qua il fallback è un messaggio di spiegazione ma i passaggi sono solo 3. * **Su Firefox** non è possibile l’installazione PWA, il fallback sarebbe dare le istruzioni di come aggiungere la pagina ai preferiti. In sintesi: possiamo implementare il bottone, ma va considerato una funzionalità parzialmente supportata e non una funzione standard garantita su tutte le piattaforme. (edited)  ## Requisiti tecnici Le pagine del sito con i servizi indicati espongono ciascuna un `manifest` dedicato, che contiene: * `name` e `short_name` del servizio * `icons` con almeno 192x192 e 512x512 * `start_url` (coerente con la route di ingresso del widget) * `display: "standalone"` * `theme_color` e `background_color` Dobbiamo aggiornare il modulo manifest.json * [ ] `name` e `short_name` servizio + nome sito, come fallback il solo nome sito * [ ] `icons` provengono da nuovo attributo `manifest_icon` con dimensione scelta tramite flyimg, come fallback icone default OC `id`, `start_url`, `scope` contengono il path del servizio se presente, come fallback la homepage * [ ] `theme_color` e `background_color` basate su primary color tema, come fallback blu OC ## Test - [ ] Test da Macbook con Chrome - [ ] Accedendo a Prenotazione Appuntamento mi viene mostrato un processo per salvare l'applicazione, e seguendolo questo avviene correttamente - [ ] Icona salvata sul dispositivo si vede correttamente - [ ] Avviando l'applicazione dal dispositivo (Dock): * [ ] Logo colore di sfondo durante il caricamento è gradevole * [ ] Invio di una richiesta da loggato avviene correttamente * [ ] Invio di una richiesta da sloggato avviene correttamente * [ ] Abbandonando una richiesta a metà chiudendo la PWA e poi riaprendola subito dopo si accede alla bozza - [ ] Test da iPhone - [ ] Accedendo a Prenotazione Appuntamento mi viene mostrato un processo per salvare l'applicazione, e seguendolo questo avviene correttamente - [ ] Icona salvata sul dispositivo si vede correttamente - [ ] Avviando l'applicazione dal dispositivo (Home): * [ ] Logo colore di sfondo durante il caricamento è gradevole * [ ] Invio di una richiesta da loggato avviene correttamente * [ ] Invio di una richiesta da sloggato avviene correttamente * [ ] Abbandonando una richiesta a metà chiudendo la PWA e poi riaprendola subito dopo si accede alla bozza - [ ] Test da Android - [ ] Accedendo a Prenotazione Appuntamento mi viene mostrato un bottone per salvare l'applicazione, e questo avviene correttamente - [ ] Icona salvata sul dispositivo si vede correttamente - [ ] Avviando l'applicazione dal dispositivo (Home): * [ ] Logo colore di sfondo durante il caricamento è gradevole * [ ] Invio di una richiesta da loggato avviene correttamente * [ ] Invio di una richiesta da sloggato avviene correttamente * [ ] Abbandonando una richiesta a metà chiudendo la PWA e poi riaprendola subito dopo si accede alla bozza - [ ] Test da Macbook con Firefox - [ ] Accedendo a Prenotazione Appuntamento mi viene mostrato un processo per aggiungere la pagina ai preferiti, e seguendolo questo avviene correttamente