HTML/HTTP  e a WebWillian Massami Watanabe           1
ObjetivoAnalisar a evolução das tecnologias web                   2
Sumário• HTML e HTTP• Web 2.0• HTML5• Impactos na Engenharia Web                   3
HTML e HTTP     4
HTML e HTTP     5
HTML e HTTP     5
HTML e HTTP     5
HTML e HTTP     5
HTML e HTTP     5
HTML e HTTP     5
HTML e HTTP     6
HTML e HTTP     7
HTML e HTTP  WWW     8
HTML e HTTP     WWWComo isso começou?        9
HTML e HTTP  WWW     10
HTML e HTTP Tim Berners Lee  WWW        11
HTML e HTTP1989                       Hoje  HTML       HTTP         Browser                        Tim Berners Lee        ...
HTML e HTTP     1989               Hoje 1945: Memory   Extension1960s: Hypertext 1974: Internet                   13
HTML e HTTP     1989                           Hoje 1945: Memory   Extension1960s: Hypertext 1974: Internet               ...
HTML e HTTP     1989                       Hoje 1945: Memory   Extension1960s: Hypertext 1974: Internet                   ...
HTML e HTTP1989                       Hoje  HTML       HTTP         Browser                        Tim Berners Lee        ...
HTML e HTTP1989                         Hoje  HTML       Hipertexto  HTTP Browser                          Tim Berners Lee...
HTML e HTTP   HTMLHyperText Markup Language: para organizar o              conhecimento                          Tim Berne...
HTML e HTTP     1989                          Hoje 1945: Memory   Extension1960s: Hypertext 1974: Internet                ...
HTML e HTTP          Internet     20
HTML e HTTP  AplicaçãoApresentação   Sessão Transporte    Rede   Enlace    Físico                    Internet             ...
HTML e HTTP  Aplicação          HTTPApresentação   Sessão Transporte    Rede   Enlace    Físico                    Interne...
HTML e HTTP1989                        Hoje  HTML  HTTP       Protocolo Browser                         Tim Berners Lee   ...
HTML e HTTP1989                         Hoje  HTML  HTTP Browser     Interface                          Tim Berners Lee   ...
HTML HTTPBrowser          25
HTML e HTTP1989                    Hoje  HTML       HTTP              WWW         Browser                   26
HTML e HTTP   Por quê?           Tim Berners Lee      27
HTML e HTTPFrustration              Tim Berners Lee        28
HTML e HTTPFrustration        Documentos                          Tim Berners Lee                     29
HTML e HTTPFrustration        Documentos                          Tim Berners Lee                     30
HTML e HTTPFrustration        Documentos                          Tim Berners Lee                     31
HTML e HTTPFrustration       !=       !=        Documentos                          Tim Berners Lee                     32
HTML e HTTPHipertexto não foi a     inovação                       Tim Berners Lee                  33
HTML HTTPBrowser          34
HTML      Documentos Distribuídos HTTPBrowser           34
HTML e HTTPInteroperabilidade        35
HTML e HTTP1989                    Hoje  HTML       HTTP         Browser                   36
HTML e HTTP1989                              Hoje  HTML                HTML  HTTP                     JavaScript     CSS B...
HTML e HTTP1989                        Hoje  HTML  HTTP Browser                     HTML                38
HTML e HTTP1989                 Hoje  HTML  HTTP Browser                39
HTML e HTTP1989                    Hoje  HTML       HTTP         Browser                   40
Web 2.0   41
Web 2.0   Web humanaWeb como plataforma         42
Web 2.0Web humana             43
Web 2.0     Web humanaAutor de      HTML     Usuáriosconteúdo                  44
Web 2.0      Web humana         HTML             UsuáriosUsuário participando da autoria de conteúdo   Redes sociais como ...
Web 2.0Web humanaUsabilidade          HTML            46                 Usuários
Web 2.0Usabilidade• Melhorar a experiência do usuário  • Satisfação  • Eficiência  • Eficácia                    47
Web 2.0Usabilidade                AjaxEstilo arquitetural composto por diferentes idéias e      tenologias associadas (Mah...
Web 2.0  Ajax   49
Web 2.0JavaScript e DHTML        50
Web 2.0JavaScript          Ajax              HTML HTML Events                                     CSS                     ...
Web 2.0            JavaScriptFormatos de comunicação de dados                52
Web 2.0    SVGJavaScript          Ajax                    HTML                                     XML  HTML Events       ...
Web 2.0            JavaScript Formatos de comunicação de dadosProtocolo de comunicação HTTP                54
Web 2.0.net          JAVA                         RUBY                     PHP          Python        SVG  JavaScript     ...
Web 2.0  Ajax   56
Web 2.0   Web humanaWeb como plataforma         57
Web 2.0Web como plataforma            Web           mashups  Reutilização de conteúdo web disponíveis             em outra...
Web 2.0Web como plataforma               Web                                 Ajax              mashupsRPC      RestFul    ...
Web 2.0Web como plataforma          Web         mashups    Reutilização      Performance                   60
HTML5  61
HTML51989                           Hoje  HTML             HTML  HTTP                  JavaScript     CSS Browser         ...
HTML5JavaScript HTML CSS 3    63
HTML5JavaScript  •  Armazenamento no Cliente (Web SQL     Database, App Cache, Web Storage)  • Communicação (Web Sockets, ...
HTML5HTML• Semântica (New tags, Link Relations,  Microdata)• Acessibilidade (ARIA roles)• Formulário Web 2.0 (Input Fields...
HTML5CSS 3• Tipografia (Text-shadow, font face)• Novos elementos visuais (RGBA, Border  Radius, Gradient)• Transição, trans...
HTML5  67
Impactos nodesenvolvimento       68
Impactos no     desenvolvimento• Vantagens da plataforma web • Cliente padrão • Atualizações centralizadas no servidor • P...
HTML e HTTPHTML HTTPBrowser           Interoperabilidade                70
Web 2.0Web humanaUsabilidade          HTML            71                 Usuários
Web 2.0Web como plataforma          Web         mashups    Reutilização      Performance                   72
Impactos no        desenvolvimentoHTMLJavaScript   CSS                   73
Impactos no        desenvolvimentoHTMLJavaScript   CSS                   74
Impactos no        desenvolvimentoHTMLJavaScript   CSS                   75                        Usuários
Impactos no        desenvolvimentoHTMLJavaScript   CSS                   76                        Usuários
Impactos no        desenvolvimentoHTMLJavaScript   CSS                   77                        Usuários
Referências•   CHERYL GRIBBLE. History of the Web Beginning at CERN, 2010. Disponível em: http://    www.hitmill.com/inter...
Onde procurar ajuda?•   http://w3schools.com•   http://www.w3.org/TR/REC-html40/•   http://www.w3.org/Protocols/rfc2616/rf...
Upcoming SlideShare
Loading in …5
×

HTML/HTTP e a Web

322 views

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
322
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
5
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

HTML/HTTP e a Web

  1. 1. HTML/HTTP e a WebWillian Massami Watanabe 1
  2. 2. ObjetivoAnalisar a evolução das tecnologias web 2
  3. 3. Sumário• HTML e HTTP• Web 2.0• HTML5• Impactos na Engenharia Web 3
  4. 4. HTML e HTTP 4
  5. 5. HTML e HTTP 5
  6. 6. HTML e HTTP 5
  7. 7. HTML e HTTP 5
  8. 8. HTML e HTTP 5
  9. 9. HTML e HTTP 5
  10. 10. HTML e HTTP 5
  11. 11. HTML e HTTP 6
  12. 12. HTML e HTTP 7
  13. 13. HTML e HTTP WWW 8
  14. 14. HTML e HTTP WWWComo isso começou? 9
  15. 15. HTML e HTTP WWW 10
  16. 16. HTML e HTTP Tim Berners Lee WWW 11
  17. 17. HTML e HTTP1989 Hoje HTML HTTP Browser Tim Berners Lee 12
  18. 18. HTML e HTTP 1989 Hoje 1945: Memory Extension1960s: Hypertext 1974: Internet 13
  19. 19. HTML e HTTP 1989 Hoje 1945: Memory Extension1960s: Hypertext 1974: Internet Memex Vannevar Bush 14
  20. 20. HTML e HTTP 1989 Hoje 1945: Memory Extension1960s: Hypertext 1974: Internet Hypertext 15
  21. 21. HTML e HTTP1989 Hoje HTML HTTP Browser Tim Berners Lee 16
  22. 22. HTML e HTTP1989 Hoje HTML Hipertexto HTTP Browser Tim Berners Lee 17
  23. 23. HTML e HTTP HTMLHyperText Markup Language: para organizar o conhecimento Tim Berners Lee 18
  24. 24. HTML e HTTP 1989 Hoje 1945: Memory Extension1960s: Hypertext 1974: Internet Internet 19
  25. 25. HTML e HTTP Internet 20
  26. 26. HTML e HTTP AplicaçãoApresentação Sessão Transporte Rede Enlace Físico Internet 21
  27. 27. HTML e HTTP Aplicação HTTPApresentação Sessão Transporte Rede Enlace Físico Internet 22
  28. 28. HTML e HTTP1989 Hoje HTML HTTP Protocolo Browser Tim Berners Lee 23
  29. 29. HTML e HTTP1989 Hoje HTML HTTP Browser Interface Tim Berners Lee 24
  30. 30. HTML HTTPBrowser 25
  31. 31. HTML e HTTP1989 Hoje HTML HTTP WWW Browser 26
  32. 32. HTML e HTTP Por quê? Tim Berners Lee 27
  33. 33. HTML e HTTPFrustration Tim Berners Lee 28
  34. 34. HTML e HTTPFrustration Documentos Tim Berners Lee 29
  35. 35. HTML e HTTPFrustration Documentos Tim Berners Lee 30
  36. 36. HTML e HTTPFrustration Documentos Tim Berners Lee 31
  37. 37. HTML e HTTPFrustration != != Documentos Tim Berners Lee 32
  38. 38. HTML e HTTPHipertexto não foi a inovação Tim Berners Lee 33
  39. 39. HTML HTTPBrowser 34
  40. 40. HTML Documentos Distribuídos HTTPBrowser 34
  41. 41. HTML e HTTPInteroperabilidade 35
  42. 42. HTML e HTTP1989 Hoje HTML HTTP Browser 36
  43. 43. HTML e HTTP1989 Hoje HTML HTML HTTP JavaScript CSS Browser 37
  44. 44. HTML e HTTP1989 Hoje HTML HTTP Browser HTML 38
  45. 45. HTML e HTTP1989 Hoje HTML HTTP Browser 39
  46. 46. HTML e HTTP1989 Hoje HTML HTTP Browser 40
  47. 47. Web 2.0 41
  48. 48. Web 2.0 Web humanaWeb como plataforma 42
  49. 49. Web 2.0Web humana 43
  50. 50. Web 2.0 Web humanaAutor de HTML Usuáriosconteúdo 44
  51. 51. Web 2.0 Web humana HTML UsuáriosUsuário participando da autoria de conteúdo Redes sociais como Orkut, Twitter, ... 45
  52. 52. Web 2.0Web humanaUsabilidade HTML 46 Usuários
  53. 53. Web 2.0Usabilidade• Melhorar a experiência do usuário • Satisfação • Eficiência • Eficácia 47
  54. 54. Web 2.0Usabilidade AjaxEstilo arquitetural composto por diferentes idéias e tenologias associadas (Mahemoff, 2006) Emprego de tecnologias abertas com base em padrões arquiteturais da Internet e da Web (Garrett, 2005)(Fraternali et al., 2010) 48
  55. 55. Web 2.0 Ajax 49
  56. 56. Web 2.0JavaScript e DHTML 50
  57. 57. Web 2.0JavaScript Ajax HTML HTML Events CSS DHTML DOM HTML 51
  58. 58. Web 2.0 JavaScriptFormatos de comunicação de dados 52
  59. 59. Web 2.0 SVGJavaScript Ajax HTML XML HTML Events CSS DHTMLJSON DOM HTML 53
  60. 60. Web 2.0 JavaScript Formatos de comunicação de dadosProtocolo de comunicação HTTP 54
  61. 61. Web 2.0.net JAVA RUBY PHP Python SVG JavaScript Ajax HTML XML HTML Events CSS DHTML JSON DOM HTML 55
  62. 62. Web 2.0 Ajax 56
  63. 63. Web 2.0 Web humanaWeb como plataforma 57
  64. 64. Web 2.0Web como plataforma Web mashups Reutilização de conteúdo web disponíveis em outras aplicações 58
  65. 65. Web 2.0Web como plataforma Web Ajax mashupsRPC RestFul XML SVG JSONWebservices RSS Schema 59
  66. 66. Web 2.0Web como plataforma Web mashups Reutilização Performance 60
  67. 67. HTML5 61
  68. 68. HTML51989 Hoje HTML HTML HTTP JavaScript CSS Browser 62
  69. 69. HTML5JavaScript HTML CSS 3 63
  70. 70. HTML5JavaScript • Armazenamento no Cliente (Web SQL Database, App Cache, Web Storage) • Communicação (Web Sockets, Worker Workers) • Interação com o Usuário (Notifications, Drag and Drop API) • Geolocalização 64
  71. 71. HTML5HTML• Semântica (New tags, Link Relations, Microdata)• Acessibilidade (ARIA roles)• Formulário Web 2.0 (Input Fields)• Multimídia (Audio Tag,Video Tag)• Desenhos 2D and 3D (Canvas, WebGL, SVG) 65
  72. 72. HTML5CSS 3• Tipografia (Text-shadow, font face)• Novos elementos visuais (RGBA, Border Radius, Gradient)• Transição, transformação e animação 66
  73. 73. HTML5 67
  74. 74. Impactos nodesenvolvimento 68
  75. 75. Impactos no desenvolvimento• Vantagens da plataforma web • Cliente padrão • Atualizações centralizadas no servidor • Portabilidade 69
  76. 76. HTML e HTTPHTML HTTPBrowser Interoperabilidade 70
  77. 77. Web 2.0Web humanaUsabilidade HTML 71 Usuários
  78. 78. Web 2.0Web como plataforma Web mashups Reutilização Performance 72
  79. 79. Impactos no desenvolvimentoHTMLJavaScript CSS 73
  80. 80. Impactos no desenvolvimentoHTMLJavaScript CSS 74
  81. 81. Impactos no desenvolvimentoHTMLJavaScript CSS 75 Usuários
  82. 82. Impactos no desenvolvimentoHTMLJavaScript CSS 76 Usuários
  83. 83. Impactos no desenvolvimentoHTMLJavaScript CSS 77 Usuários
  84. 84. Referências• CHERYL GRIBBLE. History of the Web Beginning at CERN, 2010. Disponível em: http:// www.hitmill.com/internet/web_history.html.• TIM BERNERS-LEE. Information Management: A Proposal, 1990. Disponível em: http:// www.nic.funet.fi/index/FUNET/history/internet/w3c/proposal.html.• TIM BERNERS-LEE e R. CAILLIAU. World Wide Web: Proposal for a HyperText Project, 1990. Disponível em: http://www.w3.org/Proposal.html.• DOM CONNOLY. A Little History of the World Wide Web, 2000. Disponível em: http:// www.w3.org/History.html.• J. J. GARRET. Ajax: A new approach to web applications, 2005. Disponível em: http:// adaptivepath.com/ideas/essays/archives/000385.php.• M. MAHEMOFF. Ajax Design Patterns, 2006. O’Reilly Media, Inc.• P. FRATERNALI, S. COMAI, A. BOZZON E G. T. CARUGHI. Engineering rich internet applications with a model-driven approach, 2010. ACM Transaction on Information Systems. 78
  85. 85. Onde procurar ajuda?• http://w3schools.com• http://www.w3.org/TR/REC-html40/• http://www.w3.org/Protocols/rfc2616/rfc2616.html• http://www.html5rocks.com/• http://ajaxpatterns.org/Patterns 79

×