Comparison of GWT Frameworks, ext-GWT, Vaadin, SmartGWT Slides are in beta, David Amend

1. Comparison Of GWT
Frameworks

2. Agenda
● The Situation Of Web Frameworks
● Plain GWT
● GWT-Widget Frameworks
● Date Facts & Discussion
GWT
GWT

3. ● DavidAmend
○ Java Developer
○ Interests:
Frontend Architectures, JavaScript, Triathlon-Sports
About

4. Your Background?
● Your Experience With Web
Development?
● What Do You Want
To Get From This Session?

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. Choice Of Web-Techniques

7. Which Web-
Framework
To Choose ?

8. User
Experience

9. Long Time Support

10. Money
Matters

11. Time
Matters

12. Limits of Concepts?
http://raibledesigns.com

13. Limits of Performance
http://raibledesigns.com

14. Is There A Conceptual
Difference
Of
Web Frameworks?

15. Differentiation Of Web-Frameworks

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. Client-Server
Hybrids

18. Clear Separation
GWT
GWT
REST

19. MVC/ MVVM on the client
+ REST

20. Right tool for ... whom?
http://www.javacodegeeks.com/2012/01/gwt-pros-and-cons.html

21. Are you a
Java Service
or
Web
Developer ?
Springsource, Craig Walls
http://www.infoq.com/presentations/JavaScript-Frameworks-Review

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. Plain GWT

24. Plain GWT

25. Explanation of
Technology
TODO

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. 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. Google X Toolkits
GWT
S-GWT
Ext-GWT
GXT
Vaadin

29. Smart GWT

30. SmartGWT Facts
1998
SmartClient
2008
SmartGWT
Beta
SmartGWT Mobile

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. Showcases
http://www.smartclient.com/smartgwt/showcase http://www.smartclient.com/smartgwtee/showcase
Client
https://wep-test.wirecard.com/portal
Server

33. SmartGWT Architecture
DataSource.xml
● SQL
● REST
● Hibernate
● Custom
Server
Shared
Client
Client-Components
Criteria
● Read
Values
● Create
● Updat
e
Delete
Server-Logic

34. SmartGWT Facts
● Databound Components
● Server-Support License
● XML-Configuration
● No DTOs
but Key-Value Mapping

35. SmartGWT

36. SmartJS
GWT

37. SmartGWT
"Never Mix
Plain-GWT
Code !!!"

38. SmartGWT
Pros
● Server-Side: Data-Binding, DataSources,
- Independant Concepts
● Fast Start
● Convention-Over-Configuration

39. SmartGWT
Pros
Quick Start

40. SmartGWT
Pros
Rich UI-
Component-Set

41. SmartGWT
Pros

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. SmartGWT
Cons
REST
Weak Adoption of
Server-Frameworks

44. EXT-GWT /
GXT
GWT

45. EXT-GWT / GXT History
Sencha Touch,
2010
EXT-JS*, (YUI-
Extension)
< 2008
GWT-EXT
(JS-Wrapper)
2008 2008, EXT-
GWT

46. EXT-GWT Version Change

47. GXT-Showcase
http://www.sencha.com/examples

48. Support
Pros
Ext-GWT

49. Pros
Ext-GWT

50. GXT: Pure GWT Implementation
Pros
GW
T
Com
patible
UI-Binding &
Event-Handling
Layout &
Design
Extendabl
e

51. ExtGWT
Cons
● No Open-Source
● License Costs
● Online Resources

52. ExtGWT
Cons
Feels made for
Java Devs < Web Devs

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. GWT

55. History
JS Vaadin
2002
2008
GWT-
Migration
TouchKit
Beta

56. Vaadin

57. Vaadin ==
???

58. Vaadin ==
???

59. Showcasehttp://demo.vaadin.
com/sampler

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. VAADIN
Pros
● No Single Page App
● No DTO & RPC Issues

62. Vaadin
More Secured ???
Pros

63. VAADIN
Cons
● Traditional Server Side State
● No Client-Handlers ? Less Interactive?
● Dependant on HTTP-Session
● Expect building your own framework

64. Comparison By Data
From January, 2013

65. Forum Activity

66. Documentation

67. Search Results

68. Job Trends
http://www.indeed.com

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. 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. Questions