Webinar: Usando o InduSoft Web Studio para Criar Gráficos HTML5 IHM/SCADA

Post on 22-May-2015

401 views 9 download

description

Breve no Service Pack 2 da versão 7.1 do InduSoft Web Studio, estaremos lançando as melhorias do Studio Mobile Access (SMA), o Thin Client que permite a criação de aplicações mobile IHM/SCADA com telas funcionais utilizando HTML 5.

Transcript of Webinar: Usando o InduSoft Web Studio para Criar Gráficos HTML5 IHM/SCADA

InduSoft.com info@InduSoft.com

Usando o InduSoft Web Studio para Criar

Gráficos HTML5 IHM/SCADA

InduSoft.com info@InduSoft.com

Agenda

Introdução Benefícios HTML5 Instalação Passo a Passo Perguntas

InduSoft.com info@InduSoft.com

Introdução

InduSoft.com info@InduSoft.com

Introdução – Lourenço Teodoro

VP de Desenvolvimento @ InduSoftEu trabalho com a InduSoft em Austin desde 2002. Atualmente eu gerencio a equipe de desenvolvimento no mundo todo.

InduSoft.com info@InduSoft.com

Benefícios

InduSoft.com info@InduSoft.com

O que significa viver em um mundo Mobile?

Diferente Forma de OperaçãoAplicações para PC não funcionam bem em dispositivos móveis como tablets e celulares. Criar soluções para dispositivos móveis que são equivalentes as soluções para PC normalmente causa frustração aos usuários finais. Uma solução para dispositivos móveis tem que ser adequada para os requisitos do dispositivo e oferecer a funcionalidade adequada como multi-touch, economia de bateria, etc.

Plataforma IndependenteSua solução não pode ser considerada completa a menos que a visualização possa funcionar nos sistemas operacionais mais utilizados para interação com o usuário, i.e., Android, iOS, e Windows. Enquanto no mercado para PCs o Windows ainda detém praticamente um monopólio, o mercado móvel é completamente diferente. A sua solução de software precisa estar preparada para isso.

Custo / BenefícioTer uma solução que funciona para todos esses diferentes dispositivos é ótimo, mas qual é o preço? Se o custo for muito alto a solução acaba não sendo viável. Portanto a sua solução de visualização precisa cuidar disso de forma transparente e com o mínimo de esforço possível.

InduSoft.com info@InduSoft.com

Como a InduSoft resolve o problema?

InduSoft.com info@InduSoft.com

HTML5

InduSoft.com info@InduSoft.com

Browsers - História

1993: MosaicMesmo não sendo o primeiro browser da história, o Mosaic foi o primeiro browser multi-plataforma capaz de mostrar imagens estáticas e texto.

1994: NetscapeEm 1996 o Nestcape tinha 86% do mercado de browsers. Foi o primeiro browser a introduzir JavaScript e SSL.

InduSoft.com info@InduSoft.com

Browsers - História

1995: Internet ExplorerMicrosoft inclui o browser no Sistema operacional Windows 95 e em 2002 conquista 95% do mercado.

2003-2004: Safari e FirefoxInternet Explorer continua dominando o Mercado, mas o Safari e o Firefox agora oferecem concorrência. Firefox atualmente tem em torno de 19% do Mercado.

InduSoft.com info@InduSoft.com

Browsers - História

2008: ChromeGoogle lança o Chrome. Em 2011 o Chrome detinha acima de 17% do mercado.

InduSoft.com info@InduSoft.com

Browsers - Mercado

InduSoft.com info@InduSoft.com

Browsers - Mercado

InduSoft.com info@InduSoft.com

Dispositivos Móveis – iPhone e Android

2007: iPhoneiPhone modifica o Mercado e o desktop não é mais o único modo de acesso a web. De acordo com a International Data Corporation, até 2015 dispositivos móveis passarão o Desktop como a forma preferidade de acesso a internet.

2008: Android PhoneGoogle lança o Android

InduSoft.com info@InduSoft.com

Dispositivos Móveis – Tablets

2010: TabletsO iPad oferece uma nova forma de interagir com sistemas computacionais. Com um preço “acessível” o iPad se torna uma grande ameaça para os PCs. Tablets com Android são lançados no mesmo ano.

2012: Windows 8Microsoft lança o Windows 8, deixando de lado tecnologias legadas como Silverlight e WPF e focando no Mercado Mobile com jogos nativos em C++ e aplicações feitas em JavaScript / HTML5.

InduSoft.com info@InduSoft.com

Dispositivos Móveis vs PC

InduSoft.com info@InduSoft.com

HTML5Q

ualq

uer

Dis

posi

tivo

Qua

lque

r Br

owse

rQ

ualq

uer

Plat

afor

ma

Windows Android iOS

IE Chrome Safari

Desktops Notebooks Tablets Phones

SMAStudio Mobile Access

InduSoft.com info@InduSoft.com

O que é HTML5?

Transformations

SVG Tag

Canvas

Gradients

Animations

Sockets

InduSoft.com info@InduSoft.com

Progresso do HTML5

InduSoft.com info@InduSoft.com

O que você precisa saber sobre HTML5?

InduSoft.com info@InduSoft.com

Instalação

InduSoft.com info@InduSoft.com

1º Passo: Internet Information Services

InduSoft.com info@InduSoft.com

2º Passo: Instalar o Studio Mobile Access

InduSoft.com info@InduSoft.com

Passo a Passo

InduSoft.com info@InduSoft.com

Requerimentos Mobile Access

Android iOS Win 8(V 4.0.3)Ice Cream Sandwich

(V 4.1)Jelly Bean 6.1.3

InduSoft.com info@InduSoft.com

Perguntas

InduSoft.com info@InduSoft.com

Para maiores informações:Email(Brasil) info@indusoft.com.br(EUA) info@indusoft.com(Alemanha) info@indusoft-germany.de

Suporte (Brasil) suporte@indusoft.com.br (EUA) support@indusoft.comWeb site(Português) www.indusoft.com.br(Inglês) www.indusoft.com(Alemão) www.indusoft-germany.de

Tel: +55 (11) 3293-9139 (Brasil) +1 (512) 349-0334 (EUA) +49 (0) 6227-732510 (Alemanha)

Informações de Contato

Alemanha

EUA

Brasil