GWT, die bessere Spinne für das Web?papick g.taboada | pgt technology scouting GmbH                                       ...
GWT,                  die bessere Spinne für das Web?                         Mit welchem Framework soll ich das Web von  ...
GWT,                  die bessere Spinne für das Web?                         Warum steckt Google soviel Kraft in GWT und ...
GWT,                  die bessere Spinne für das Web?                         In diesem Vortrag werden verschiedene Aspekt...
GWT is better.
‣ The Web?          ‣ RIAs - The architectural shift          ‣ Standards?Session   ‣ Developing smarterTopics
Web 2.0, 3.0 ?!?© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
Web 2.0 by apps?© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
Web 2.0 by buzzwords?© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
Web 2.0 by technologies?© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
Web 2.0 by what we see© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
Mashups© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
But how?!?© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
XML                                                                      JavaScript                              HTML     ...
copyright 2006, Leland Scott, Musings from Mars                          Native DHTML speakers© 2011 P. G. Taboada | pgt t...
The Ajax        slippery slope            ‣ Try “a little bit of script”            ‣ Every body loves it!             ‣ M...
Fear browsers          with all of mind,          body and spirit                                  When in danger,        ...
HTML5                                       Chrome            Firefox   Safari   Opera                             canvas ...
‣ The Web?           ‣ RIAs - The architectural              shiftSession   ‣ Standards?Topics    ‣ Developing smarter
The web THEN               and now         Browsers where dumb html          terminals         High server side resource...
Browser                             Server            event                      espo    nse          full html r         ...
Browser                             Server            event                      espo    nse          full html r         ...
Browser                             Server            event                      espo    nse          full html r         ...
Browser                             Server            event                      espo    nse          full html r         ...
134 Requests1/2 MB DownloadTHAT WAS ONE  REQUEST!!!
Caching helps, partially
something to                  remember                                   measuring web                                    ...
The web then                 and NOW           Rich user interfaces in the            Browser           Server resource ...
The „ajax“ architectural shift© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
Browser                               Server                      first reques                                       t     ...
JAX                              honour the A in AJAX© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
AJAX stands for                                                                          Asynchronous                     ...
AJAX stands for                                                                         Asynchronous                      ...
AJAX stands for                                                                         Asynchronous        or            ...
D HT M L
http://breganzane.com/blog/snfl.php                                            Ajaxifying Webapps© 2011 P. G. Taboada | pgt...
http://breganzane.com/blog/snfl.php                                            Ajaxifying Webapps© 2011 P. G. Taboada | pgt...
RPC                                 RIAs == Rich Clients© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
yes we can!© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
http://www.javaworld.com/javaworld/jw-07-2003/jw-0725-designpatterns.html© 2011 P. G. Taboada | pgt technology scouting Gm...
http://www.javaworld.com/javaworld/jw-07-2003/jw-0725-designpatterns.html© 2011 P. G. Taboada | pgt technology scouting Gm...
architectural freedom© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
know-how?© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
yes, we can.© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
Eventbus,      Model-View-Presenter,      Command Pattern,      Dependency Injection...                    Ray Ryan - less...
‣ The Web?          ‣ RIAs - The architectural shift           ‣ Standards?Session   ‣ Developing smarterTopics
http://de.wikipedia.org/wiki/   Standard• De-facto- oder Quasi-Standards• Industriestandard• Herstellerspezifische Standard...
Java Web Standard?                  Industriestandard• Java EE ist ein De-facto oder Quasi-Standard in  der Entwicklung vo...
To JSF or not to JSF, that‘s the question
http://de.wikipedia.org/wiki/   Proprietär• Juristisch „urheberrechtlich geschützt“• IT: Dinge, die nicht allgemein anerka...
WEB Standards   Java EE Standards                                   klassische                                  dynamische...
GWT & Standards
cloud    HTML5                       IE6             IE10                  IE9   HTML4             JS                     ...
gibts nicht.
GewährleistungHerstellerunabhängigkeit?Herstellersupport
gibts nicht.
JBossSencha          Google                      (RichFaces)(GXT)    GWT                    Prime Technology    JSF       ...
google is „dogfooding“© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
there is some commitment© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
there are some commiters© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
‣ The Web?          ‣ RIAs - The architectural shift          ‣ Standards?Session    ‣ Developing smarterTopics
Google Web Toolkit                  	 Google Web Toolkit (GWT) is an open source Java                      development fra...
GWT                  	 Google Web Toolkit (GWT) is an open source Java                      development framework that let...
Standalone JS apps© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
JS app can be anything© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
GWT designer                                   Plugin for Eclipse                                                         ...
GWT SDK© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
development cycle© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
Develop in Java© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
Develop in Java© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
Checkstyle                                                   Develop in Java© 2011 P. G. Taboada | pgt technology scouting...
Checkstyle                                                                      Findbugs,                                 ...
Checkstyle                                                                      Findbugs,                                 ...
Checkstyle                                                                       Findbugs,                                ...
Checkstyle                                                                       Findbugs,                                ...
it‘s about engineering© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
One click start© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
Use the webapp© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
Debug in Java© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
Cross compile to JS© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
Distribute© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
GWT does             more than just               compile.                                        Much more.            ...
connection bottleneck© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
Helping where help is needed© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
Sprites© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
!=                           project layout vs. deployment layout© 2011 P. G. Taboada | pgt technology scouting GmbH | htt...
Developer guided splits© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
Splitting the app© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
Generated deferred JS© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
GWT is                           extensible                                 Module concept                              ...
GWT is better.
Better for business
• Sponsored/ developed by Google                      • Apache 2 license                      • Leverage Java knowledge fo...
Better for developers
• End to end debugging                      • No package/ deploy roundtrips                      • Leverage Java knowledge...
Better for performance
• Split points reduce initial download                      • Minimal server load by just loading data                    ...
Better for architects
• Build-What-You-Need (tm)                      • Leverage browser capabilities© 2011 P. G. Taboada | pgt technology scout...
Thanks!© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
Gwt, die bessere spinne
Gwt, die bessere spinne
Gwt, die bessere spinne
Gwt, die bessere spinne
Upcoming SlideShare
Loading in...5
×

