FLEX VS. GWT SMACKDOWN - Raible Designsstatic.raibledesigns.com/.../Flex_vs_GWT_Smackdown.pdf ·...

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

Transcript of FLEX VS. GWT SMACKDOWN - Raible Designsstatic.raibledesigns.com/.../Flex_vs_GWT_Smackdown.pdf ·...

Page 1: FLEX VS. GWT SMACKDOWN - Raible Designsstatic.raibledesigns.com/.../Flex_vs_GWT_Smackdown.pdf · include Ajax, Curl, GWT, Adobe Flash/Adobe Flex/AIR, Java/JavaFX, Apache Pivot, Mozilla's

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 - Raible Designsstatic.raibledesigns.com/.../Flex_vs_GWT_Smackdown.pdf · include Ajax, Curl, GWT, Adobe Flash/Adobe Flex/AIR, Java/JavaFX, Apache Pivot, Mozilla's

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 - Raible Designsstatic.raibledesigns.com/.../Flex_vs_GWT_Smackdown.pdf · include Ajax, Curl, GWT, Adobe Flash/Adobe Flex/AIR, Java/JavaFX, Apache Pivot, Mozilla's

What are Rich Internet Applications?

The Smackdown

Success Stories

Pitfalls

How to choose?

Q and A

SESSION AGENDA

Page 4: FLEX VS. GWT SMACKDOWN - Raible Designsstatic.raibledesigns.com/.../Flex_vs_GWT_Smackdown.pdf · include Ajax, Curl, GWT, Adobe Flash/Adobe Flex/AIR, Java/JavaFX, Apache Pivot, Mozilla's

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 - Raible Designsstatic.raibledesigns.com/.../Flex_vs_GWT_Smackdown.pdf · include Ajax, Curl, GWT, Adobe Flash/Adobe Flex/AIR, Java/JavaFX, Apache Pivot, Mozilla's

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 - Raible Designsstatic.raibledesigns.com/.../Flex_vs_GWT_Smackdown.pdf · include Ajax, Curl, GWT, Adobe Flash/Adobe Flex/AIR, Java/JavaFX, Apache Pivot, Mozilla's

OUR DEFINITION

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

transition.

Page 7: FLEX VS. GWT SMACKDOWN - Raible Designsstatic.raibledesigns.com/.../Flex_vs_GWT_Smackdown.pdf · include Ajax, Curl, GWT, Adobe Flash/Adobe Flex/AIR, Java/JavaFX, Apache Pivot, Mozilla's

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 - Raible Designsstatic.raibledesigns.com/.../Flex_vs_GWT_Smackdown.pdf · include Ajax, Curl, GWT, Adobe Flash/Adobe Flex/AIR, Java/JavaFX, Apache Pivot, Mozilla's

TEXTRight-to-left languages

unsupported in Flex

Page 9: FLEX VS. GWT SMACKDOWN - Raible Designsstatic.raibledesigns.com/.../Flex_vs_GWT_Smackdown.pdf · include Ajax, Curl, GWT, Adobe Flash/Adobe Flex/AIR, Java/JavaFX, Apache Pivot, Mozilla's

DRAWINGFlex can draw

Page 10: FLEX VS. GWT SMACKDOWN - Raible Designsstatic.raibledesigns.com/.../Flex_vs_GWT_Smackdown.pdf · include Ajax, Curl, GWT, Adobe Flash/Adobe Flex/AIR, Java/JavaFX, Apache Pivot, Mozilla's

PRINTINGFlex has issues printing

from the browser

Page 11: FLEX VS. GWT SMACKDOWN - Raible Designsstatic.raibledesigns.com/.../Flex_vs_GWT_Smackdown.pdf · include Ajax, Curl, GWT, Adobe Flash/Adobe Flex/AIR, Java/JavaFX, Apache Pivot, Mozilla's

DRAG N’ DROP

Flex has easy drag n’ drop support

Page 12: FLEX VS. GWT SMACKDOWN - Raible Designsstatic.raibledesigns.com/.../Flex_vs_GWT_Smackdown.pdf · include Ajax, Curl, GWT, Adobe Flash/Adobe Flex/AIR, Java/JavaFX, Apache Pivot, Mozilla's

CSSGWT has CSS support, not

like Flex’s proprietary support

Page 13: FLEX VS. GWT SMACKDOWN - Raible Designsstatic.raibledesigns.com/.../Flex_vs_GWT_Smackdown.pdf · include Ajax, Curl, GWT, Adobe Flash/Adobe Flex/AIR, Java/JavaFX, Apache Pivot, Mozilla's

