designer ♥ developer
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 developersTRANSCRIPT
![Page 1: Designer ♥ Developer](https://reader034.vdocuments.site/reader034/viewer/2022042510/55610191d8b42a0e408b566e/html5/thumbnails/1.jpg)
Tuesday, 12. April 2011
![Page 2: Designer ♥ Developer](https://reader034.vdocuments.site/reader034/viewer/2022042510/55610191d8b42a0e408b566e/html5/thumbnails/2.jpg)
• 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](https://reader034.vdocuments.site/reader034/viewer/2022042510/55610191d8b42a0e408b566e/html5/thumbnails/3.jpg)
Flash Camp Brasil, Maceió, 09 de Abril 2011.
Fluxos de trabalho eficientesentre designers e developers
Tuesday, 12. April 2011
![Page 4: Designer ♥ Developer](https://reader034.vdocuments.site/reader034/viewer/2022042510/55610191d8b42a0e408b566e/html5/thumbnails/4.jpg)
FERRAMENTAS
DESIGNERSDEVELOPERS
Tuesday, 12. April 2011
![Page 5: Designer ♥ Developer](https://reader034.vdocuments.site/reader034/viewer/2022042510/55610191d8b42a0e408b566e/html5/thumbnails/5.jpg)
• Adobe CSPhotoshopFireworksIllustratorIndesignFlash Pro
DESIGNERS
• Ferramentas de colaboração onlineBasecamp
Tuesday, 12. April 2011
![Page 6: Designer ♥ Developer](https://reader034.vdocuments.site/reader034/viewer/2022042510/55610191d8b42a0e408b566e/html5/thumbnails/6.jpg)
• IDE’s, Code EditorsFlash BuilderFlash ProFDTIntelliJFlashDevelopTextmateEmacsVIM
DEVELOPERS
Tuesday, 12. April 2011
![Page 7: Designer ♥ Developer](https://reader034.vdocuments.site/reader034/viewer/2022042510/55610191d8b42a0e408b566e/html5/thumbnails/7.jpg)
• Micro architecture frameworksPureMVCRobotlegsSWiZParsleyCairngorm
DEVELOPERS
Tuesday, 12. April 2011
![Page 8: Designer ♥ Developer](https://reader034.vdocuments.site/reader034/viewer/2022042510/55610191d8b42a0e408b566e/html5/thumbnails/8.jpg)
• 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](https://reader034.vdocuments.site/reader034/viewer/2022042510/55610191d8b42a0e408b566e/html5/thumbnails/9.jpg)
• Repositório e versionamento de códigoSVNGitMercurial
DEVELOPERS
Tuesday, 12. April 2011
![Page 10: Designer ♥ Developer](https://reader034.vdocuments.site/reader034/viewer/2022042510/55610191d8b42a0e408b566e/html5/thumbnails/10.jpg)
FLUXO DE TRABALHOTRADICIONAL
Tuesday, 12. April 2011
![Page 11: Designer ♥ Developer](https://reader034.vdocuments.site/reader034/viewer/2022042510/55610191d8b42a0e408b566e/html5/thumbnails/11.jpg)
• 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](https://reader034.vdocuments.site/reader034/viewer/2022042510/55610191d8b42a0e408b566e/html5/thumbnails/12.jpg)
• 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](https://reader034.vdocuments.site/reader034/viewer/2022042510/55610191d8b42a0e408b566e/html5/thumbnails/13.jpg)
• 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](https://reader034.vdocuments.site/reader034/viewer/2022042510/55610191d8b42a0e408b566e/html5/thumbnails/14.jpg)
O que o developerrecebe
Tuesday, 12. April 2011
![Page 15: Designer ♥ Developer](https://reader034.vdocuments.site/reader034/viewer/2022042510/55610191d8b42a0e408b566e/html5/thumbnails/15.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022042510/55610191d8b42a0e408b566e/html5/thumbnails/16.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022042510/55610191d8b42a0e408b566e/html5/thumbnails/17.jpg)
SOLUÇÕES?
Tuesday, 12. April 2011
![Page 18: Designer ♥ Developer](https://reader034.vdocuments.site/reader034/viewer/2022042510/55610191d8b42a0e408b566e/html5/thumbnails/18.jpg)
O QUE ESTÁ FALTANDO:COMUNICAÇÃO!
PRINCIPALMENTE ENTRE DESIGNERS E DEVELOPERS
Tuesday, 12. April 2011
![Page 19: Designer ♥ Developer](https://reader034.vdocuments.site/reader034/viewer/2022042510/55610191d8b42a0e408b566e/html5/thumbnails/19.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022042510/55610191d8b42a0e408b566e/html5/thumbnails/20.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022042510/55610191d8b42a0e408b566e/html5/thumbnails/21.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022042510/55610191d8b42a0e408b566e/html5/thumbnails/22.jpg)
• 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](https://reader034.vdocuments.site/reader034/viewer/2022042510/55610191d8b42a0e408b566e/html5/thumbnails/23.jpg)
DICAS DO QUE NÃO FAZER
Tuesday, 12. April 2011
![Page 25: Designer ♥ Developer](https://reader034.vdocuments.site/reader034/viewer/2022042510/55610191d8b42a0e408b566e/html5/thumbnails/25.jpg)
@PowerflasherBR
CLAUS WAHLERSCTO
T @cwahlersE [email protected]
GABRIEL PEARTProject Manager
T @gabriel_peartE [email protected]
VALEU!
Tuesday, 12. April 2011