web 2.0 and rich internet applications
DESCRIPTION
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).TRANSCRIPT
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