Flex vs. GWT Smackdown

26
FLEX VS. GWT SMACKDOWN With Matt Raible and James Ward Images by Stuck in Customs - http://www.flickr.com/photos/stuckincustoms

description

Java developers can easily create Rich UIs with Google Web Toolkit (GWT) or Adobe Flex, so why would they choose one over the other? Come to this session to learn the pros and cons of each framework in an entertaining atmosphere. In one corner, we have UI consultant, Matt Raible with bright red GWT gloves. In the opposite corner, we have Adobe’s James Ward with his sinister black Flex gloves, ready to put a smackdown on the Open Web. In this session you learn about the pros and cons of both GWT and Flex, when it's appropriate to use each framework, and where each framework is headed in the future.

Transcript of Flex vs. GWT Smackdown

Page 1: Flex vs. GWT Smackdown

FLEX VS. GWT SMACKDOWNWith Matt Raible and James Ward

Images by Stuck in Customs - http://www.flickr.com/photos/stuckincustoms

Page 2: Flex vs. GWT Smackdown

INTRODUCTIONS

Who is Matt Raible?

Who is using GWT?

Who is James Ward?

Who is using Flex?

What do you want to learn today?

Page 3: Flex vs. GWT Smackdown

What are Rich Internet Applications?

The Smackdown

Success Stories

Pitfalls

How to choose?

Q and A

SESSION AGENDA

Page 4: Flex vs. GWT Smackdown

According to Simon Whatley:

“[RIAs] combine the best user interface functionality of desktop software applications with the broad reach and low-cost deployment of Web applications and the best of interactive, multimedia communication.”

WHAT DEFINES RICH?

Page 5: Flex vs. GWT Smackdown

Rich Internet Applications (RIAs) are web applications that have most of the characteristics of desktop applications, typically delivered either by way of a standards-based web browser, via a browser plug-in, or independently via sandboxes or virtual machines. Examples of RIA frameworks include Ajax, Curl, GWT, Adobe Flash/Adobe Flex/AIR, Java/JavaFX, Apache Pivot, Mozilla's XUL, OpenLaszlo and Microsoft Silverlight.

WIKIPEDIA’S DEFINITION

Page 6: Flex vs. GWT Smackdown

OUR DEFINITION

A one-page application that doesn’t require a page

transition.

Page 7: Flex vs. GWT Smackdown

L E T ’ S G E T R E A D Y T O R U M B L E !

Page 8: Flex vs. GWT Smackdown

TEXTRight-to-left languages

unsupported in Flex

Page 9: Flex vs. GWT Smackdown

DRAWINGFlex can draw

Page 10: Flex vs. GWT Smackdown

PRINTINGFlex has issues printing

from the browser

Page 11: Flex vs. GWT Smackdown

DRAG N’ DROP

Flex has easy drag n’ drop support

Page 12: Flex vs. GWT Smackdown

CSSGWT has CSS support, not

like Flex’s proprietary support

Page 13: Flex vs. GWT Smackdown

VALIDATORS &

FORMATTERSFlex has effects, form layout, validators and

formatters

Page 14: Flex vs. GWT Smackdown

JSON SUPPORTGWT supports JSON out-

of-the-box

Page 15: Flex vs. GWT Smackdown

Flex works across all browsers

IE6 SUPPORT

Page 16: Flex vs. GWT Smackdown

IPHONE SUPPORT

GWT works on the iPhone

Page 17: Flex vs. GWT Smackdown

VIDEOFlash Video is the absolute number one video format

on the web

Page 18: Flex vs. GWT Smackdown

PERFORMANCEMaking your app “pop”

Page 19: Flex vs. GWT Smackdown

COMPONENTSTour de Flex

Page 20: Flex vs. GWT Smackdown

TOOLSSpeed Tracer

IDEs

Page 21: Flex vs. GWT Smackdown

PROGRAMMING MODEL

“GWT is nothing more than a JSP Tag Library”

-- Matt Raible

Page 23: Flex vs. GWT Smackdown

AVOID PITFALLS

Don’t load everything on the first page load.

Slower machines can mean slower clients. Know your users!

Don’t use for sites, only for applications.

Page 24: Flex vs. GWT Smackdown

HOW TO CHOOSE?

Prioritize a list of features that are important to your application.

Pick 3-4 frameworks and do a 1-week spike with each, developing the same application.

Document and rank each framework against your list of features.

Calculate and choose!

Page 25: Flex vs. GWT Smackdown

C O N C L U S I O NGWT and Flex are great technologies, use them wisely.

Page 26: Flex vs. GWT Smackdown

QUESTIONS?

Contact Information

http://raibledesigns.comhttp://jamesward.com

Download Presentation

http://slideshare.net/mraible