2. Agenda
• Objective
• Methodology
• Brief on RIA
• Analysis of work done
• Alternative Solutions
• Proposed Solutions
• Findings, Recommendations & Conclusion
3. Objective
To study, Analyze Rich Internet Applications. & Find out issues arises while
Design, Development & Deployment of RIAs.
Methodology
• I Studied the RIA by collecting data through Internet. It includes study of various white paper,
News, Articles, Blogs, Success stories, Case, forums & site, additionally I’ll go through books &
reference material
• Afterword it’s mandatory to know How Are RIAs Built? / Technologies / Use of Adobe
technology platform. Working in the same direction I have Hands on tools used to build RIAs
• Figure out the problems while adopting RIAs
• Then found the alternative solution. & afterword I have given proposed solution.
• Finally study comes to end by Findings, Rcommandation & conclusion.
4. Introduction: Rich Internet
Applications
• Internet Applications look and
feel like desktop applications.
• RIAs can have many different
types of technology
• Browser & platform Independent
• RIA background
“By 2010, at least 60 percent of new application
development projects will include RIA
technology.” Gartner
5. Analysis of Work done
Drag and Drop. Drag and Drop Modules. In Page Editing. In Page Custom Editing. Direct State Editing. Grid Cell
Editing. Inline Custom Editing. Inline Tag Editing. Popup Custom Editing. Slide-out Custom Editing. Inline Text
Editing. Persistent Portals. Inline Reordering. Indication. Busy Indication. Cursor Busy. In Context Busy. In Context
Progress. Inline Status. Character Counter. Auto Complete. Balloon Error Tip. Deferred Content Loading. Dynamic
• Goal. Narrowing Choices. Refining Search. Live Search. Dynamic Filter. Invitation. Cursor Invitation. Drop
Problem under Research
• Steps involved in Designing Detail Zoom. Opacity Focus. Configurable Module - Faceplate.
Invitation. Tool Tip Invitation. Hover Invitation.
Configurable Module - Flip It. Configurable Module - Inline Configure. Configurable Module - Slide Out Drawer. Slide Out.
Flip. Opacity Fade. Endless Scrolling. will go? Paging Boundary.Allow usersHover Detail. In withDrill Down.
1. What information Expandable 1. Fresh Content. to interact Place
Assistant. Inline Validation. Validate Then Suggest.Research Refresh. to design many new
1.Useis develop PeriodicProblems arises
On ItFundamental Tasks
oftempting on Preferences. Auto Modules.
1. Demand is basedmental model of how
Inline 2.
Wepage Remembered Refresh. Resizable Form Fill.
Priorities the information: visual attention
a
Scrolling Modules. Auto Save. In Context Tools. Rememberedfeatures elementsa lot of richness
Collection. that add
while isprimary challenge is to and
2.(ex: Design, Development &
Deciding How Much Richness 2. User Experiencemovement
things work. by
attracted
Rating an Object. Transition. Brighten Transition. Cross Fade Transition. Dim Transition. Expand Transition. Fade In
2. Takes time for people to adapt to Slide
to Add Deployment of Transition. Collapse Transition.
high color RIAs
3. Break application appropriately
2. Nomenclature and relationships
Transition. Fade Out Transition.Flip Transition. Move Transition. Self-Healing contrast)
communicate
new approacheseverything into one
Transition. Rich Internet Object. Available. Selected. Identifiable Object.
3. Controls: Interactive Page 3. 3. exist try to put ofvarious pieces of
Don’t among the State Editing. Grid
Drag and Drop. Drag and Drop Modules. In Page Editing. In Page Custom Editing. Directthe element Cell
Appearance
3. Usability testing willyou can.
“page” just because help Inline Text
Elements content the controls
or show
Editing. Inline Custom Editing. Inline Tag Editing. Popup Custom Editing. Slide-out Custom Editing.
Editing.4. Placing theme: Refreshing Part 4. Indication. Cursor Busy. Inpage model Context
Google Vs. Yahoo Context Busy. In
Persistent Portals. Inline Reordering. Indication. Busy4. consistently throughout the
ofStatus. Character Counter. Auto Complete. Balloon Error Tip. Deferred Content Loading. Dynamic
the Page
Progress. Inline interface
Goal. Narrowing Choices. RefiningPage Model
5. Flow: Breaking the Search. Live Search. Dynamic Filter. Invitation. Cursor Invitation. Drop
Invitation. Tool Tip Invitation. Hover Invitation. Detail Zoom. Opacity Focus. Configurable Module - Faceplate.
Configurable Module - Flip It. Configurable Module - Inline Configure. Configurable Module - Slide Out Drawer. Slide Out.
Flip. Opacity Fade. Endless Scrolling. Expandable Paging Boundary. Fresh Content. Hover Detail. In Place Drill Down.
Inline Assistant. Inline Validation. Validate Then Suggest. On Demand Refresh. Periodic Refresh. Resizable Modules.
Scrolling Modules. Auto Save. In Context Tools. Remembered Collection. Remembered Preferences. Auto Form Fill.
Rating an Object. Transition. Brighten Transition. Cross Fade Transition. Dim Transition. Expand Transition. Fade In
Transition. Fade Out Transition.Flip Transition. Move Transition. Self-Healing Transition. Collapse Transition. Slide
Transition. Rich Internet Object. Available. Selected. Identifiable Object.
6. Issues arises while adopting RIA
Development
• Purpose of system • Speed
• Requirement
• Client machine
• Background
• Issues arise while
enablement
selection
development &
• PlugIns
Deployment
Designing Deployment
7. Alternative Solutions
• Selecting RIA Technology will
lead the pack
– Adobe Flex & AIR
Adobe Flex & Air
Tutorials
– AJAX
JavaFXGet source framework
1.AJAX tremendous amount
Open
Microsoft Silverlight
– OpenLaszlo
Microsoft Silvelight
1. 1.Applicationbe deploy to any Plugin
2.1. product from platform
A Ability to runtime browser web
Requires helpSun Microsystem
of online deployed
Open Source
– JavaFX
GroupScript / Applet Flash plugin
Java of
2. 2.browser products: JavaFX Script &
certain enabled with
Silverlight 1.0 for mobile
limitations
2. 1. Grandfatheredcan be either
The applications technology
– OpenLaszlo
3.3.WhichMobile has supporta the
JavaFX is available on 90% of
Silverlight Java Servlets or Flash
behaving differently with .Net
served as 2.0
2. Currently it is being integrated
– Java Script / Applet machines browsers
Framework
different in a browser
(swf)the new technologies
in file
Tutorials 4.4.Flex and AIR will provide platforms
Less compatibility with big market
share of RIAs to Adobe
Hands on tools
used to build RIAs
Tools
flex
8. Proposed Solution
• Which RIA technology is best for you?
• Limitations
• Use: best of the AJAX & Adobe
AJAX when time-to-market is critical and updates are frequent
& For large-scale user productivity applications, developers should use Flex
9. AJAX: The Fast Lane to a Better User
Experience
helps shops meet time-to-market needs
favors gradual re-factoring of existing Web apps
Can deliver speedy performance
It's easy to choose the wrong AJAX framework.
Finding best-of-breed AJAX development tools is difficult
Cross-browser compatibility issues increase testing costs
Ajax framework Criteria
create their own
frameworks
build on top of open
source frameworks
10. Adobe's Solution Is Powerful,
Predictable, and Productive
Widespread adoption of Flash speeds deployment.
works well for large-scale RIAs
Evolves quickly and has a predictable trajectory.
improves developer productivity and collaboration with
designers
Developers Are Hard to Find and Other Drawbacks of Flex
Flash upgrade issues can defeat the deployment value proposition
Success can create an unexpected user response
Adobe is an attractive RIA solution
because it combines powerful
development tools (Flex) with a near-
universal browser plug-in (Flash)
11. Solutions …cntd
• Designing and Managing Rich Internet Applications
• Handling Deployment issues
Availability: A Measure of Overall Quality
Clarity Requires Distributed Application Design
Responsiveness: Achievable, but not Guaranteed
Utility Depends on Everyone’s Contribution
12. Findings, Recommendations &
Conclusion
• Real time findings for Designing RIAs
• Recommendation: Possible Applications in the
Industry
• Conclusion 1. Make it directly interactive
2. Make it inviting
3. Use lightweight, in-context popups instead of page
Product Catalogs and Productmust fulfill availability, possible
While Designing: RIA Selectors transitions where responsiveness, clarity
Product Configurations Developers Use real-estate creatively
and utility criteria. 4. can choose technology depends on
Productivity Applications
application requirement. 5. Cross page boundaries reluctantly
Entertainment Applications 6. Create a light footprint
The Deployment is no more7. Think of your interactionsspeed of
issue with increasing as storyboards
transmission media & availability of required plug-ins to run RIAs
8. Communicate transitions
9. Think in objects
Finally we can say the future of web applications & endorsing of
Web 2.0 / Web 3.0 is going to happen via RIA.
13. Reference
[1] Adobe - Rich Internet applications (2009) [Online] Available:
http://www.adobe.com/resources/business/rich_internet_apps/#open
[2] Gartner Report: Management Update: Rich Internet Applications Are the Next Evolution of the Web. (Publication Date: 11
May 2005) [Online] Available: www.sebringsoft.com/images/riacom-factbook.pdf
[3] Rich Internet application –Article from Wikipedia [Online] Available:http://en.wikipedia.org/wiki/Rich_Internet_application
[4] White Paper- “Creating rich Internet applications with the Adobe technology platform”
[5] Rich Internet Applications 101: A Primer for Marketing Agencies & Multimedia Developers’ By Andrea Simmons, a White
Paper from Integration New Media. [Online] Available: www.inm.com/resource-center/en/white-paper/INM-RIA-
Primer.pdf
[6] “Planning for RIA success” Tad Staley, Adobe Consulting [Online] Available: www.adobe.com
[7] ‘Rich Internet Applications- Technical Comparison and Case Studies of AJAX, Flash, and Java based RIA”- Best practice Report
by Tom Noda Shawn Helwig. [Online] Available: http://www.uwebc.org/opinionpapers
[8] White Paper “Rich Internet Applications” Sponsored by: Macromedia and Intel-Joshua Duhl (November 2002)
[9] Rich Internet Applications: Design, Measurement, and Management Challenges by Chris Loosley, Senior Director, SLM
Technologies (Keynote Systems, 2006)
[10] Article “Should You Choose AJAX or Adobe?” published by SYS-CON Media (2008) [Online] Available:
http://flex.sys-con.com/node/469472/mobile
[11] Presentation on ” Choosing the right Rich Internet Application technology path” by Marco Casrio (2007) [Online] Available:
http://www.slideshare.net/
[12] Article on “Which Rich Internet Application (RIA) Technology Will Lead the Pack?” by Vikrant in March 7th, 2008 [Online]
Available: http://www.betadaily.com/2008/03/07/which-rich-internet-application-ria-technology-will-lead-the-pack/
[13] Nine Tips for Designing Rich Internet Applications BILL SCOTT, Director UI Engineering, Netflix, Saturday , January 07,
2006[Online] Available:http://looksgoodworkswell.blogspot.com/2006/01/nine-tips-for-designing-rich-internet.html