Web 2.0 and Rich Internet Applications

Web 2.0 and Rich Internet Applications

Saurabh Narulahttp://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

Web 2.0 means emergence of web as platform

1

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

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

2

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

eBay - organically grows with user activity, feedbacks etcAmazon - user reviews

Wikipediadel.icio.us

FlickrCollaborative spam filtering - Cloudmark

Lesson - Networking effects from user contributions are the key to market dominance

Monday 31 May 2010

Data is the intelligence,

Data management is critical to the success of a web 2.0 product/company

Specialized Databases

3

Monday 31 May 2010

Software as a service, not as a product

operations must become core competencies

Users must be treated as co-developers

4

Monday 31 May 2010

quest for simplicity,

lightweight programming models that support loosely coupled systems,

reusability, remixability,

syndication and not coordination/controlling

5

Monday 31 May 2010

software for multiple devices

6

Monday 31 May 2010

Rich User Experiences

7

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

RIARich Internet Applications

Richer Internet ApplicationsRich User ExperiencesRich 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

RichRicher experiences for Users

Interneton the web, input(s) or output(s) live on

the internet

Applicationtakes 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

SatisfactionContent

FastExcitement

Funand 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 jargonRich 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 feeleasy to use applications

take advantages of desktop integration servicesDesign 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 pointA rich user experienceA central destination that applications automatically update from and developers can push out new versionsA workflow that allows designers and developers to easily create a compelling applicationAccess to data whether the client is connected to the web or notSeamlessly integrated multimedia

things that are bad/challengesBeing locked into one platformApplications restricted by the browser modelMessy, intrusive installationsAn installation required for every application we use

Monday 31 May 2010

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

RIAs which are engaging, informative, self service oriented encourage users to

Stay on your site longerExplore more optionsComplete more online transactionsSpend more moneyRecommend the site to othersReturn 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

Runtime

Operating System

Application Framework

Your Application

* diagram by Mrinal Wadhwahttp://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

®

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 42

Adobe Flash Platform expands with new products and releases

Adobe® Flash® Player

Adobe® Flex ® Adobe® Flash® Media Server Family

Tools to Design and Develop Clients ServersFramework

Adobe® AIR®Adobe® Flash® CS4 Professional

Adobe® Flash® Catalyst™

Adobe® Flash® Builder™ Adobe® LiveCycle®Data Services

Applications, Content and Video

Services

Adobe® Flash® Platform Services

Integrating withthe Flash Platform

Creative Suite 5 ColdFusion Builder

Monday 31 May 2010

®

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 42

Adobe Flash Platform expands with new products and releases

Adobe® Flash® Player

Adobe® Flex ® Adobe® Flash® Media Server Family

Tools to Design and Develop Clients ServersFramework

Adobe® AIR®Adobe® Flash® CS4 Professional

Adobe® Flash® Catalyst™

Adobe® Flash® Builder™ Adobe® LiveCycle®Data Services

Applications, Content and Video

Services

Adobe® Flash® Platform Services

Integrating withthe Flash Platform

Creative Suite 5 ColdFusion Builder

Monday 31 May 2010

Adobe Flex 4 - open source SDK to building multi platform Rich Internet

Applications

What is Flex?

Monday 31 May 2010

A Eclipse-based development tool for building Rich Internet Applications (RIAs) and content using the open source Flex framework

Flash Builder 4

Monday 31 May 2010

®

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 45

Designer/Developer Workflows

IDE Productivity & Testing

Remain true to the design Facilitate collaboration Flash Builder/Flash Catalyst workflows

Improve hand-coding Speed-up tuning and debugging Fit in with established testing and

build processes

Support many different back-ends

Simplify managing data Generate data-aware UI

Introducing Flash Builder 4

Data-Centric Development<WSDL>

Monday 31 May 2010

A Interaction Design Tool for rapidly creating expressive interfaces, and

interactive content without writing code

Adobe Flash Catalyst

Monday 31 May 2010

®

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 47

Current Workflow

Today’s workflow produces static designs that have limited use in development

Design Development

Visual Design Define user experience

Import visual assets Implement user experience Development

Monday 31 May 2010

®

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 48

Collaborative design and development

The new workflow produces functional designs that can be leveraged in development

Design Development

Visual Design Interaction Design

Monday 31 May 2010

®

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 49

Adobe Flash Catalyst Output

Interaction Design

Customer

Interactive prototypes Wireframes Finished Flash SWF file

Development Flex Project (FXP)

MXML ActionScript Component skins Graphical assets

Monday 31 May 2010

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

Adobe AIR

Monday 31 May 2010

Demos

Monday 31 May 2010

Other resourcesAdobe Developer Connectionhttp://www.adobe.com/devnet/

Flex.org

http://flex.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 IndiaFlex 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

• Questions?http://blog.saurabhnarula.com

http://twitter.com/saurabhnarula

Monday 31 May 2010