@@ Riga 1: / Riga 1: @@
-{{Template:Incostruzione}} <--
+{{Template:Incostruzione}} <!--
-== '''Login''' ==
+==<big><font color="#00379e">'''Login'''</font></big>==
-Per eseguire l'accesso alla suite SicraWeb EVO è necessario indicare nei rispettivi campi:
+Per eseguire l'accesso alla suite Sicraweb EVO è necessario indicare nei rispettivi campi:
 * '''Nome utente'''
 * '''Password'''
@@ Riga 17: / Riga 17: @@
 |}
-== '''Dashboard''' ==
+==<big><font color="#00379e">'''Dashboard'''</font></big>==
-La '''Dashboard''' è la home page di SicraWeb EVO e viene presentata subito dopo aver eseguito il login. É composta da:
+La '''Dashboard''' è la home page di Sicraweb EVO e viene presentata subito dopo aver eseguito il login. É composta da:
 * '''Navbar''' in alto;
 * '''Sidebar''' a destra;
@@ Riga 24: / Riga 24: @@
 <br>[[File:SPAWEB_0001.png|1000px|center|Dashboard]]
-== '''Navbar''' ==
+==<big><font color="#00379e">'''Navbar'''</font></big>==
 <br>[[File:SPAWEB_0002.png|1100px|center|Navbar]]<br>
 La ''navbar'' è composta da:
 # Pulsante '''Mostra dashboard''': serve a tornare nella home page da qualsiasi punto della suite;
-# Pulsante '''Scegli Ente''': attivo solo in caso di multi Ente, serve ad accedere ad un altro Ente in un'altra scheda del browser;
+# Pulsante '''Scegli Ente''': attivo solo in caso di multi ente, serve ad accedere ad un altro ente in un'altra scheda del browser;
-# '''Campo di ricerca''': evoluzione rispetto alla precedente versione di SicraWeb, è possibile raggiungere le maschere utilizzando diversi metodi di ricerca; ---LINK ALLA PAGINA SPECIFICA CON LE MODALITà DI RICERCA---
+# '''Campo di ricerca''': evoluzione rispetto alla precedente versione di Sicraweb, è possibile raggiungere le maschere utilizzando diversi metodi di ricerca; per maggiori dettagli '''[[Infrastruttura_-_Impara_ad_utilizzare_Sicraweb_EVO#Modalità_di_ricerca|clicca qui]]'''.
 # Pulsante '''Mostra pannelli'''/'''Mostra dashboard''': permette il passaggio rapido tra le maschere aperte ed il ritorno alla dashboard, il badge di notifica indica il numero di maschere aperte quando ci troviamo nella dashboard;
 # Pulsante '''Notifiche''': mostra le notifiche ricevute da diverse attività indicandone il numero;
@@ Riga 42: / Riga 42: @@
 Basta cliccare su una voce per passare alla relativa maschera.<br>
