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

Web 2.0 and Rich Internet Applications

Nov 01, 2014

Download

Technology

Saurabh Narula

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).
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: 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

Page 2: Web 2.0 and Rich Internet Applications

Will speak about ..

Web 2.0 Rich Internet Applications

A brief perspective on RIA Technologies

Monday 31 May 2010

Page 3: Web 2.0 and Rich Internet Applications

Web 2.0

Monday 31 May 2010

Page 4: Web 2.0 and Rich Internet Applications

Web 2.0 means emergence of web as platform

1

Monday 31 May 2010

Page 5: Web 2.0 and Rich Internet Applications

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

Page 6: Web 2.0 and Rich Internet Applications

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

Page 7: Web 2.0 and Rich Internet Applications

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

Page 8: Web 2.0 and Rich Internet Applications

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

Page 9: Web 2.0 and Rich Internet Applications

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

2

Monday 31 May 2010

Page 10: Web 2.0 and Rich Internet Applications

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

Page 11: Web 2.0 and Rich Internet Applications

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

Page 12: Web 2.0 and Rich Internet Applications

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

Page 13: Web 2.0 and Rich Internet Applications

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

Page 14: Web 2.0 and Rich Internet Applications

quest for simplicity,

lightweight programming models that support loosely coupled systems,

reusability, remixability,

syndication and not coordination/controlling

5

Monday 31 May 2010

Page 15: Web 2.0 and Rich Internet Applications

software for multiple devices

6

Monday 31 May 2010

Page 16: Web 2.0 and Rich Internet Applications

Rich User Experiences

7

Monday 31 May 2010

Page 17: Web 2.0 and Rich Internet Applications

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

Page 18: Web 2.0 and Rich Internet Applications

RIARich Internet Applications

Richer Internet ApplicationsRich User ExperiencesRich User Interfaces

Monday 31 May 2010

Page 19: Web 2.0 and Rich Internet Applications

in simple terms RIA is

Rich User Interface works on the Internet

they are Applications(not websites)

Monday 31 May 2010

Page 20: Web 2.0 and Rich Internet Applications

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

Page 21: Web 2.0 and Rich Internet Applications

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

Page 22: Web 2.0 and Rich Internet Applications

User Experience is about a persons feeling about using the system

Monday 31 May 2010

Page 23: Web 2.0 and Rich Internet Applications

A Rich Experience

SatisfactionContent

FastExcitement

Funand not Disappointment, Boredom,

Frustration, Tiredness, Slow

Monday 31 May 2010

Page 24: Web 2.0 and Rich Internet Applications

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

Page 25: Web 2.0 and Rich Internet Applications

So again .. in a more technical jargonRich Internet Applications are

Monday 31 May 2010

Page 26: Web 2.0 and Rich Internet Applications

RIAs are essentially web applications, they are on the web

Monday 31 May 2010

Page 27: Web 2.0 and Rich Internet Applications

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

Page 28: Web 2.0 and Rich Internet Applications

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

Page 29: Web 2.0 and Rich Internet Applications

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

Page 30: Web 2.0 and Rich Internet Applications

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

Page 31: Web 2.0 and Rich Internet Applications

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

Page 32: Web 2.0 and Rich Internet Applications

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

Page 33: Web 2.0 and Rich Internet Applications

RIA technologies

Monday 31 May 2010

Page 34: Web 2.0 and Rich Internet Applications

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

Page 35: Web 2.0 and Rich Internet Applications

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

Page 36: Web 2.0 and Rich Internet Applications

these technologies provide a good toolset to build and deliver RIAs.

Monday 31 May 2010

Page 37: Web 2.0 and Rich Internet Applications

A Typical RIA Platform

Runtime

Operating System

Application Framework

Your Application

* diagram by Mrinal Wadhwahttp://weblog.mrinalwadhwa.com/

Monday 31 May 2010

Page 38: Web 2.0 and Rich Internet Applications

JavaFX

Monday 31 May 2010

Page 39: Web 2.0 and Rich Internet Applications

Silverlight

Monday 31 May 2010

Page 40: Web 2.0 and Rich Internet Applications

HTML5

Monday 31 May 2010

Page 41: Web 2.0 and Rich Internet Applications

Adobe Flash Platform

Monday 31 May 2010

Page 42: Web 2.0 and Rich Internet Applications

®

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

Page 43: Web 2.0 and Rich Internet Applications

®

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

Page 44: Web 2.0 and Rich Internet Applications

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

Applications

What is Flex?

Monday 31 May 2010

Page 45: Web 2.0 and Rich Internet Applications

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

Page 46: Web 2.0 and Rich Internet Applications

®

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

Page 47: Web 2.0 and Rich Internet Applications

A Interaction Design Tool for rapidly creating expressive interfaces, and

interactive content without writing code

Adobe Flash Catalyst

Monday 31 May 2010

Page 48: Web 2.0 and Rich Internet Applications

®

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

Page 49: Web 2.0 and Rich Internet Applications

®

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

Page 50: Web 2.0 and Rich Internet Applications

®

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

Page 51: Web 2.0 and Rich Internet Applications

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

Page 52: Web 2.0 and Rich Internet Applications

Demos

Monday 31 May 2010

Page 53: Web 2.0 and Rich Internet Applications

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

Flex.org

http://flex.org/tour

Flex in a week videos

Monday 31 May 2010

Page 54: Web 2.0 and Rich Internet Applications

Free Adobe Flash Platform Technologies

https://freeriatools.adobe.com/

Students, faculty and staff of eligible educational institutions

Monday 31 May 2010

Page 55: Web 2.0 and Rich Internet Applications

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

Page 56: Web 2.0 and Rich Internet Applications

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