gwt widget frameworks_presentation
DESCRIPTION
Comparison of GWT Frameworks, ext-GWT, Vaadin, SmartGWT Slides are in beta, David AmendTRANSCRIPT
Comparison Of GWT Frameworks
Agenda
● The Situation Of Web Frameworks● Plain GWT● GWT-Widget Frameworks● Date Facts & Discussion
GWT
GWT
● David Amend○ Java Developer
○ Interests: Frontend Architectures, JavaScript, Triathlon-Sports
About
Your Background?
● Your Experience With Web Development?
● What Do You Want To Get From This Session?
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
Choice Of Web-Techniques
Which Web-FrameworkTo Choose ?
User Experience
Long Time Support
Money Matters
Time Matters
Limits of Concepts? http://raibledesigns.com
Limits of Performance
http://raibledesigns.com
Is There A Conceptual Difference
Of
Web Frameworks?
Differentiation Of Web-Frameworks
Rich Internet Applications
No Session StateClear SeparationEasy ExchangeableEasy Extendable
Don't be fooled !- Separation of Client/Server
http://www.adobe.com/enterprise/pdfs/infotech-ria-business-case.pdfhttp://www.canoo.com/blog/wp-content/uploads/2007/04/jax07_riapatterns.pdf
Client-Server Hybrids
Clear Separation
GWT
GWT
REST
MVC/ MVVM on the client
+REST
Right tool for ... whom?
http://www.javacodegeeks.com/2012/01/gwt-pros-and-cons.html
Are you a
Java Service or
Web Developer ?
http://www.javacodegeeks.com/2012/01/gwt-pros-and-cons.html
Springsource, Craig Wallshttp://www.infoq.com/presentations/JavaScript-Frameworks-Review
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 Matrixhttp://wiki.magnolia-cms.com/display/MAGNOLIA5/Architecture+-+Decision+Table
● Video About Web-Frameworks: http://www.parleys.com/#st=5&id=2942
● RIA - Client Centric Architectureshttp://www.it-amend.de
Plain GWT
Plain GWT
Explanation of Technology
TODO
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
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)
Google X ToolkitsGWT
S-GWT Ext-GWT
GXT Vaadin
Smart GWT
SmartGWT Facts
1998
SmartClient2008
SmartGWT
Beta
SmartGWT Mobile
SmartGWT Facts
"Sjivan moved from Sencha"
http://jroller.com/sjivan/entry/update_on_future_direction_of1http://www.smartclient.com/company/ISC_LGPL.pdf
Comparison With Competitorshttp://www.smartclient.com/product/competition.jsp
Showcases
http://www.smartclient.com/smartgwt/showcase http://www.smartclient.com/smartgwtee/showcase
Clienthttps://wep-test.wirecard.com/portal
Server
SmartGWT Architecture
DataSource.xml
● SQL● REST● Hibernate● Custom
Server
Shared
Client
Client-Components
Criteria
● Read
Values
● Create● Updat
eDelete
Server-Logic
SmartGWT Facts
● Databound Components● Server-Support License● XML-Configuration● No DTOs
but Key-Value Mapping
SmartGWT
SmartJS
GWT
SmartGWT
"Never Mix Plain-GWT Code !!!"
SmartGWT
Pros
● Server-Side: Data-Binding, DataSources,- Independant Concepts
● Fast Start● Convention-Over-Configuration
SmartGWT
ProsQuick Start
SmartGWT
ProsRich UI-Component-Set
SmartGWT
Pros
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
SmartGWT
Cons
REST
Weak Adoption of
Server-Frameworks
EXT-GWT / GXT
GWT
EXT-GWT / GXT History
Sencha Touch, 2010
EXT-JS*, (YUI-Extension)< 2008
GWT-EXT (JS-Wrapper) 2008 2008, EXT-
GWT
EXT-GWT Version Change
GXT-Showcase
http://www.sencha.com/examples
Support
ProsExt-GWT
ProsExt-GWT
GXT: Pure GWT Implementation
Pros
GWT
Compatible
UI-Binding &
Event-Handling
Layout &
Design
Extendabl
e
ExtGWT
Cons
● No Open-Source● License Costs● Online Resources
ExtGWT
ConsFeels made forJava Devs < Web Devs
ExtGWT
ConsBad 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.
GWT
History
JS Vaadin
2002 2008
GWT-
Migration
TouchKit
Beta
Vaadin
Vaadin == ???
Vaadin == ???
Showcasehttp://demo.vaadin.com/sampler
Vaadin
● Support for JS & Plain GWT● Liferay Support● Paid Addon Collection● For Java Backend Developers
http://java4developers.com/2011/vaadin-server-side-ria-framework/https://vaadin.com/comparison
Pros
VAADIN
Pros
● No Single Page App● No DTO & RPC Issues
Vaadin
More Secured ???
Pros
VAADIN
Cons
● Traditional Server Side State● No Client-Handlers ? Less Interactive?● Dependant on HTTP-Session● Expect building your own framework
Comparison By DataFrom January, 2013
Forum Activity
Documentation
Search Results
Job Trends
http://www.indeed.com
Which Is Best ???
● History, Introduction & Future Plans of GWT, Sencha & Vaadinhttp://www.youtube.com/watch?v=VOf27ez_Hvg
● Open Discussionhttp://www.logemann.org/2010/09/ext-gwt-or-smartgwt-or-vaadin.html
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
Questions