ria 09 trends_and_technologies

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