gwt widget frameworks_presentation

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