Presented at Walchand Institute of Technology, Solapur, Maharashtra, India. The presentation was part of the Staff Development Program organized by the Institute and sponsored by AICTE(All India Council of Technical Education).

1. Web 2.0 and Rich Internet
Applications
Saurabh Narula
http://blog.saurabhnarula.com/
http://twitter.com/saurabhnarula
Monday 31 May 2010

2. Will speak about ..
Web 2.0
Rich Internet Applications
A brief perspective on RIA Technologies
Monday 31 May 2010

3. Web 2.0
Monday 31 May 2010

4. 1
Web 2.0 means emergence of web as
platform
Monday 31 May 2010

5. dot com bubble burst happened 2001
Post the bubble burst, there was only one question in
everyones mind,
whats the future of the web?
was it a turning point for the web?
web 2.0 has its roots from the post bubble burst
period.
is it a meaningless marketing buzzword or a new
conventional wisdom?
Monday 31 May 2010

6. Web 2.0 pioneers - Google
began as a native web application,
never sold or packaged,
delivered as a service,
customers paying directly or indirectly for the use of service, No
scheduled software releases,
just continuos improvement,
No licensing or sale, just usage.
Cross platform, run it anywhere,
just a massive scalable collection of PCs running open source OS
Monday 31 May 2010

7. Google excelled in database management
Lesson - The value of the software is
proportional to the scale and dynamism
of the data it helps to manage
Monday 31 May 2010

8. BitTorrent - pioneer in p2p movement,
-took a radical approach to the internet
decentralization,
-every client is a server, files broken into
fragments, more popular the files is, the more
faster it is served
-exhibited key web 2.0 principle - service gets
better the more people use it.
Monday 31 May 2010

9. 2
Web 2.0 is about embracing the power of
the web to harness collective intelligence
Monday 31 May 2010

10. Hyperlinking is the foundation of the web
- much like the synapses of the brain,
associations becoming stronger through
repetition or intensity,
web of connections grows organically as
an output of the collective activity
Monday 31 May 2010

11. Several success stories of harnessing the
power of collective intelligence
Yahoo Portal
Google Search
eBay - organically grows with user activity, feedbacks etc
Amazon - user reviews
Wikipedia
del.icio.us
Flickr
Collaborative spam filtering - Cloudmark
Lesson - Networking effects from user contributions are
the key to market dominance
Monday 31 May 2010

12. 3
Data is the intelligence,
Data management is critical to the
success of a web 2.0 product/company
Specialized Databases
Monday 31 May 2010

13. 4
Software as a service, not as a product
operations must become core competencies
Users must be treated as co-developers
Monday 31 May 2010

14. 5
quest for simplicity,
lightweight programming models that support
loosely coupled systems,
reusability,
remixability,
syndication and not coordination/controlling
Monday 31 May 2010

15. 6
software for multiple devices
Monday 31 May 2010

16. 7
Rich User Experiences
Monday 31 May 2010

17. started with applets(active content)
Javascript and DHTML - lightweight ways for client
side programming and rich user experiences.
Macromedia coined Rich Internet Application, also
picked up by Laszlo Systems
Gmail followed by google maps, were rich user
interfaces with pc like interactivity
Monday 31 May 2010

18. RIA
Rich Internet Applications
Richer Internet Applications
Rich User Experiences
Rich User Interfaces
Monday 31 May 2010

19. in simple terms RIA is
Rich User Interface
works on the Internet
they are Applications(not websites)
Monday 31 May 2010

20. Rich
Richer experiences for Users
Internet
on the web, input(s) or output(s) live on
the internet
Application
takes input
produces a valuable output
Monday 31 May 2010

21. Key Differentiator
A (R)Rich experience for the user in
dealing with the (A)data that lives on the
(I)internet
Monday 31 May 2010

22. User Experience is about a persons
feeling about using the system
Monday 31 May 2010

23. A Rich Experience
Satisfaction
Content
Fast
Excitement
Fun
and not Disappointment, Boredom,
Frustration, Tiredness, Slow
Monday 31 May 2010

24. different facet of user experience
-Anywhere, anytime
-Beyond text – rich text, graphics, video, sound, augmented
reality, 3d
-Input modes beyond mouse and keyboard – touch, cam, mic
-Collaborative and Social
-Personalized, intuitive, adaptive, Interactive
-An experience that is immersive, cinematic
Monday 31 May 2010

25. So again .. in a more technical jargon
Rich Internet Applications are
Monday 31 May 2010

26. RIAs are essentially web applications, they
are on the web
Monday 31 May 2010

27. They have many characteristics of desktop
Applications
characteristics like
hiding the complexity
provide a common look and feel
easy to use applications
take advantages of desktop integration services
Design for individual and cultural differences
Monday 31 May 2010

28. Delivered either by way of site specific browser
(eg. Wikipedia fluid)
A Browser plugin
A Virtual Machine(an efficient isolated duplicate
of a real machine)(Applets)
A Sandbox(provides tightly controlled set of
resources for guest programs)
Monday 31 May 2010

29. Rich Internet Applications, User Experience and
the future of software
good from user and developer stand point
A rich user experience
A central destination that applications automatically update from and developers can push out new
versions
A workflow that allows designers and developers to easily create a compelling application
Access to data whether the client is connected to the web or not
Seamlessly integrated multimedia
things that are bad/challenges
Being locked into one platform
Applications restricted by the browser model
Messy, intrusive installations
An installation required for every application we use
Monday 31 May 2010

30. why RIA
well its simple, users who find it difficult
to use a web site will move on to a
website which isn’t
Monday 31 May 2010

