Desenvolvimento de Interfaces

Ricas com Flex e PHP

 Quem é esse cara?
● Alwin Garside
– Natural de Haarlem, Holanda
– Moro no Brasil fazem 5 anos
– Desenvolvedor PHP
 Que ele fez tanto?
● CARAMBOLA
– Sistema de matriculas da UEPB
– PHP
● Vulpes
– Gerencia de acesso de gateways
– PHP
– Flex
 O que eu vou falar tanto?
1)Introdução a Flex
2)Hello World
3)Um leitor de feeds em 10 minutos
4)Comunicação entre PHP e Flex
 Que danado é Adobe Flex?
● Um framework para Flash
● Flash para programadores
● Não para designers
● MXML
● ActionScript
 Quem é que usa Adobe Flex?
● Adobe (dah)
● Google
– Youtube
– Google Talk
● Yahoo
● Eu
– Vulpes :-)
 Porque usar Flex?
● Desenvolvimento acelerado
– Definição da interface em MXML
● Compatibilidade com todas os Web Browsers
– Flash funciona como plugin
● Multi-plataforma
– Windows, Linux, Solaris
● Forward compatible
● Open Source (MPL)
 Quando não usar Flex?
● Websites
● Mobile
● Pouca banda
● Precisa 100% Acessibilidade
 Ferramentas para
Desenvolvimento em Flex
● Flex SDK
● Adobe Flex Builder
● Eclipse AXDT
 Flex SDK
● Compilador para ActionScript / MXML
● Flex Framework
● Codigo fonte do Flex Framework
● Open Source
 Flex Builder
● Flex Builder é um IDE para Flex
● Plugin para Eclipse
● Disponível para Windows, Mac OS e Linux
● Proprietário ($249)
● FB Linux alpha no Google Labs ($0 :-)
 Eclipse AXDT
● Plugin para Eclipse
● Suporte para ActionScript e MXML
● Open Source
● Estado alpha
 Flex vs AJAX
Flex AJAX
● ActionScript ● JavaScript
– Uma única – Várias
implementação implementações

● MXML ● HTML
– Feito para apps – Feito para páginas
– Customizável
– Bindings
 Como funciona?

MXML ActionScript

Arquivos .mxml Arquivos .as

Flex SDK Arquivo .swf

Compilador Bytecode
Hello World em Flex
Um Leitor de Feeds em 10 minutos
 RSS (Realy Simple Sindication)
<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">

<channel>
<title>RSS Example</title>
<description>This is an example of an RSS feed</description>
<link>http://www.domain.com/link.htm</link>
<lastBuildDate>Mon, 28 Aug 2006 11:12:55 -0400 </lastBuildDate>
<pubDate>Tue, 29 Aug 2006 09:00:00 -0400</pubDate>

<item>
<title>Item Example</title>
<description>This is an example of an Item</description>
<link>http://www.domain.com/link.htm</link>
<guid isPermaLink="false"> 1102345</guid>
<pubDate>Tue, 29 Aug 2006 09:00:00 -0400</pubDate>
</item>

</channel>
</rss>
Comunicação entre Flex e PHP
 Flex <=> PHP
● Varias formas de transmitir dados
– AMF
– SOAP
– XML
Flex e PHP: Como funciona
SERVIDOR

Arquivo .swf Script PHP

Aplicação rodando no Flash

CLIENTE (NAVEGADOR)
 Mais info sobre Flex
● http://www.flex.org
● http://livedocs.adobe.com/flex/3/
 Contato
● yogarine@gmail.com
● www.yogarine.net
● http://twitter.com/yogarine