c




             Google Web Toolkit




                   Genloga

               genloga@gmail.com


10-12-2011                         Jean-Louis K. Manga
c


Sommaire :
     1- RIA (Rich Internet Application)

       2- AJAX
                 - L'acronyme (Asynchronus Javascript and XML)
                         Avantages et inconvénients d'AJAX

       3- Les alternatives à ajax
               - Javascript Pure
               - Flex
               - Java Applets et JavaFX
               - Silverlight
               - OpenLazlo
               - Google Web Toolkit

       4-Google Web Toolkit




10-12-2011
c


  R. I. A. (Rich Internet Application)

  Caractéristiques :

  Une application est dite « riche » quand :
           - son interface utilisateur peut soutenir une variété d'outils ou de méthodes pour interagir
           avec le UI ( souris , clavier , l’auto-complétion , le drag-n-drop … )
           - elle répond de manière intuitive .
           - elle met peu de temps pour l'exécution des requêtes.

           Exemple : Google Docs
                            http://demo.vaadin.com/sampler, http://demo.nextapp.com/echo3csjs/




10-12-2011
c

   AJAX (Asynchronous Javascript and XML)


                           - Asynchronous :
                                  - permet l'échange de données entre un client web et un
                                    serveur de manière asynchrone
                                  - Change radicalement le modèle synchrone
                                     des applications web classiques
                                  - Implémentée grâce à l'objet XmlHttpRequest

                           - Javascript :
                                  - langage de script dynamique faiblement typé
                                  Exemple :
      Jesse James Garret



                           - XML :




10-12-2011
c
    - XML (eXtensible Markup Language)

             - langage de balisage de la même famille que HTML
             - format d'échange de données indépendante du langage
             - balise personnalisable
             - beaucoup plus stricte que le HTML

             Exemple :

             Ce bout de code représente les informations sur une personne :




10-12-2011
c
  De AJAX à ajax
  Jesse James Garrett a redéfini AJAX à ajax comme ne signifiant rien de particulier .Ce changement vient
  du fait que le technologies qui constituait l'acronyme ont été changé .

  - Le terme Asynchronous est toujours utilisé sauf que l'objet XMLHttpRequest est de moins en moins utilisée
  - Javascript est souvent remplacé par d'autres technologies . Flex a par exemple préféré utilisé ActionScript
    comme alternative à JavaScript
  - Le XML est de plus en plus abandonné au profit du XHTML pour l'échange de données .
          Le JSON (JavaScript Object Notation ) est aussi souvent utilisé .


  Avantages et Inconvénients de AJAX

  Avantages :
         - Pas d'installation requise
         - Mises à jour automatique
         - Indépendant de la plate forme
         - Plus sécurisé

  Inconvénients :
          - Requiert JavaScript
          - Pas d’accès au ressource de la plate forme
          - Indexation difficile
          - Dépend de la connection internet

10-12-2011
c



    Quand utilisez ajax ???

             Applications qui s'utilisent de façon quotidienne et qui est énormément exploitée

             Applications qui nécessitent des réponses en temps réel

             Applications qui n'ont pas besoin d'être indexé par les moteurs de recherches




10-12-2011
c
Les alternatives à ajax :




Flex
       - Un ensemble d'outils pour faire des RIA sur la plate forme propriétaire
         d'Adobe
       - Possède un ensemble d'outils prédéfinis (widget , animations …)
       - Mieux vaut maîtriser Flash et ActionScript



En 2008 , Adobe a sorti Adobe AIR Runtime qui permet au
applications développés d'être déployée comme application
desktop tout en gardant les bienfaits d'ajax .
En Novembre 2011 , Adobe voulait faire don du SDK de Flex à
l'open-source .



10-12-2011
c

   Java Applet et JavaFX



             - Possède aussi son propre langage de script le JavaFX script


             - D'un point de vue technique le développeur crée des applets


             - Possibilité d'accéder aux ressources de la machine
               si l'applet est numériquement signé


             - Impératif d'installer le JRE pour que l'application fonctionne




