{"id":50769,"date":"2020-01-01T07:30:07","date_gmt":"2020-01-01T06:30:07","guid":{"rendered":"http:\/\/smeupnew.it\/magazine\/blog\/user-interface\/"},"modified":"2021-04-06T14:51:26","modified_gmt":"2021-04-06T12:51:26","slug":"user-interface","status":"publish","type":"post","link":"https:\/\/www.smeup.com\/magazine\/blog\/user-interface\/","title":{"rendered":"Il rinnovamento della user interface tramite la libreria Ketch.UP &#8211; Parte 1"},"content":{"rendered":"<p>Il software smeup mette a disposizione degli utenti un vasto parco di funzionalit\u00e0 in grado di coprire tutte le esigenze del controllo e della gestione aziendale. Affinch\u00e9 gli utenti possano usufruire di tali funzionalit\u00e0 interagendo col sistema sono fondamentali i cosiddetti client del sistema server e in particolare le <strong>interfacce utente<\/strong>, dette anche <strong>user interface (UI)<\/strong>.<\/p>\n<p>L&#8217;interfaccia \u00e8 la parte del sistema pi\u00f9 a contatto con l&#8217;utente. Pi\u00f9 \u00e8 ricca, veloce, moderna, pi\u00f9 gli utenti ottengono soddisfazione dall&#8217;utilizzo del sistema. smeup \u00e8 molto sensibile al tema della user experience e del miglioramento continuo delle proprie user interfaces: alla storica applicazione desktop Looc.UP \u00e8 stata gi\u00e0 da tempo affiancata l&#8217;applicazione web Web.UP, la quale negli anni ha gi\u00e0 subito un forte cambiamento tecnologico e strutturale dalla versione 2 (Java EE con jsp) alla versione 3 (Java EE con facelets e primefaces).<\/p>\n<p>Ma in ambito web l&#8217;evoluzione delle tecnologie \u00e8 continua. Ogni anno nascono nuove tecnologie, alcune hanno vita breve, altre si sviluppano velocemente fino a raccogliere intorno a s\u00e9 milioni di sviluppatori che le utilizzano e le promuovono, ma con la stessa facilit\u00e0 possono poi essere abbandonate a favore di altre pi\u00f9 recenti, pi\u00f9 attraenti e performanti.<\/p>\n<p>Negli ultimi anni le tecnologie pi\u00f9 all&#8217;avanguardia per costruire applicazioni web sono da ricercare in ambito javascript. smeup per l&#8217;evoluzione della sua User Interface ha deciso di puntare in tale direzione, con lo sviluppo di una propria libreria denominata Ketch.UP, scritta con la tecnologia emergente dei web components.<\/p>\n<h2>La libreria Ketch.UP<\/h2>\n<p>Al fine di rendere la propria interfaccia grafica sempre pi\u00f9 moderna e performante smeup ha iniziato a sviluppare una propria libreria di componenti utilizzando la tecnologia dei web component, con il supporto di <strong>Stencil.js<\/strong> del Team Ionic (<a href=\"https:\/\/stenciljs.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/stenciljs.com\/<\/a>), un facilitatore nella scrittura di web component.<\/p>\n<p>La libreria di componenti web di smeup \u00e8 stata denominata <strong>Ketch.UP<\/strong> ed \u00e8 <strong>open source<\/strong>, quindi \u00e8 messa a disposizione di chiunque sul web voglia utilizzarla o collaborare al suo sviluppo.<\/p>\n<p>Il codice \u00e8 disponibile a questo indirizzo: <a href=\"https:\/\/github.com\/smeup\/ketchup\" target=\"_blank\" rel=\"noopener\">https:\/\/github.com\/smeup\/ketchup<\/a>.<br \/>\n<a href=\"https:\/\/ketchup.smeup.com\/ketchup-showcase\/#\/\" target=\"_blank\" rel=\"noopener\">Cliccando qui<\/a> si trova invece uno showcase dimostrativo.<\/p>\n<p>La libreria contiene i componenti utili al disegno delle interfacce client di smeup ma pu\u00f2 essere utilizzata anche fuori dall\u2019ambito smeup in quanto i componenti messi a disposizione sono astratti e generici. Essa contiene ad esempio componenti come grafici, tabelle, box, bottoni, progress bar, etc&#8230; E&#8217; in fase di attivo sviluppo, quindi pian piano si popoler\u00e0 con ulteriori elementi, dai pi\u00f9 semplici a pi\u00f9 complessi (timeline, gant, calendario, mind map, etc&#8230;).<\/p>\n<p>La caratteristica di tale libreria rispetto ad altre gi\u00e0 presenti sul mercato \u00e8 quella di fornire componenti ricchi e complessi come quelli delle interfacce smeup, con un livello di astrazione e configurabilit\u00e0 elevato dovuto al concetto di campo oggettizzato (un campo non \u00e8 caratterizzato esclusivamente da un valore ma anche da un tipo e ci\u00f2 permette di considerarlo come un&#8217;entit\u00e0, con attributi che sono relazioni verso altre entit\u00e0).<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Il software smeup mette a disposizione degli utenti molte funzionalit\u00e0. Affinch\u00e9 gli utenti possano usufruirne sono fondamentali le user interface (UI). smeup ha sviluppato la libreria denominata Ketch.UP, scritta con la tecnologia emergente dei web components.<\/p>\n","protected":false},"author":1,"featured_media":53188,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[7175],"tags":[6546,6547,3769,6548,4431],"class_list":["post-50769","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ux","tag-ketch-up","tag-libreria-componenti","tag-user-experience","tag-user-interface","tag-web-up"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Il rinnovamento della user interface tramite la libreria Ketch.UP - Parte 1<\/title>\n<meta name=\"description\" content=\"Il software smeup mette a disposizione molte funzionalit\u00e0 e ha rinnovato la user interface con la libreria Ketch.UP, scritta con i web components.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.smeup.com\/magazine\/blog\/user-interface\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Il rinnovamento della user interface tramite la libreria Ketch.UP - Parte 1\" \/>\n<meta property=\"og:description\" content=\"Il software smeup mette a disposizione molte funzionalit\u00e0 e ha rinnovato la user interface con la libreria Ketch.UP, scritta con i web components.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.smeup.com\/magazine\/blog\/user-interface\/\" \/>\n<meta property=\"og:site_name\" content=\"Magazine\" \/>\n<meta property=\"article:published_time\" content=\"2020-01-01T06:30:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-04-06T12:51:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.smeup.com\/magazine\/wp-content\/uploads\/sites\/5\/2020\/01\/user-interface.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"1067\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"smeup\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"smeup\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/blog\\\/user-interface\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/blog\\\/user-interface\\\/\"},\"author\":{\"name\":\"smeup\",\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/#\\\/schema\\\/person\\\/194a55d96e7e52223a84ff78468bf5c7\"},\"headline\":\"Il rinnovamento della user interface tramite la libreria Ketch.UP &#8211; Parte 1\",\"datePublished\":\"2020-01-01T06:30:07+00:00\",\"dateModified\":\"2021-04-06T12:51:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/blog\\\/user-interface\\\/\"},\"wordCount\":498,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/blog\\\/user-interface\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2020\\\/01\\\/user-interface.jpg\",\"keywords\":[\"ketch.up\",\"libreria componenti\",\"user experience\",\"user interface\",\"Web.UP\"],\"articleSection\":[\"UX\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/blog\\\/user-interface\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/blog\\\/user-interface\\\/\",\"url\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/blog\\\/user-interface\\\/\",\"name\":\"Il rinnovamento della user interface tramite la libreria Ketch.UP - Parte 1\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/blog\\\/user-interface\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/blog\\\/user-interface\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2020\\\/01\\\/user-interface.jpg\",\"datePublished\":\"2020-01-01T06:30:07+00:00\",\"dateModified\":\"2021-04-06T12:51:26+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/#\\\/schema\\\/person\\\/194a55d96e7e52223a84ff78468bf5c7\"},\"description\":\"Il software smeup mette a disposizione molte funzionalit\u00e0 e ha rinnovato la user interface con la libreria Ketch.UP, scritta con i web components.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/blog\\\/user-interface\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/blog\\\/user-interface\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/blog\\\/user-interface\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2020\\\/01\\\/user-interface.jpg\",\"contentUrl\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2020\\\/01\\\/user-interface.jpg\",\"width\":1600,\"height\":1067,\"caption\":\"smeup user interface\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/blog\\\/user-interface\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Il rinnovamento della user interface tramite la libreria Ketch.UP &#8211; Parte 1\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/#website\",\"url\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/\",\"name\":\"Magazine\",\"description\":\"smeup\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/#\\\/schema\\\/person\\\/194a55d96e7e52223a84ff78468bf5c7\",\"name\":\"smeup\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/a88cc3ad6c0af01768fe2ac47c88a321699d97ced53c173f66ceaa51400f43ca?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/a88cc3ad6c0af01768fe2ac47c88a321699d97ced53c173f66ceaa51400f43ca?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/a88cc3ad6c0af01768fe2ac47c88a321699d97ced53c173f66ceaa51400f43ca?s=96&d=mm&r=g\",\"caption\":\"smeup\"},\"sameAs\":[\"https:\\\/\\\/www.smeup.com\"],\"url\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/blog\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Il rinnovamento della user interface tramite la libreria Ketch.UP - Parte 1","description":"Il software smeup mette a disposizione molte funzionalit\u00e0 e ha rinnovato la user interface con la libreria Ketch.UP, scritta con i web components.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.smeup.com\/magazine\/blog\/user-interface\/","og_locale":"it_IT","og_type":"article","og_title":"Il rinnovamento della user interface tramite la libreria Ketch.UP - Parte 1","og_description":"Il software smeup mette a disposizione molte funzionalit\u00e0 e ha rinnovato la user interface con la libreria Ketch.UP, scritta con i web components.","og_url":"https:\/\/www.smeup.com\/magazine\/blog\/user-interface\/","og_site_name":"Magazine","article_published_time":"2020-01-01T06:30:07+00:00","article_modified_time":"2021-04-06T12:51:26+00:00","og_image":[{"width":1600,"height":1067,"url":"https:\/\/www.smeup.com\/magazine\/wp-content\/uploads\/sites\/5\/2020\/01\/user-interface.jpg","type":"image\/jpeg"}],"author":"smeup","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"smeup","Tempo di lettura stimato":"3 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.smeup.com\/magazine\/blog\/user-interface\/#article","isPartOf":{"@id":"https:\/\/www.smeup.com\/magazine\/blog\/user-interface\/"},"author":{"name":"smeup","@id":"https:\/\/www.smeup.com\/magazine\/#\/schema\/person\/194a55d96e7e52223a84ff78468bf5c7"},"headline":"Il rinnovamento della user interface tramite la libreria Ketch.UP &#8211; Parte 1","datePublished":"2020-01-01T06:30:07+00:00","dateModified":"2021-04-06T12:51:26+00:00","mainEntityOfPage":{"@id":"https:\/\/www.smeup.com\/magazine\/blog\/user-interface\/"},"wordCount":498,"commentCount":0,"image":{"@id":"https:\/\/www.smeup.com\/magazine\/blog\/user-interface\/#primaryimage"},"thumbnailUrl":"https:\/\/www.smeup.com\/magazine\/wp-content\/uploads\/sites\/5\/2020\/01\/user-interface.jpg","keywords":["ketch.up","libreria componenti","user experience","user interface","Web.UP"],"articleSection":["UX"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.smeup.com\/magazine\/blog\/user-interface\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.smeup.com\/magazine\/blog\/user-interface\/","url":"https:\/\/www.smeup.com\/magazine\/blog\/user-interface\/","name":"Il rinnovamento della user interface tramite la libreria Ketch.UP - Parte 1","isPartOf":{"@id":"https:\/\/www.smeup.com\/magazine\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.smeup.com\/magazine\/blog\/user-interface\/#primaryimage"},"image":{"@id":"https:\/\/www.smeup.com\/magazine\/blog\/user-interface\/#primaryimage"},"thumbnailUrl":"https:\/\/www.smeup.com\/magazine\/wp-content\/uploads\/sites\/5\/2020\/01\/user-interface.jpg","datePublished":"2020-01-01T06:30:07+00:00","dateModified":"2021-04-06T12:51:26+00:00","author":{"@id":"https:\/\/www.smeup.com\/magazine\/#\/schema\/person\/194a55d96e7e52223a84ff78468bf5c7"},"description":"Il software smeup mette a disposizione molte funzionalit\u00e0 e ha rinnovato la user interface con la libreria Ketch.UP, scritta con i web components.","breadcrumb":{"@id":"https:\/\/www.smeup.com\/magazine\/blog\/user-interface\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.smeup.com\/magazine\/blog\/user-interface\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.smeup.com\/magazine\/blog\/user-interface\/#primaryimage","url":"https:\/\/www.smeup.com\/magazine\/wp-content\/uploads\/sites\/5\/2020\/01\/user-interface.jpg","contentUrl":"https:\/\/www.smeup.com\/magazine\/wp-content\/uploads\/sites\/5\/2020\/01\/user-interface.jpg","width":1600,"height":1067,"caption":"smeup user interface"},{"@type":"BreadcrumbList","@id":"https:\/\/www.smeup.com\/magazine\/blog\/user-interface\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.smeup.com\/magazine\/"},{"@type":"ListItem","position":2,"name":"Il rinnovamento della user interface tramite la libreria Ketch.UP &#8211; Parte 1"}]},{"@type":"WebSite","@id":"https:\/\/www.smeup.com\/magazine\/#website","url":"https:\/\/www.smeup.com\/magazine\/","name":"Magazine","description":"smeup","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.smeup.com\/magazine\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Person","@id":"https:\/\/www.smeup.com\/magazine\/#\/schema\/person\/194a55d96e7e52223a84ff78468bf5c7","name":"smeup","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/secure.gravatar.com\/avatar\/a88cc3ad6c0af01768fe2ac47c88a321699d97ced53c173f66ceaa51400f43ca?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/a88cc3ad6c0af01768fe2ac47c88a321699d97ced53c173f66ceaa51400f43ca?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a88cc3ad6c0af01768fe2ac47c88a321699d97ced53c173f66ceaa51400f43ca?s=96&d=mm&r=g","caption":"smeup"},"sameAs":["https:\/\/www.smeup.com"],"url":"https:\/\/www.smeup.com\/magazine\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.smeup.com\/magazine\/wp-json\/wp\/v2\/posts\/50769","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.smeup.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.smeup.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.smeup.com\/magazine\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.smeup.com\/magazine\/wp-json\/wp\/v2\/comments?post=50769"}],"version-history":[{"count":2,"href":"https:\/\/www.smeup.com\/magazine\/wp-json\/wp\/v2\/posts\/50769\/revisions"}],"predecessor-version":[{"id":53190,"href":"https:\/\/www.smeup.com\/magazine\/wp-json\/wp\/v2\/posts\/50769\/revisions\/53190"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.smeup.com\/magazine\/wp-json\/wp\/v2\/media\/53188"}],"wp:attachment":[{"href":"https:\/\/www.smeup.com\/magazine\/wp-json\/wp\/v2\/media?parent=50769"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.smeup.com\/magazine\/wp-json\/wp\/v2\/categories?post=50769"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.smeup.com\/magazine\/wp-json\/wp\/v2\/tags?post=50769"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}