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

InduSoft.com [email protected]

Usando o InduSoft Web Studio para Criar

Gráficos HTML5 IHM/SCADA


Agenda

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


Introdução


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.


Benefícios


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.


Como a InduSoft resolve o problema?


HTML5


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.



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.



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


Browsers - Mercado


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


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.


Dispositivos Móveis vs PC


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


O que é HTML5?

Transformations

SVG Tag

Canvas

Gradients

Animations

Sockets


Progresso do HTML5


O que você precisa saber sobre HTML5?


Instalação


1º Passo: Internet Information Services


2º Passo: Instalar o Studio Mobile Access


Passo a Passo


Requerimentos Mobile Access

Android iOS Win 8(V 4.0.3)Ice Cream Sandwich

(V 4.1)Jelly Bean 6.1.3


Perguntas


Para maiores informações:Email(Brasil) [email protected](EUA) [email protected](Alemanha) [email protected]

Suporte (Brasil) [email protected] (EUA) [email protected] 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

mailto:[email protected]





http://www.indusoft.com.br/

http://www.indusoft.com.br/

http://www.indusoft-germany.de/

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

Documents

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