10-12-2011
c

    Silverlight

             - Microsoft l'a sorti comme une alternative à Flash

             - Mais elle reste quand même peu connu des développeurs

             - Pour plus d'informations : http://www.silverlight.net



    OpenLazlo

             - Publier sous le Common Public licence

             - Possède son propre langage pour le LZX qui ressemble au XML
               combiné à du javascript

             - Le compilateur OpenLazslo peut générer le RIA au format
               .swf , .dhtml et pour les appareils mobiles.

             Echo2 , Zk , Google Web Toolkit ...


10-12-2011
c
 Google Web Toolkit




         - A la différence des autres framework GWT vous permet de construire des RIA sans toucher à du
           javascript ou du XML mais uniquement avec du code écrit java .

         - Développement d'une RIA facile quand vous êtes du monde de Java .

         - Parce que le développement se fait en java l'utilisateur peut encore utilisés ses outils de
           développement
           préféré (IDE).

         - Grâce au compilateur java-to-javascript GWT va générer le fichier javascript nécessaire pour
           chaque navigateur donné .




10-12-2011
c
 Google Web Toolkit




         Les pièces maîtresses

                  Le compilateur Java-to-Javascript :
                          - cœur de GWT
                          - se charge de compiler les fichiers java en JavaScript et pour chaque navigateur

                  La bibliothèque émulée du JRE :
                            - Parce que JavaScript est très différent du java il fallait créer une adaptation
                              des classes du java pour le JavaScript
                            - La classe com.google.gwt.i18n.client.DateTimeFormat remplace java.util.DateTimeFormat
                            - La classe com.google.gwt.i18n.client.NumberFormat remplace java.util.NumberFormat
                            - Certaines exceptions ne sont jamais lancée : NullPointerException , OutOfMemeryError


                  La bibliothèque UI :
                            - contient beaucoup de sous partie notamment les composants graphiques , le RPC ,
                             la gestion de l'historique ...



10-12-2011
c




             Merci de votre attention




10-12-2011                              Jean-Louis K. Manga

