{"id":26027,"date":"2023-03-06T12:25:35","date_gmt":"2023-03-06T11:25:35","guid":{"rendered":"http:\/\/help.qualiware.it\/qw-help\/?p=26027"},"modified":"2023-08-23T08:29:29","modified_gmt":"2023-08-23T06:29:29","slug":"qw_dashboard_designer","status":"publish","type":"post","link":"https:\/\/help.qualiware.it\/qw-help\/qw_dashboard_designer\/","title":{"rendered":"Dashboard Designer"},"content":{"rendered":"<p><span lang=\"en\">La funzione <strong>Dashboard Designer<\/strong> consente di creare e modificare le &#8220;dashboard&#8221;, che consistono in visualizzazioni grafiche costruite a partire dai dati presenti nel database di QualiWare.<\/span><\/p>\n<p>La scheda sotto riportata consente di creare una nuova dashboard, sia da zero che importandone una esistente, di modificarla e anche di visualizzare ci\u00f2 che vedr\u00e0 l&#8217;utente.<\/p>\n<p><a href=\"https:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/QW10-DashboardDesigner.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-29948 aligncenter\" src=\"https:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/QW10-DashboardDesigner.png\" alt=\"Elenco dashboard salvate\" width=\"881\" height=\"620\" srcset=\"https:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/QW10-DashboardDesigner.png 1190w, https:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/QW10-DashboardDesigner-768x540.png 768w\" sizes=\"(max-width: 881px) 100vw, 881px\" \/><\/a><\/p>\n<p>Le dashboard possono essere sia collegate ad un pulsante del menu della versione desktop o dell&#8217;app, sia inserite come slide all&#8217;interno della &#8220;slideshow dashboard&#8221; visualizzata nella home page di QualiWare e configurabile come descritto <a href=\"http:\/\/help.qualiware.it\/qw-help\/dashboard\/\">qui<\/a>.<\/p>\n<p>Una dashboard pu\u00f2 utilizzare sia il database di QualiWare, che eventuali database esterni che possono essere definiti utilizzando il pulsante &#8220;Origine dati&#8221;.<\/p>\n<p>Una guida completa al Dashboard Designer \u00e8 disponibile <a href=\"https:\/\/docs.devexpress.com\/Dashboard\/116994\/web-dashboard\/create-dashboards-on-the-web\">qui<\/a>. Di seguito riportiamo le indicazioni principale per la creazione del collegamento con i dati da visualizzare.<\/p>\n<h3><strong>Creazione delle query in una dashboard<\/strong><\/h3>\n<p>Una dashboard pu\u00f2 essere composta da diversi riquadri (card) ognuno dei quali presenta un grafico o una griglia basati sui dati restituiti da una query. All&#8217;interno di una query possono, quindi, essere definite pi\u00f9 query, con, eventualmente, dei parametri che vengono richiesti all&#8217;utente al momento dell&#8217;esecuzione della dashboard.<\/p>\n<p>Le query si definiscono dalla funzione &#8220;Origine dati&#8221; del menu.<\/p>\n<p><a href=\"http:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/Pasted-into-QUALIWARE-DASHBOARD-DESIGNER-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-26038 size-medium\" src=\"http:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/Pasted-into-QUALIWARE-DASHBOARD-DESIGNER-2-138x300.png\" alt=\"\" width=\"138\" height=\"300\" srcset=\"https:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/Pasted-into-QUALIWARE-DASHBOARD-DESIGNER-2-138x300.png 138w, https:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/Pasted-into-QUALIWARE-DASHBOARD-DESIGNER-2.png 217w\" sizes=\"(max-width: 138px) 100vw, 138px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/Pasted-into-QUALIWARE-DASHBOARD-DESIGNER-4.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-26042 size-medium\" src=\"http:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/Pasted-into-QUALIWARE-DASHBOARD-DESIGNER-4-300x187.png\" alt=\"\" width=\"300\" height=\"187\" srcset=\"https:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/Pasted-into-QUALIWARE-DASHBOARD-DESIGNER-4-300x187.png 300w, https:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/Pasted-into-QUALIWARE-DASHBOARD-DESIGNER-4-768x479.png 768w, https:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/Pasted-into-QUALIWARE-DASHBOARD-DESIGNER-4-1024x639.png 1024w, https:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/Pasted-into-QUALIWARE-DASHBOARD-DESIGNER-4.png 1119w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Per aggiungere una query, selezionare l&#8217;origine dati &#8220;QualiWare&#8221;, o una delle altre origini dati definite, e premere poi &#8220;Aggiungi Query&#8221;.<\/p>\n<p><a href=\"http:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/Pasted-into-QUALIWARE-DASHBOARD-DESIGNER-5.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-26043 size-medium\" src=\"http:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/Pasted-into-QUALIWARE-DASHBOARD-DESIGNER-5-300x219.png\" alt=\"\" width=\"300\" height=\"219\" srcset=\"https:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/Pasted-into-QUALIWARE-DASHBOARD-DESIGNER-5-300x219.png 300w, https:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/Pasted-into-QUALIWARE-DASHBOARD-DESIGNER-5.png 697w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>\u00c8 possibile sia inserire manualmente una query, sia crearla attraverso il &#8220;Query Builder&#8221; premendo sul link &#8220;Crea Query&#8221;.&nbsp;<br \/>\nNOTA: se si inserisce la query manualmente, non \u00e8 poi possibile modificarla con il Query Builder.<\/p>\n<h3><strong>Parametri nelle query e nella dashboard<\/strong><\/h3>\n<p>Eventuali parametri dovranno essere inseriti nella query definendoli con un nome a piacere preceduto dal carattere &#8220;@&#8221;. In pratica \u00e8 la stessa modalit\u00e0 utilizzata nell&#8217;SQL Query Designer, con la differenza che \u00e8 necessario far precedere il nome del parametro dal carattere &#8220;@&#8221; anzich\u00e8 &#8220;:&#8221;.&nbsp;<\/p>\n<p>Premendo il pulsante &#8220;Prossimo&#8221; nella scheda di definizione della query si acceder\u00e0 alla scheda di definizione dei parametri presenti nella query stessa.&nbsp;<\/p>\n<p><a href=\"http:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/Pasted-into-QUALIWARE-DASHBOARD-DESIGNER-6.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-26045 size-medium\" src=\"http:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/Pasted-into-QUALIWARE-DASHBOARD-DESIGNER-6-300x221.png\" alt=\"\" width=\"300\" height=\"221\" srcset=\"https:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/Pasted-into-QUALIWARE-DASHBOARD-DESIGNER-6-300x221.png 300w, https:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/Pasted-into-QUALIWARE-DASHBOARD-DESIGNER-6.png 695w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>In questa scheda, si dovranno inserire tutti i parametri utilizzati nella query, premendo il tasto &#8220;Aggiungi&#8221;. Per ognuno dovr\u00e0 essere ripetuto il nome utilizzato, specificando &#8220;Espressione&#8221; nel campo &#8220;Tipo&#8221;, e poi, tramite l&#8217;editor di espressioni che si attiva con il pulsante &#8220;&#8230;&#8221;, collegarlo al parametro della dashboard, cosa che si pu\u00f2 fare anche inserendo manualmente nel campo &#8220;Valore&#8221; il nome di quest&#8217;ultimo preceduto dal carattere &#8220;?&#8221;.<\/p>\n<p>I parametri della dashboard, che l&#8217;utente potr\u00e0 modificare, si possono definire dal menu &#8220;Parametri&#8221; della dashboard. Il sistema inserisce automaticamente un parametro denominato &#8220;USERCODE&#8221; che \u00e8 invisibile all&#8217;utente finale, e conterr\u00e0 automaticamente il codice dell&#8217;utente connesso.<\/p>\n<p><a href=\"http:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/Pasted-into-QUALIWARE-DASHBOARD-DESIGNER-8.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-26049 size-medium\" src=\"http:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/Pasted-into-QUALIWARE-DASHBOARD-DESIGNER-8-300x186.png\" alt=\"\" width=\"300\" height=\"186\" srcset=\"https:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/Pasted-into-QUALIWARE-DASHBOARD-DESIGNER-8-300x186.png 300w, https:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/Pasted-into-QUALIWARE-DASHBOARD-DESIGNER-8-768x477.png 768w, https:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/Pasted-into-QUALIWARE-DASHBOARD-DESIGNER-8-1024x636.png 1024w, https:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/Pasted-into-QUALIWARE-DASHBOARD-DESIGNER-8.png 1116w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>I parametri definiti a livello di dashboard possono essere liberamente riutilizzati in tutte le query inserite. Ovviamente non \u00e8 possibile prevedere in una query un parametro che non abbia alcuna corrispondenza con uno dei parametri definiti a livello di dashboard.<\/p>\n<h3><strong>Parametri a scelta multipla<br \/>\n<\/strong><\/h3>\n<p>Nelle dashboard \u00e8 possibile definire parametri che consentono la seleziona multipla. Per poterli collegare alle query \u00e8 indispensabile procedere come segue:<br \/>\n1) usare la funzione &#8220;Join&#8221; nel collegamento fra il parametro della query e quello della dashboard, come illustrato nella figura seguente:<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/Pasted-33.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-28447\" src=\"https:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/Pasted-33.png\" alt=\"\" width=\"301\" height=\"203\"><\/a><\/p>\n<p>La funzione &#8220;Join&#8221; trasforma l&#8217;array dei parametri selezionati in una stringa con i valori separati dalla stringa specificata come secondo argomento.<\/p>\n<p>2) nella query, usare la funzione di STRING_SPLIT per separare i valori inseriti, e utilizzarli per il filtro, come mostrato nella figura seguente:<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/Pasted-34.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-28449\" src=\"https:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/Pasted-34.png\" alt=\"\" width=\"501\" height=\"82\" srcset=\"https:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/Pasted-34.png 818w, https:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/Pasted-34-768x126.png 768w\" sizes=\"(max-width: 501px) 100vw, 501px\" \/><\/a><\/p>\n<p>La funzione STRING_SPLIT \u00e8 disponibile su SQL Server versione 2016 o successiva, con un livello di compatibilit\u00e0 130 o superiore.<\/p>\n<p>Per ulteriori informazioni sul passaggio dei parametri alle query vedere <a href=\"https:\/\/docs.devexpress.com\/Dashboard\/117192\/web-dashboard\/create-dashboards-on-the-web\/providing-data\/working-with-sql-data-sources\/use-query-parameters\" target=\"_blank\" rel=\"noopener\">qui<\/a>.<\/p>\n<p><strong>NOTA<\/strong><br \/>\nIl pannello di scelta dei valori dei parametri non viene automaticamente mostrato all&#8217;utente all&#8217;apertura della dashboard. \u00c8 quindi necessario prevedere per ogni parametro un valore di default, che l&#8217;utente pu\u00f2 cambiare premendo il pulsante in alto a destra.<\/p>\n<p>\u00c8 possibile esportare ogni riquadro, e ispezionarne i dati, utilizzando i pulsanti che appaiono passandoci sopra il mouse.<\/p>\n<p><a href=\"http:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/Pasted-into-QUALIWARE-DASHBOARD-DESIGNER-9.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-26051 size-medium\" src=\"http:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/Pasted-into-QUALIWARE-DASHBOARD-DESIGNER-9-300x217.png\" alt=\"\" width=\"300\" height=\"217\" srcset=\"https:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/Pasted-into-QUALIWARE-DASHBOARD-DESIGNER-9-300x217.png 300w, https:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/Pasted-into-QUALIWARE-DASHBOARD-DESIGNER-9-768x555.png 768w, https:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/Pasted-into-QUALIWARE-DASHBOARD-DESIGNER-9.png 950w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>\u00c8 anche possibile assegnare ai parametri della query un valore di default che tenga conto del fatto che l&#8217;utente non abbia inserito manualmente i valori dei parametri nell&#8217;apposito pannello. \u00c8 infatti possibile lasciare vuoto il valore predefinito di un parametro, attivando la casella &#8220;Ammetti Null&#8221; del parametro stesso, e assegnare al parametro della query il valore tramite una formula come la seguente:<\/p>\n<pre>iif(isnull(?DA_DATA),AddYears(Today(),-1),?DA_DATA)<\/pre>\n<p>In questo caso, se il parametro DA_DATA viene lasciato vuoto (come \u00e8 alla prima apertura della dashboard), viene di default assegnato ad una data di un anno precedente quella corrente.<\/p>\n<h3><strong>Filtri dei dati nella dashboard<\/strong><\/h3>\n<p>\u00c8 possibile prevedere dei filtri direttamente all&#8217;interno della dashboard, in appositi riquadri. In quel caso, la query potr\u00e0 anche non contenere parametri.<\/p>\n<p data-wp-editing=\"1\"><a href=\"http:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/Pasted-into-QUALIWARE-DASHBOARD-DESIGNER-10.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-26055 size-medium\" src=\"http:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/Pasted-into-QUALIWARE-DASHBOARD-DESIGNER-10-300x203.png\" alt=\"\" width=\"300\" height=\"203\" srcset=\"https:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/Pasted-into-QUALIWARE-DASHBOARD-DESIGNER-10-300x203.png 300w, https:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/Pasted-into-QUALIWARE-DASHBOARD-DESIGNER-10-768x520.png 768w, https:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/Pasted-into-QUALIWARE-DASHBOARD-DESIGNER-10.png 953w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<h3><strong>Utilizzo dei componenti &#8220;Gantt&#8221; e &#8220;Hierarchical Tree View&#8221;<\/strong><\/h3>\n<p>La dashboard consente l&#8217;utilizzo di due componenti particolarmente interessanti, che si trovano nella parte &#8220;Articoli Personalizzati&#8221; della palette dei controlli sulla sinistra. Si tratta dei componenti &#8220;Gantt&#8221; e &#8220;Hierarchical Tree View&#8221; che consentono rispettivamente di visualizzare un diagramma di Gantt e una rappresentazione gerarchica ad albero.<\/p>\n<p>Essendo entrambe rappresentazioni gerarchiche, la query che viene utilizzata per fornire i dati deve contenere un campo per restituire sia un campo che rappresenta la chiave univoca del record, sia un campo contiene il valore del campo chiave del record &#8220;padre&#8221; del record stesso. Essi vanno associati rispettivamente agli elementi &#8220;ID&#8221; e &#8220;PARENT ID&#8221; del componente.<\/p>\n<p>Affinch\u00e8 i dati vengano visualizzati componenti, \u00e8 di fondamentale importanza assegnare correttamente &#8220;ID&#8221; e &#8220;PARENT ID&#8221; dei record di primo livello, nel seguente modo:<\/p>\n<ul>\n<li>nel componente &#8220;Gantt&#8221;: la fase radice deve avere ID=0 e PARENT ID=-1, e tutti i record dipendenti dalla radice devono avere PARENT ID=0<\/li>\n<li>nel componente &#8220;Hierarchical Tree View&#8221; i componenti di primo livello devono avere PARENT ID=-1<\/li>\n<\/ul>\n<p>E&#8217; possibile scaricare esempi di dashboard che utilizzano questi componenti da <a href=\"https:\/\/help.qualiware.it\/qw-help\/wp-content\/uploads\/Dashboard-con-HierarchicalTreeView-e-Gantt.zip\">qui<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>La funzione Dashboard Designer consente di creare e modificare le &#8220;dashboard&#8221;, che consistono in visualizzazioni grafiche costruite a partire dai dati presenti nel database di QualiWare. La scheda sotto riportata consente di creare una nuova dashboard, sia da zero che importandone una esistente, di modificarla e anche di visualizzare ci\u00f2 che vedr\u00e0 l&#8217;utente. Le dashboard&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"ngg_post_thumbnail":0,"footnotes":""},"categories":[16],"tags":[193,214,258,257,259,256,221,220],"acf":[],"_links":{"self":[{"href":"https:\/\/help.qualiware.it\/qw-help\/wp-json\/wp\/v2\/posts\/26027"}],"collection":[{"href":"https:\/\/help.qualiware.it\/qw-help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/help.qualiware.it\/qw-help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/help.qualiware.it\/qw-help\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/help.qualiware.it\/qw-help\/wp-json\/wp\/v2\/comments?post=26027"}],"version-history":[{"count":7,"href":"https:\/\/help.qualiware.it\/qw-help\/wp-json\/wp\/v2\/posts\/26027\/revisions"}],"predecessor-version":[{"id":32242,"href":"https:\/\/help.qualiware.it\/qw-help\/wp-json\/wp\/v2\/posts\/26027\/revisions\/32242"}],"wp:attachment":[{"href":"https:\/\/help.qualiware.it\/qw-help\/wp-json\/wp\/v2\/media?parent=26027"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/help.qualiware.it\/qw-help\/wp-json\/wp\/v2\/categories?post=26027"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/help.qualiware.it\/qw-help\/wp-json\/wp\/v2\/tags?post=26027"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}