point. click. signage. or developers · wayfinding systems need to use svg elements, therefore are...

2
Microsite is compatable with most web technologies: LANGUAGES & LIBRARIES HTML5 CSS3 JS jQuery JSON CSV PHP SVG XML BROWSER SUPPORT: Internet Explorer 11 & Microsoſt Edge 9 Google Chrome -- The ideal browser for all soluons: it supports all advanced features, with only Adobe Flash Player being unsupported. Chromium / Mozilla -- Many but not all features are supported idencally as Chrome. Some codecs are sll being devel- oped, while some features are read differently by the machine. This can rely heavily on code format- ng and heirarchy. Case by case soluons are oſten necessary. 2. Use floats instead of flexbox or CSS Grid for laying out elements. If you need to use flexbox then consider adding fallbacks: hps://medium.com/css-mine/flexbox-how-to-deal-with-older-browsers-f6eb8c7a65 3. Do not use SVGs unless necessary, use PNG, or JPG instead. Wayfinding Systems need to use SVG elements, therefore are limited to certain hardware soluons. Contact our tech support for more informaon. 4. Use of newer CSS3 of HTML5 can create unexpected results based on your browser. When in doubt please check this resource to find out if a CSS/HTML feature you are implemenng is supported by IE11: hps://caniuse.com/ 5. Use of z-index takes away point and click eding ability in the microsite for the element that is being overlayed 1. Use -ms- prefixes wherever possible. Use this resource to quickly auto prefix CSS: hps://autoprefixer.github.io FOR DEVELOPERS UCView Point. Click. Signage. UCView Point. Click. Signage.

Upload: others

Post on 17-Aug-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Point. Click. Signage. OR DEVELOPERS · Wayfinding Systems need to use SVG elements, therefore are limited to certain hardware solutions. Contact our tech support for more information

Microsite is compatable with most web technologies:

LANGUAGES & LIBRARIES

HTML5CSS3JS

jQueryJSONCSV

PHPSVGXML

BROWSER SUPPORT:Internet Explorer 11 & Microsoft Edge 9

Google Chrome

-- The ideal browser for all solutions: it supports all advanced features, with only Adobe Flash Player being unsupported.

Chromium / Mozilla

-- Many but not all features are supported identically as Chrome. Some codecs are still being devel-oped, while some features are read differently by the machine. This can rely heavily on code format-ting and heirarchy. Case by case solutions are often necessary.

2. Use floats instead of flexbox or CSS Grid for laying out elements. If you need to use flexbox then consider adding fallbacks: https://medium.com/css-mine/flexbox-how-to-deal-with-older-browsers-fbf6eb8c7a65

3. Do not use SVGs unless necessary, use PNG, or JPG instead. Wayfinding Systems need to use SVG elements, therefore are limited to certain hardware solutions.Contact our tech support for more information.4. Use of newer CSS3 of HTML5 can create unexpected results based on your browser.When in doubt please check this resource to find out if a CSS/HTML feature you are implementing is supported by IE11: https://caniuse.com/

5. Use of z-index takes away point and click editing ability in the microsite for the element that is being overlayed

1. Use -ms- prefixes wherever possible. Use this resource to quickly auto prefix CSS: https://autoprefixer.github.io

FOR DEVELOPERS

UCViewPoint. Click. Signage.

UCViewPoint. Click. Signage.

Page 2: Point. Click. Signage. OR DEVELOPERS · Wayfinding Systems need to use SVG elements, therefore are limited to certain hardware solutions. Contact our tech support for more information

FOR DEVELOPERSPLAYER SUPPORT TABLE

Tizen SoCUCView “Light” PlayerUCView SignEdge PlayerPlayer

The standard player runs on Internet Explorer platform. It supports the fundamental features of microsite.

Description

HMTL, CSS, JS

The Light player platform runs on a Chromium engine. It supports the advanced features of microsite.

The Tizen SSP6 is a “system on chip” device. This means the operating system is installed inside the display device. It supports the advanced features of microsite.

jQuery, Json, CSV

PHP, SVG, XML

Image Support

Video Support

Read/ Write Data

Overlaying Videos

Animation

SVG Animation

Z-index

Flash Support

Supported

Partial Support/ Specific Syntax

Not Supported

For extra support you can use these resources to help you code, develop and double check for compatability:

https://www.caniuse.com -- A website used to find cross-browser compatability

https://autoprefixer.github.io -- A tool used to automatically optimize your code for more browsers.

* Some heavier solutions require a stronger machine and might be limited by the display device’s hardware.

UCViewPoint. Click. Signage.

UCViewPoint. Click. Signage.