O documento fornece uma introdução ao Adobe Flex 2, uma plataforma para desenvolvimento de aplicações ricas na Internet. Aborda o que são RIAs, exemplos como Flash e AJAX, vantagens do Flex como interface padronizada e documentação extensa, além de apresentar exemplos básicos de código em MXML para criação de interfaces e animações.

1. Rich Internet
Applications
Conhecendo o Adobe Flex 2

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

3. Quais são as palavras da moda hoje?

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

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

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

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

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

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

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

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

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

13. O que é que ele usa?
ActionScript 3.0
Flash 9

14. Cadê o código?

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

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

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

18. Fazendo uma animação
<?xml version=quot;1.0quot; encoding=quot;utf-8quot;?>
<mx:Application xmlns:mx=quot;http://www.adobe.com/2006/mxmlquot;
layout=quot;absolutequot;>
<mx:Glow
id=quot;buttonGlowquot; color=quot;0x99FF66“ alphaFrom=quot;1.0quot;
alphaTo=quot;0.3“ duration=quot;1500quot;/>
<mx:Panel
x=quot;10quot; y=quot;10quot; width=quot;200quot; height=quot;300quot;
layout=quot;absolutequot;>
<mx:Button
x=quot;40quot; y=quot;60quot; label=quot;Viewquot; id=quot;myButtonquot;
mouseUpEffect=quot;{buttonGlow}quot;
click=quot;BlurMoveShow.play();
myLabel.visible=true;quot;/>
<mx:Label x=quot;40quot; y=quot;100quot; text=quot;4 8 15 16 23 42quot;
id=quot;myLabelquot; visible=quot;falsequot;/>
</mx:Panel>
</mx:Application>

19. Exemplo
Lendo o RSS de um Blog

20. Preste
atenção!

21. Exemplo
Acessando um Web Service REST na
Amazon

22. Dúvidas?

23. 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/

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

25. Então...