{"id":86910,"date":"2015-05-08T11:22:13","date_gmt":"2015-05-08T10:22:13","guid":{"rendered":"https:\/\/artigianodelsoftware.wordpress.com\/?p=86910"},"modified":"2015-05-08T11:22:13","modified_gmt":"2015-05-08T10:22:13","slug":"gliffy-un-esempio-di-uso","status":"publish","type":"post","link":"https:\/\/artigianodelsoftware.it\/blog\/2015\/05\/08\/gliffy-un-esempio-di-uso\/","title":{"rendered":"Gliffy &#8211; Un esempio di uso"},"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\/86910?print=print\" class=\"pdfprnt-button pdfprnt-button-print\" target=\"_blank\"><\/a><\/div><blockquote>\n<h1>Gliffy &#8211; Esempio di uso<\/h1>\n<\/blockquote>\n<p>In questo post andremo a completare quanto indicato in questo <a title=\"Gliffy \u2013 Un addon molto importante\" href=\"https:\/\/artigianodelsoftware.wordpress.com\/2015\/05\/03\/gliffy-un-addon-molto-importante\/\">post <\/a>, esaminando\u00a0un esempio di uso di Gliffy.<\/p>\n<p>&nbsp;<\/p>\n<blockquote>\n<h1>Iniziamo<\/h1>\n<\/blockquote>\n<p>Dopo aver installato l&#8217;addon, attraverso l&#8217;agevole e semplice procedura di installazione, come mostrato nella figura sottostante:<\/p>\n<p><a href=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/05\/gliffy01.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-large wp-image-87003\" src=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/05\/gliffy01.png?w=660\" alt=\"gliffy01\" width=\"660\" height=\"308\" srcset=\"https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/05\/gliffy01.png 886w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/05\/gliffy01-300x140.png 300w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/05\/gliffy01-768x359.png 768w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/a><\/p>\n<p>ed alla conferma della installazione (in questo caso ho installato Gliffy, su di un Atlassian Confluence Cloud, in versione trial):<\/p>\n<p><a href=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/05\/gliffy02.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-large wp-image-87004\" src=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/05\/gliffy02.png?w=660\" alt=\"gliffy02\" width=\"660\" height=\"258\" srcset=\"https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/05\/gliffy02.png 966w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/05\/gliffy02-300x117.png 300w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/05\/gliffy02-768x300.png 768w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/a><\/p>\n<p>Procediamo con la fase di configurazione \ud83d\ude42<\/p>\n<p><a href=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/05\/gliffy03.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-large wp-image-87005\" src=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/05\/gliffy03.png?w=660\" alt=\"gliffy03\" width=\"660\" height=\"288\" srcset=\"https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/05\/gliffy03.png 1203w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/05\/gliffy03-300x131.png 300w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/05\/gliffy03-768x335.png 768w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/05\/gliffy03-1024x447.png 1024w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/05\/gliffy03-1200x524.png 1200w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/a><\/p>\n<p>Il pannello di configurazione \u00e8 molto semplice e richiede solo alcuni parametri.<\/p>\n<p><a href=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/05\/gliffy04.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-87006 size-large\" style=\"border:1px solid #000000;\" src=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/05\/gliffy04.png?w=660\" alt=\"gliffy04\" width=\"660\" height=\"325\" srcset=\"https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/05\/gliffy04.png 1114w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/05\/gliffy04-300x148.png 300w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/05\/gliffy04-768x378.png 768w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/05\/gliffy04-1024x505.png 1024w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/a><\/p>\n<p>Nella sezione di configurazione ed amministrazione distinguiamo le seguenti sezioni:<\/p>\n<ul>\n<li>Versione e informazioni sull&#8217;addon<\/li>\n<li>Numero di diagrammi<\/li>\n<li>parametro autosave<\/li>\n<li>Protocolli consentiti (http, https, etc)<\/li>\n<li>possibilit\u00e0 di disabilitare toolbar del viewer etc<\/li>\n<\/ul>\n<blockquote>\n<h1>Inseriamo i grafi<\/h1>\n<\/blockquote>\n<p>Procediamo ad inserire un semplice grafo in una pagina, dove andremo a spiegare un semplice algoritmo. Al momento cose molto semplici. Partiamo da una nuova pagina ed inseriamo un diagramma, come mostrato in figura<\/p>\n<p><a href=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/05\/gliffy05.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-87007 size-large\" style=\"border:1px solid #000000;\" src=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/05\/gliffy05.png?w=660\" alt=\"gliffy05\" width=\"660\" height=\"211\" srcset=\"https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/05\/gliffy05.png 1251w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/05\/gliffy05-300x96.png 300w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/05\/gliffy05-768x246.png 768w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/05\/gliffy05-1024x327.png 1024w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/05\/gliffy05-1200x384.png 1200w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Richiamiamo la macro che l&#8217;addon Gliffy mette a disposizione:<\/p>\n<p><a href=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/05\/gliffy06.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-87008 size-large\" style=\"border:1px solid #000000;\" src=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/05\/gliffy06.png?w=660\" alt=\"gliffy06\" width=\"660\" height=\"368\" srcset=\"https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/05\/gliffy06.png 989w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/05\/gliffy06-300x167.png 300w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/05\/gliffy06-768x429.png 768w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Scegliamo di creare un Flow Chart, che descrive un flusso molto banale. Ai fini di questo articolo non interessa impostare un flusso arzigogolato :-P. \u00a0Una volta selezionato la tipologia di grafo, possiamo disegnarlo.<\/p>\n<p><a href=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/05\/gliffy07.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-large wp-image-87009\" src=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/05\/gliffy07.png?w=660\" alt=\"gliffy07\" width=\"660\" height=\"397\" srcset=\"https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/05\/gliffy07.png 930w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/05\/gliffy07-300x181.png 300w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/05\/gliffy07-768x462.png 768w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/a><\/p>\n<p>L&#8217;editor che viene messo a disposizione \u00e8 molto semplice, intuitivo e non richiede un training particolare per poter essere usato. Dopo aver disegnato il flow chart, lo andiamo a posizionare nella pagina Confluence.<\/p>\n<p><a href=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/05\/gliffy08.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-large wp-image-87011\" src=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/05\/gliffy08.png?w=660\" alt=\"gliffy08\" width=\"660\" height=\"496\" srcset=\"https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/05\/gliffy08.png 740w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/05\/gliffy08-300x225.png 300w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/a><\/p>\n<p>Il risultato finale \u00e8 il seguente \ud83d\ude42<\/p>\n<p><a href=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/05\/gliffy09.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-87012 size-full\" style=\"border:1px solid #000000;\" src=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/05\/gliffy09.png\" alt=\"gliffy09\" width=\"580\" height=\"522\" srcset=\"https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/05\/gliffy09.png 580w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/05\/gliffy09-300x270.png 300w\" sizes=\"(max-width: 580px) 100vw, 580px\" \/><\/a><\/p>\n<blockquote>\n<h1>Risultato<\/h1>\n<\/blockquote>\n<p>Abbiamo inserito un grafico nella nostra pagina Confluence senza grandi problemi ed agevolmente. Come sappiamo, un grafico \u00e8 sempre molto pi\u00f9 esplicativo di una descrizione a parole. Ma non solo \ud83d\ude1b<\/p>\n<p>Possiamo anche agganciare dei link a pagine di Confluence :-). Rientrando nell&#8217;editor del grafo, selezioniamo l&#8217;elemento,\u00a0a cui\u00a0vogliamo agganciare il link, come mostrato in figura:<\/p>\n<p><a href=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/05\/gliffy10.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-large wp-image-87013\" src=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/05\/gliffy10.png?w=660\" alt=\"gliffy10\" width=\"660\" height=\"276\" srcset=\"https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/05\/gliffy10.png 729w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/05\/gliffy10-300x126.png 300w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/a><\/p>\n<p>Fatto ci\u00f2, sar\u00e0 visualizzata l&#8217;autocomposizione, simile a quella presente in Confluence e a cui siamo molto abituati, che ci consente di poter impostare la pagina Confluence da collegare.<\/p>\n<p><a href=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/05\/gliffy11.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-87014 size-large\" style=\"border:1px solid #000000;\" src=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/05\/gliffy11.png?w=660\" alt=\"gliffy11\" width=\"660\" height=\"273\" srcset=\"https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/05\/gliffy11.png 808w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/05\/gliffy11-300x124.png 300w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/05\/gliffy11-768x317.png 768w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Il risultato sar\u00e0 il seguente:<\/p>\n<p><a href=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/05\/gliffy12.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-87015 size-full\" style=\"border:1px solid #000000;\" src=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/05\/gliffy12.png\" alt=\"gliffy12\" width=\"584\" height=\"325\" srcset=\"https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/05\/gliffy12.png 584w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/05\/gliffy12-300x167.png 300w\" sizes=\"(max-width: 584px) 100vw, 584px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Il risultato nella pagina Confluence \u00e8 il seguente:<\/p>\n<p><a href=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/05\/gliffy13.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-87016 size-full\" style=\"border:1px solid #000000;\" src=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2015\/05\/gliffy13.png\" alt=\"gliffy13\" width=\"561\" height=\"409\" srcset=\"https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/05\/gliffy13.png 561w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2015\/05\/gliffy13-300x219.png 300w\" sizes=\"(max-width: 561px) 100vw, 561px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<blockquote>\n<h1>Conclusioni<\/h1>\n<\/blockquote>\n<p>Abbiamo visto un addon molto importante, disponibile sia per le versioni Cloud che per le versioni Server, che consente di completare le pagine di Confluence con diagrammi e grafici molto semplici ed esplicativi. La possibilit\u00e0 di potrerli usare \u00e8 sicuramente un vantaggio in quanto aiuta la redazione della documentazione. Come sempre, la fantasia \u00e8 l&#8217;unico limite \ud83d\ude42<\/p>\n<div class=\"clearfix\"><span class='ldc-ul_cont' onclick=\"alter_ul_post_values(this,'86910','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,'86910','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>Gliffy &#8211; Esempio di uso In questo post andremo a completare quanto indicato in questo post , esaminando\u00a0un esempio di uso di Gliffy. &nbsp; Iniziamo Dopo aver installato l&#8217;addon, attraverso l&#8217;agevole e semplice procedura di installazione, come mostrato nella figura<\/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,4,7,9,22],"tags":[30,34,35,48,56,58,82,89],"_links":{"self":[{"href":"https:\/\/artigianodelsoftware.it\/blog\/wp-json\/wp\/v2\/posts\/86910"}],"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=86910"}],"version-history":[{"count":0,"href":"https:\/\/artigianodelsoftware.it\/blog\/wp-json\/wp\/v2\/posts\/86910\/revisions"}],"wp:attachment":[{"href":"https:\/\/artigianodelsoftware.it\/blog\/wp-json\/wp\/v2\/media?parent=86910"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/artigianodelsoftware.it\/blog\/wp-json\/wp\/v2\/categories?post=86910"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/artigianodelsoftware.it\/blog\/wp-json\/wp\/v2\/tags?post=86910"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}