Download - Adobe flash platform fabricio
White Master
Replace witha graphic
5.5” Tall &4.3” Wide
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 11
Palestrante
Fabricio Manzi
Consultor Adobe System Brasil
Bem Vindos!
Adobe Flash Platform
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 2
Adobe Flash Platform
Flash Builder
Flash CS4 Professional
Ferramentas para Design
e Desenvolvimento
Clientes
Servidores/
Serviços
Framework
AMF, XML, JSON, SOAP, RSS, ATOM, etc.
HTTP/S, Sockets, RTMP, etc.
Aplicações, Conteúdoe Vídeo
Flash Catalyst
Flex
Flash Media Server Family
Flash Player
AIR
BlazeDSData Services
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 3
Posicionamento das Ferramentas da Flash Platform
Criar experiências
imersivas e conteúdo de
vídeo
Transforme layouts
artísticos em
interfaces de usuário
funcionais de
aplicações
Desenvolver aplicações
ricas para internet e para
desktop
Habilitando desenvolvedores e designers a construirem
aplicações e conteúdo interativo colaborativamente
Ferramenta de design de
interação para designers
rapidamente criarem
interfaces de usuário para
aplicações Flex sem
codificação
IDE para desenvolvedores
construírem rapidamente
aplicações multi plataforma
utilizando o framework Flex
e conteúdo interativo
utilizando ActionScript
Ferramenta de autoria
para designers e
desenvolvedores que
querem criar conteúdo
interativo e imersivo de
forma livre
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 4
Mudança de Marca do Flex
GERAÇÃO FLEX 3 GERAÇÃO FLEX 4
Flash
BuilderFlash
Catalyst
Flex framework
Alinhar a marca Flex como framework
open source que é a base do FB e FC
Flex framework,
Flex Builder
Marca consistente entre ferramentas
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 5
Tendências da Indústria
Monetizar
Usuários esperam
mais das aplicações
corporativas
Produtividade
Departamentos de TI
esperam menor
tempo de
desenvolvimento e
requerimentos de
manutenção mais
baixos
Mash-ups
Experiências
extraordinárias
vem surgindo
através da
integração
horizontal de
processos
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 6
Flash Platform: Focos de Aprimoramento
Produtividade Aprimorada
Design e desenvolvimento rápido
Integração com Servidores e Serviços
Integre rápida e facilmente com a infra-
estrutura existente
Aplicações Expressivas
Construa conteúdos e aplicações mais
sofisticadas
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 7
Flash Catalyst
Ferramenta profissional de
design de interação para a
criação rápida da
experiências de usuário para
aplicações e conteúdo
interativo sem codificação
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 8
Público Alvo
WebDesigners e Designers de Interação
Responsáveis pelo design visual de experiências interativas criadas nas
agências. Usam ferramentas como Photoshop, Illustrator, e Fireworks para
criar o layout e recursos – mas também desejam criar o “comportamento”
da interface
Arquitetos da Informação
Responsáveis por criar os modelos de alto nível para as mídias e
experiências. Envolvidos nos wireframes iniciais e na idealização dos
processos
Designers Gráficos e Diretores Criativos
Bolar peças interativas ou sites de showcase sem ter que escrever código
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 9
Fluxo de Trabalho Atual
O fluxo de trabalho atual produz designs estáticos que tem uso limitado no
desenvolvimento
Design Desenvolvimento
Design Visual
Definir experiência do usuário
Importar recursos visuais
Implementar experiência do usuário
Desenvolvimento
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 10
Novo Fluxo de Trabalho
O Novo fluxo de trabalho produz design funcional que pode ser usado no desenvolvimento
Design Desenvolvimento
Design Visual
Design de Interações
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 11
Utilizações para o Flash Catalyst
Interfaces de
Aplicações
ConteúdoInterativo
Portfólios
Guias de
Produtos
Prototipagem
Wireframing
Micro sites
Navegação de
Sites
Widgets
Educação
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 12
Recursos do Flash Catalyst
Design de
Interações
Designde
Layouts
Integração
entre
múltiplos
produtos
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 13
Recursos de Design de Interações
1. Organize projetos em Pages e objetos
em States
2. Design de Interações sem escrever
código
3. Transforme layouts estáticos em
componentes dinâmicos
4. Crie uma lista a partir de layouts
5. Dados em tempo de design
6. Estensibilidade através Componentes
7. Painel Biblioteca
8. Painel States
9. Transições e Seqüência de Ações
10.Painel Timeline
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 14
Recursos de Design de Layouts
1. Artboard
2. Posicionamento Pixel-level
3. Painel Layers
4. Painel Propriedades
5. Ferramentas vetoriais de desenho
6. Ferramentas de produtividade de
Layout
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 15
Integração entre múltiplos produtos
1. Integração com Photoshop e Illustrator
2. Integração com Flash Builder
3. Suporte a mídias dinâmicas (Áudio, Vídeo)
4. Suporte a Flash Player 10
5. Visualizar o projeto no navegador
6. Exportar para Flash Player
7. Suporte ao Flex 4 framework
8. Suporte a Windows e MacOS (Intel)
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 16
Flex Framework
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 17
SDK –Temas Principais
Design em
Mente
Produtividade no
Desenvolvimento
Evolução
Framework
Spark component model
MXML 2009
FXG
States, efeitos e layout
melhorados
Texto de alta fidelidade
Novo Componente de Vídeo
Performance do Compilador
Conexão 2 vias
Aprimoramentos CSS
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 18
Flash Builder 4
Flex Builder 3
mais novos recursos
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 19
Abordagem das Aplicações Flex
As aplicações tipicamente começam com foco no design ou nos dados
Envolvimento do arquiteto de
informação
Uso de ferramentas da Creative
Suite
Especificar “look and feel” é
crítico
Direcionado por modelo de dados ou
serviços
Orientado a tarefas (adicionando ou
atualizando registros, por exemplo)
Usabilidade é crítica,mas dá menos
importância ao “look and feel”
FOCO EM DESIGN FOCO EM DADOS
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 20
Abordagem das Aplicações Flex
E independente do foco inicial, implementação e testes são parecidos
Codificação
Codificação manual
Capacidade de
manutenção
Formataçãode código
Testes e
Implementação
Profiling
Debugging
Build process
FOCO EM DESIGN FOCO EM DADOS
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 21
Flash Builder 4: Temas Principais
Suportar tanto aplicações focadas em design como em dados em um
ambiente produtivo
Designer /
Desenvolvedor
Permanecer fiel ao
design
Facilitar os fluxos
de trabalhos
Eliminar passos
manuais
Desenvolvimento focado
em Dados
Suporte a vários
diferentes back-ends
Simplificar
gerenciamento de dados
Gerar Interface de
Usuário sensível a
dados
IDE Produtividade &
Testes
Codificação manual
aprimorada
Tuning e debugging
com mais velocidade
Se ajusta com
processos
estabelecidos de testes
e construção
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 22
Recursos Designer/Desenvolvedor
Fluxo de Trabalho com Adobe
Flash Catalyst
Abrir projetos Catalyst (FXP) no Builder
Novo editor de States
Fluxo de Trabalho com Adobe
Flash Professional
Novo “Flash Component”
Aciona Flash Professional, criar ou editar,
e retornar ao Builder
Suporte a Temas
Novo Aplicar Tema para UI
Gerencie facilmente o look & feel dos
componentes Flex em uma aplicação
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 23
Desenvolvimento Focado em Dados
ColdFusion
PHP
Java
SOAP
REST
Flash Builder
examina o serviço
Construir modelo
em tempo de
design
Configure tipos de
dados e operações
Databinding
Geração de Interface
de Usuário
Paginação
Gerenciamento de
Dados
2.Modelo de Serviço1.Definir Serviço
3. Conectar operações
nos componentes de
interface do Flex
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 24
Desenvolvimento Focado em Dados: Serviços Suportados
ColdFusion
Consuma qualquer Componente ColdFusion (CFC)
Novo fluxo de trabalho com ColdFusion Builder para gerar
automaticamente acesso a dados CFCs
PHP
Suporte integrado ao Framework Zend
Use componentes Zend ou qualquer classe PHP5
Novo fluxo de trabalho com Zend Studio para geração de classes
Java
BlazeDS
LiveCycle Data Services ES – novo fluxo de trabalho com LiveCycle
Model Editor
HTTP, REST, SOAP Web Services
Extensível – adicione suporte para qualquer outro back-
end <WSDL>
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 25
Resumo das Ferramentas
Flex 4 framework é a base
das ferramentas
Novas ferramentas
oferecem produtividade
aprimorada, integração com
servidores e serviços e
aplicações de alta fidelidade
Flex Builder virou Flash
Builder
Primeiro preview público do
Flash Catalyst
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 26
Mais informações
Encontre materiais e informações adicionais sobre o Flash
Builder 4 e o Flash Catalyst na páginada Adobe:
http://labs.adobe.com
Esta a presentação foi gravada e será publicada na página
de eventos da Adobe Brasil. Para vê-la novamente ou
indicá-la a alguém acesse www.adobe.com/br/events
Para qualquer informação adicional, entre em contato
conosco pelo email: [email protected]
Obrigado por participar!