RIALTO

1
RIALTO

• CNAM NSY115
• Méthodes de conduite de projet
• Nicolas BOITEUX

2
Rialto

• Introduction
• Description de Rialto
• Implémentation des widgets
• Conclusion
• Solutions alternatives
• Annexe A les Frameworks
• Annexe B le composer rialto studio

3
1.1 Le projet

• Le projet Rialto a été créé par la Société
  Improve SA en 2001 pour développer une
  application web de consultation de dossier
  médicaux de lIGR (institut de cancérologie
  Gustave Roussy).

4
Problématique technique

• Comment rendre une application web aussi
  ergonomique quune application lourde ?

5
1.4 Rôle de Rialto

• Rialto est une bibliothèque Javascript qui
  permet
• Dutiliser des composants graphiques améliorés
  sur des pages HTML.
• De traiter des données du côté du navigateur web
• Déchanger des messages asynchrones avec des
  serveurs.

6
Rialto

• Introduction
• Description de Rialto
• Implémentation des widgets
• Conclusion
• Solutions alternatives
• Annexe A les Frameworks
• Annexe B le composer Rialto studio

7
Classic vs Web 2.0 (source clever age7)
8
2 Description de Rialto

• Rialto met à disposition des
• Composants non graphiques tels que AjaxRequest
  (Asynchronous javascript and xml)
• Composants graphiques étendus (widgets)

9
Synchronous vs Asynchronous (source clever age7)
10
AjaxRequest

• Interroger un serveur web distant via une méthode
  http POST/GET
• Manipuler le résultat XML via une méthode

11
Widget Form
12
Widget Grid
13
Widget Tab
14
Widget Treeview
15
2.1.4 Widget Popup
16
Rialto

• Introduction
• Description de Rialto
• Implémentation des widgets
• Conclusion
• Solutions alternatives
• Annexe A les Frameworks
• Annexe B le composer Rialto studio

17
3 Implémentation des widgets

• Appel du code dans le header de la page HTML
• Un composant doit au minimum avoir un parent

18
3.1 Exemple de page HTML

• lthtmlgt
• ltheadgt
• ltlink rel"stylesheet" type"text/css"
  href"rialtoEngine/style/rialto.css"/gt
• ltlink id"standard_behaviour" rel"stylesheet"
  type"text/css" href"rialtoEngine/style/behavior.
  css"/gt
• ltlink id"defaultSkin" rel"stylesheet"
  type"text/css" href"rialtoEngine/style/defaultSk
  in.css"/gt
• ltscript type"text/javascript" src"rialtoEngine/c
  onfig.js"gtlt/scriptgt
• ltscript type"text/javascript" src"rialtoEngine/j
  avascript/rialto.js"gtlt/scriptgt
• lt/headgt
• ltbodygt
• ltdiv id"content" /gt
• lt/bodygt
• lt/htmlgt

19
3.2 Exemple de code Grid

• lt!-- déclaration du composant père --!gt
• var oParentdocument.getElementById('content')
• lt!-- déclaration du composant --!gt
• oTableau new rialto.widget.Grid(top130,
  left0, height130, parentoParent,
  TabEntete"Nom","Prenom", tabTypeCol"string",
  200,"string",200, name'oTableau',
  bNavigfalse, rang12, cellActivefalse,
  sortabletrue, multiSelectfalse, lineHeight16,
  boolPrinttrue, switchabletrue, actifClictrue,
  autoResizableWtrue, writabletrue)
• lt! on remplit le grid --!gt
• oTableau.fillGrid( "Dupont","Pierre",
• "DURANT","Jacques",
• "RENAUT","Eric")
• lt!-- insertion dune ligne dans le grid --!gt
• oTableau.addOneLine("Dupont","Pierre")

20
Quelques méthodes de Grid
21
3.3 Exemple de code AjaxRequest

