{"id":4992,"date":"2015-03-31T13:58:44","date_gmt":"2015-03-31T11:58:44","guid":{"rendered":"http:\/\/www.autoware.it\/?p=4992"},"modified":"2018-07-03T14:25:11","modified_gmt":"2018-07-03T12:25:11","slug":"html5-industrial-applications","status":"publish","type":"post","link":"https:\/\/old.autoware.it\/en\/news\/html5-industrial-applications\/","title":{"rendered":"HTML5 in Industrial Applications"},"content":{"rendered":"<p style=\"text-align: justify;\"><em>\u00a0Autoware developer Alberto Ziliotto share his experience developing HTML5 industrial application\u00a0on\u00a0Automation World. <\/em><\/p>\n<p>\u00a0 I was recently given the task to build a responsive web application that would be accessible from the mobile barcode readers used to track items in two standard warehouses. The way this had been done in the past had been to develop a program with custom mobile layout, let it run on a PC, and every client had to connect to it through a TS (terminal server) session. This can be quite expensive, especially considering the cost of TS licenses. The more clients\u00a0that need to connect, the higher the required fees are in terms of licenses\u2014and the two warehouses\u00a0this application was being designed for\u00a0needed about 70 total mobile devices each.\u00a0Plus, the original application was developed for a desktop PC.\u00a0Even though its layout was optimized for mobile, the end user experience was poor. Working with the latest in web development technologies, however, allows for the easy creation of a beautiful and responsive user interface through new <a href=\"http:\/\/en.wikipedia.org\/wiki\/Cascading_Style_Sheets\" target=\"_blank\" rel=\"noopener\">CSS3 style<\/a>definitions. This led me to\u00a0to consider the idea of using HTML5 for industrial web applications while working on an internal project. Here is what I chose for each component needed to build an industrial web application, and why. \u00a0<\/p>\n<p style=\"text-align: justify;\"><em>The full article is available on\u00a0<\/em><a title=\"Automation World\" href=\"http:\/\/www.automationworld.com\/html5-industrial-applications\" target=\"_blank\" rel=\"noopener\"><em>Automation World<\/em><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00a0Autoware developer Alberto Ziliotto share his experience developing HTML5 industrial application\u00a0on\u00a0Automation World. \u00a0 I was recently given the task to<\/p>\n","protected":false},"author":3,"featured_media":11856,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false},"categories":[172,168,169],"tags":[173,174],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v15.6.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>HTML5 in industrial application - Autoware Web Site<\/title>\n<meta name=\"description\" content=\"HTML5 industrial application: why not?\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/old.autoware.it\/en\/news\/html5-industrial-applications\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"HTML5 in industrial application - Autoware Web Site\" \/>\n<meta name=\"twitter:description\" content=\"HTML5 industrial application: why not?\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/old.autoware.it\/wp-content\/uploads\/2015\/03\/HTML5.png\" \/>\n<meta name=\"twitter:creator\" content=\"@autoware_tweet\" \/>\n<meta name=\"twitter:site\" content=\"@autoware_tweet\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data1\" content=\"1 minute\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/old.autoware.it\/#website\",\"url\":\"https:\/\/old.autoware.it\/\",\"name\":\"Autoware\",\"description\":\"Soluzioni Smart Manufacturing per l&#039;Industria 4.0\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/old.autoware.it\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/old.autoware.it\/en\/news\/html5-industrial-applications\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/old.autoware.it\/wp-content\/uploads\/2015\/03\/HTML5.png\",\"width\":1680,\"height\":1050,\"caption\":\"Autoware Manufacturing Made Smart - MES & Smart Manufacturing Solutions\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/old.autoware.it\/en\/news\/html5-industrial-applications\/#webpage\",\"url\":\"https:\/\/old.autoware.it\/en\/news\/html5-industrial-applications\/\",\"name\":\"HTML5 in industrial application - Autoware Web Site\",\"isPartOf\":{\"@id\":\"https:\/\/old.autoware.it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/old.autoware.it\/en\/news\/html5-industrial-applications\/#primaryimage\"},\"datePublished\":\"2015-03-31T11:58:44+00:00\",\"dateModified\":\"2018-07-03T12:25:11+00:00\",\"author\":{\"@id\":\"https:\/\/old.autoware.it\/#\/schema\/person\/682e8eb998ed8317d133aec2a1dd0686\"},\"description\":\"HTML5 industrial application: why not?\",\"breadcrumb\":{\"@id\":\"https:\/\/old.autoware.it\/en\/news\/html5-industrial-applications\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/old.autoware.it\/en\/news\/html5-industrial-applications\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/old.autoware.it\/en\/news\/html5-industrial-applications\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/old.autoware.it\/en\/\",\"url\":\"https:\/\/old.autoware.it\/en\/\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"position\":2,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/old.autoware.it\/en\/news\/html5-industrial-applications\/\",\"url\":\"https:\/\/old.autoware.it\/en\/news\/html5-industrial-applications\/\",\"name\":\"HTML5 in Industrial Applications\"}}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/old.autoware.it\/#\/schema\/person\/682e8eb998ed8317d133aec2a1dd0686\",\"name\":\"Luigi De Bernardini\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/old.autoware.it\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/21351a2eb41e7e2116644a2426d30851?s=96&d=mm&r=g\",\"caption\":\"Luigi De Bernardini\"},\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/debernardini\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/old.autoware.it\/en\/wp-json\/wp\/v2\/posts\/4992\/"}],"collection":[{"href":"https:\/\/old.autoware.it\/en\/wp-json\/wp\/v2\/posts\/"}],"about":[{"href":"https:\/\/old.autoware.it\/en\/wp-json\/wp\/v2\/types\/post\/"}],"author":[{"embeddable":true,"href":"https:\/\/old.autoware.it\/en\/wp-json\/wp\/v2\/users\/3\/"}],"replies":[{"embeddable":true,"href":"https:\/\/old.autoware.it\/en\/wp-json\/wp\/v2\/comments\/?post=4992"}],"version-history":[{"count":0,"href":"https:\/\/old.autoware.it\/en\/wp-json\/wp\/v2\/posts\/4992\/revisions\/"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/old.autoware.it\/en\/wp-json\/wp\/v2\/media\/11856\/"}],"wp:attachment":[{"href":"https:\/\/old.autoware.it\/en\/wp-json\/wp\/v2\/media\/?parent=4992"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/old.autoware.it\/en\/wp-json\/wp\/v2\/categories\/?post=4992"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/old.autoware.it\/en\/wp-json\/wp\/v2\/tags\/?post=4992"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}