ria - conhecendo o adobe flex 2

25
Rich Internet Applications Conhecendo o Adobe Flex 2

Upload: elliando-dias

Post on 24-May-2015

992 views

Category:

Technology


2 download

TRANSCRIPT

Page 1: RIA - Conhecendo o Adobe Flex 2

Rich Internet Applications

Conhecendo o Adobe Flex 2

Page 2: RIA - Conhecendo o Adobe Flex 2

Quem?

Maurício LinharesPhoebus TecnologiaSynapse TechPBJUGguj.com.br

[email protected]://maujr.org/

Page 3: RIA - Conhecendo o Adobe Flex 2

Quais são as palavras da moda hoje?

Page 4: RIA - Conhecendo o Adobe Flex 2

RIA - AJAX

RIA – Rich Internet Applictions

AJAX – Assynchronous JavaScript & XML

Page 5: RIA - Conhecendo o Adobe Flex 2

“RIA” de quê?

Aplicações complexas, com interfaces de extrema interatividade;

Normalmente executando em cima de um ambiente de execução específico (plugin de navegador);

Page 6: RIA - Conhecendo o Adobe Flex 2

Exemplos mais comuns

FlashLazsloAdobe Flex

Applets Java (dinossauros?)AJAX

ScriptaculousDOJO...

Page 7: RIA - Conhecendo o Adobe Flex 2

Mas e aí? O que é que é isso?

Ambiente para desenvolvimento de aplicações RIA usando Flash;

Plugin disponível para a maioria dos sistemas operacionais (será?) e navegadores;

SDK gratuito, mas ferramentas e IDE são pagos;

Page 8: RIA - Conhecendo o Adobe Flex 2

Vantagens?

Alguém aí não tem o Flash instalado?

Faz acesso a serviços externos via HTTP (comum, REST e Web Services) e Sockets puros;

Page 9: RIA - Conhecendo o Adobe Flex 2

Vantagens?

Interface padrão muito bem definida (perfeito para programadores que não tem a mínima noção de design);

Muita, mas muita, muita documentação mesmo (toda em inglês, claro);

Page 10: RIA - Conhecendo o Adobe Flex 2

Nada e perfeito né meu filho...

SDK fechado e sem previsões de liberação como software livre;

Ferramenta de geração de relatórios e gráficos também épaga;

Muito recente para ter formado uma comunidade de desenvolvimento;

Page 11: RIA - Conhecendo o Adobe Flex 2

Bora dar uma olhada no bixo

http://examples.adobe.com/flex2/inproduct/sdk/flexstore/flexstore.html

Page 12: RIA - Conhecendo o Adobe Flex 2

Mas e a Concorrência?

O Laszlo só tem como vantagem ser software livre...

A Microsoft está liberando a ferramenta que pretende concorrer com isso, o Windows PresentationFoundation (antes tarde do que nunca...);

Page 13: RIA - Conhecendo o Adobe Flex 2

O que é que ele usa?

ActionScript 3.0

Flash 9

Page 14: RIA - Conhecendo o Adobe Flex 2

Cadê o código?

Page 15: RIA - Conhecendo o Adobe Flex 2

Tá aqui!<?xml version="1.0" encoding="utf-8"?><mx:Application

xmlns:mx=http://www.adobe.com/2006/mxmllayout="absolute"><mx:Panel

title="My Application" width="200" height="300"><mx:Label

text="Welcome to Flex!" mouseDownEffect="WipeRight"/>

</mx:Panel></mx:Application>

Page 16: RIA - Conhecendo o Adobe Flex 2

Como é?

Mais outro arquivo XML (tácontando aí quantos são?);

Define-se os componentes iniciais da interface e seus serviços;

Implementam-se scripts que acessam e fazem outros serviços;

Page 17: RIA - Conhecendo o Adobe Flex 2

O que é que se faz com isso?

O arquivo salvo (sempre com a extensão “.mxml”) é compilado para um arquivo SWF;

O arquivo SWT pode ser então carregado num navegador comum que tenha o plugin do Flash;

Page 18: RIA - Conhecendo o Adobe Flex 2

Fazendo uma animação<?xml version="1.0" encoding="utf-8"?><mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"

layout="absolute"><mx:Glow

id="buttonGlow" color="0x99FF66“ alphaFrom="1.0" alphaTo="0.3“ duration="1500"/>

<mx:Panelx="10" y="10" width="200" height="300" layout="absolute"><mx:Button

x="40" y="60" label="View" id="myButton"mouseUpEffect="{buttonGlow}"click="BlurMoveShow.play();

myLabel.visible=true;"/><mx:Label x="40" y="100" text="4 8 15 16 23 42"

id="myLabel" visible="false"/></mx:Panel>

</mx:Application>

Page 19: RIA - Conhecendo o Adobe Flex 2

Exemplo

Lendo o RSS de um Blog

Page 20: RIA - Conhecendo o Adobe Flex 2

Preste atenção!

Page 21: RIA - Conhecendo o Adobe Flex 2

Exemplo

Acessando um Web Service REST na Amazon

Page 22: RIA - Conhecendo o Adobe Flex 2

Dúvidas?

Page 23: RIA - Conhecendo o Adobe Flex 2

Mais informações

REST-> http://en.wikipedia.org/wiki/Representational_State_TransferFlex 2 -> http://www.adobe.com/products/flex/Laszlo -> http://www.openlaszlo.org/

Page 24: RIA - Conhecendo o Adobe Flex 2

E agora?

Programar;Mostrar pro cliente;Ver o cliente babar;Vender o produto pro cliente;Botar a mão na grana do cliente (porque quem tem usuário étraficante);

Page 25: RIA - Conhecendo o Adobe Flex 2

Então...