Client riche et nouvelles technologies

[object Object],Nouvelles Technologies & Client Riche Sébastien Letélié 10 janvier 2008 www.itaware.eu

Sommaire ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Evolutions des architectures Client Réseau Serveur Riche Léger Lourd SQL Socket HTML, XML/XSLT HTTP XML, JSON HTTP, SOAP, MQ

Qu’est ce que RIA … ? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],RIA Rich Internet Application RWA Rich Web Application RDA Rich Desktop Application RMA Rich Mobile Application RCP Rich Client Platform RWP Rich Web Platform

Technologies du client riche ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

L’approche Web 2.0 avec AJAX ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

La vision Microsoft ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

XAML ,[object Object],[object Object],<Page xmlns=""> <TextBlock> Salut, le Monde! </TextBlock> </Page> <windows Width="600" Height="480" Text="Mon Programme"> <FlowPanel> <Label Name="Montexte" FontSize="20"> Mon application </label> <Button Width="80" Click="BoutonClic"> Fermer </Button> </FlowPanel> </windows>

La vision Microsoft ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

La percée d’Adobe ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

MXML & Action Script 3 ,[object Object],[object Object],[object Object],<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" applicationComplete="employees.send()"> <mx:HTTPService id="employees" useProxy="false" method="POST" url="http://localhost:8080/test/employees.jsp" /> <mx:DataGrid dataProvider="{employees.lastResult.people.person}" width="60%"> <mx:columns> <mx:DataGridColumn dataField="name" headerText="Name"/> <mx:DataGridColumn dataField="age" headerText="Age"/> <mx:DataGridColumn dataField="skills" headerText="Skills"/> </mx:columns> </mx:DataGrid> </mx:Application>

MXML & Action Script 3 ,[object Object],[object Object],<?xml version="1.0" encoding="utf-8"?> <mx:Button xmlns:mx="http://www.adobe.com/2006/mxml" width="104" height="28" cornerRadius="10" fillColors="[#00ff00, #00B000]" label="Add Item" fontSize="12" click="greenClickEventHandler()"> <mx:Metadata> [Event(name="addItemEvent", type="flash.events.Event")] </mx:Metadata> <mx:Script> <![CDATA[ private function greenClickEventHandler():void{ trace(" Ouch! I got clicked! Let me tell this to the world."); dispatchEvent(new Event("addItemEvent", true)); } ]]> </mx:Script> </mx:Button>

La percée d’Adobe ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

La continuité de Sun ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Exemple de code Java FX Script import javafx.ui.*; import javafx.ui.canvas.*; import java.util.Date; import java.lang.Math; import java.lang.System; public class Timer { private attribute elapsed: Number; public attribute minutes: Number; public attribute seconds: Number; public attribute hours: Number; public attribute running: Boolean; } attribute Timer.elapsed = bind if running then [1..20] dur 1000 linear while running continue if true else 0; trigger on Timer.elapsed = value { var now = new Date(); minutes = now.getMinutes(); seconds = now.getSeconds() + (now.getTime() % 1000)/1000; hours = now.getHours(); } public class Clock extends CompositeNode { public attribute ticking: Boolean; } operation Clock.composeNode() { var t = Timer {running: bind ticking}; return Group { var font = new Font("Dialog", "PLAIN", 15) var secs = bind t.seconds var mins = bind t.minutes + secs/60 var hrs = bind t.hours + mins/60 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

La démarcation d’Eclipse ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

EXSWT ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],<w:composite background="#82cff1"> <a:layout x:class="gridLayout" f:numColumns="2" /> <w:label background="#82cff1" text="Raison :"> <a:layoutData x:class="gridData" f:horizontalAlignment="GridData.END" /> </w:label> <w:text w:style="SWT.BORDER" x:id="callReason" font="Arial,10,SWT.BOLD"> <a:layoutData x:class="gridData" f:widthHint="320" f:horizontalAlignment="GridData.BEGINNING" /> </w:text> <w:label background="#82cff1" text="Type :"> <a:layoutData x:class="gridData" f:horizontalAlignment="GridData.END" /> </w:label> <v:comboViewer x:id="missionType" v:style="SWT.READ_ONLY" font="Arial,10,SWT.BOLD"> <a:combo.layoutData x:class="gridData" f:widthHint="120" f:horizontalAlignment="GridData.BEGINNING" /> </v:comboViewer> </w:composite>

Eclipse Data Binding ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Realm.runWithDefault(SWTObservables.getRealm(Display.getCurrent()), new Runnable() { public void run() { DataBindingContext dbc = new DataBindingContext(); dbc.bindValue(SWTObservables.observeText((Text) controls.get("number"), SWT.FocusOut), BeansObservables.observeValue(criterias, "number"), null, null); dbc.bindValue(SWTObservables.observeSelection((Button) controls.get("isGroup")), BeansObservables.observeValue(criterias, "group"), null, null); } });

La stratégie Google ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

La stratégie Google ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Et les autres … ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Communications client/serveur ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Mode Push : Comet ,[object Object],[object Object],[object Object],[object Object],[object Object]

Mode déconnecté ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Bilan ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Quelles technos pour quels besoins ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

L’importance du SOA ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Les technologies émergentes ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Les nouveaux rôles ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

A surveiller … ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

A suivre ... ,[object Object],[object Object],[object Object],[object Object],[object Object]

Client riche et nouvelles technologies

Recomendados

Recomendados

Mais conteúdo relacionado

Destaque

Destaque (12)

Semelhante a Client riche et nouvelles technologies

Semelhante a Client riche et nouvelles technologies (20)

Mais de Sébastien Letélié

Mais de Sébastien Letélié (7)

Client riche et nouvelles technologies