Adobe flash platform bem 2009

White Master
Replace with
a graphic
5.5” Tall &4.3” Wide
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 1
Adobe Flash Platform
FabricioManzi
Consultor Adobe

®
Agenda
 Flash Platform: Visão Geral
 Catalyst
 Builder
 Framework
 Demos
 Flex Academy
 Q & A

®
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
BlazeDS
Data Services

®
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

®
Mudança de Mercado Flex
GERAÇÃO FLEX 3 GERAÇÃO FLEX 4
Flash
Builder
Flash
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

®
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

®
Flash Platform: Focos de Aprimoramento
Produtividade Aprimorada
Design e desenvolvimento rápido
IntegraçãocomServidorese Serviços
Integre rápida e facilmente com a infra-
estrutura existente
Aplicações Expressivas
Construa conteúdos e aplicações mais
sofisticadas

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

®
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

®
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

®
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

®
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

®
Recursos do Flash Catalyst
Design de
Interações
Design de
Layouts
Integração
entre
múltiplos
produtos

®
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

®
Recursos de Design de Layouts
1. Artboard
2. PosicionamentoPixel-level
3. Painel Layers
4. Painel Propriedades
5. Ferramentas vetoriais de desenho
6. Ferramentas de produtividade de
Layout

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

Flex Framework

®
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

Flash Builder 4
Flex Builder 3
mais novos recursos

®
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

®
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

®
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

®
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

®
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

®
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>

®
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

®

Adobe flash platform bem 2009

Mais conteúdo relacionado

Mais procurados

Destaque

Semelhante a Adobe flash platform bem 2009

Mais de FabricioManzi

Adobe flash platform bem 2009