adobe flash platform bem 2009

White Master

Replace witha graphic

5.5” Tall &4.3” Wide

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 1

Adobe Flash Platform

FabricioManziConsultor 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 PlayerAIR

BlazeDSData 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

FlashBuilder

FlashCatalyst

Flex frameworkAlinhar 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

MonetizarUsuários esperam mais das aplicações corporativas

ProdutividadeDepartamentos de TI esperam menor tempo de desenvolvimento e requerimentos de manutenção mais baixos

Mash-upsExperiências extraordinárias vem surgindo através da integração horizontal de processos

®


Flash Platform: Focos de Aprimoramento

Produtividade AprimoradaDesign e desenvolvimento rápido

IntegraçãocomServidorese ServiçosIntegre rápida e facilmente com a infra-estrutura existente

Aplicações ExpressivasConstrua 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çãoResponsá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çãoResponsá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 CriativosBolar 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 3mais 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

Documents

adobe confidential

adobe systems incorporated

aplicaes flex

all rights reserved

framework flex

marca flex

agenda flash platform

mercado flex gerao flex