Gwt widget frameworks_presentation

3,467 views

Published on

Comparison of GWT Frameworks,
ext-GWT, Vaadin, SmartGWT

Slides are in beta, David Amend

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

No Downloads
Views
Total views
3,467
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
64
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Gwt widget frameworks_presentation

  1. 1. Comparison Of GWT Frameworks
  2. 2. Agenda ● The Situation Of Web Frameworks ● Plain GWT ● GWT-Widget Frameworks ● Date Facts & Discussion GWT GWT
  3. 3. ● DavidAmend ○ Java Developer ○ Interests: Frontend Architectures, JavaScript, Triathlon-Sports About
  4. 4. Your Background? ● Your Experience With Web Development? ● What Do You Want To Get From This Session?
  5. 5. Java for web applications? Is Wicket/JSF/GWT/Spring MVC your first choice to build an Enterprise Web Application? You feel that there must be something wrong in your technology stack, because it can get so complex and time consuming to generate some data, surrounded with HTML tags and some dynamic behavior? Check: http://de.slideshare.net/DavidAm/migration-from-java-to-modern-web- development-with-javascript-and-angular
  6. 6. Choice Of Web-Techniques
  7. 7. Which Web- Framework To Choose ?
  8. 8. User Experience
  9. 9. Long Time Support
  10. 10. Money Matters
  11. 11. Time Matters
  12. 12. Limits of Concepts? http://raibledesigns.com
  13. 13. Limits of Performance http://raibledesigns.com
  14. 14. Is There A Conceptual Difference Of Web Frameworks?
  15. 15. Differentiation Of Web-Frameworks
  16. 16. Rich Internet Applications No Session State Clear Separation Easy Exchangeable Easy Extendable Don't befooled ! - Separation of Client/Server http://www.adobe.com/enterprise/pdfs/infotech-ria-business-case.pdf http://www.canoo.com/blog/wp- content/uploads/2007/04/jax07_riapatterns.pdf
  17. 17. Client-Server Hybrids
  18. 18. Clear Separation GWT GWT REST
  19. 19. MVC/ MVVM on the client + REST
  20. 20. Right tool for ... whom? http://www.javacodegeeks.com/2012/01/gwt-pros-and-cons.html
  21. 21. Are you a Java Service or Web Developer ? Springsource, Craig Walls http://www.infoq.com/presentations/JavaScript-Frameworks-Review
  22. 22. Matrix & Comparisons of Web- Frameworks ● Matt Raible, Decision Matrix: https://spreadsheets.google.com/pub? key=0AtkkDCT2WDMXdC1HOEtnUHpCejJMbUhGeGJWUmh5dVE&hl=en&output=html ● Play Scala, CoffeeScript, Jade: http://raibledesigns. com/rd/entry/comparing_web_frameworks_and_html5 ● Magnolia Decision Matrix http://wiki.magnolia-cms.com/display/MAGNOLIA5/Architecture+-+Decision+Table ● Video About Web-Frameworks:http://www.parleys. com/#st=5&id=2942 ● RIA - Client Centric Architectures http://www.it-amend.de
  23. 23. Plain GWT
  24. 24. Plain GWT
  25. 25. Explanation of Technology TODO
  26. 26. GWT Pros ● Good UI-Component-Set ● Library not Framework ● Web-Applications with Java and CSS ● Very good debugging and IDE support ● Good styling with CSS ● Very large web applications possible ● one HTML page possible
  27. 27. GWT Cons ● long compile times in large projects ● not easy to work with web design first approach ● longer page load time ● for large projects you need a little (?) framework ● not easy/possible to integrade ads (e. g. Adsense)
  28. 28. Google X Toolkits GWT S-GWT Ext-GWT GXT Vaadin
  29. 29. Smart GWT
  30. 30. SmartGWT Facts 1998 SmartClient 2008 SmartGWT Beta SmartGWT Mobile
  31. 31. SmartGWT Facts "Sjivan moved from Sencha" http://jroller.com/sjivan/entry/update_on_future_direction_of1 http://www.smartclient.com/company/ISC_LGPL.pdf Comparison With Competitors http://www.smartclient.com/product/competition.jsp
  32. 32. Showcases http://www.smartclient.com/smartgwt/showcase http://www.smartclient.com/smartgwtee/showcase Client https://wep-test.wirecard.com/portal Server
  33. 33. SmartGWT Architecture DataSource.xml ● SQL ● REST ● Hibernate ● Custom Server Shared Client Client-Components Criteria ● Read Values ● Create ● Updat e Delete Server-Logic
  34. 34. SmartGWT Facts ● Databound Components ● Server-Support License ● XML-Configuration ● No DTOs but Key-Value Mapping
  35. 35. SmartGWT
  36. 36. SmartJS GWT
  37. 37. SmartGWT "Never Mix Plain-GWT Code !!!"
  38. 38. SmartGWT Pros ● Server-Side: Data-Binding, DataSources, - Independant Concepts ● Fast Start ● Convention-Over-Configuration
  39. 39. SmartGWT Pros Quick Start
  40. 40. SmartGWT Pros Rich UI- Component-Set
  41. 41. SmartGWT Pros
  42. 42. SmartGWT Cons ● Learn New Concepts ● No Open-Source of Server-Logic ● Adaption Of Existing Services ● JavaScript GWT-Wrapper, Initial Load Time ● Customization, Workarounds, Layouting ● Learning Resources ● Forum Support
  43. 43. SmartGWT Cons REST Weak Adoption of Server-Frameworks
  44. 44. EXT-GWT / GXT GWT
  45. 45. EXT-GWT / GXT History Sencha Touch, 2010 EXT-JS*, (YUI- Extension) < 2008 GWT-EXT (JS-Wrapper) 2008 2008, EXT- GWT
  46. 46. EXT-GWT Version Change
  47. 47. GXT-Showcase http://www.sencha.com/examples
  48. 48. Support Pros Ext-GWT
  49. 49. Pros Ext-GWT
  50. 50. GXT: Pure GWT Implementation Pros GW T Com patible UI-Binding & Event-Handling Layout & Design Extendabl e
  51. 51. ExtGWT Cons ● No Open-Source ● License Costs ● Online Resources
  52. 52. ExtGWT Cons Feels made for Java Devs < Web Devs
  53. 53. ExtGWT Cons Bad Backwards Compatibility In The Past 3.x Release Changes Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet, consetetur sadipscin g elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
  54. 54. GWT
  55. 55. History JS Vaadin 2002 2008 GWT- Migration TouchKit Beta
  56. 56. Vaadin
  57. 57. Vaadin == ???
  58. 58. Vaadin == ???
  59. 59. Showcasehttp://demo.vaadin. com/sampler
  60. 60. Vaadin ● Support for JS & Plain GWT ● Liferay Support ● Paid Addon Collection ● For Java Backend Developers http://java4developers.com/2011/vaadin-server-side-ria- framework/ Pros
  61. 61. VAADIN Pros ● No Single Page App ● No DTO & RPC Issues
  62. 62. Vaadin More Secured ??? Pros
  63. 63. VAADIN Cons ● Traditional Server Side State ● No Client-Handlers ? Less Interactive? ● Dependant on HTTP-Session ● Expect building your own framework
  64. 64. Comparison By Data From January, 2013
  65. 65. Forum Activity
  66. 66. Documentation
  67. 67. Search Results
  68. 68. Job Trends http://www.indeed.com
  69. 69. Which Is Best ??? ● History, Introduction & Future Plans of GWT, Sencha & Vaadin http://www.youtube.com/watch?v=VOf27ez_Hvg ● Open Discussion http://www.logemann.org/2010/09/ext-gwt-or-smartgwt-or-vaadin.html
  70. 70. Java for web applications? Is Wicket/JSF/GWT/Spring MVC your first choice to build an Enterprise Web Application? You feel that there must be something wrong in your technology stack, because it can get so complex and time consuming to generate some data, surrounded with HTML tags and some dynamic behavior? Check: http://de.slideshare.net/DavidAm/migration-from-java-to-modern-web- development-with-javascript-and-angular
  71. 71. Questions

×