STUDIEREN
UND DURCHSTARTEN.
Author:	Dip.-Inf. (FH) Johannes Hoppe
Date:	12.01.2011
RIA – Rich Internet Applications
Author:	Dip.-Inf. (FH) Johannes Hoppe
Date:	12.01.2011
01
Trends
12.01.2011
 Folie 3
Trends
“RIA”     (HTML5)
Trends
“In the cloud”
Trends
RichComprehensive interaction with the user
InternetRuns in a web browser / smart device
ApplicationSoftware with p...
Trends
12.01.2011
 Folie 7
"Rich Internet applications (RIAs) are emerging as vehicles to enable the next generation ...
Trends
“In the cloud”
Gartner: cloud computing will be as influential as eBusiness
Widely accepted classification and defi...
Trends
12.01.2011
 Folie 9
“In the cloud”
IaaS
Amazon, GoGrid, Rackspace, Terremark, Windows Azure 
PaaS
Google AppEngine,...
Trends
New Webservice World
12.01.2011
 Folie 10
RIA Client
Trends
12.01.2011
 Folie 11
Source: http://www.keithpij.com/Portals/0/Downloads/IaaS,%20PaaS,%20and%20the%20Windows%20Azur...
Trends
12.01.2011
 Folie 12
Source: http://www.keithpij.com/Portals/0/Downloads/IaaS,%20PaaS,%20and%20the%20Windows%20Azur...
Trends
12.01.2011
 Folie 13
“In the cloud”
Pros:
less costs (through virtualization), easy deployment, scalability, system...
Trends
Questions?
?
12.01.2011
 Folie 14
02
12.01.2011
 Folie 15
RIA Patterns
Source:
Presentation from Bill Scott (Yahoo! Ajax Evangelist) “RIA Patterns - Best Pr...
RIA patterns
12.01.2011
 Folie 16
RIA patterns as framework elements
invitation. cursor invitation. hover invitation. tool...
RIA patterns
12.01.2011
 Folie 17
RIA patterns as framework elements
inline tag edit. popup custom edit. grid cell edit. s...
RIA patterns
12.01.2011
 Folie 18
“What’s changed with Ajax is: You can have a pipeline of just-in-time information delive...
Trends
Anatomy of an RIA Pattern
Interactionevent, timer, invitation
Operationlookup, action, validate, message
Presentati...
Trends
Interaction
Every pattern starts with an interaction
Event: User event
Timer: System event
Invitation: Inviting use...
Trends
Operation
Every pattern causes on or more operations
User centered design requires:
Lookup. I can get information w...
Trends
Presentation
The interface changes in a meaningful way
Challenge: Avoiding confusion
Indicators should be less fanc...
Trends
Ajax
12.01.2011
 Folie 23
+
+
+
≙
Trends
Questions?
?
12.01.2011
 Folie 24
03
The end
12.01.2011
 Folie 25
The end
12.01.2011
 Folie 26
Nore more stuff!
Just repetitions and preparations for the exam.
THANK YOU
FOR YOUR ATTENTION
12.01.2011
 Folie 27
Upcoming SlideShare
Loading in …5
×

Ria 09 trends_and_technologies

