Designer ♥ Developer

Post on 24-May-2015

1.153 views 0 download

description

10 anos atrás o Flash era apenas uma ferramenta para animações, usado principalmente por profissionais de criação. Com a introdução de padrões de mercado com máquinas virtuais, IDEs e frameworks, mais e mais engenheiros de software entraram na festa. Esta palestra mostrará dicas importantíssimas para fluxos de trabalho eficientes entre designers e developers

Transcript of Designer ♥ Developer

Tuesday, 12. April 2011

• Fundada na Alemanha em 1997• Também presente nos EUA e na Austria.• E agora no Brasil !• Agência digital: Web, Mobile, Desktop• Colabora ativamente para o crescimento da

comunidade Flash• Criou o FDT

POWERFLASHER

Tuesday, 12. April 2011

Flash Camp Brasil, Maceió, 09 de Abril 2011.

Fluxos de trabalho eficientesentre designers e developers

Tuesday, 12. April 2011

FERRAMENTAS

DESIGNERSDEVELOPERS

Tuesday, 12. April 2011

• Adobe CSPhotoshopFireworksIllustratorIndesignFlash Pro

DESIGNERS

• Ferramentas de colaboração onlineBasecamp

Tuesday, 12. April 2011

• IDE’s, Code EditorsFlash BuilderFlash ProFDTIntelliJFlashDevelopTextmateEmacsVIM

DEVELOPERS

Tuesday, 12. April 2011

• Micro architecture frameworksPureMVCRobotlegsSWiZParsleyCairngorm

DEVELOPERS

Tuesday, 12. April 2011

• Não reinvente a rodaFlash Pro UI ComponentsMinimal ComponentsFlex

TweenLite (Transições)Away3D/Alternativa3D/... (3D)Box2D (Física)FLARToolKit (Realidade Aumentada)PushButton Engine (Jogos)e muito mais...

DEVELOPERS

Tuesday, 12. April 2011

• Repositório e versionamento de códigoSVNGitMercurial

DEVELOPERS

Tuesday, 12. April 2011

FLUXO DE TRABALHOTRADICIONAL

Tuesday, 12. April 2011

• Cliente: Cria briefing, wireframes

• Designer: Cria mockups (estáticos), se comunica com gerente de projetos, recebe solicitações de ajustes/aprovação

• Developer: Última milha. Organiza elementos gráficos. Cria produto final. Recebe novas solicitações no meio de projeto. Enlouquece (fica dias sem dormir).

FLUXO DE TRABALHOTRADICIONAL

Tuesday, 12. April 2011

• Cliente: Cria briefing, wireframes

• Designer: Cria protótipo de trabalho com Catalyst CS5, se comunica com o gerente de projetos, interage. Requerimento: designer de interação.

• Developer: Recebe protótipo e adiciona código, envia projeto de volta ao designer. Recebe novas solicitações. Atualiza/adiciona código. Repete o cíclo.

FLUXO DE TRABALHO 2.0FLEX + CATALYST

Tuesday, 12. April 2011

• Num ambiente clássico de agência de hoje:Não se usa FlexNão tem controle e versionamento de códigoNão tem designers de interaçãoNão tem budgetNão tem tempo

PROBLEMAS!

Tuesday, 12. April 2011

O que o developerrecebe

Tuesday, 12. April 2011

Layer 79 ?

Layer 78 ?

Shape 1 copy 2 ?

Shape 1 copy ?

Layer 77 ?

Shape 1 ?

Shape 5 copy ?

Layer 58 copy 2 ?

Layer 60 copy ?

Tuesday, 12. April 2011

Layer 79 ?

Layer 78 ?

Shape 1 copy 2 ?

Shape 1 copy ?

Layer 77 ?

Shape 1 ?

Shape 5 copy ?

Layer 58 copy 2 ?

Layer 60 copy ?

Tuesday, 12. April 2011

SOLUÇÕES?

Tuesday, 12. April 2011

O QUE ESTÁ FALTANDO:COMUNICAÇÃO!

PRINCIPALMENTE ENTRE DESIGNERS E DEVELOPERS

Tuesday, 12. April 2011

PROJECT MANAGERS:CALCULAR MAIS TEMPO!

O CLIENTE TEM DINHEIRO SIM!(ELE SÓ NÃO VAI ADMITIR PARA VOCÊ)

Tuesday, 12. April 2011

DESIGNERS:ORGANIZE OS LAYOUTS!

DEVELOPERS VÃO AGRADECER E ♥ VOCÊ!(VOCÊ PODE ATÉ GANHAR UM ABRAÇO!)

Tuesday, 12. April 2011

DEVELOPERS:ORGANIZE O SEU CÓDIGO!

SEPARAR VIEW DE MODEL/CONTROLLER!(MENOS SOFRIMENTO QUANDO VOCÊ ATUALIZAR LAYOUTS)

Tuesday, 12. April 2011

• Seja apaixonado pelo seu trabalho• Procure evoluir constantemente• Participe ativamente na comunidade (blogs, forums,

grupos, eventos como estes)• Entenda suas limitações e busque miniza-las com tempo• Trabalhe em local que te proporcione crescimento

DICAS

Tuesday, 12. April 2011

DICAS DO QUE NÃO FAZER

Tuesday, 12. April 2011

ESTAMOS CONTRATANDO!JOBS@POWERFLASHER.COM.BR

Tuesday, 12. April 2011

@PowerflasherBR

CLAUS WAHLERSCTO

T @cwahlersE cw@powerflasher.com.br

GABRIEL PEARTProject Manager

T @gabriel_peartE gp@powerflasher.com.br

VALEU!

Tuesday, 12. April 2011