Your SlideShare is downloading. ×
0
Tuesday, 12. April 2011
POWERFLASHER         • Fundada na Alemanha em 1997         • Também presente nos EUA e na Austria.         • E agora no Br...
Fluxos de trab                                                    alho eficiente                                     entre ...
FERRAMENTAS                             DESIGNERS                            DEVELOPERSTuesday, 12. April 2011
DESIGNERS         • Adobe CS               Photoshop               Fireworks               Illustrator               Indes...
DEVELOPERS         • IDE’s, Code Editors               Flash Builder               Flash Pro               FDT            ...
DEVELOPERS         • Micro architecture frameworks               PureMVC               Robotlegs               SWiZ       ...
DEVELOPERS         • Não reinvente a roda               Flash Pro UI Components               Minimal Components          ...
DEVELOPERS         • Repositório e versionamento de código               SVN               Git               MercurialTues...
FLUXO DE TRABALHO                             TRADICIONALTuesday, 12. April 2011
FLUXO DE TRABALHO         TRADICIONAL         • Cliente: Cria briefing, wireframes         • Designer: Cria mockups        ...
FLUXO DE TRABALHO 2.0         FLEX + CATALYST         • Cliente: Cria briefing, wireframes         • Designer: Cria protóti...
PROBLEMAS!         • Num ambiente clássico de agência de hoje:               Não se usa Flex               Não tem control...
O que o                          developer                          recebeTuesday, 12. April 2011
Layer 79 ?                          Layer 78 ?                          Shape 1 copy 2 ?                          Shape 1 ...
Layer 79 ?                          Layer 78 ?                          Shape 1 copy 2 ?                          Shape 1 ...
SOLUÇÕES?Tuesday, 12. April 2011
O QUE ESTÁ FALTANDO:                          COMUNICAÇÃO!                          PRINCIPALMENTE ENTRE                  ...
PROJECT MANAGERS:                   CALCULAR MAIS TEMPO!                          O CLIENTE TEM DINHEIRO SIM!             ...
DESIGNERS:                   ORGANIZE OS LAYOUTS!               DEVELOPERS VÃO AGRADECER E                 VOCÊ!          ...
DEVELOPERS:                ORGANIZE O SEU CÓDIGO!                SEPARAR VIEW DE MODEL/CONTROLLER!            (MENOS SOFRI...
DICAS         • Seja apaixonado pelo seu trabalho         • Procure evoluir constantemente         • Participe ativamente ...
DICAS DO QUE NÃO FAZERTuesday, 12. April 2011
ESTAMOS CONTRATANDO!                          JOBS@POWERFLASHER.COM.BRTuesday, 12. April 2011
VALEU!          @PowerflasherBR          CLAUS WAHLERS             GABRIEL PEART          CTO                       Project...
Upcoming SlideShare
Loading in...5
×

Designer ♥ Developer

1,118

Published on

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

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,118
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Designer ♥ Developer"

  1. 1. Tuesday, 12. April 2011
  2. 2. POWERFLASHER • 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 FDTTuesday, 12. April 2011
  3. 3. Fluxos de trab alho eficiente entre designe s rs e developer s Flash Camp Brasil, Maceió, 09 de Abril 2011.Tuesday, 12. April 2011
  4. 4. FERRAMENTAS DESIGNERS DEVELOPERSTuesday, 12. April 2011
  5. 5. DESIGNERS • Adobe CS Photoshop Fireworks Illustrator Indesign Flash Pro • Ferramentas de colaboração online BasecampTuesday, 12. April 2011
  6. 6. DEVELOPERS • IDE’s, Code Editors Flash Builder Flash Pro FDT IntelliJ FlashDevelop Textmate Emacs VIMTuesday, 12. April 2011
  7. 7. DEVELOPERS • Micro architecture frameworks PureMVC Robotlegs SWiZ Parsley CairngormTuesday, 12. April 2011
  8. 8. DEVELOPERS • Não reinvente a roda Flash Pro UI Components Minimal Components Flex TweenLite (Transições) Away3D/Alternativa3D/... (3D) Box2D (Física) FLARToolKit (Realidade Aumentada) PushButton Engine (Jogos) e muito mais...Tuesday, 12. April 2011
  9. 9. DEVELOPERS • Repositório e versionamento de código SVN Git MercurialTuesday, 12. April 2011
  10. 10. FLUXO DE TRABALHO TRADICIONALTuesday, 12. April 2011
  11. 11. FLUXO DE TRABALHO TRADICIONAL • 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).Tuesday, 12. April 2011
  12. 12. FLUXO DE TRABALHO 2.0 FLEX + CATALYST • 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.Tuesday, 12. April 2011
  13. 13. PROBLEMAS! • Num ambiente clássico de agência de hoje: Não se usa Flex Não tem controle e versionamento de código Não tem designers de interação Não tem budget Não tem tempoTuesday, 12. April 2011
  14. 14. O que o developer recebeTuesday, 12. April 2011
  15. 15. 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
  16. 16. 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
  17. 17. SOLUÇÕES?Tuesday, 12. April 2011
  18. 18. O QUE ESTÁ FALTANDO: COMUNICAÇÃO! PRINCIPALMENTE ENTRE DESIGNERS E DEVELOPERSTuesday, 12. April 2011
  19. 19. PROJECT MANAGERS: CALCULAR MAIS TEMPO! O CLIENTE TEM DINHEIRO SIM! (ELE SÓ NÃO VAI ADMITIR PARA VOCÊ)Tuesday, 12. April 2011
  20. 20. DESIGNERS: ORGANIZE OS LAYOUTS! DEVELOPERS VÃO AGRADECER E VOCÊ! (VOCÊ PODE ATÉ GANHAR UM ABRAÇO!)Tuesday, 12. April 2011
  21. 21. DEVELOPERS: ORGANIZE O SEU CÓDIGO! SEPARAR VIEW DE MODEL/CONTROLLER! (MENOS SOFRIMENTO QUANDO VOCÊ ATUALIZAR LAYOUTS)Tuesday, 12. April 2011
  22. 22. DICAS • 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 crescimentoTuesday, 12. April 2011
  23. 23. DICAS DO QUE NÃO FAZERTuesday, 12. April 2011
  24. 24. ESTAMOS CONTRATANDO! JOBS@POWERFLASHER.COM.BRTuesday, 12. April 2011
  25. 25. VALEU! @PowerflasherBR CLAUS WAHLERS GABRIEL PEART CTO Project Manager T @cwahlers T @gabriel_peart E cw@powerflasher.com.br E gp@powerflasher.com.brTuesday, 12. April 2011
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×