• lt!-- création du composant --!gt
• var remotenew rialto.io.AjaxRequest(
  url'toto.php', method 'get', callBackObjectOnSuc
  cessthis, withWaitWindowfalse, onSuccess
  refreshData )
• lt!-- activation du composant --!gt
• remote.load("actionload")
• lt!-- fonction refreshdata --!gt
• function refreshData(request)
• var xmldoc request.responseXML
• var rootNode xmldoc.getElementsByTagName('respon
  se').item(0)
• nom rootNode.getElementsByTagName("nom")0.firs
  tChild.nodeValue
• prenom rootNode.getElementsByTagName("prenom")0
  .firstChild.nodeValue
• oTableau.addOneLine(nom,prenom)

22
Rialto

• Introduction
• Description de Rialto
• Implémentation des widgets
• Conclusion
• Solutions alternatives
• Annexe A les Frameworks
• Annexe B le composer Rialto studio

23
Les avantages

• Widgets graphiques puissants
• Un widget Ajax
• Des Frameworks PHP, JSP
• Un générateur de code Rialto
• Des formations à Puteaux (92)

24
Les inconvénients

• Il faut encore manipuler du Javascript et Dom
• Mauvaise documentation
• Avenir incertains des Frameworks (Jscript /
  JavaScript)

25
Conclusion

• Rialto répond à la problématique en permettant de
  mettre en uvre une nouvelle forme dapplication
  web plus riche et dynamique.

26
Rialto

• Introduction
• Description de Rialto
• Implémentation des widgets
• Conclusion
• Solutions alternatives
• Annexe A les Frameworks
• Annexe B le composer Rialto studio

27
5 Solutions alternatives

• Extjs extend the web
• http//extjs.com/
• Rico  javascript for rich internet application
• http//openrico.org
• Dojo  the javascript tookit avec une
  participation de IBM et SUN
• http//dojotoolkit.org/
• Google web toolkit 
• http//code.google.com/webtoolkit/
• XUL  User interface language
• http//www.mozilla.org/projects/xul/
• WPF  windows presentation fundation
• http//wpf.netfx3.com/
• JSF  java server face

28
Annexe A Les Frameworks Rialto

• Rialto propose plusieurs frameworks Php, Jsf,
  Python, .Net
• Les Frameworks permettent de manipuler les
  méthodes javascript via les méthodes dobjets
  dautres langages.

29
Exemple de code Php

• lt?php
• class DefaultScreen extends RialtoPHPScreen
• public DIV "document.body"
• public WINDOW "myWindow"
• public WINDOW_TITLE "My Title"
• public CADRE "boxDemo"
• public ICON "images/imgFenSimple/picto
  -gr_recherchepatients.gif"
• public function doPrint(writer)
• out. writer-gtwindowTag(this-gtWINDOW,this-gtW
  INDOW_TITLE, this-gtDIV)
• out. writer-gtframeTag(this-gtCADRE, "30",
  "30", "300", "120", "Box Title", "false",
  "false", "relative", "false", this-gtWINDOW)
• return out
• ?gt

30
Annexe B le composer Rialto studio
31
Bibliographie

• 1JavaScript pour le Web 2.0 de Thierry
  Templier, Arnaud Gougeon chez Eyrolles.
• 2 La FAQ officielle http//rialto.application-s
  ervers.com/wiki/faq
• 3 Les spécifications ECMA http//www.ecma-inter
  national.org/publications/standards/Ecma-262.htm
• 4 Asynchronous Javascript and Xml (Ajax)
  http//fr.wikipedia.org/wiki/Asynchronous_JavaScri
  pt_and_XML
• 5 Xforms http//www.yoyodesign.org/doc/w3c/xfor
  ms-for-html-authors/
• 6 XHTML 1.0 http//www.w3.org/TR/xhtml1/
• 7 livre blanc sur les technologies Ajax
  http//www.clever-age.com/veille/publications/livr
  es-blancs/livre-blanc-etude-comparative-des-princi
  paux-frameworks-ajax.html