{"id":242,"date":"2014-09-08T20:21:56","date_gmt":"2014-09-08T20:21:56","guid":{"rendered":"http:\/\/artigianodelsoftware.wordpress.com\/?p=242"},"modified":"2014-09-08T20:21:56","modified_gmt":"2014-09-08T20:21:56","slug":"creare-delle-form-in-confluence-2","status":"publish","type":"post","link":"https:\/\/artigianodelsoftware.it\/blog\/2014\/09\/08\/creare-delle-form-in-confluence-2\/","title":{"rendered":"Creare delle FORM in Confluence &#8211; 2"},"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\/242?print=print\" class=\"pdfprnt-button pdfprnt-button-print\" target=\"_blank\"><\/a><\/div><p>Continuiamo ad approfondire l&#8217;argomento FORM in Confluence, iniziato con il seguente <a href=\"http:\/\/artigianodelsoftware.wordpress.com\/2014\/08\/20\/creare-delle-form-in-confluence\/\" target=\"_blank\">post<\/a>. in cui abbiamo dato una prima occhiata ad un addon che consente di poter inserire delle FORM in Confluence.<\/p>\n<p>Nel corso di questo post, faremo in primo utilizzo su strada dell&#8217;addon, vedremo come funziona, come realizza le form e come sono messe a disposizione degli utenti.<\/p>\n<p>&nbsp;<\/p>\n<blockquote>\n<h1>Passo uno &#8211; Da dove cominciamo?<\/h1>\n<\/blockquote>\n<p>Una volta installato l&#8217;addon nel nostro ambiente di test, il primo passo \u00e8 quello di capire che cosa mette a disposizione. Basta semplicemente richiamare le macro per capire che cosa mette a disposizione:<\/p>\n<p><a href=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2014\/09\/macro.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-273\" src=\"http:\/\/artigianodelsoftware.files.wordpress.com\/2014\/09\/macro.png\" alt=\"Macro\" width=\"398\" height=\"491\" srcset=\"https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2014\/09\/macro.png 398w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2014\/09\/macro-243x300.png 243w\" sizes=\"(max-width: 398px) 100vw, 398px\" \/><\/a><\/p>\n<p>La composizione di una form avviene impostando, in maniera opportuna, le varie macro che sono messe a disposizione. Iniziamo impostando una semplice form, che inserisce 4 campi:<\/p>\n<ul>\n<li>Campo Testo<\/li>\n<li>Campo Numerico<\/li>\n<li>Campo\u00a0Listdown (combo da dove \u00e8 possibile selezionare dei valori).<\/li>\n<li>Campo Immagine<\/li>\n<\/ul>\n<p>Il primo passo \u00e8 aggiungere la macro\u00a0<em><strong>CONFIFORMS FORM<\/strong><\/em>. Si tratta del contenitore principale della form. Una agevole e standard autocomposizione, consente di poter impostare i primi parametri, ovvero il nome della form, L&#8217;etichetta del tasto di registrazione dei dati, quale messaggio deve essere visualizzato alla memorizzazione del dato, etc.<\/p>\n<p><a href=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2014\/09\/macro-form.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-large wp-image-274\" src=\"http:\/\/artigianodelsoftware.files.wordpress.com\/2014\/09\/macro-form.png?w=700\" alt=\"Macro-form\" width=\"700\" height=\"429\" srcset=\"https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2014\/09\/macro-form.png 868w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2014\/09\/macro-form-300x184.png 300w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2014\/09\/macro-form-768x471.png 768w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Una volta fatto ci\u00f2, occorre definire il tasto di registrazione, sempre attraverso una opportuna macro\u00a0<em><strong>CONFIFORMS REGISTRATION CONTROL<\/strong><\/em>. Come mostrato in figura:<\/p>\n<p><a href=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2014\/09\/macro-register.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-large wp-image-275\" src=\"http:\/\/artigianodelsoftware.files.wordpress.com\/2014\/09\/macro-register.png?w=700\" alt=\"Macro-register\" width=\"700\" height=\"431\" srcset=\"https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2014\/09\/macro-register.png 872w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2014\/09\/macro-register-300x185.png 300w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2014\/09\/macro-register-768x473.png 768w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Anche in questo caso basta seguire l&#8217;autocomposizione ed impostare pochi semplici parametri per arrivare a configurare il componente. In particolare, basta semplicemente indicare quale form fare riferimento (precedente macro), il nome della pagina cui fa riferimento la form, etichetta del bottone, etc.<\/p>\n<p>Fatto ci\u00f2, possiamo iniziare a definire i campi che comporranno la form stessa. La macro<b><i>\u00a0<\/i><\/b><i><\/i><em><strong>CONFIFORMS FIELD DEFINITION<\/strong><\/em>, come mostrato nella seguente figura, la solita autocomposizione consente di definire le caratteristiche del campo:<\/p>\n<p><a href=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2014\/09\/macro-field.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-large wp-image-276\" src=\"http:\/\/artigianodelsoftware.files.wordpress.com\/2014\/09\/macro-field.png?w=700\" alt=\"Macro-Field\" width=\"700\" height=\"431\" srcset=\"https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2014\/09\/macro-field.png 870w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2014\/09\/macro-field-300x185.png 300w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2014\/09\/macro-field-768x473.png 768w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p>I tipi di campo che sono messi a disposizione sono i seguenti:<\/p>\n<p><a href=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2014\/09\/macro-tipocampi.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-278\" src=\"http:\/\/artigianodelsoftware.files.wordpress.com\/2014\/09\/macro-tipocampi.png\" alt=\"Macro-tipocampi\" width=\"274\" height=\"363\" srcset=\"https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2014\/09\/macro-tipocampi.png 274w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2014\/09\/macro-tipocampi-226x300.png 226w\" sizes=\"(max-width: 274px) 100vw, 274px\" \/><\/a><\/p>\n<p>che come si pu\u00f2 vedere non sono affatto pochi. Ci si pu\u00f2 sbizzarrire nel realizzare le form che meglio si vuole. Il risultato finale della definizione dei campi sar\u00e0 cosi visibile, prima di salvare la Form:<\/p>\n<p><a href=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2014\/09\/macro-definition-final.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-279\" src=\"http:\/\/artigianodelsoftware.files.wordpress.com\/2014\/09\/macro-definition-final.png\" alt=\"Macro-definition-final\" width=\"539\" height=\"473\" srcset=\"https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2014\/09\/macro-definition-final.png 539w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2014\/09\/macro-definition-final-300x263.png 300w\" sizes=\"(max-width: 539px) 100vw, 539px\" \/><\/a><\/p>\n<p>Salviamo la pagina e adesso vediamo il risultato finale:<\/p>\n<p><a href=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2014\/09\/form-visibile.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-280\" src=\"http:\/\/artigianodelsoftware.files.wordpress.com\/2014\/09\/form-visibile.png\" alt=\"Form-Visibile\" width=\"516\" height=\"381\" srcset=\"https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2014\/09\/form-visibile.png 516w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2014\/09\/form-visibile-300x222.png 300w\" sizes=\"(max-width: 516px) 100vw, 516px\" \/><\/a><\/p>\n<p>Selezioniamo il tasto <em><strong>Show Form <\/strong><\/em>(Si tratta del tasto che viene generato dalla macro\u00a0<em><strong>CONFIFORMS REGISTRATION CONTROL,\u00a0<\/strong><\/em>precedentemente definita. Per meglio evidenziarlo, ho impostato la label <em><strong>Show Form<\/strong><\/em>, in modo da renderla maggiormente visibile. A questo punto viene visualizzata la FORM vera e propria, dove \u00e8 possibile inserire i dati veri e propri:<\/p>\n<p><a href=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2014\/09\/form.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-large wp-image-281\" src=\"http:\/\/artigianodelsoftware.files.wordpress.com\/2014\/09\/form.png?w=700\" alt=\"Form\" width=\"700\" height=\"353\" srcset=\"https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2014\/09\/form.png 907w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2014\/09\/form-300x151.png 300w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2014\/09\/form-768x388.png 768w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p>A questo punto inseriamo i dati e selezioniamo il tasto ADD. Il risultato sar\u00e0 il seguente:<\/p>\n<p><a href=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2014\/09\/form-record-salvato.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-282\" src=\"http:\/\/artigianodelsoftware.files.wordpress.com\/2014\/09\/form-record-salvato.png\" alt=\"Form-record-salvato\" width=\"579\" height=\"430\" srcset=\"https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2014\/09\/form-record-salvato.png 579w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2014\/09\/form-record-salvato-300x223.png 300w\" sizes=\"(max-width: 579px) 100vw, 579px\" \/><\/a><\/p>\n<p>Ovvero il messaggio che avviamo parametrizzato in precedenza.<\/p>\n<p>&nbsp;<\/p>\n<blockquote>\n<h1>Come vediamo i dati?<\/h1>\n<\/blockquote>\n<p>Abbiamo visto come sono memorizzati i dati. Ma adesso, come li visioniamo\/usiamo? Semplice. Selezioniamo il tasto\u00a0<em><strong>admin(bboard)<\/strong><\/em>, posto a fianco del taso\u00a0<em><strong>Show Form<\/strong><\/em>. \u00a0Il risultato \u00e8 il seguente.<\/p>\n<p><a href=\"https:\/\/artigianodelsoftware.files.wordpress.com\/2014\/09\/form-gestione-record1.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-large wp-image-284\" src=\"http:\/\/artigianodelsoftware.files.wordpress.com\/2014\/09\/form-gestione-record1.png?w=700\" alt=\"Form-gestione-record\" width=\"700\" height=\"222\" srcset=\"https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2014\/09\/form-gestione-record1.png 1278w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2014\/09\/form-gestione-record1-300x96.png 300w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2014\/09\/form-gestione-record1-768x245.png 768w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2014\/09\/form-gestione-record1-1024x326.png 1024w, https:\/\/artigianodelsoftware.it\/blog\/wp-content\/uploads\/2014\/09\/form-gestione-record1-1200x382.png 1200w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p>una agevole griglia dove \u00e8 possibile vedere tutti i dati inseriti. Attraverso questa griglia \u00e8 possibile intervenire direttamente sui dati, manipolarli (Tasto <em><strong>EDIT<\/strong><\/em>), cancellarli (<em><strong>Delete<\/strong><\/em>), eseguire delle ricerche (textbox\u00a0<em><strong>Search<\/strong><\/em> posta in altro).<\/p>\n<p>&nbsp;<\/p>\n<blockquote>\n<h1>Conclusioni<\/h1>\n<\/blockquote>\n<p>Abbiamo visto in questo post come poter impostare una semplice form, con pochi dati. Abbiamo visto come \u00e8 facile realizzare una form con pochi semplici click, impostando tutti i parametri che, attraverso le semplici composizioni, \u00e8 molto semplice gestire, senza che sia necessario possedere conoscenze specifiche.<\/p>\n<p>Abbiamo visto come \u00e8 possibile visualizzare e gestire i dati, attraverso una agevole griglia e come, sempre con pochi click del mouse, sia possibile gestire queste infomazioni<\/p>\n<p>&nbsp;<\/p>\n<blockquote>\n<h1>Prossimi passi<\/h1>\n<\/blockquote>\n<p>Nei prossimi post, vedremo un esempio un p\u00f2 pi\u00f9 complesso e verificheremo anche come l&#8217;addon si comporta con un numero di record molto alto, come memorizza i dati e come potrebbe essere possibile (ipotesi di lavoro) riportarli su altri sistemi.<\/p>\n<div class=\"clearfix\"><span class='ldc-ul_cont' onclick=\"alter_ul_post_values(this,'242','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,'242','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>Continuiamo ad approfondire l&#8217;argomento FORM in Confluence, iniziato con il seguente post. in cui abbiamo dato una prima occhiata ad un addon che consente di poter inserire delle FORM in Confluence. Nel corso di questo post, faremo in primo utilizzo<\/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":[34,48,88,89,108],"_links":{"self":[{"href":"https:\/\/artigianodelsoftware.it\/blog\/wp-json\/wp\/v2\/posts\/242"}],"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=242"}],"version-history":[{"count":0,"href":"https:\/\/artigianodelsoftware.it\/blog\/wp-json\/wp\/v2\/posts\/242\/revisions"}],"wp:attachment":[{"href":"https:\/\/artigianodelsoftware.it\/blog\/wp-json\/wp\/v2\/media?parent=242"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/artigianodelsoftware.it\/blog\/wp-json\/wp\/v2\/categories?post=242"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/artigianodelsoftware.it\/blog\/wp-json\/wp\/v2\/tags?post=242"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}