-== '''Sidebar''' ==
+==<big><font color="#00379e">'''Sidebar'''</font></big>==
 {| class="wikitable"
 |+ Elenco funzioni ''sidebar''
 |-
 | In quest'area sono disponibili le funzionalità di widget accessibili col pulsante "+", non tutti i widget sono attivabili contemporaneamente in ''sidebar'' e ''dashboard'', vediamone alcuni:
-* '''Preferiti''': mostra l'elenco delle maschere da tenere sempre a portata di mano; ---INSERIRE LINK PER GUIDA SU GESTIONE DEI PREFERITI---
+* '''Preferiti''': mostra l'elenco delle maschere da tenere sempre a portata di mano; per la guida '''[[Infrastruttura_-_Impara_ad_utilizzare_Sicraweb_EVO#Preferiti|clicca qui]]''';
-* '''Cronologia''': elenca le maschere utilizzate recentemente; ---INSERIRE LINK PER GUIDA SU GESTIONE DELLA CRONOLOGIA---
+* '''Cronologia''': elenca le maschere utilizzate recentemente; per la guida '''[[Infrastruttura_-_Impara_ad_utilizzare_Sicraweb_EVO#Cronologia|clicca qui]]''';
-* '''Agent''': è una funzionalità necessaria per l'interazione dei dispositivi esterni quali stampanti, scanner ecc..;
+* '''Agent''': è una funzionalità necessaria per l'interazione dei dispositivi esterni quali stampanti, scanner ecc..; per informazioni sull'installazione '''[[Infrastruttura_-_Impara_ad_utilizzare_Sicraweb_EVO#Agent|clicca qui]]''';
-* '''To do list''': contiene le attività eseguibili dall'utente e dal suo ufficio di appartenenza; ---INSERIRE LINK PER TO DO LIST---
+* '''To do list''': contiene le attività eseguibili dall'utente e dal suo ufficio di appartenenza; per la guida '''[[Infrastruttura_-_Impara_ad_utilizzare_Sicraweb_EVO#Lista_todo|clicca qui]]''';
 <br>
 Tra le funzionalità aggiuntive troviamo:
@@ Riga 58: / Riga 58: @@
 * '''Chatbot''': è una funzionalità di supporto guidato, è possibile avviare le operazioni messe a disposizione cliccando sui messaggi dell'assistente virtuale oppure scrivendo la richiesta corrispondente;
 * '''Supporto''':
-** ''Scorciatoie da tastiera'': indicazioni per muoversi in SicraWeb EVO con l'utilizzo della tastiera;
+** ''Scorciatoie da tastiera'': indicazioni per muoversi in Sicraweb EVO con l'utilizzo della tastiera;
 ** ''Mappa del sito'': visualizzazione con struttura ad albero delle funzionalità disponibili all'utente connesso;
-** ''Documentazione'': collegamento al portale Wiki dedicato a SicraWeb EVO.
+** ''Documentazione'': collegamento al portale Wiki dedicato a Sicraweb EVO.
 || [[File:SPAWEB_0004.png|150x550px|Sidebar]]
 |}
-== '''Area dei widget''' ==
+==<big><font color="#00379e">'''Area dei widget'''</font></big>==
 In questa sezione troviamo, di default, alcuni widget nel formato esteso. É possibile accedere alla modifica di quest'area dal pulsante "'''Modifica dashboard'''" posizionato in alto per avere la possibilità di:
 * '''Cambiare layout''': scegliere la disposizione dei widget;
@@ Riga 72: / Riga 72: @@
 <br>[[File:SPAWEB_0006.png|center|1000px|border|Salvataggio modifiche in dashboard]]<br>
-== '''Modalità di ricerca''' ==
+==<big><font color="#00379e">'''Modalità di ricerca'''</font></big>==
-Un'evoluzione di SicraWeb EVO è la possibilità di poter richiamare in ogni parte della suite le maschere di tutti gli applicativi presenti utilizzando la ricerca integrata nella '''Navbar''':
+Un'evoluzione di Sicraweb EVO è la possibilità di poter richiamare in ogni parte della suite le maschere di tutti gli applicativi presenti utilizzando la ricerca integrata nella '''Navbar''':
 * '''Ricerca per nome''': è la più efficiente ed utilizzata, basta digitare il nome della maschera e scegliere tra i risultati proposti;
 <br>[[File:SPAWEB_0020.png|center|1000px|Ricerca per nome]]<br><br><br>
@@ Riga 88: / Riga 88: @@
 <big style="font-size:18px; font-family: monospace, Courier;"><u>'''INFORMAZIONE '''</u></big>
-* Lo stesso tipo di ''ricerca filtrata'' si ottiene utilizzando il widget "'''Ricerca rapida'''" nella ''dashboard''.
+* Utilizzando il widget "'''Ricerca rapida'''" nella ''dashboard'' anticipiamo di uno step la "'''Ricerca da percorso'''".
 <br>[[File:SPAWEB_0019.png|center|1000px|border|Ricerca rapida]]
 </div>
 |}
-== '''Widget ''' ==
+==<big><font color="#00379e">'''Widget'''</font></big>==
 === ''Preferiti'' ===
 ==== Sidebar ====
-In SicraWeb EVO è possibile richiamare le maschere di frequente utilizzo tramite il widget dei ''Preferiti''.<br><br>
+In Sicraweb EVO è possibile richiamare le maschere di frequente utilizzo tramite il widget dei ''Preferiti''.<br><br>
 * Per aggiungere una maschera nell'elenco dei preferiti è sufficiente cliccare sul relativo pulsante nel tab che cambierà aspetto confermando l'operazione; allo stesso modo è possibile rimuovere una maschera dall'elenco.<br>
 <br>[[File:SPAWEB_0013.png|center|1000px|border|Tab Aggiungi/Rimuovi dai preferiti]]<br><br><br>
@@ Riga 123: / Riga 123: @@
 </div>
 |}
-=== ''Lista todo''===
+=== ''Lista attività''===
 Rappresenta la versione ridotta della lista attività legate all'utente e dal suo ufficio di appartenenza.<br>
 <br>[[File:SPAWEB_0014.png|center|400px|border|Lista todo]]<br>
@@ Riga 129: / Riga 129: @@
 * ''Azioni'': elenca le azioni disponibili per la specifica attività;
 * ''Esegui'': apre l'attività per poterla eseguire.<br>
-Nella parte superiore del widget ci sono i pulsanti per '''aggiornare''' l'elenco, '''bacchetta magica''' per aprire una lista todo per contesti e '''filtri avanzati'''.<br>
+Nella parte superiore del widget ci sono i pulsanti per '''aggiornare''' l'elenco, aprire una lista attività per '''contesti''' e '''Lista attività estesa'''.<br>
 <br>[[File:SPAWEB_0015.png|center|400px|border|Lista todo per contesti]]<br>
 <div>
@@ Riga 138: / Riga 138: @@
 <big style="font-size:18px; font-family: monospace, Courier;"><u>'''INFORMAZIONE '''</u></big>
-Le voci disponibili usando il pulsante '''bacchetta magica''' aprono la versione estesa della ''Lista todo'' con opzioni limitate al contesto scelto; il pulsante '''imbuto''' apre la versione completa della ''Lista todo''.
+Le voci disponibili usando il pulsante per aprire una lista attività per '''contesti''' aprono la versione estesa della ''Lista attività'' con opzioni limitate al contesto scelto; il pulsante '''Lista attività estesa''' apre la versione completa della ''Lista attività''.
 </div>
 |}
 === ''Log attività''===
 In questo widget troviamo un elenco delle operazioni eseguite, ad esempio l'export di una griglia o altre azioni completate e sarà ripristinato alla disconnessione dell'utente.<br>
@@ Riga 162: / Riga 163: @@
 |}
-== '''Funzioni disponibili nelle diverse tipologie di layout''' ==
+=== ''Agent''===
+L'agent è uno strumento necessario all'interazione tra Sicraweb EVO e dispositivi esterni come stampanti, scanner e strumenti di firma.<br>
+* Per l'installazione è necessario aprire il widget presente in ''sidebar'' e cliccare sul pulsante "'''Scarica"'''.<br>
+<br>[[File:SPAWEB_0039.png|center|400px|border|Download installer]]
+<br>
+* Successivamente avviare l'eseguibile appena scaricato e cliccare sul pulsante "'''Installa agent"''' all'interno della procedura guidata.<br>
+<br>[[File:SPAWEB_0041.png|center|600px|border|Installazione Agent]]
+<br>
+* A processo completato sarà possibile chiudere il programma di installazione.<br>
+<br>[[File:SPAWEB_0042.png|center|600px|border|Chiusura installer]]
+<br>
+* Accedendo nuovamente al widget troveremo l'Agent in stato "'''Attivo'''".<br>
+<br>[[File:SPAWEB_0043.png|center|400px|border|Agent attivo]]
+<div>
+{| cellspacing="8"
+|- valign="top"
+|  width="1%" class="MainPageBG" style="border: 5px solid aqua; background-color: white; border-top-left-radius:4px; border-bottom-left-radius:4px;border-top-right-radius:4px; border-bottom-right-radius:4px; background:#f0f5f5"|
+<div style="clear: right; text-align: left; float:left; padding: .4em .9em .9em; font-family: helvetica, sans-serif;">
+<big style="font-size:18px; font-family: monospace, Courier;"><u>'''INFORMAZIONE '''</u></big>
+Durante la fase di installazione è possibile accedere al log attraverso la combinazione di tasti ''CTRL + ALT + D''.<br>
+Queste informazioni potranno tornare utili in caso di errori.<br>
+<br>[[File:SPAWEB_0044.png|center|1000px|Log Maggioli Agent Installer]]
+</div>
+|}
+==<big><font color="#00379e">'''Funzioni disponibili nelle diverse tipologie di layout'''</font></big>==
 === '''Ricerche''' ===
 ==== ''Memorizzare le ricerche'' ====
@@ Riga 187: / Riga 216: @@
 <br>[[File:SPAWEB_0016.png|center|1000px|border|Dettaglio anagrafica]]<br>
 === '''Griglie''' ===
-In SicraWeb EVO esistono due tipologie di griglie:
+In Sicraweb EVO esistono due tipologie di griglie:
 * di '''layout''': presenti all'interno delle maschere di ricerca;
 * di '''dettaglio''': presenti all'interno del dettaglio di un dato, ad esempio all'interno di una procedura guidata (''wizard'') o in un ''accentratore''.
@@ Riga 232: / Riga 261: @@
 Ad export concluso seguirà una notifica ed il file sarà disponibile per il download nell'apposito menù della ''navbar''.
 ==='''Disposizione layout'''===
-In SicraWeb EVO esistono differenti tipologie di layout, scelti ed adattati alle funzioni da eseguire. In generale sono composti da un'area dedicata ai "'''Filtri di ricerca'''" ed un'area dei "'''Risultati'''".<br><br>
+In Sicraweb EVO esistono differenti tipologie di layout, scelti ed adattati alle funzioni da eseguire. In generale sono composti da un'area dedicata ai "'''Filtri di ricerca'''" ed un'area dei "'''Risultati'''".<br><br>
 Alla base dei filtri di ricerca troviamo due pulsanti principali:
 # '''Cerca''': per avviare la ricerca con i filtri impostati;
@@ Riga 248: / Riga 277: @@
 * Un tipico esempio è dato dall'anagrafica di un soggetto:<br><br>
 [[File:SPAWEB_0031.png|center|1000px|border|Accentratore]]<br>
-===='''Cambio password'''====
+==<big><font color="#00379e">'''Cambio password'''</font></big>==
 La funzione di cambio password si trova all'interno del menù ''Account'' sulla ''navbar'' di fianco alla voce ''Profilo''.<br>
 [[File:SPAWEB_0038.png|center|1000px|border|Cambio password]]<br>
@@ Riga 263: / Riga 293: @@
 <big style="font-size:18px; font-family: monospace, Courier;"><u>'''INFORMAZIONE '''</u></big>
-* I vincoli della password sono definiti all'interno delle impostazioni di SicraWeb e saranno opportunamente indicati.<br><br>
+* I vincoli della password sono definiti all'interno delle impostazioni di Sicraweb e saranno opportunamente indicati.<br><br>
 [[File:SPAWEB_0037.png|center|850px|border|Cambio password]]
 </div>
 |}
+==<big><font color="#00379e">'''Usabilità e accessibilità'''</font></big>==
+L’applicazione è dotata di alcuni automatismi che ne facilitano l’utilizzo, rendendo più fruibili le pagine delle diverse funzionalità. Ecco i principali meccanismi che sono stati implementati a tale scopo.
+===='''Gestione del focus all’apertura di una pagina'''====
+Con ''focus'' si intende lo stato attivo di un elemento; ad esempio quando in un campo di testo c’è il cursore lampeggiante, significa che il focus è su quel campo, quindi digitando un carattere questo verrà scritto in quel campo. Più in generale l’elemento che ha il focus è quello su cui la tastiera ha effetto.
+Quando viene aperta una pagina, il sistema imposta automaticamente il focus su un elemento, a seconda della tipologia di pagina.
+* Quando è presente, tra le altre, una sezione di ricerca, il focus viene impostato sul primo campo di quella sezione.
+* Quando c’è una sezione risultati e non ci sono filtri di ricerca, il focus va sul primo pulsante della toolbar della griglia dei risultati.
+* Le pagine con un’unica sezione avranno il focus sul primo campo della pagina.
+In alcune pagine possono esserci delle eccezioni, nel caso in cui sia richiesto dalla particolarità della funzionalità aperta; in questi casi gli automatismi del focus potrebbero essere disabilitati o modificati, nell’ottica di fornire una migliore esperienza d’uso.
+===='''Gestione del focus in fase di ricerca'''====
+Quando ci si trova in una pagina che ha dei filtri di ricerca, all’avvio della ricerca il sistema sposta automaticamente il focus sulla griglia dei risultati, posizionandolo sulla prima intestazione di colonna utile. In questo modo, chi utilizza l’applicazione tramite tastiera, è facilitato ad accedere ai risultati della ricerca semplicemente scorrendoli con le frecce, senza dover compiere altre operazioni per posizionarsi sui risultati.
+Questo automatismo facilita anche gli utilizzatori che si avvalgono di tecnologie assistive, ottimizzando la navigazione col minor numero possibile di interazioni da parte dell’utente.
+===='''Scorciatoie da tastiera'''====
+Al fine di rendere più semplice e veloce l’utilizzo dell’applicazione attraverso l’uso della tastiera, sono stati implementati dei meccanismi che permettono di svolgere alcune operazioni in maniera rapida e senza dover necessariamente far uso del mouse.
+L’applicazione è stata realizzata seguendo gli standard di accessibilità che la rendono fruibile anche attraverso tecnologie assistive, come gli screen reader. A tal fine sono stati adottati degli accorgimenti in fase di definizione dei tasti rapidi, per evitare sovrapposizioni con i tasti rapidi degli screen reader più diffusi.
+Ecco un elenco delle scorciatoie da tastiera implementate nell’applicazione.
+'''Scorciatoie da tastiera di utilizzo generale'''
+* '''Ctrl + Spazio''': apre la barra di ricerca principale dell’applicazione.
+* '''Ctrl + Freccia sinistra''': va al pannello precedente (se ci sono più maschere aperte)
+* '''Ctrl + Freccia destra''': va al pannello successivo (se ci sono più maschere aperte)
+* '''Ctrl + Maiusc''': passa alla visualizzazione a miniature delle maschere aperte
+'''Scorciatoie da tastiera comuni a più componenti'''
+* '''Esc''': reimposta il contenuto; se si tratta di un popup, lo chiude
+* '''Invio''': seleziona l’elemento evidenziato; se è un pulsante lo clicca; se è un campo di ricerca avvia la ricerca
+* '''Freccia giù''': evidenzia l’elemento successivo
+* '''Freccia su''': evidenzia l’elemento precedente
+* '''Inizio''': sposta il cursore all’inizio del contenuto
+* '''Fine''': sposta il cursore alla fine del contenuto
+* '''Pagina su''': in un popup scorre verso l’alto la lista
+* '''Pagina giù''': in un popup scorre verso il basso la lista
+* '''Alt + Freccia giù''': se il componente è dotato di popup, apre il popup
+* '''Alt + Freccia su''' oppure '''Esc''': se il componente è dotato di popup, chiude il popup
+'''Scorciatoie da tastiera per specifici componenti'''
+''Campo di ricerca con completamento automatico (autocomplete)''
+* '''Alt + A''': aggiunge nuovo elemento (solo quando presente il pulsante “Aggiungi nuovo”)
+* '''Alt + E''': espande la ricerca (solo quando presente il pulsante “Espandi ricerca”)
+''Griglia di dati''
+* '''Freccia su''', '''giù''', '''sinistra''', '''destra''': navigazione nelle celle della griglia
+''Griglia con dettaglio''
+* '''Ctrl + Invio''': editazione veloce: dopo il salvataggio, svuota i campi del dettaglio
 -->

Ricerca

Utente:Adminpaolopavone: differenze tra le versioni

Versione attuale delle 07:47, 1 lug 2024