Gwt widget frameworks_presentation

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

● DavidAmend
○ 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

Which Web-
Framework
To Choose ?

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

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 ?
Springsource, Craig Walls
http://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 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

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

SmartGWT Facts
1998
SmartClient
2008
SmartGWT
Beta
SmartGWT Mobile

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

Showcases
http://www.smartclient.com/smartgwt/showcase http://www.smartclient.com/smartgwtee/showcase
Client
https://wep-test.wirecard.com/portal
Server

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

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

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

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

SmartGWT
Pros
Rich UI-
Component-Set

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 History
Sencha Touch,
2010
EXT-JS*, (YUI-
Extension)
< 2008
GWT-EXT
(JS-Wrapper)
2008 2008, EXT-
GWT

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

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

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

ExtGWT
Cons
Feels made for
Java Devs < Web Devs

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
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
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
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
no sea takimata sanctus est Lorem ipsum dolor sit amet.

History
JS Vaadin
2002
2008
GWT-
Migration
TouchKit
Beta

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/
Pros

VAADIN
Pros
● No Single Page App
● No DTO & RPC Issues

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

Comparison By Data
From January, 2013

Job Trends
http://www.indeed.com

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

Gwt widget frameworks_presentation

Recommandé

Recommandé

Contenu connexe

En vedette

En vedette (7)

Similaire à Gwt widget frameworks_presentation

Similaire à Gwt widget frameworks_presentation (20)

Plus de David Amend

Plus de David Amend (9)

Dernier

Dernier (20)

Gwt widget frameworks_presentation