A Powerflasher é uma agência digital fundada na Alemanha em 1997 que atua com web, mobile e desktop. Apresenta ferramentas para designers e desenvolvedores trabalharem de forma colaborativa e eficiente, como o uso do Adobe Catalyst e Flex para prototipagem interativa. Discute problemas com fluxos de trabalho tradicionais e dicas para melhorar a comunicação entre times.
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 FDT
Tuesday, 12. April 2011
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. FERRAMENTAS
DESIGNERS
DEVELOPERS
Tuesday, 12. April 2011
5. DESIGNERS
• Adobe CS
Photoshop
Fireworks
Illustrator
Indesign
Flash Pro
• Ferramentas de colaboração online
Basecamp
Tuesday, 12. April 2011
6. DEVELOPERS
• IDE’s, Code Editors
Flash Builder
Flash Pro
FDT
IntelliJ
FlashDevelop
Textmate
Emacs
VIM
Tuesday, 12. April 2011
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. DEVELOPERS
• Repositório e versionamento de código
SVN
Git
Mercurial
Tuesday, 12. April 2011
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. 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. 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 tempo
Tuesday, 12. April 2011
14. O que o
developer
recebe
Tuesday, 12. April 2011
18. O QUE ESTÁ FALTANDO:
COMUNICAÇÃO!
PRINCIPALMENTE ENTRE
DESIGNERS E DEVELOPERS
Tuesday, 12. April 2011
19. PROJECT MANAGERS:
CALCULAR MAIS TEMPO!
O CLIENTE TEM DINHEIRO SIM!
(ELE SÓ NÃO VAI ADMITIR PARA VOCÊ)
Tuesday, 12. April 2011
20. DESIGNERS:
ORGANIZE OS LAYOUTS!
DEVELOPERS VÃO AGRADECER E VOCÊ!
(VOCÊ PODE ATÉ GANHAR UM ABRAÇO!)
Tuesday, 12. April 2011
21. DEVELOPERS:
ORGANIZE O SEU CÓDIGO!
SEPARAR VIEW DE MODEL/CONTROLLER!
(MENOS SOFRIMENTO QUANDO VOCÊ ATUALIZAR LAYOUTS)
Tuesday, 12. April 2011
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 crescimento
Tuesday, 12. April 2011
25. VALEU!
@PowerflasherBR
CLAUS WAHLERS GABRIEL PEART
CTO Project Manager
T @cwahlers T @gabriel_peart
E cw@powerflasher.com.br E gp@powerflasher.com.br
Tuesday, 12. April 2011