Web 2.0 and Rich Internet Applications

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

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

Web 2.0 Monday 31 May 2010

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

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

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

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

BitTorrent - pioneer in p2p movement, -took a radical approach to the internet decentralization, -every client is a server, ﬁles broken into fragments, more popular the ﬁles 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

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

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

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 ﬁltering - Cloudmark Lesson - Networking effects from user contributions are the key to market dominance Monday 31 May 2010

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

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

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

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

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

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

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

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

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

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

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

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

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

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 workﬂow 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

why RIA well its simple, users who ﬁnd it difﬁcult to use a web site will move on to a website which isn’t Monday 31 May 2010

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

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

RIA technologies Monday 31 May 2010

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

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

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

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

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 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 conﬁdential. 42 Monday 31 May 2010

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

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

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

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

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

Collaborative design and development Design Development  Visual Design  Interaction Design The new workﬂow produces functional designs that can be leveraged in development ® Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe conﬁdential. 48 Monday 31 May 2010

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 conﬁdential. 49 Monday 31 May 2010

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

Demos Monday 31 May 2010

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

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

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

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

http://blog.saurabhnarula.com	335
http://saurabhnarula.com	77
http://www.slideshare.net	8
http://www.blog.saurabhnarula.com	1
http://translate.googleusercontent.com	1

Web 2.0 and Rich Internet Applications

by Saurabh Narula on May 31, 2010

Accessibility

Categories

Tags

Upload Details

Usage Rights

5 Embeds 422

Statistics

Web 2.0 and Rich Internet Applications — Presentation Transcript