Designer ♥ Developer

25
Tuesday, 12. April 2011

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

Page 1: Designer ♥ Developer

Tuesday, 12. April 2011

Page 2: Designer ♥ Developer

• 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

Page 3: Designer ♥ Developer

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

Fluxos de trabalho eficientesentre designers e developers

Tuesday, 12. April 2011

Page 4: Designer ♥ Developer

FERRAMENTAS

DESIGNERSDEVELOPERS

Tuesday, 12. April 2011

Page 5: Designer ♥ Developer

• Adobe CSPhotoshopFireworksIllustratorIndesignFlash Pro

DESIGNERS

• Ferramentas de colaboração onlineBasecamp

Tuesday, 12. April 2011

Page 6: Designer ♥ Developer

• IDE’s, Code EditorsFlash BuilderFlash ProFDTIntelliJFlashDevelopTextmateEmacsVIM

DEVELOPERS

Tuesday, 12. April 2011

Page 7: Designer ♥ Developer

• Micro architecture frameworksPureMVCRobotlegsSWiZParsleyCairngorm

DEVELOPERS

Tuesday, 12. April 2011

Page 8: Designer ♥ Developer

• 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

Page 9: Designer ♥ Developer

• Repositório e versionamento de códigoSVNGitMercurial

DEVELOPERS

Tuesday, 12. April 2011

Page 10: Designer ♥ Developer

FLUXO DE TRABALHOTRADICIONAL

Tuesday, 12. April 2011

Page 11: Designer ♥ Developer

• 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

Page 12: Designer ♥ Developer

• 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

Page 13: Designer ♥ Developer

• 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

Page 14: Designer ♥ Developer

O que o developerrecebe

Tuesday, 12. April 2011

Page 15: Designer ♥ Developer

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

Page 16: Designer ♥ Developer

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

Page 17: Designer ♥ Developer

SOLUÇÕES?

Tuesday, 12. April 2011

Page 18: Designer ♥ Developer

O QUE ESTÁ FALTANDO:COMUNICAÇÃO!

PRINCIPALMENTE ENTRE DESIGNERS E DEVELOPERS

Tuesday, 12. April 2011

Page 19: Designer ♥ Developer

PROJECT MANAGERS:CALCULAR MAIS TEMPO!

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

Tuesday, 12. April 2011

Page 20: Designer ♥ Developer

DESIGNERS:ORGANIZE OS LAYOUTS!

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

Tuesday, 12. April 2011

Page 21: Designer ♥ Developer

DEVELOPERS:ORGANIZE O SEU CÓDIGO!

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

Tuesday, 12. April 2011

Page 22: Designer ♥ Developer

• 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

Page 23: Designer ♥ Developer

DICAS DO QUE NÃO FAZER

Tuesday, 12. April 2011

Page 25: Designer ♥ Developer

@PowerflasherBR

CLAUS WAHLERSCTO

T @cwahlersE [email protected]

GABRIEL PEARTProject Manager

T @gabriel_peartE [email protected]

VALEU!

Tuesday, 12. April 2011