Gwt

  • 1.
    c Google Web Toolkit Genloga genloga@gmail.com 10-12-2011 Jean-Louis K. Manga
  • 2.
    c Sommaire : 1- RIA (Rich Internet Application) 2- AJAX - L'acronyme (Asynchronus Javascript and XML) Avantages et inconvénients d'AJAX 3- Les alternatives à ajax - Javascript Pure - Flex - Java Applets et JavaFX - Silverlight - OpenLazlo - Google Web Toolkit 4-Google Web Toolkit 10-12-2011
  • 3.
    c R.I. A. (Rich Internet Application) Caractéristiques : Une application est dite « riche » quand : - son interface utilisateur peut soutenir une variété d'outils ou de méthodes pour interagir avec le UI ( souris , clavier , l’auto-complétion , le drag-n-drop … ) - elle répond de manière intuitive . - elle met peu de temps pour l'exécution des requêtes. Exemple : Google Docs http://demo.vaadin.com/sampler, http://demo.nextapp.com/echo3csjs/ 10-12-2011
  • 4.
    c AJAX (Asynchronous Javascript and XML) - Asynchronous : - permet l'échange de données entre un client web et un serveur de manière asynchrone - Change radicalement le modèle synchrone des applications web classiques - Implémentée grâce à l'objet XmlHttpRequest - Javascript : - langage de script dynamique faiblement typé Exemple : Jesse James Garret - XML : 10-12-2011
  • 5.
    c - XML (eXtensible Markup Language) - langage de balisage de la même famille que HTML - format d'échange de données indépendante du langage - balise personnalisable - beaucoup plus stricte que le HTML Exemple : Ce bout de code représente les informations sur une personne : 10-12-2011
  • 6.
    c DeAJAX à ajax Jesse James Garrett a redéfini AJAX à ajax comme ne signifiant rien de particulier .Ce changement vient du fait que le technologies qui constituait l'acronyme ont été changé . - Le terme Asynchronous est toujours utilisé sauf que l'objet XMLHttpRequest est de moins en moins utilisée - Javascript est souvent remplacé par d'autres technologies . Flex a par exemple préféré utilisé ActionScript comme alternative à JavaScript - Le XML est de plus en plus abandonné au profit du XHTML pour l'échange de données . Le JSON (JavaScript Object Notation ) est aussi souvent utilisé . Avantages et Inconvénients de AJAX Avantages : - Pas d'installation requise - Mises à jour automatique - Indépendant de la plate forme - Plus sécurisé Inconvénients : - Requiert JavaScript - Pas d’accès au ressource de la plate forme - Indexation difficile - Dépend de la connection internet 10-12-2011
  • 7.
    c Quand utilisez ajax ??? Applications qui s'utilisent de façon quotidienne et qui est énormément exploitée Applications qui nécessitent des réponses en temps réel Applications qui n'ont pas besoin d'être indexé par les moteurs de recherches 10-12-2011
  • 8.
    c Les alternatives àajax : Flex - Un ensemble d'outils pour faire des RIA sur la plate forme propriétaire d'Adobe - Possède un ensemble d'outils prédéfinis (widget , animations …) - Mieux vaut maîtriser Flash et ActionScript En 2008 , Adobe a sorti Adobe AIR Runtime qui permet au applications développés d'être déployée comme application desktop tout en gardant les bienfaits d'ajax . En Novembre 2011 , Adobe voulait faire don du SDK de Flex à l'open-source . 10-12-2011
  • 9.
    c Java Applet et JavaFX - Possède aussi son propre langage de script le JavaFX script - D'un point de vue technique le développeur crée des applets - Possibilité d'accéder aux ressources de la machine si l'applet est numériquement signé - Impératif d'installer le JRE pour que l'application fonctionne 10-12-2011
  • 10.
    c Silverlight - Microsoft l'a sorti comme une alternative à Flash - Mais elle reste quand même peu connu des développeurs - Pour plus d'informations : http://www.silverlight.net OpenLazlo - Publier sous le Common Public licence - Possède son propre langage pour le LZX qui ressemble au XML combiné à du javascript - Le compilateur OpenLazslo peut générer le RIA au format .swf , .dhtml et pour les appareils mobiles. Echo2 , Zk , Google Web Toolkit ... 10-12-2011
  • 11.
    c Google WebToolkit - A la différence des autres framework GWT vous permet de construire des RIA sans toucher à du javascript ou du XML mais uniquement avec du code écrit java . - Développement d'une RIA facile quand vous êtes du monde de Java . - Parce que le développement se fait en java l'utilisateur peut encore utilisés ses outils de développement préféré (IDE). - Grâce au compilateur java-to-javascript GWT va générer le fichier javascript nécessaire pour chaque navigateur donné . 10-12-2011
  • 12.
    c Google WebToolkit Les pièces maîtresses Le compilateur Java-to-Javascript : - cœur de GWT - se charge de compiler les fichiers java en JavaScript et pour chaque navigateur La bibliothèque émulée du JRE : - Parce que JavaScript est très différent du java il fallait créer une adaptation des classes du java pour le JavaScript - La classe com.google.gwt.i18n.client.DateTimeFormat remplace java.util.DateTimeFormat - La classe com.google.gwt.i18n.client.NumberFormat remplace java.util.NumberFormat - Certaines exceptions ne sont jamais lancée : NullPointerException , OutOfMemeryError La bibliothèque UI : - contient beaucoup de sous partie notamment les composants graphiques , le RPC , la gestion de l'historique ... 10-12-2011
  • 13.
    c Merci de votre attention 10-12-2011 Jean-Louis K. Manga