Passos para a criação de um protótipo funcional

Transcript

1. Passos  para  criação  de   protótipo  funcional   CodingDojo  
2. Quem  Sou  Eu?   Patrício  dos  Santos   Director  Técnico  de  Informática  na  ITELnet  –  Comunicações  e  Serviços,  S.A.       •  PHP  (Laravel  /  CakePHP)   •  C#   •  Ruby  (Ruby  on  Rails)   •  Java  (JSP  e  Android)   •  Git…  entre  outras…     http://www.patriciodossantos.net   https://github.com/psantos10   https://www.linkedin.com/in/psantos10      
3. Comunidade  AngoDev   http://www.angodev.com   https://www.facebook.com/angodev   https://www.facebook.com/groups/angodev      
4. Meet.US()   http://meetus.angodev.com/  
5. “Protótipo  é  um  produto  de  trabalho   em  fase  de  testes  e/ou  planejamento   de  um  projecto.”     https://pt.wikipedia.org/wiki/Protótipo   Protótipo  Funcional  -­‐  Definição  
6. Carro  autônomo  da  Google  
7. “Protótipo  é  um  sistema/modelo  (um   website  ou  outro  software)  sem   funcionalidades  inteligentes  (acesso  à   banco  de  dados,  por  exemplo),  podendo   conter  apenas  funcionalidades  gráficas.”     https://pt.wikipedia.org/wiki/Protótipo   Na  Engenharia  de  Software…  
8. SmartKwanza  
9. Porque  criar  um  protótipo?  
10. Plataforma  de  Blogging   estilo  Medium   -­‐  Shareable  -­‐     https://medium.com/@vmarildo   1º  Passo:  Identificar  o  Problema  
11. 2º  Passo:  Identificar  as  Ferramentas  
12. 2.1.  Moqups   http://moqups.com  
13. 2.2.  Balsamiq   https://balsamiq.com/  
14. 2.3.  Axure   http://www.axure.com/  
15. *  inVision  -­‐  http://www.invisionapp.com/   *  Creately  -­‐  http://creately.com/   *  Mockingbird  -­‐  https://gomockingbird.com/   *  Fluid  -­‐  https://www.fluidui.com/   *  Mockup  Builder  -­‐  http://mockupbuilder.com/     *  Pidoco  -­‐  https://pidoco.com/en   *  HotGloo  -­‐  http://www.hotgloo.com/   *  Proto.io  -­‐  https://proto.io/     2.4.  E  muitos  outros…  
16. Calma…  ainda  existe  o  melhor…*   *  Opinião  Pessoal  
17. O  que  é?     Vantagens   Ruby  e  RubyOnRails  
18. * Bootstrap   * http://getbootstrap.com/   * Foundation     * http://foundation.zurb.com/       Frameworks  CSS  
19. Bootstrap  Examples  
20. 3º  Passo:  Mão  na  Massa  
21. https://github.com/ AngoDev/shareable   Github  
22. *  Criação  /  Registo  de  Utilizadores   *  Autenticação  de  Utilizadores   *  Painel  de  Administração  (do  Utilizador)   *  Publicação  dos  Artigos   *  Página  do  Utilizador   *  Comentários   O  Que  faremos  
23. O  Que  podemos  melhorar  
24. * Ambiente  de  Desenvolvimento   * Hospedagem   * Comunidade  Ruby  /  RubyOnRails   * Onde  Aprender   Considerações  Finais  
25. Perguntas  e  Respostas  
26. Fim