STAATLICH ANERKANNTE FACHHOCHSCHULE Author: Dip.-Inf. (FH) Johannes Hoppe Date: 12.01.2011 STUDIEREN UND DURCHSTARTEN.
Jan 28, 2015
STAATLICHANERKANNTEFACHHOCHSCHULE
Author: Dip.-Inf. (FH) Johannes HoppeDate: 12.01.2011
STUDIERENUND DURCHSTARTEN.
STAATLICHANERKANNTEFACHHOCHSCHULE
RIA – Rich Internet Applications
Author: Dip.-Inf. (FH) Johannes HoppeDate: 12.01.2011
Trends
0112.01.2011
Folie 3
Trends
“RIA” (HTML5)
Trends
“In the cloud”
Trends
› RichComprehensive interaction with the user
› InternetRuns in a web browser / smart device
› Application Software with purpose: solve one or more tasks! (no website!)
› + Cloud Computing
› The combination of RIA and Cloud Computingcould be the future of software!
Trends
10.04.2023
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
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
Trends
10.04.2023
Folie 9
“In the cloud”
› IaaSAmazon, GoGrid, Rackspace, Terremark, Windows Azure
› PaaSGoogle AppEngine, Heroku, Bungee Connect, Force.com,Windows Azure (combination of IaaS and PaaS)
› SaaSSalesforce.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-tenant here!
Trends
New Webservice World
10.04.2023
Folie 10
RIA Client
Trends
10.04.2023
Folie 11
Source: http://www.keithpij.com/Portals/0/Downloads/IaaS,%20PaaS,%20and%20the%20Windows%20Azure%20Platform.pdf Keith Pijanowski, Platform Strategy Advisor, Microsoft
Trends
10.04.2023
Folie 12
Source: http://www.keithpij.com/Portals/0/Downloads/IaaS,%20PaaS,%20and%20the%20Windows%20Azure%20Platform.pdf Keith Pijanowski, Platform Strategy Advisor, Microsoft
Trends
10.04.2023
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!
Trends
Questions?
?
12.01.2011
Folie 14
0210.04.2023
Folie 15
RIA Patterns
Source:
Presentation from Bill Scott (Yahoo! Ajax Evangelist) “RIA Patterns - Best Practices for Common Patterns of Rich Interaction”
RIA patterns
10.04.2023
Folie 16
RIA patterns as framework elements
invitation. cursor invitation. hover invitation. tooltip invitation. pageinvitation. 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. periodicrefresh. resizable modules. scrolling modules. hover detail. narrowingactions. narrowing choices. auto form fill. in-place drill down. dependentchoices. 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.
RIA patterns
10.04.2023
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. incontexttools. 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. busyindicator. 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.
RIA patterns
10.04.2023
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
Trends
Anatomy of an RIA Pattern
› Interactionevent, timer, invitation
› Operationlookup, action, validate, message
› Presentationupdate to the interface
10.04.2023
Folie 19
Interaction Operation Presentation
Trends
Interaction
› Every pattern starts with an interaction› Event: User event› Timer: System event› Invitation: Inviting user interaction (teasing)
10.04.2023
Folie 20
Interaction Operation Presentation
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
10.04.2023
Folie 21
Interaction Operation Presentation
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.
10.04.2023
Folie 22
Interaction Operation Presentation
Trends
Ajax
10.04.2023
Folie 23
Interaction Operation Presentation AJAXpattern
++ + ≙
Trends
Questions?
?
10.04.2023
Folie 24
The end
0312.01.2011
Folie 25
The end
10.04.2023
Folie 26
Nore more stuff!
Just repetitions and preparations for the exam.
THANK YOUFOR YOUR ATTENTION
12.01.2011
Folie 27