Using InduSoft Web Studio to Create HTML5 SCADA/HMI Graphics

Preview:

DESCRIPTION

Coming soon in InduSoft Web Studio 7.1 + SP2, InduSoft will be launching an improved Studio Mobile Access (SMA) Web Thin Client, which will allow users to create mobile SCADA/HMI applications with fully functional screens, using HTML 5.

Citation preview

InduSoft.com info@InduSoft.com

Using InduSoft Web Studio to create

HTML5 SCADA / HMI Graphics

InduSoft.com info@InduSoft.com

Agenda

Introduction Benefits HTML5 Installation Walkthrough Q&A

InduSoft.com info@InduSoft.com

Introduction

InduSoft.com info@InduSoft.com

Introduction – Lourenço Teodoro

VP of Engineering @ InduSoftI have been working for InduSoft in Austin since 2002. I currently manage the InduSoft worldwide development team.

InduSoft.com info@InduSoft.com

Benefits

InduSoft.com info@InduSoft.com

What does it mean to live in a Mobile World?

Rich user experiencePC applications do not work well on Mobile Devices. Creating solutions for mobile devices that are exactly the same as their PC counterparts usually causes disappointment and frustration. A mobile device solution has to understand the mobile device requirements and provide functionality suitable for technologies such as multi-touch, the lack of mouse and keyboard, etc.

Platform AgnosticYou do not have a complete solution unless it works across the major operating systems, i.e., iOS, Android, and Windows. While the PC world is still dominated by Microsoft, Mobile devices offer a completely different challenge. Your solution must be ready for this challenge.

Cost / BenefitTo have a solution consistent across different platforms and situated for the devices you are using is great. But if the effort to implement the solution is too high it defeats the entire purpose. A Mobile ready solution should make these differences transparent and require as little effort as possible.

InduSoft.com info@InduSoft.com

How does InduSoft solve the problem?

InduSoft.com info@InduSoft.com

HTML5

InduSoft.com info@InduSoft.com

Browser History

1993: MosaicEven though not the first browser in history, the Mosaic was the first easy to use and multi-platform browser. It was also the first browser to display images inline with document’s text.

1994: NetscapeBy 1996 Netscape had 86% of the browser market. First browser to introduce JavaScript and SSL.

InduSoft.com info@InduSoft.com

Browser History

1995: Internet ExplorerMicrosoft includes the browser in the Windows 95 operating system and by 2002 takes 95% market share.

2003-2004: Safari and FirefoxInternet Explorer still dominates the market, but Safari and Firefox now offer real competition. Firefox has 19% Market Share.

InduSoft.com info@InduSoft.com

Browser History

2008: Chrome is launchedGoogle launches the Chrome browser. By 2011 Chrome had over 17% market share.

InduSoft.com info@InduSoft.com

Browser History – Current Market

InduSoft.com info@InduSoft.com

Browser History – Current Market

InduSoft.com info@InduSoft.com

Mobile Devices – iPhone and Android

2007: iPhoneiPhone changes the game and Desktop is no longer the only way to access the internet. According to International Data Corporation, by 2015 mobile devices will take over Desktop as the preferred way to access internet.

2008: Android PhoneGoogle launches the Android phone

InduSoft.com info@InduSoft.com

Mobile Devices – Tablets

2010: TabletsiPad offers a new way of interacting with computers. At an accessible price it becomes a threat for the PC. Android tablets do not take long to appear and are released in the same year.

2012: Windows 8Microsoft launches Windows 8 and try to gain space on the tablet market.

InduSoft.com info@InduSoft.com

Mobile Devices vs PC

InduSoft.com info@InduSoft.com

HTML5An

y D

evic

eAn

y Br

owse

rAn

y Pl

atfor

m

Windows Android iOS

IE Chrome Safari

Desktops Notebooks Tablets Phones

SMAStudio Mobile Access

InduSoft.com info@InduSoft.com

What is HTML5?

Transformations

SVG Tag

Canvas

Gradients

Animations

Sockets

InduSoft.com info@InduSoft.com

HTML5 progress

InduSoft.com info@InduSoft.com

What should you know about HTML5?

InduSoft.com info@InduSoft.com

Installation

InduSoft.com info@InduSoft.com

Step 1: Internet Information Services

InduSoft.com info@InduSoft.com

Step 2: Install Mobile Access

InduSoft.com info@InduSoft.com

Walkthrough

InduSoft.com info@InduSoft.com

Mobile Access Requirements

Android iOS Win 8(V 4.0.3)Ice Cream Sandwich

(V 4.1)Jelly Bean 6.1.3

InduSoft.com info@InduSoft.com

Q&A

Recommended