{"id":88163,"date":"2015-07-20T09:07:47","date_gmt":"2015-07-20T08:07:47","guid":{"rendered":"https:\/\/artigianodelsoftware.wordpress.com\/?p=88163"},"modified":"2015-07-20T09:07:47","modified_gmt":"2015-07-20T08:07:47","slug":"draw-io-prova-su-strada","status":"publish","type":"post","link":"https:\/\/artigianodelsoftware.it\/blog\/2015\/07\/20\/draw-io-prova-su-strada\/","title":{"rendered":"Draw.io &#8211; prova su strada"},"content":{"rendered":"<div class=\"pdfprnt-buttons pdfprnt-buttons-post pdfprnt-top-right\"><a href=\"javascript: imageToPdf()\" class=\"pdfprnt-button pdfprnt-button-pdf\" target=\"_self\"><img src=\"https:\/\/artigianodelsoftware.it\/blog\/wp-content\/plugins\/pdf-print\/images\/pdf.png\" alt=\"image_pdf\" title=\"Visualizza PDF\" \/><\/a><a href=\"https:\/\/artigianodelsoftware.it\/blog\/wp-json\/wp\/v2\/posts\/88163?print=print\" class=\"pdfprnt-button pdfprnt-button-print\" target=\"_blank\"><\/a><\/div><blockquote>\n<h1>Diagrammi, grafici e tanto altro ancora<\/h1>\n<\/blockquote>\n<p>In questo post andremo a testare l&#8217;addon <a href=\"https:\/\/marketplace.atlassian.com\/plugins\/com.mxgraph.confluence.plugins.diagramly\" target=\"_blank\">Draw.io<\/a>, presentato in questo <a href=\"https:\/\/artigianodelsoftware.wordpress.com\/2015\/07\/14\/diagrammi-su-confluence-altri-addon\/\" target=\"_blank\">post<\/a>. Vedremo da vicino quali potenzialit\u00e0 offre.<\/p>\n<p><a href=\"https:\/\/marketplace-cdn.atlassian.com\/files\/images\/com.mxgraph.confluence.plugins.diagramly\/337f6157-88ae-4617-997c-7ba3fff0bf89_scaled.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" src=\"https:\/\/marketplace-cdn.atlassian.com\/files\/images\/com.mxgraph.confluence.plugins.diagramly\/337f6157-88ae-4617-997c-7ba3fff0bf89_scaled.png\" alt=\"\" width=\"568\" height=\"278\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<blockquote>\n<h1>Installiamo<\/h1>\n<\/blockquote>\n<p>Prima fase \u00e8 sempre l&#8217;installazione. Dal COG men\u00f9 selezioniamo la sezione degli\u00a0<em><strong>addon<\/strong><\/em> e procediamo con l&#8217;installazione. Una volta accettata la EULA:<\/p>\n<p><a href=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/07\/draw-io-01.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-88218\" src=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/07\/draw-io-01.png\" alt=\"draw.io.01\" width=\"556\" height=\"184\" srcset=\"https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/07\/draw-io-01.png 556w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/07\/draw-io-01-300x99.png 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" \/><\/a><\/p>\n<p>possiamo procedere con il download dell&#8217;addon<\/p>\n<p><a href=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/07\/draw-io-02.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-large wp-image-88219\" src=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/07\/draw-io-02.png?w=610\" alt=\"draw.io.02\" width=\"610\" height=\"262\" srcset=\"https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/07\/draw-io-02.png 610w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/07\/draw-io-02-300x129.png 300w\" sizes=\"(max-width: 610px) 100vw, 610px\" \/><\/a><\/p>\n<p>e l&#8217;installazione dello stesso \ud83d\ude42<\/p>\n<p><a href=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/07\/draw-io-03.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-large wp-image-88220\" src=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/07\/draw-io-03.png?w=615\" alt=\"draw.io.03\" width=\"615\" height=\"262\" srcset=\"https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/07\/draw-io-03.png 615w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/07\/draw-io-03-300x128.png 300w\" sizes=\"(max-width: 615px) 100vw, 615px\" \/><\/a><\/p>\n<p>quindi otteniamo la licenza trial<\/p>\n<p><a href=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/07\/draw-io-04.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-large wp-image-88221\" src=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/07\/draw-io-04.png?w=612\" alt=\"draw.io.04\" width=\"612\" height=\"285\" srcset=\"https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/07\/draw-io-04.png 612w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/07\/draw-io-04-300x140.png 300w\" sizes=\"(max-width: 612px) 100vw, 612px\" \/><\/a><\/p>\n<p>Finalmente abbiamo il nostro addon installato :D.<\/p>\n<p><a href=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/07\/draw-io-05.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-large wp-image-88222\" src=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/07\/draw-io-05.png?w=547\" alt=\"draw.io.05\" width=\"547\" height=\"261\" srcset=\"https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/07\/draw-io-05.png 547w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/07\/draw-io-05-300x143.png 300w\" sizes=\"(max-width: 547px) 100vw, 547px\" \/><\/a><\/p>\n<blockquote>\n<h1>Entriamo in azione<\/h1>\n<\/blockquote>\n<p>Una volta installato, possiamo procedere con l&#8217;utilizzo dello stesso. Basta semplicemente selezionare il tasto\u00a0<em><strong>Create<\/strong><\/em> e siamo gi\u00e0 in grado di poter creare il nostro diagramma e grafico \ud83d\ude42<\/p>\n<p><a href=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/07\/draw-io-06.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-large wp-image-88223\" src=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/07\/draw-io-06.png?w=660\" alt=\"draw.io.06\" width=\"660\" height=\"357\" srcset=\"https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/07\/draw-io-06.png 765w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/07\/draw-io-06-300x162.png 300w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/a><\/p>\n<p>Selezionando Draw.io, attiviamo l&#8217;addon, che attraverso un wizard opportuno, ci consente di poter scegliere quale tipologia di diagramma o grafico vogliamo creare. In automatico ci propone anche un esempio che possiamo utilizzare come base per il nostro lavoro \ud83d\ude42<\/p>\n<p><a href=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/07\/draw-io-07.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-large wp-image-88224\" src=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/07\/draw-io-07.png?w=660\" alt=\"draw.io.07\" width=\"660\" height=\"469\" srcset=\"https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/07\/draw-io-07.png 736w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/07\/draw-io-07-300x213.png 300w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/a><\/p>\n<p>Selezionato il grafico, passiamo direttamente all&#8217;editor, che come possiamo vedere \u00e8 molto semplice ed intuitivo.<\/p>\n<p><a href=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/07\/draw-io-08.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-large wp-image-88225\" src=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/07\/draw-io-08.png?w=660\" alt=\"draw.io.08\" width=\"660\" height=\"284\" srcset=\"https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/07\/draw-io-08.png 1314w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/07\/draw-io-08-300x129.png 300w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/07\/draw-io-08-768x330.png 768w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/07\/draw-io-08-1024x440.png 1024w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/07\/draw-io-08-1200x516.png 1200w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/a><\/p>\n<p>A questo punto, possiamo creare il nostro diagramma. Quando abbiamo terminato, lo salviamo nella pagina e questo \u00e8 il risultato, prima di salvare la pagina:<\/p>\n<p><a href=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/07\/draw-io-10.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-88227\" src=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/07\/draw-io-10.png\" alt=\"draw.io.10\" width=\"657\" height=\"506\" srcset=\"https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/07\/draw-io-10.png 657w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/07\/draw-io-10-300x231.png 300w\" sizes=\"(max-width: 657px) 100vw, 657px\" \/><\/a><\/p>\n<p>e la pagina salvata<\/p>\n<p><a href=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/07\/draw-io-11.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-88228\" src=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/07\/draw-io-11.png\" alt=\"draw.io.11\" width=\"648\" height=\"563\" srcset=\"https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/07\/draw-io-11.png 648w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/07\/draw-io-11-300x261.png 300w\" sizes=\"(max-width: 648px) 100vw, 648px\" \/><\/a><\/p>\n<blockquote>\n<h1>Risultati?<\/h1>\n<\/blockquote>\n<p>Notevoli. L&#8217;addon \u00e8 sicuramente eccezionale, ma riserva una gradita sorpresa. Oltre alla possibilit\u00e0 di poter disegnare grafici e diagrammi, consente anche di poter creare dei Mockup di discreta qualit\u00e0, come mostrato nel <a href=\"https:\/\/artigianodelsoftware.wordpress.com\/2015\/04\/29\/creiamo-dei-mockup-su-confluence\/\" target=\"_blank\">post<\/a>, cui si faceva riferimento all&#8217;<a href=\"https:\/\/marketplace.atlassian.com\/plugins\/com.balsamiq.confluence.plugins.mockups\" target=\"_blank\">addon di Balsamiq<\/a>. Come mostrato in figura:<\/p>\n<p><a href=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/07\/draw-io-09.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-large wp-image-88226\" src=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/07\/draw-io-09.png?w=323\" alt=\"draw.io.09\" width=\"323\" height=\"549\" srcset=\"https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/07\/draw-io-09.png 323w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/07\/draw-io-09-177x300.png 177w\" sizes=\"(max-width: 323px) 100vw, 323px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>abbiamo la possibilit\u00e0 di poter disegnare in maniera agevole questi addon. La sorpresa \u00e8 graditissima. \ud83d\ude42<\/p>\n<blockquote>\n<h1>Conclusioni<\/h1>\n<\/blockquote>\n<p>Abbiamo a disposizione un addon molto interessante, di facile utilizzo e da un costo molto competitivo, rispetto agli altri che abbiamo a disposizione del marketplace. Il giudizio non pu\u00f2 che essere positivo.<\/p>\n<div class=\"clearfix\"><span class='ldc-ul_cont' onclick=\"alter_ul_post_values(this,'88163','like')\" >Likes<img src=\"https:\/\/artigianodelsoftware.it\/blog\/wp-content\/plugins\/like-dislike-counter-for-posts-pages-and-comments\/images\/up.png\" \/>(<span>0<\/span>)<\/span><span class='ldc-ul_cont' onclick=\"alter_ul_post_values(this,'88163','dislike')\" >Dislikes<img src=\"https:\/\/artigianodelsoftware.it\/blog\/wp-content\/plugins\/like-dislike-counter-for-posts-pages-and-comments\/images\/down.png\" \/>(<span>0<\/span>)<\/span><\/div>","protected":false},"excerpt":{"rendered":"<p>Diagrammi, grafici e tanto altro ancora In questo post andremo a testare l&#8217;addon Draw.io, presentato in questo post. Vedremo da vicino quali potenzialit\u00e0 offre. &nbsp; &nbsp; Installiamo Prima fase \u00e8 sempre l&#8217;installazione. Dal COG men\u00f9 selezioniamo la sezione degli\u00a0addon e<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_editorskit_title_hidden":false,"_editorskit_reading_time":0,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","footnotes":""},"categories":[3,7,22],"tags":[30,34,48,56,58,89,108],"_links":{"self":[{"href":"https:\/\/artigianodelsoftware.it\/blog\/wp-json\/wp\/v2\/posts\/88163"}],"collection":[{"href":"https:\/\/artigianodelsoftware.it\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/artigianodelsoftware.it\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/artigianodelsoftware.it\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/artigianodelsoftware.it\/blog\/wp-json\/wp\/v2\/comments?post=88163"}],"version-history":[{"count":0,"href":"https:\/\/artigianodelsoftware.it\/blog\/wp-json\/wp\/v2\/posts\/88163\/revisions"}],"wp:attachment":[{"href":"https:\/\/artigianodelsoftware.it\/blog\/wp-json\/wp\/v2\/media?parent=88163"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/artigianodelsoftware.it\/blog\/wp-json\/wp\/v2\/categories?post=88163"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/artigianodelsoftware.it\/blog\/wp-json\/wp\/v2\/tags?post=88163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}