Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Web 2.0 and Rich Internet
                           Applications
                                     Saurabh Narula
    ...
Will speak about ..

                                 Web 2.0
                        Rich Internet Applications
         ...
Web 2.0




Monday 31 May 2010
1



                     Web 2.0 means emergence of web as
                                 platform




Monday 31 May 20...
dot com bubble burst happened 2001

              Post the bubble burst, there was only one question in
              ever...
Web 2.0 pioneers - Google

     began as a native web application,
     never sold or packaged,
     delivered as a servic...
Google excelled in database management

                      Lesson - The value of the software is
                     p...
BitTorrent - pioneer in p2p movement,

    -took a radical approach to the internet
    decentralization,
    -every clien...
2


               Web 2.0 is about embracing the power of
               the web to harness collective intelligence




M...
Hyperlinking is the foundation of the web
                 - much like the synapses of the brain,

                 associ...
Several success stories of harnessing the
                         power of collective intelligence
                      ...
3
                            Data is the intelligence,

                       Data management is critical to the
       ...
4
                     Software as a service, not as a product

            operations must become core competencies

    ...
5
                      quest for simplicity,

         lightweight programming models that support
                    lo...
6




                     software for multiple devices




Monday 31 May 2010
7




                     Rich User Experiences




Monday 31 May 2010
started with applets(active content)
    Javascript and DHTML - lightweight ways for client
       side programming and ri...
RIA
                      Rich Internet Applications
                     Richer Internet Applications
                   ...
in simple terms RIA is

                             Rich User Interface
                            works on the Internet...
Rich
                      Richer experiences for Users

                                 Internet
                 on the...
Key Differentiator

                 A (R)Rich experience for the user in
               dealing with the (A)data that liv...
User Experience is about a persons
                       feeling about using the system




Monday 31 May 2010
A Rich Experience

                                Satisfaction
                                  Content
                ...
different facet of user experience

   -Anywhere, anytime
   -Beyond text – rich text, graphics, video, sound, augmented
 ...
So again .. in a more technical jargon
                        Rich Internet Applications are




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




Monday 31 May 2010
They have many characteristics of desktop
                           Applications

                       characteristics ...
Delivered either by way of site specific browser
                     (eg. Wikipedia fluid)

                         A Brow...
Rich Internet Applications, User Experience and
  the future of software
  good from user and developer stand point
  A ri...
why RIA

                 well its simple, users who find it difficult
                   to use a web site will move on to ...
RIAs which are engaging, informative, self
                  service oriented encourage users to

          Stay on your s...
some facts ..

     Well-designed customer-facing RIAs can ..

     Increase online sales up to 30%*
     Increase convers...
RIA technologies




Monday 31 May 2010
these technologies are called RIA Technologies,

          these technologies help build good interfaces,

      but a goo...
rich user experience can be built using any
                              technology,

      people get into a trap of bui...
these technologies provide a good
                      toolset to build and deliver RIAs.




Monday 31 May 2010
A Typical RIA Platform

                              Your Application




                            Application Framewo...
JavaFX




Monday 31 May 2010
Silverlight




Monday 31 May 2010
HTML5




Monday 31 May 2010
Adobe Flash Platform




Monday 31 May 2010
Adobe Flash Platform expands with new products and
    releases
       Applications, Content and Video




               ...
Adobe Flash Platform expands with new products and
    releases
       Applications, Content and Video




               ...
What is Flex?


                     Adobe Flex 4 - open source SDK to
                     building multi platform Rich I...
Flash Builder 4


              A Eclipse-based development tool for
              building Rich Internet Applications (RI...
Introducing Flash Builder 4



                                                          Designer/                        ...
Adobe Flash Catalyst


                  A Interaction Design Tool for rapidly
                    creating expressive int...
Current Workflow


                     Design                                                                             ...
Collaborative design and development


                     Design                                                        ...
Adobe Flash Catalyst Output



              Interaction Design                                                          D...
Adobe AIR


              Adobe Air runtime lets developers to use
              proven web technologies to build RIAs
   ...
Demos



Monday 31 May 2010
Other resources
                     Adobe Developer Connection
                     http://www.adobe.com/devnet/

       ...
Free Adobe Flash Platform Technologies


                           https://freeriatools.adobe.com/

           Students, ...
Adobe Flash Platform Community in India
              Flex India Community

              http://flex-india.org 

         ...
Thank you
                     • References
                      • http://weblog.mrinalwadhwa.com
                      •...
Upcoming SlideShare
Loading in …5
×

Web 2.0 and Rich Internet Applications

5,068 views

Published on

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).

Published in: Technology, Business

Web 2.0 and Rich Internet Applications

  1. 1. Web 2.0 and Rich Internet Applications Saurabh Narula http://blog.saurabhnarula.com/ http://twitter.com/saurabhnarula Monday 31 May 2010
  2. 2. Will speak about .. Web 2.0 Rich Internet Applications A brief perspective on RIA Technologies Monday 31 May 2010
  3. 3. Web 2.0 Monday 31 May 2010
  4. 4. 1 Web 2.0 means emergence of web as platform Monday 31 May 2010
  5. 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. 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. 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. 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. 9. 2 Web 2.0 is about embracing the power of the web to harness collective intelligence Monday 31 May 2010
  10. 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. 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. 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. 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. 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. 15. 6 software for multiple devices Monday 31 May 2010
  16. 16. 7 Rich User Experiences Monday 31 May 2010
  17. 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. 18. RIA Rich Internet Applications Richer Internet Applications Rich User Experiences Rich User Interfaces Monday 31 May 2010
  19. 19. in simple terms RIA is Rich User Interface works on the Internet they are Applications(not websites) Monday 31 May 2010
  20. 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. 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. 22. User Experience is about a persons feeling about using the system Monday 31 May 2010
  23. 23. A Rich Experience Satisfaction Content Fast Excitement Fun and not Disappointment, Boredom, Frustration, Tiredness, Slow Monday 31 May 2010
  24. 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. 25. So again .. in a more technical jargon Rich Internet Applications are Monday 31 May 2010
  26. 26. RIAs are essentially web applications, they are on the web Monday 31 May 2010
  27. 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. 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. 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. 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. 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. 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. 33. RIA technologies Monday 31 May 2010
  34. 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. 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. 36. these technologies provide a good toolset to build and deliver RIAs. Monday 31 May 2010
  37. 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. 38. JavaFX Monday 31 May 2010
  39. 39. Silverlight Monday 31 May 2010
  40. 40. HTML5 Monday 31 May 2010
  41. 41. Adobe Flash Platform Monday 31 May 2010
  42. 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. 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. 44. What is Flex? Adobe Flex 4 - open source SDK to building multi platform Rich Internet Applications Monday 31 May 2010
  45. 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. 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. 47. Adobe Flash Catalyst A Interaction Design Tool for rapidly creating expressive interfaces, and interactive content without writing code Monday 31 May 2010
  48. 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. 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. 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. 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. 52. Demos Monday 31 May 2010
  53. 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. 54. Free Adobe Flash Platform Technologies https://freeriatools.adobe.com/ Students, faculty and staff of eligible educational institutions Monday 31 May 2010
  55. 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. 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

×