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

®


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

®


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

®


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çã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


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

Designde

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. Posicionamento Pixel-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

®


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!

mailto:[email protected]



adobe flash platform fabricio

Documents

adobe confidential

flexgerao flex

ncurrently flex

adobe systems incorporated

flash professional

opensource flex framework

open source flex framework

fb e fc flex framework