Rich Internet Applications

Conhecendo o Adobe Flex 2

Quem?

Maurício LinharesPhoebus TecnologiaSynapse TechPBJUGguj.com.br

Contatomauricio.linhares@gmail.comhttp://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

FlashLazsloAdobe Flex

Applets Java (dinossauros?)AJAX

ScriptaculousDOJO...

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/inproduct/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 PresentationFoundation (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/mxmllayout="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: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>

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/Representational_State_TransferFlex 2 -> http://www.adobe.com/products/flex/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...