1,408 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,408
On SlideShare
0
From Embeds
0
Number of Embeds
165
Actions
Shares
0
Downloads
55
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Ria 09 trends_and_technologies

  1. 1. STUDIEREN UND DURCHSTARTEN. Author: Dip.-Inf. (FH) Johannes Hoppe Date: 12.01.2011
  2. 2. RIA – Rich Internet Applications Author: Dip.-Inf. (FH) Johannes Hoppe Date: 12.01.2011
  3. 3. 01 Trends 12.01.2011 Folie 3
  4. 4. Trends “RIA” (HTML5)
  5. 5. Trends “In the cloud”
  6. 6. Trends RichComprehensive interaction with the user InternetRuns in a web browser / smart device ApplicationSoftware with purpose: solve one or more tasks! (no website!) + Cloud Computing The combination of RIA and Cloud Computingcould be the future of software!
  7. 7. Trends 12.01.2011 Folie 7 "Rich Internet applications (RIAs) are emerging as vehicles to enable the next generation of Information Workplaces that are best suited for decision-makers and task-oriented workers who engage in complex, multistep processes — people who need seamless, individualized, and highly visual user experiences." Forrester Research
  8. 8. Trends “In the cloud” Gartner: cloud computing will be as influential as eBusiness Widely accepted classification and definition of “cloud computing” was made my Berkely Above the Clouds: A Berkeley View of Cloud Computing: http://www.eecs.berkeley.edu/Pubs/TechRpts/2009/EECS-2009-28.html Infrastructure as a Service (IaaS) Platform as a Service (PaaS) Software as a Service (SaaS) Johannes opinion: cloud == just a fancy word for a very big computer network 12.01.2011 Folie 8
  9. 9. Trends 12.01.2011 Folie 9 “In the cloud” IaaS Amazon, GoGrid, Rackspace, Terremark, Windows Azure PaaS Google AppEngine, Heroku, Bungee Connect, Force.com,Windows Azure (combination of IaaS and PaaS) SaaS Salesforce.com, Google Apps, Zoho, SAP Business byDesign* Application service provider (ASP) is a business that provides computer-based software services over a network. (more than just hosting!) * Is not running in a real cloud, multi-tenanthere!
  10. 10. Trends New Webservice World 12.01.2011 Folie 10 RIA Client
  11. 11. Trends 12.01.2011 Folie 11 Source: http://www.keithpij.com/Portals/0/Downloads/IaaS,%20PaaS,%20and%20the%20Windows%20Azure%20Platform.pdf Keith Pijanowski, PlatformStrategyAdvisor, Microsoft
  12. 12. Trends 12.01.2011 Folie 12 Source: http://www.keithpij.com/Portals/0/Downloads/IaaS,%20PaaS,%20and%20the%20Windows%20Azure%20Platform.pdf Keith Pijanowski, PlatformStrategyAdvisor, Microsoft
  13. 13. Trends 12.01.2011 Folie 13 “In the cloud” Pros: less costs (through virtualization), easy deployment, scalability, system maintenance, reliability, self-service, on-demand, pay-per-use  time to market! Cons: not every SW can be virtualized, proprietary software everywhere, restrictions, short lifetime of nodes, unsatisfying application management, impossible change of cloud service provider, security concerns, third parties reliability  outsourcing of important knowledge / core business!
  14. 14. Trends Questions? ? 12.01.2011 Folie 14
  15. 15. 02 12.01.2011 Folie 15 RIA Patterns Source: Presentation from Bill Scott (Yahoo! Ajax Evangelist) “RIA Patterns - Best Practices for Common Patterns of Rich Interaction”
  16. 16. RIA patterns 12.01.2011 Folie 16 RIA patterns as framework elements invitation. cursor invitation. hover invitation. tooltip invitation. page invitation. drop invitation. available. selected. auto complete. live suggest. refining search. dynamic filtering. live search. on-demand scrolling. deferred content loading. fresh content. on-demand content. periodic refresh. resizable modules. scrolling modules. hover detail. narrowing actions. narrowing choices. auto form fill. in-place drill down. dependent choices. look before you leap. drag and drop. drag and drop modules. drag and drop objects. persistant portals. in page edit. inline text edit. inline custom edit. direct state edit. rating an object. inline custom edit.
  17. 17. RIA patterns 12.01.2011 Folie 17 RIA patterns as framework elements inline tag edit. popup custom edit. grid cell edit. slide out custom edit. module configure. module flip configure. module inline configure. module slide out configure. module faceplate. expandable content. incontext tools. in-context links. in-context hover menu. silent submit. remembered collection. auto save. remembered preferences. hover spy. inline assistant. inline validation. validate then suggest. indicator. busy indicator. progress indicator. inline status. in-context busy. cursor busy. opacity fade. high contrast. balloon error tip. dynamic goal. opacity focus. detail zoom. lightbox. transition. brighten. cross-fade. dim. expand. fade-in. fade-out. flip. move. self-heal. collapse. slide. animate.
  18. 18. RIA patterns 12.01.2011 Folie 18 “What’s changed with Ajax is: You can have a pipeline of just-in-time information delivery. How you manage the flow of information into a page is very important to keeping the user in the flow.” Bill Scott, 2007
  19. 19. Trends Anatomy of an RIA Pattern Interactionevent, timer, invitation Operationlookup, action, validate, message Presentationupdate to the interface 12.01.2011 Folie 19
  20. 20. Trends Interaction Every pattern starts with an interaction Event: User event Timer: System event Invitation: Inviting user interaction (teasing) 12.01.2011 Folie 20
  21. 21. Trends Operation Every pattern causes on or more operations User centered design requires: Lookup. I can get information when I need it. Action. I can take action in context. Validate. I can prevent errors early. Message. I can communicate instantly 12.01.2011 Folie 21
  22. 22. Trends Presentation The interface changes in a meaningful way Challenge: Avoiding confusion Indicators should be less fancy and more “natural” (the art of simplicity) e.g. busy indicator. progress indicator. inline status. opacity fade. 12.01.2011 Folie 22
  23. 23. Trends Ajax 12.01.2011 Folie 23 + + + ≙
  24. 24. Trends Questions? ? 12.01.2011 Folie 24
  25. 25. 03 The end 12.01.2011 Folie 25
  26. 26. The end 12.01.2011 Folie 26 Nore more stuff! Just repetitions and preparations for the exam.
  27. 27. THANK YOU FOR YOUR ATTENTION 12.01.2011 Folie 27

×