Conhecendo o Adobe Flex 2

25
Rich Internet Applications Conhecendo o Adobe Flex 2

description

Apresentação sobre o Adobe Flex.

Transcript of Conhecendo o Adobe Flex 2

Page 1: Conhecendo o Adobe Flex 2

Rich Internet Applications

Conhecendo o Adobe Flex 2

Page 2: Conhecendo o Adobe Flex 2

Quem?

Maurício Linhares Phoebus Tecnologia Synapse Tech PBJUG guj.com.br

Contato [email protected] http://maujr.org/

Page 3: Conhecendo o Adobe Flex 2

Quais são as palavras da moda hoje?

Page 4: Conhecendo o Adobe Flex 2

RIA - AJAX

RIA – Rich Internet Applictions

AJAX – Assynchronous JavaScript & XML

Page 5: 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: Conhecendo o Adobe Flex 2

Exemplos mais comuns

Flash Lazslo Adobe Flex

Applets Java (dinossauros?) AJAX

Scriptaculous DOJO ...

Page 7: 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: 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: 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: 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: Conhecendo o Adobe Flex 2

Bora dar uma olhada no bixo

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

Page 12: 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 Presentation Foundation (antes tarde do que nunca...);

Page 13: Conhecendo o Adobe Flex 2

O que é que ele usa?

ActionScript 3.0

Flash 9

Page 14: Conhecendo o Adobe Flex 2

Cadê o código?

Page 15: 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: 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: 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: 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:Panel

x="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: Conhecendo o Adobe Flex 2

Exemplo

Lendo o RSS de um Blog

Page 20: Conhecendo o Adobe Flex 2

Preste atenção!

Page 21: Conhecendo o Adobe Flex 2

Exemplo

Acessando um Web Service REST na Amazon

Page 22: Conhecendo o Adobe Flex 2

Dúvidas?

Page 23: Conhecendo o Adobe Flex 2

Mais informações

REST-> http://en.wikipedia.org/wiki/Representational_State_Transfer

Flex 2 -> http://www.adobe.com/products/flex/

Laszlo -> http://www.openlaszlo.org/

Page 24: 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: Conhecendo o Adobe Flex 2

Então...