Rich Internet
Applications
Conhecendo o Adobe Flex 2

Quem?
Maurício Linhares
Phoebus Tecnologia
Synapse Tech
PBJUG
guj.com.br
Contato
mauricio.linhares@gmail.com
http://maujr.org/

Quais são as palavras da moda hoje?

RIA - AJAX
RIA – Rich Internet Applictions
AJAX – Assynchronous JavaScript &
XML

“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);

Exemplos mais comuns
Flash
Lazslo
Adobe Flex
Applets Java (dinossauros?)
AJAX
Scriptaculous
DOJO
...

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;

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;

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);

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;

Bora dar uma olhada no bixo
http://examples.adobe.com/flex2/inp
roduct/sdk/flexstore/flexstore.html

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...);

O que é que ele usa?
ActionScript 3.0
Flash 9

Cadê o código?

Tá aqui!
<?xml version=\"1.0\" encoding=\"utf-8\"?>
<mx:Application
xmlns:mx=http://www.adobe.com/2006/mxml
layout=\"absolute\">
<mx:Panel
title=\"My Application\"
width=\"200\"
height=\"300\">
<mx:Label
text=\"Welcome to Flex!\"
mouseDownEffect=\"WipeRight\"/>
</mx:Panel>
</mx:Application>

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;

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;

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>

Exemplo
Lendo o RSS de um Blog

Preste
atenção!

Exemplo
Acessando um Web Service REST na
Amazon

Dúvidas?

Mais informações
REST->
http://en.wikipedia.org/wiki/Repres
entational_State_Transfer
Flex 2 ->
http://www.adobe.com/products/fle
x/
Laszlo ->
http://www.openlaszlo.org/

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);

Então...