Rich Internet Application Rich Internet Application Frameworks: a Comparison of Frameworks: a Comparison of Flex, JavaFX, and SilverlightFlex, JavaFX, and Silverlight

Minseung KimMinseung Kim

OutlineOutline

Rich Internet Application (RIA) FrameworkRich Internet Application (RIA) Framework

MotivationMotivation

BackgroundBackground

Case-Study: Flex/Flash, JavaFX, and Case-Study: Flex/Flash, JavaFX, and SilverlightSilverlight

DiscussionDiscussion

ConclusionConclusion

RIA FrameworksRIA Frameworks

RIARIA: the web application solution that effectively : the web application solution that effectively and interactively provides best user experience.and interactively provides best user experience. e.g. minusa.com, Nike running, FootJoy … A LOT!!! e.g. minusa.com, Nike running, FootJoy … A LOT!!!

RIA frameworkRIA framework: the tools and environments that : the tools and environments that facilitate the development of RIAfacilitate the development of RIA e.g. Flex, JavaFX, Silverlight, … also A LOT!!! e.g. Flex, JavaFX, Silverlight, … also A LOT!!!

(miniusa.com)

MotivationMotivation

What is the best RIA framework for What is the best RIA framework for developers and users?developers and users?

What aspects should be improved and What aspects should be improved and considered over current RIA frameworks? considered over current RIA frameworks?

Who is a Winner?

Flex JavaFX Silverlight

BackgroundBackground

HTML is simple and easy to learnHTML is simple and easy to learn

But the simplicity compensates for But the simplicity compensates for the the lack of interactivitylack of interactivity

Users want to experience as if on desktop Users want to experience as if on desktop computercomputer

What efforts we have made?What efforts we have made?

WWW JavaScript Flash

1992 1995 1996 2005

AJAX

20092002

RIA

Three RIA FrameworksThree RIA Frameworks

Flex: Flex: A group of technologies that support A group of technologies that support RIA development over Flash platformRIA development over Flash platform

JavaFX:JavaFX: Java-based rich user interface Java-based rich user interface technologies developed with Java Standard technologies developed with Java Standard and Micro editionsand Micro editions

Silverlight:Silverlight: .NET-based web-browser .NET-based web-browser plugin that enables rich interactive user plugin that enables rich interactive user experience experience

Case-Study: PerformanceCase-Study: Performance

JavaFX: 0.412s

1. Counting Primes

Flash/Flex: 1.34s Silverlight: 0.426s2. Bubble

Animation

JavaFX: 182fps Flash/Flex: 52fps Silverlight: 133fps

http://bubblemark.com

http://www.javafx.com/samples/PrimeFactors/index.html

Case-Study: Richness and Case-Study: Richness and AvailabilityAvailability

Tradeoff between richness and availabilityTradeoff between richness and availability

JavaFX provides much interactive application but JavaFX provides much interactive application but it runs outside the browserit runs outside the browser

Flash/Flex and Silverlight are browser plugins but Flash/Flex and Silverlight are browser plugins but their features are limited by browsertheir features are limited by browser

What gives more interactive experience between What gives more interactive experience between Flash/Flex and Silverlight? Pros and cons …Flash/Flex and Silverlight? Pros and cons …

Richness Availability

DiscussionDiscussion

What aspects should be improved and considered What aspects should be improved and considered over current RIA frameworks? over current RIA frameworks?

StandardizationStandardization e.g. AJAX librariese.g. AJAX libraries

PersonalizationPersonalization Customers begin to demand the products that meet Customers begin to demand the products that meet

their needstheir needs e.g. BMW mini websitee.g. BMW mini website

3D3D Can provide more enhanced user experienceCan provide more enhanced user experience e.ge.g. virtual worlds, navigational systems . virtual worlds, navigational systems

ConclusionConclusion

Each RIA framework has its own strengths Each RIA framework has its own strengths and weaknessesand weaknesses

No best solution at this pointNo best solution at this point Tradeoff between richness and availabilityTradeoff between richness and availability e.g. JavaFX vs. Flex/Flashe.g. JavaFX vs. Flex/Flash

Standardization, personalization, and 3D are Standardization, personalization, and 3D are key aspects to be improved and considered key aspects to be improved and considered for the future of RIAfor the future of RIA