31. RIAs which are engaging, informative, self
service oriented encourage users to
Stay on your site longer
Explore more options
Complete more online transactions
Spend more money
Recommend the site to others
Return more often
Monday 31 May 2010

32. some facts ..
Well-designed customer-facing RIAs can ..
Increase online sales up to 30%*
Increase conversions, cross-channel sales, and
upsells by up to 40%*
Reduce contact center / telephone agent calls
up to 20% annually*
* Forrester: “The Business Case for Rich Internet Applications” by Ron Rogowski, March 12, 2007
Monday 31 May 2010

33. RIA technologies
Monday 31 May 2010

34. these technologies are called RIA Technologies,
these technologies help build good interfaces,
but a good user experience is not limited to the
interface of application,
all the aspects of the applications make for a good
user experience
Monday 31 May 2010

35. rich user experience can be built using any
technology,
people get into a trap of building everything and
anything using these RIA technologies
and they end up building really bad user
experiences.
Bottom-line - using an RIA technology doesn't
guarantee you a rich user experience
Monday 31 May 2010

36. these technologies provide a good
toolset to build and deliver RIAs.
Monday 31 May 2010

37. A Typical RIA Platform
Your Application
Application Framework
Runtime
Operating System
* diagram by Mrinal Wadhwa
http://weblog.mrinalwadhwa.com/
Monday 31 May 2010

38. JavaFX
Monday 31 May 2010

39. Silverlight
Monday 31 May 2010

40. HTML5
Monday 31 May 2010

41. Adobe Flash Platform
Monday 31 May 2010

42. Adobe Flash Platform expands with new products and
releases
Applications, Content and Video
Tools to Design and Develop Framework Clients Services Servers
Adobe® Flash® CS4 Adobe® Flash® Adobe® Flex ® Adobe® AIR® Adobe® Flash® Adobe® Flash® Media
Professional Catalyst™ Platform Services Server Family
Adobe® Flash® Builder™ Adobe® Flash® Adobe® LiveCycle®
Player Data Services
Integrating with
the Flash Platform
Creative Suite 5 ColdFusion Builder
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 42
Monday 31 May 2010

43. Adobe Flash Platform expands with new products and
releases
Applications, Content and Video
Tools to Design and Develop Framework Clients Services Servers
Adobe® Flash® CS4 Adobe® Flash® Adobe® Flex ® Adobe® AIR® Adobe® Flash® Adobe® Flash® Media
Professional Catalyst™ Platform Services Server Family
Adobe® Flash® Builder™ Adobe® Flash® Adobe® LiveCycle®
Player Data Services
Integrating with
the Flash Platform
Creative Suite 5 ColdFusion Builder
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 42
Monday 31 May 2010

44. What is Flex?
Adobe Flex 4 - open source SDK to
building multi platform Rich Internet
Applications
Monday 31 May 2010

45. Flash Builder 4
A Eclipse-based development tool for
building Rich Internet Applications (RIAs)
and content using the open source Flex
framework
Monday 31 May 2010

46. Introducing Flash Builder 4
Designer/  Remain true to the design
Developer  Facilitate collaboration
Workflows  Flash Builder/Flash Catalyst workfl
 Support many different back-
Data-Centric ends
<WSDL> Development  Simplify managing data
 Generate data-aware UI
 Improve hand-coding
IDE Productivity  Speed-up tuning and debugging
& Testing  Fit in with established testing and
build processes
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 45
Monday 31 May 2010

47. Adobe Flash Catalyst
A Interaction Design Tool for rapidly
creating expressive interfaces, and
interactive content without writing code
Monday 31 May 2010

48. Current Workflow
Design Development
 Visual Design  Import visual assets
 Define user experience  Implement user experience
 Development
Today’s workflow produces static designs that have limited use in
development
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 47
Monday 31 May 2010

49. Collaborative design and development
Design Development
 Visual Design
 Interaction Design
The new workflow produces functional designs that can be leveraged in
development
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 48
Monday 31 May 2010

50. Adobe Flash Catalyst Output
Interaction Design Development
 Flex Project (FXP)
 MXML
 ActionScript
 Component skins
 Graphical assets
Customer
 Interactive prototypes
 Wireframes
 Finished Flash SWF file
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 49
Monday 31 May 2010

51. Adobe AIR
Adobe Air runtime lets developers to use
proven web technologies to build RIAs
that run outside the browser on multiple
operating systems, allows to build stand
alone applications, AIR is not meant for all
applications
Monday 31 May 2010

52. Demos
Monday 31 May 2010

53. Other resources
Adobe Developer Connection
http://www.adobe.com/devnet/
Flex.org
http://flex.org/tour
Flex in a week videos
Monday 31 May 2010

54. Free Adobe Flash Platform Technologies
https://freeriatools.adobe.com/
Students, faculty and staff of eligible educational institutions
Monday 31 May 2010

55. Adobe Flash Platform Community in India
Flex India Community
http://flex-india.org
Hyderabad Flex User Group
http://www.hyderabadfxug.org.in/
NCR Delhi Flash/Flex User Group
http://groups.adobe.com/groups/67748f1e4c/summary
Bangalore Flex User Group
http://bangalorefx.org
Chennai Flex User Group
http://groups.google.com/group/chennai-flex-user-group
Pune Flex User Group
http://groups.google.com/group/pune-flex-users
Mumbai Flex User Group
http://twitter.com/mumbaifug
Ahemadabad Flash Platform user group
http://groups.adobe.com/groups/97c5658af7/summary
Monday 31 May 2010

56. Thank you
• References
• http://weblog.mrinalwadhwa.com
• http://oreilly.com/web2/archive/what-is-
web-20.html
http://blog.saurabhnarula.com
• Questions? http://twitter.com/saurabhnarula
Monday 31 May 2010