VALIDATORS &

FORMATTERSFlex has effects, form layout, validators and

formatters

Page 14: FLEX VS. GWT SMACKDOWN - Raible Designsstatic.raibledesigns.com/.../Flex_vs_GWT_Smackdown.pdf · include Ajax, Curl, GWT, Adobe Flash/Adobe Flex/AIR, Java/JavaFX, Apache Pivot, Mozilla's

JSON SUPPORTGWT supports JSON out-

of-the-box

Page 15: FLEX VS. GWT SMACKDOWN - Raible Designsstatic.raibledesigns.com/.../Flex_vs_GWT_Smackdown.pdf · include Ajax, Curl, GWT, Adobe Flash/Adobe Flex/AIR, Java/JavaFX, Apache Pivot, Mozilla's

Flex works across all browsers

IE6 SUPPORT

Page 16: FLEX VS. GWT SMACKDOWN - Raible Designsstatic.raibledesigns.com/.../Flex_vs_GWT_Smackdown.pdf · include Ajax, Curl, GWT, Adobe Flash/Adobe Flex/AIR, Java/JavaFX, Apache Pivot, Mozilla's

IPHONE SUPPORT

GWT works on the iPhone

Page 17: FLEX VS. GWT SMACKDOWN - Raible Designsstatic.raibledesigns.com/.../Flex_vs_GWT_Smackdown.pdf · include Ajax, Curl, GWT, Adobe Flash/Adobe Flex/AIR, Java/JavaFX, Apache Pivot, Mozilla's

VIDEOFlash Video is the absolute number one video format

on the web

Page 18: FLEX VS. GWT SMACKDOWN - Raible Designsstatic.raibledesigns.com/.../Flex_vs_GWT_Smackdown.pdf · include Ajax, Curl, GWT, Adobe Flash/Adobe Flex/AIR, Java/JavaFX, Apache Pivot, Mozilla's

PERFORMANCEMaking your app “pop”

Page 19: FLEX VS. GWT SMACKDOWN - Raible Designsstatic.raibledesigns.com/.../Flex_vs_GWT_Smackdown.pdf · include Ajax, Curl, GWT, Adobe Flash/Adobe Flex/AIR, Java/JavaFX, Apache Pivot, Mozilla's

COMPONENTSTour de Flex

Page 20: FLEX VS. GWT SMACKDOWN - Raible Designsstatic.raibledesigns.com/.../Flex_vs_GWT_Smackdown.pdf · include Ajax, Curl, GWT, Adobe Flash/Adobe Flex/AIR, Java/JavaFX, Apache Pivot, Mozilla's

TOOLSSpeed Tracer

IDEs

Page 21: FLEX VS. GWT SMACKDOWN - Raible Designsstatic.raibledesigns.com/.../Flex_vs_GWT_Smackdown.pdf · include Ajax, Curl, GWT, Adobe Flash/Adobe Flex/AIR, Java/JavaFX, Apache Pivot, Mozilla's

PROGRAMMING MODEL

“GWT is nothing more than a JSP Tag Library”

-- Matt Raible

Page 23: FLEX VS. GWT SMACKDOWN - Raible Designsstatic.raibledesigns.com/.../Flex_vs_GWT_Smackdown.pdf · include Ajax, Curl, GWT, Adobe Flash/Adobe Flex/AIR, Java/JavaFX, Apache Pivot, Mozilla's

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 - Raible Designsstatic.raibledesigns.com/.../Flex_vs_GWT_Smackdown.pdf · include Ajax, Curl, GWT, Adobe Flash/Adobe Flex/AIR, Java/JavaFX, Apache Pivot, Mozilla's

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 - Raible Designsstatic.raibledesigns.com/.../Flex_vs_GWT_Smackdown.pdf · include Ajax, Curl, GWT, Adobe Flash/Adobe Flex/AIR, Java/JavaFX, Apache Pivot, Mozilla's

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

Page 26: FLEX VS. GWT SMACKDOWN - Raible Designsstatic.raibledesigns.com/.../Flex_vs_GWT_Smackdown.pdf · include Ajax, Curl, GWT, Adobe Flash/Adobe Flex/AIR, Java/JavaFX, Apache Pivot, Mozilla's

QUESTIONS?

Contact Information

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

Download Presentation

http://slideshare.net/mraible