Gwt, die bessere spinne

532

Published on

Mit welchem Framework soll ich das Web von heute (und das von morgen) entwickeln?

Warum steckt Google soviel Kraft in GWT und nicht in eine eigene JSF-Implementierung?


In diesem Vortrag werden verschiedene Aspekte aus der Webentwicklung beleuchtet - unter anderem Politik, Architektur, Produktivität, Laufzeitumgebung, Skills - und erklärt, warum GWT die bessere Spinne ist.

Published in: Technology, Sports
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
532
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Gwt, die bessere spinne

  1. 1. GWT, die bessere Spinne für das Web?papick g.taboada | pgt technology scouting GmbH 1
  2. 2. GWT, die bessere Spinne für das Web? Mit welchem Framework soll ich das Web von heute (und das von morgen) entwickeln?© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  3. 3. GWT, die bessere Spinne für das Web? Warum steckt Google soviel Kraft in GWT und nicht in eine eigene JSF-Implementierung?© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  4. 4. GWT, die bessere Spinne für das Web? In diesem Vortrag werden verschiedene Aspekte aus der Webentwicklung beleuchtet - unter anderem Politik, Architektur, Produktivität, Laufzeitumgebung, Skills - und erklärt, warum GWT die bessere Spinne ist.© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  5. 5. GWT is better.
  6. 6. ‣ The Web? ‣ RIAs - The architectural shift ‣ Standards?Session ‣ Developing smarterTopics
  7. 7. Web 2.0, 3.0 ?!?© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  8. 8. Web 2.0 by apps?© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  9. 9. Web 2.0 by buzzwords?© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  10. 10. Web 2.0 by technologies?© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  11. 11. Web 2.0 by what we see© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  12. 12. Mashups© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  13. 13. But how?!?© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  14. 14. XML JavaScript HTML DOM/ DOM-Scripting XMLHttpRequest JSON Dynamic HTML© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  15. 15. copyright 2006, Leland Scott, Musings from Mars Native DHTML speakers© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  16. 16. The Ajax slippery slope ‣ Try “a little bit of script” ‣ Every body loves it! ‣ More!!! ‣ Errr - Do we know Javascript? ‣ Does it work with… ‣ Wait – this is hard!© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  17. 17. Fear browsers with all of mind, body and spirit When in danger, when in doubt, run in circles cry and shout© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  18. 18. HTML5 Chrome Firefox Safari Opera canvas video geolocation appcache database Vic Gundotra workers Google IO Keynote HTML 5 here and now© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  19. 19. ‣ The Web? ‣ RIAs - The architectural shiftSession ‣ Standards?Topics ‣ Developing smarter
  20. 20. The web THEN and now  Browsers where dumb html terminals  High server side resource consumption© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  21. 21. Browser Server event espo nse full html r event spo nse fu ll html re event spo nse fu ll html re
  22. 22. Browser Server event espo nse full html r event spo nse fu ll html re event spo nse fu ll html re
  23. 23. Browser Server event espo nse full html r event spo nse fu ll html re event spo nse fu ll html re
  24. 24. Browser Server event espo nse full html r event spo nse fu ll html re event spo nse fu ll html re
  25. 25. 134 Requests1/2 MB DownloadTHAT WAS ONE REQUEST!!!
  26. 26. Caching helps, partially
  27. 27. something to remember measuring web performance is measuring latency© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  28. 28. The web then and NOW  Rich user interfaces in the Browser  Server resource consumption reduced to a minimum© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  29. 29. The „ajax“ architectural shift© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  30. 30. Browser Server first reques t e sp o n se full html reventevent data reque stevent dataevent data reque st data
  31. 31. JAX honour the A in AJAX© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  32. 32. AJAX stands for Asynchronous JavaScript and XML JAX honour the A in AJAX© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  33. 33. AJAX stands for Asynchronous JavaScript and XML JAX honour the A in AJAX© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  34. 34. AJAX stands for Asynchronous or JavaScript and XML JSON... JAX honour the A in AJAX© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  35. 35. D HT M L
  36. 36. http://breganzane.com/blog/snfl.php Ajaxifying Webapps© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  37. 37. http://breganzane.com/blog/snfl.php Ajaxifying Webapps© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  38. 38. RPC RIAs == Rich Clients© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  39. 39. yes we can!© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  40. 40. © 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  41. 41. http://www.javaworld.com/javaworld/jw-07-2003/jw-0725-designpatterns.html© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  42. 42. http://www.javaworld.com/javaworld/jw-07-2003/jw-0725-designpatterns.html© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  43. 43. architectural freedom© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  44. 44. know-how?© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  45. 45. yes, we can.© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  46. 46. Eventbus, Model-View-Presenter, Command Pattern, Dependency Injection... Ray Ryan - lessons learned© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  47. 47. ‣ The Web? ‣ RIAs - The architectural shift ‣ Standards?Session ‣ Developing smarterTopics
  48. 48. http://de.wikipedia.org/wiki/ Standard• De-facto- oder Quasi-Standards• Industriestandard• Herstellerspezifische Standards• Offener Standard
  49. 49. Java Web Standard? Industriestandard• Java EE ist ein De-facto oder Quasi-Standard in der Entwicklung von unternehmenskritischen Anwendungen Standard• JSF Spezifikation ist Teil der Java EE Spezifikation
  50. 50. To JSF or not to JSF, that‘s the question
  51. 51. http://de.wikipedia.org/wiki/ Proprietär• Juristisch „urheberrechtlich geschützt“• IT: Dinge, die nicht allgemein anerkannten Standards entsprechen („hauseigene Entwicklungen“)• Freie-Software-Bewegung: alles was nicht frei (Lizenztechnisch) und Quelloffen ist.
  52. 52. WEB Standards Java EE Standards klassische dynamischeRIAs Webanwend ungen Where is the magic?
  53. 53. GWT & Standards
  54. 54. cloud HTML5 IE6 IE10 IE9 HTML4 JS Support Websphere 5... 6... 7... MobileZukunftsicherheit
  55. 55. gibts nicht.
  56. 56. GewährleistungHerstellerunabhängigkeit?Herstellersupport
  57. 57. gibts nicht.
  58. 58. JBossSencha Google (RichFaces)(GXT) GWT Prime Technology JSF (PrimeFaces) Isomorphic Software (Smart GWT) Icesoft Technologies (IceFaces) Blau oder Rot?
  59. 59. google is „dogfooding“© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  60. 60. there is some commitment© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  61. 61. there are some commiters© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  62. 62. ‣ The Web? ‣ RIAs - The architectural shift ‣ Standards?Session ‣ Developing smarterTopics
  63. 63. Google Web Toolkit Google Web Toolkit (GWT) is an open source Java development framework that lets you escape the matrix of technologies that make writing AJAX applications so difficult and error prone. With GWT, you can develop and debug AJAX applications in the Java language using the Java development tools of your choice. When you deploy your application to production, the GWT compiler translates your Java application to browser-compliant JavaScript and HTML.© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  64. 64. GWT Google Web Toolkit (GWT) is an open source Java development framework that lets you escape the matrix of technologies that make writing AJAX applications so difficult and error prone. With GWT, you can develop and debug AJAX applications in the Java language using the Java development tools of your choice. When you deploy your application to production, the GWT compiler translates your Java application to browser-compliant JavaScript and HTML.© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  65. 65. Standalone JS apps© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  66. 66. JS app can be anything© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  67. 67. GWT designer Plugin for Eclipse Speed Tracer SDK unboxing© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  68. 68. GWT SDK© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  69. 69. development cycle© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  70. 70. Develop in Java© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  71. 71. Develop in Java© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  72. 72. Checkstyle Develop in Java© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  73. 73. Checkstyle Findbugs, PMD Develop in Java© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  74. 74. Checkstyle Findbugs, PMD Patterns Develop in Java© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  75. 75. Checkstyle Findbugs, PMD Patterns Unit testing Develop in Java© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  76. 76. Checkstyle Findbugs, PMD Patterns Unit testing Refactoring! Develop in Java© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  77. 77. it‘s about engineering© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  78. 78. One click start© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  79. 79. Use the webapp© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  80. 80. Debug in Java© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  81. 81. Cross compile to JS© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  82. 82. Distribute© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  83. 83. GWT does more than just compile.  Much more.  The sky is the limit?© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  84. 84. connection bottleneck© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  85. 85. Helping where help is needed© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  86. 86. Sprites© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  87. 87. != project layout vs. deployment layout© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  88. 88. Developer guided splits© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  89. 89. Splitting the app© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  90. 90. Generated deferred JS© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  91. 91. GWT is extensible  Module concept  Extensible GUI model  Code Generator  JSNI© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  92. 92. GWT is better.
  93. 93. Better for business
  94. 94. • Sponsored/ developed by Google • Apache 2 license • Leverage Java knowledge for RIA development • Software engineering suitable for product development© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  95. 95. Better for developers
  96. 96. • End to end debugging • No package/ deploy roundtrips • Leverage Java knowledge and tooling© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  97. 97. Better for performance
  98. 98. • Split points reduce initial download • Minimal server load by just loading data • Reduced number of requests • Uses client/ browser resources to free up server resources© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  99. 99. Better for architects
  100. 100. • Build-What-You-Need (tm) • Leverage browser capabilities© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de
  101. 101. Thanks!© 2011 P. G. Taboada | pgt technology scouting GmbH | http://pgt.de

×