Dividindo responsabilidades com VRaptor, Rest, HTML5 e CSS3

3.751 visualizações

Publicada em

Palestra apresentada no II BootCamp OescLivre e Unoesc São Miguel com o tema: Dividindo responsabilidades com VRaptor, Rest, HTML5 e CSS3, onde apresentamos uma alternativa de divisão de tarefas utilizadas na Camtwo com os frameworks citados.

Publicada em: Tecnologia
  • Seja o primeiro a comentar

Dividindo responsabilidades com VRaptor, Rest, HTML5 e CSS3

  1. 1. Dividindo responsabilidades comVRaptor, Rest, HTML5 e CSS3 André Luiz Forchesatto e Maurício Berté
  2. 2. É possível aproveitar aexpertise de equipes multidisciplinaresem projetos WEB?
  3. 3. Multidisciplinaridade back-end front-end● java, php, c++, c#, ● XHTML ruby, javaScript ● CSS● integração: rest, soap ● JavaScript● persistência ● Tratamento de● sistemas distribuídos imagens
  4. 4. Desenvolvimento WEB● Componet Based ○ Simplicidade no desenvolvimento e aprendizado; ○ Conjunto de componentes visuais. Semelhante ao que acontece no desktop; ○ Exige pouco conhecimento de html+css+javascript● Exemplos: ○ JSF ○ .NET
  5. 5. Desenvolvimento WEB● Action Based ○ Framework MVC ○ Baseado em ações ○ Não possuem componentes visuais; ○ Maior flexibilidade no desenvolvimento; ○ Exige mais conhecimento HTML+CSS+JavaScript● Exemplos ○ VRaptor ○ Spring MVC ○ RubyOnRails ○ ASP NET MVC
  6. 6. Uma proposta● Action Based VRaptor● Rest● HTML 5● CSS 3 BootStrap● JavaScript
  7. 7. VRaptor "VRaptor 3 é uma framework MVC para web focado no desenvolvimento ágil."
  8. 8. Por que VRaptor
  9. 9. Por onde começarhttp://vraptor.caelum.com.brhttp://www.caelum.com.br/apostilas/
  10. 10. PadrõesConfiguração por convenção
  11. 11. Padrão Controller
  12. 12. Padrão View● Segue Padrão JSP com HTML normal● name dos componentes são os atributos das classes
  13. 13. RestA Transferência de Estado Representacional (Representational State Transfer) ousomente (REST) é uma técnica de engenharia de software para sistemas hipermídiadistribuídos como a World Wide Web.Roy Fielding "A REST (Transferência do Estado Representacional) é pretendida comouma imagem do design da aplicação se comportará: uma rede de websites (um estadovirtual), onde o usuário progride com uma aplicação selecionando as ligações (transiçõesdo estado), tendo como resultado a página seguinte (que representa o estado seguinteda aplicação) que está sendo transferida ao usuário e apresentada para seu uso."
  14. 14. REST● REST é um conjunto de restrições que define um padrão arquitetural;● Permitir o endereçamento dos recursos do seu sistema de uma forma padronizada;● Protocolo HTTP não somente como uma maneira de transmitir dados;
  15. 15. REST● Triangulo REST ○ Substantivos: Recursos ○ Verbos: Operações ■ GET ■ POST ■ PUT ■ DELETE ■ HEAD, OPTIONS e TRACE ○ Content type: Representação
  16. 16. REST + VRaptor
  17. 17. REST na VIEW
  18. 18. Quais são os ganhos?● Menor acoplamento da view com controller● O programador web não precisa conhecer os métodos presentes na classe Java● Trabalho somente com os componentes HTML
  19. 19. E a VIEW ?
  20. 20. Antes dos ajustesprofissionais
  21. 21. Após ajustes profissionais
  22. 22. Devo me preocupar com...O que vai acessar meu sistema? ● computador ● tablet ● smartphone ● televisão ● videogame
  23. 23. Devo me preocupar com:Qual a difrença entre os dispositos? ● Desempenho ○ Processamento ● Tamanho da tela ○ Resolução ● Forma de acesso ○ recursos de dados
  24. 24. HTML5 e CSS3
  25. 25. Quem criou isso?Em 2004; ● Mozilla ● Apple ● Opera
  26. 26. HTML5Quais são as novidades? ● Novos tipos de elementos ● Audio e Vídeo ● Canvas ● SVG ● e muito mais
  27. 27. CSS3Quais são as novidades? ● Cantos arredondados ● Sombras ● Gradiente ● Transparência ● Canvas ● Uso de fonts específicas
  28. 28. oba... posso usar tudo isso? depende...
  29. 29. a palavra é MODERAÇÃOmas porque?● HTML5 e CSS3 estão sendo desenvolvidos e homologados por partes.● Browsers antigos● Diferentes motores de renderização
  30. 30. Motores de Renderização Motor Browsers Webkit Safari e Google Chrome Geko Firefox, Mozilla e Camino Trident Internet Explorer 4 ao 9 Presto Opera ao 10
  31. 31. HTML/CSS/JavaScript Bootstrap
  32. 32. Tudo começa em:http://twitter.github.com/bootstrap
  33. 33. Perguntas?André Luiz Forchesattohttp://about.me/andreforchesattoMaurício Bertéhttp://about.me/mauricioberteProjeto exemplo: https://github.com/forchesatto/opineEvento

×