{"id":10932,"date":"2022-09-13T09:26:24","date_gmt":"2022-09-13T07:26:24","guid":{"rendered":"https:\/\/www.abusizz.ch\/?p=10932"},"modified":"2023-12-11T10:29:51","modified_gmt":"2023-12-11T09:29:51","slug":"developer-guidelines-for-webapps","status":"publish","type":"post","link":"https:\/\/www.abusizz.ch\/en\/developer-richtlinien-fuer-webapps\/","title":{"rendered":"Developer guidelines for web apps"},"content":{"rendered":"

ABUSIZZ customers value innovative, simple and very user-friendly products. That's why we're selective when it comes to integrating third-party web applications. This guide aims to help you develop web applications that work smoothly on our devices.\u00a0\u00a0<\/p>\n\n\n\n

Technologies<\/h2>\n\n\n\n

Web technology<\/h3>\n\n\n\n

We support web apps based on the technologies supported by Chromium 90.
Further information can be found here<\/a>.<\/p>\n\n\n\n

Touch technology<\/h3>\n\n\n\n

Your web application must meet the following requirements to function smoothly with ABUSIZZ\u00ae Touch technology. <\/p>\n\n\n\n

UX elements size<\/h3>\n\n\n\n
    \n
  • Minimum size for interactive UX elements 72 x 72 px (see Buttons chapter)<\/li>\n<\/ul>\n\n\n\n

    Supported gestures<\/h3>\n\n\n\n
      \n
    • Click <\/li>\n\n\n\n
    • Scroll horizontally<\/li>\n\n\n\n
    • Scroll vertically<\/li>\n<\/ul>\n\n\n\n

      Unsupported gestures (future OS updates may include changes)<\/h3>\n\n\n\n
        \n
      • Double click <\/li>\n\n\n\n
      • Pinch to zoom <\/li>\n\n\n\n
      • Drag<\/li>\n<\/ul>\n\n\n\n

        Hardware access<\/h2>\n\n\n\n

        To comply with our privacy policy, we do not allow access to our hardware components. <\/p>\n\n\n\n

        Testing environment<\/h2>\n\n\n\n

        During your development process, we recommend that you test your web application in a browser if you do not have an ABUSIZZ product. Recommended browser: Chrome browser on a screen size of 1620px by 1080px.<\/p>\n\n\n\n

         <\/h1>\n\n\n\n

        UX design <\/h2>\n\n\n\n

        Design elements<\/h3>\n\n\n\n

        Please note the following aspects that are specific to our user interfaces. <\/p>\n\n\n\n

          \n
        • Do not create UX designs that suggest a frame or frame-like appearance, as our devices are frameless due to our projection technology and should be recognized as such. <\/li>\n\n\n\n
        • White elements are shown most prominently, black elements are not projected. This is a physical phenomenon in any projection. Therefore, white is recommended for all interaction-relevant design elements. <\/li>\n\n\n\n
        • Colors: Please avoid colorful UX designs as we aim for a pared down and focused experience. <\/li>\n<\/ul>\n\n\n\n

          Buttons<\/h3>\n\n\n\n

          We recommend using High priority<\/strong> Sizes for interactive elements such as buttons. <\/p>\n\n\n\n

          \"\"<\/figure>\n\n\n\n
          \"\"<\/figure>\n\n\n\n
          \"\"<\/figure>\n\n\n\n

          Interactive elements<\/h3>\n\n\n\n

          Use buttons as interactive elements rather than large content areas like images. This results in secondary touch gestures like scrolling becoming a better user experience.  <\/p>\n\n\n\n

          \"\"<\/figure>\n\n\n\n

          Sidebar & Viewport<\/h3>\n\n\n\n

          The sidebar is always visible, so your webapp width must be 1620px and height 1080px. The viewport of the web app is the area surrounded by the blue frame. <\/p>\n\n\n\n

          \"\"<\/figure>\n\n\n\n


           <\/h2>","protected":false},"excerpt":{"rendered":"

          ABUSIZZ Kunden sch\u00e4tzen innovative, einfache und sehr benutzerfreundliche Produkte. Deshalb sind wir w\u00e4hlerisch, wenn es um die Integration von Webanwendungen von Drittanbietern geht. Dieser Leitfaden soll Ihnen dabei helfen, Webanwendungen zu entwickeln, die auf unseren Ger\u00e4ten reibungslos funktionieren.\u00a0\u00a0 Technologien Web Technologie Wir unterst\u00fctzen Webapps, die auf den von Chromium 90 unterst\u00fctzten Technologien basieren.Weitere Informationen finden […]<\/p>\n","protected":false},"author":31,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[131],"tags":[],"class_list":["post-10932","post","type-post","status-publish","format-standard","hentry","category-technische-daten"],"yoast_head":"\nDeveloper Richtlinien f\u00fcr Webapps | ABUSIZZ - Lamp+<\/title>\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.abusizz.ch\/en\/developer-guidelines-for-webapps\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Developer Richtlinien f\u00fcr Webapps | ABUSIZZ - Lamp+\" \/>\n<meta property=\"og:description\" content=\"ABUSIZZ Kunden sch\u00e4tzen innovative, einfache und sehr benutzerfreundliche Produkte. Deshalb sind wir w\u00e4hlerisch, wenn es um die Integration von Webanwendungen von Drittanbietern geht. Dieser Leitfaden soll Ihnen dabei helfen, Webanwendungen zu entwickeln, die auf unseren Ger\u00e4ten reibungslos funktionieren.\u00a0\u00a0 Technologien Web Technologie Wir unterst\u00fctzen Webapps, die auf den von Chromium 90 unterst\u00fctzten Technologien basieren.Weitere Informationen finden […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.abusizz.ch\/en\/developer-guidelines-for-webapps\/\" \/>\n<meta property=\"og:site_name\" content=\"ABUSIZZ - Lamp+\" \/>\n<meta property=\"article:published_time\" content=\"2022-09-13T07:26:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-12-11T09:29:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.abusizz.ch\/wp-content\/uploads\/2023\/09\/image003-1.png\" \/>\n<meta name=\"author\" content=\"Innofactory AG\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Innofactory AG\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.abusizz.ch\/developer-richtlinien-fuer-webapps\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.abusizz.ch\/developer-richtlinien-fuer-webapps\/\"},\"author\":{\"name\":\"Innofactory AG\",\"@id\":\"https:\/\/www.abusizz.ch\/#\/schema\/person\/399205368297d2d5948a2f219272f1cd\"},\"headline\":\"Developer Richtlinien f\u00fcr Webapps\",\"datePublished\":\"2022-09-13T07:26:24+00:00\",\"dateModified\":\"2023-12-11T09:29:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.abusizz.ch\/developer-richtlinien-fuer-webapps\/\"},\"wordCount\":370,\"publisher\":{\"@id\":\"https:\/\/www.abusizz.ch\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.abusizz.ch\/developer-richtlinien-fuer-webapps\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.abusizz.ch\/wp-content\/uploads\/2023\/09\/image003-1.png\",\"articleSection\":[\"Technische Daten\"],\"inLanguage\":\"en-GB\"},{\"@type\":[\"WebPage\",\"ItemPage\"],\"@id\":\"https:\/\/www.abusizz.ch\/developer-richtlinien-fuer-webapps\/\",\"url\":\"https:\/\/www.abusizz.ch\/developer-richtlinien-fuer-webapps\/\",\"name\":\"Developer Richtlinien f\u00fcr Webapps | ABUSIZZ - Lamp+\",\"isPartOf\":{\"@id\":\"https:\/\/www.abusizz.ch\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.abusizz.ch\/developer-richtlinien-fuer-webapps\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.abusizz.ch\/developer-richtlinien-fuer-webapps\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.abusizz.ch\/wp-content\/uploads\/2023\/09\/image003-1.png\",\"datePublished\":\"2022-09-13T07:26:24+00:00\",\"dateModified\":\"2023-12-11T09:29:51+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.abusizz.ch\/developer-richtlinien-fuer-webapps\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.abusizz.ch\/developer-richtlinien-fuer-webapps\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.abusizz.ch\/developer-richtlinien-fuer-webapps\/#primaryimage\",\"url\":\"https:\/\/www.abusizz.ch\/wp-content\/uploads\/2023\/09\/image003-1.png\",\"contentUrl\":\"https:\/\/www.abusizz.ch\/wp-content\/uploads\/2023\/09\/image003-1.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.abusizz.ch\/developer-richtlinien-fuer-webapps\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.abusizz.ch\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Developer Richtlinien f\u00fcr Webapps\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.abusizz.ch\/#website\",\"url\":\"https:\/\/www.abusizz.ch\/\",\"name\":\"ABUSIZZ - Lamp+\",\"description\":\"L\u00f6sungen f\u00fcr face to face Meetings\",\"publisher\":{\"@id\":\"https:\/\/www.abusizz.ch\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.abusizz.ch\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.abusizz.ch\/#organization\",\"name\":\"ABUSIZZ AG\",\"url\":\"https:\/\/www.abusizz.ch\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.abusizz.ch\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.abusizz.ch\/wp-content\/uploads\/2019\/07\/Schriftzug.png\",\"contentUrl\":\"https:\/\/www.abusizz.ch\/wp-content\/uploads\/2019\/07\/Schriftzug.png\",\"width\":288,\"height\":78,\"caption\":\"ABUSIZZ AG\"},\"image\":{\"@id\":\"https:\/\/www.abusizz.ch\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.abusizz.ch\/#\/schema\/person\/399205368297d2d5948a2f219272f1cd\",\"name\":\"Innofactory AG\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/28c51e14a0bfdc3be9981b72d16d093b184dc8de46184b75c9454027b3109007?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/28c51e14a0bfdc3be9981b72d16d093b184dc8de46184b75c9454027b3109007?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/28c51e14a0bfdc3be9981b72d16d093b184dc8de46184b75c9454027b3109007?s=96&d=mm&r=g\",\"caption\":\"Innofactory AG\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Developer guidelines for web apps | ABUSIZZ - Lamp+","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.abusizz.ch\/en\/developer-guidelines-for-webapps\/","og_locale":"en_GB","og_type":"article","og_title":"Developer Richtlinien f\u00fcr Webapps | ABUSIZZ - Lamp+","og_description":"ABUSIZZ Kunden sch\u00e4tzen innovative, einfache und sehr benutzerfreundliche Produkte. Deshalb sind wir w\u00e4hlerisch, wenn es um die Integration von Webanwendungen von Drittanbietern geht. Dieser Leitfaden soll Ihnen dabei helfen, Webanwendungen zu entwickeln, die auf unseren Ger\u00e4ten reibungslos funktionieren.\u00a0\u00a0 Technologien Web Technologie Wir unterst\u00fctzen Webapps, die auf den von Chromium 90 unterst\u00fctzten Technologien basieren.Weitere Informationen finden […]","og_url":"https:\/\/www.abusizz.ch\/en\/developer-guidelines-for-webapps\/","og_site_name":"ABUSIZZ - Lamp+","article_published_time":"2022-09-13T07:26:24+00:00","article_modified_time":"2023-12-11T09:29:51+00:00","og_image":[{"url":"https:\/\/www.abusizz.ch\/wp-content\/uploads\/2023\/09\/image003-1.png","type":"","width":"","height":""}],"author":"Innofactory AG","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Innofactory AG","Estimated reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.abusizz.ch\/developer-richtlinien-fuer-webapps\/#article","isPartOf":{"@id":"https:\/\/www.abusizz.ch\/developer-richtlinien-fuer-webapps\/"},"author":{"name":"Innofactory AG","@id":"https:\/\/www.abusizz.ch\/#\/schema\/person\/399205368297d2d5948a2f219272f1cd"},"headline":"Developer Richtlinien f\u00fcr Webapps","datePublished":"2022-09-13T07:26:24+00:00","dateModified":"2023-12-11T09:29:51+00:00","mainEntityOfPage":{"@id":"https:\/\/www.abusizz.ch\/developer-richtlinien-fuer-webapps\/"},"wordCount":370,"publisher":{"@id":"https:\/\/www.abusizz.ch\/#organization"},"image":{"@id":"https:\/\/www.abusizz.ch\/developer-richtlinien-fuer-webapps\/#primaryimage"},"thumbnailUrl":"https:\/\/www.abusizz.ch\/wp-content\/uploads\/2023\/09\/image003-1.png","articleSection":["Technische Daten"],"inLanguage":"en-GB"},{"@type":["WebPage","ItemPage"],"@id":"https:\/\/www.abusizz.ch\/developer-richtlinien-fuer-webapps\/","url":"https:\/\/www.abusizz.ch\/developer-richtlinien-fuer-webapps\/","name":"Developer guidelines for web apps | ABUSIZZ - Lamp+","isPartOf":{"@id":"https:\/\/www.abusizz.ch\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.abusizz.ch\/developer-richtlinien-fuer-webapps\/#primaryimage"},"image":{"@id":"https:\/\/www.abusizz.ch\/developer-richtlinien-fuer-webapps\/#primaryimage"},"thumbnailUrl":"https:\/\/www.abusizz.ch\/wp-content\/uploads\/2023\/09\/image003-1.png","datePublished":"2022-09-13T07:26:24+00:00","dateModified":"2023-12-11T09:29:51+00:00","breadcrumb":{"@id":"https:\/\/www.abusizz.ch\/developer-richtlinien-fuer-webapps\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.abusizz.ch\/developer-richtlinien-fuer-webapps\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.abusizz.ch\/developer-richtlinien-fuer-webapps\/#primaryimage","url":"https:\/\/www.abusizz.ch\/wp-content\/uploads\/2023\/09\/image003-1.png","contentUrl":"https:\/\/www.abusizz.ch\/wp-content\/uploads\/2023\/09\/image003-1.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.abusizz.ch\/developer-richtlinien-fuer-webapps\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.abusizz.ch\/"},{"@type":"ListItem","position":2,"name":"Developer Richtlinien f\u00fcr Webapps"}]},{"@type":"WebSite","@id":"https:\/\/www.abusizz.ch\/#website","url":"https:\/\/www.abusizz.ch\/","name":"ABUSIZZ-Lamp+","description":"Solutions for face to face meetings","publisher":{"@id":"https:\/\/www.abusizz.ch\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.abusizz.ch\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/www.abusizz.ch\/#organization","name":"ABUSIZZ AG","url":"https:\/\/www.abusizz.ch\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.abusizz.ch\/#\/schema\/logo\/image\/","url":"https:\/\/www.abusizz.ch\/wp-content\/uploads\/2019\/07\/Schriftzug.png","contentUrl":"https:\/\/www.abusizz.ch\/wp-content\/uploads\/2019\/07\/Schriftzug.png","width":288,"height":78,"caption":"ABUSIZZ AG"},"image":{"@id":"https:\/\/www.abusizz.ch\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.abusizz.ch\/#\/schema\/person\/399205368297d2d5948a2f219272f1cd","name":"Innofactory AG","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/secure.gravatar.com\/avatar\/28c51e14a0bfdc3be9981b72d16d093b184dc8de46184b75c9454027b3109007?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/28c51e14a0bfdc3be9981b72d16d093b184dc8de46184b75c9454027b3109007?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/28c51e14a0bfdc3be9981b72d16d093b184dc8de46184b75c9454027b3109007?s=96&d=mm&r=g","caption":"Innofactory AG"}}]}},"_links":{"self":[{"href":"https:\/\/www.abusizz.ch\/en\/wp-json\/wp\/v2\/posts\/10932","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.abusizz.ch\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.abusizz.ch\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.abusizz.ch\/en\/wp-json\/wp\/v2\/users\/31"}],"replies":[{"embeddable":true,"href":"https:\/\/www.abusizz.ch\/en\/wp-json\/wp\/v2\/comments?post=10932"}],"version-history":[{"count":3,"href":"https:\/\/www.abusizz.ch\/en\/wp-json\/wp\/v2\/posts\/10932\/revisions"}],"predecessor-version":[{"id":11280,"href":"https:\/\/www.abusizz.ch\/en\/wp-json\/wp\/v2\/posts\/10932\/revisions\/11280"}],"wp:attachment":[{"href":"https:\/\/www.abusizz.ch\/en\/wp-json\/wp\/v2\/media?parent=10932"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.abusizz.ch\/en\/wp-json\/wp\/v2\/categories?post=10932"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.abusizz.ch\/en\/wp-json\/wp\/v2\/tags?post=10932"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}