O documento apresenta as principais tecnologias e processos utilizados no desenvolvimento do novo sistema de dieta e saúde. As tecnologias back-end incluem ASP.NET MVC e Web API, enquanto o front-end usa AngularJS, RequireJS e SVG. O time de desenvolvimento conta com 5 pessoas que trabalham em sprints de 3 semanas com integração e deploy contínuos.

1. Novo Dieta e Saúde

2. Agenda
• O que é o novo DS
• Back-end
• Front-end
• Dia a dia do projeto

3. Novo DS

4. Novo DS

5. Novo DS

6. Novo DS

7. Novo DS

8. Back-end

9. Back-end
• ASP.NET MVC = Gerador de HTML + roteamento
• ASP.NET Web API
– CORS (Cross-Origin Resource Sharing)
– OData ($select e $expand)
(http://blogs.msdn.com/b/webdev/archive/2013/07
/05/introducing-select-and-expand-support-in-web-
api-odata.aspx)
– Autenticação via Token

10. Back-end
• CORS, can we use?

11. Front-end

12. Front-end
• AngularJS (http://angularjs.org/)
– Exceto diário de pontos
• Framework MV* para desenvolvimento Client-
Side
• Two way binding, controllers, directives,
dependency injection, templating...

13. Front-end
• require.js (AMD - Asynchronous Module Definition
http://requirejs.org/docs/whyamd.html)
– Build com NodeJS

14. Front-end
• SVG – Raphaeljs (http://raphaeljs.com/)

15. Front-end
• TourBus.js (http://ryanfunduk.com/jquery-
tourbus/)

16. Front-end
• Parênteses para o IE

17. Dia a dia
• Time de 5 desenvolvedores
• Grande proximidade com a galera de produto,
design e nutrição (fisicamente inclusive)
• Sprints de 3 semanas (pelo menos até o meio do
projeto)
• Kanban virtual (TFS)

18. Dia a dia
• SQL de produção (nóis é tudo doido memo)

19. Dia a dia
• Integração e deploy contínuo (para homolog )
– TeamCity

20. Obrigado. Perguntas?