SlideShare une entreprise Scribd logo
Présentation de Google Web
                    Toolkit
Encadrer par :Mr Badr Hadria   Présenter : Chater ABDELHAY .
.                                         Cheick Ismael MAIGA
• Introduction
• Création d’un projet (Confert TP)e
• Structure d’un projet sous eclipse
•   Interface Utilisateur (IU)
•   Les services distances RPC
•   Avantages et Inconvénients
•   Atelier
Introduction
                                   Définition
Google Web Toolkit (GWT) est un ensemble d’outils open source qui
permet de développer des applications web dynamiques à partir de
code Java

                                   Historique
   Créer par Bruce Johnson et Joel Webber en 2006
   Rachat par Google de la startup créée par Bruce Johnson
   Version 1.0 en 2006
   Version 1.5 en 2008
   Version 2.0 en 2009
   Version 2.1 en 2010
   Version 2.2 en 2011
   Version 2.4 en septembre de 2011
   Version 2.5 en Juin 2012
Pourquoi GWT ?
•   Rareté des experts en JavaScript
•   JS n’est pas un véritable langage à objet
•   Pas de typage statique
•   Sensible a la moindre coquille
•   Débogage à l’exécution pas la compilation
•   Manque de modularité et de capacité a grandir
•   Support inégale des outils JavaScripts et Ajax
•   Interprétation différentes selon les navigateur
Principes
• Un framework qui propose d ’écrire une application en java et de compiler ce code Java
vers du HTML et du JavaScript nativement interprétables par les navigateurs web




Client              Java                    Compilateur Gwt                   JavaScript


                                                                            Service RPC


Serveur           Services                                                         Java



Partie Cliente: le code java qui est au final compilé en JavaScript et qui est exécuté dans un
    browser
• N’utilisé, côté client ,que des librairies de l’API Java qui peuvent être compilé en JavaScript
•    Emulation partielle (Java.lang.*,java.util.*,etc …)
Structure d’un projet sous eclipse




Projet simple    Projet avec le plugin de maven
Convention
•   Module sous Eclipse
•   – Deux fichiers avec une nommage cohérant
•   • monMudule.gwt.xml le descripteur de module
•   • monModule.html la page html hôte du module
•   – Plusieurs modules sont autorisés dans un
•   même projet, ils ont chacun leur descripteur,
•   point d’entrée et leur page HTML Hôte
•   – Un module n’a qu’une page HTML hôte
•   – Si un module a plusieurs points d’entrée ils
•   apparaissent tous dans la même page
Le dossier War
•   Le dossier war, représente l’archive WAR qui
•   sera exportée/déployée. Lors de la compilation
•   du projet, les fichiers seront créés dans un sousdossier
•   de celui-là.
•   – Le répertoire lib du WEB-INF contient les librairies
•   GWT.
•   • Toutes les ressources (images, css, …) doivent
•   être placées dans le répertoire war à l’instar
•   d’une application Web classique.
Le dossier src
•   On trouve deux packages
•   – Client
•   – Server
•   • On trouve aussi un fichier
•   GWTDemo.gwt.xml
Support CSS
• Séparation du code et de la présentation
• Code Java
Public ListWidget(String Item) {
…
   setStyleName("gwt-ListWidget");
}
• Fichier CSS
  .gwt-ListWidget {
             background-color:black;
             color:red;
}
Vue d’ensemble des composant (IU)
Composants d'interface-utilisateur
Programmation par événements
Exemples d'événements
Gestion des événements
Panneaux
Bouton simple
Case à cocher
Bouton radio
Boîte de texte
Liste déroulante
Arbre
Éditeur de textes
Support des CSS
I18N
Gestion de l'historique
IU-Composant
• Balises HTML usuelles, comme img, anchor, hyperlink
• Bouton, bouton radio, bouton à bascule, case à cocher
• Menu, sous-menu, menu déroulant
• Champ de texte, zone de texte
• Onglets, liste déroulante, boîte de dialogue
• Séparateurs de fenêtre
• Widgets complexes comme des tables, boîte de
téléversement de fichier, widget d'arbres, éditeur de
texte enrichi.
Différents panneaux très utiles pour la disposition
IU-Programmation par évènements
• Essentiellement de la programmation par événements
• Une méthode ou procédure s'exécute quand un
événement est déclenché
• Dans une IU, un événement est déclenché chaque fois
que l'utilisateur clique sur la souris, appuie sur une
touche du clavier, sélectionne un élément dans un
menu, ouvre ou ferme une fenêtre, etc.
• À chaque composant de l'IU appelé aussi contrôle ou
widget (comme un bouton, un menu, etc.) est associé
un ou plusieurs gestionnaires d'événements (Listener
ou Handler) qui peuvent comporter des paramètres
IU-Exemple d’évènements
•   OnClick – déclenché quand l'usager clique un élément
•   OnBlur – déclenché quand un élément perd le focus du clavier
•   OnChange - déclenché quand le contenu de la saisie change
•   OnFocus – déclenché quand un élément reçoit le focus clavier
•   OnKeyDown – déclenché quand l'usager appuie sur une touche
•   OnKeyUp – déclenché quand l'usager relâche une touche
•   OnKeyPress – déclenché quand un caractère est généré
•   OnMouseOver – déclenché quand la souris passe au-dessus
•   OnMouseMove – déclenché quand la souris entre dans la zone
•   OnMouseOut – déclenché quand la souris sort de la zone
•   OnScroll – déclenché quand un élément avec défilement bouge
•   OnLoad – déclenché quand un élément termine de se charger
•   OnDblClick – déclenché quand l'usager double-clique
IU-Récepteur/Gestionnaire d’évènement
• GWT utilise le concept de récepteur ou gestionnaire («
listener interface ») pour traiter les événements
• Semblable à d'autres canevas d'applications
graphiques comme SWING
• Le récepteur via l'interface “listener interface” définit
une ou plusieurs méthodes que le widget appelle en
réaction à un événement
Button unBouton = new Button("Cliquez moi!");
   unBouton.addClickListener(new ClickListener() {
public void onClick(Widget emetteur) {
// traitement du Clic
}
});
IU-composant
•    Éléments statiques: étiquette (Label), HTML, Image, hyperlien (Hyperlink), champ
    caché (Hidden)
• Widgets (E/S) : bouton (Button), bouton poussoir (PushButton), bouton à bascule
(ToggleButton), case à cocher (CheckBox), bouton radio (RadioButton), menu déroulant
(ListBox), zone de texte (TextBox), zone de texte avec suggestions (SuggestBox),
zone d'entrée de mot de passe (PasswordTextBox), zone de texte multiligne (TextArea),
zone d'édition de texte enrichi (RichTextArea)
• Widgets complexes : arbre (Tree), barre de menus (MenuBar), téléversement de
fichiers (FileUpload)
• Panneaux de disposition simple : panneau en file (FlowPanel), panneau horizontal
(Horizontal Panel), panneau vertical (VerticalPanel), panneau à coulisse
(HorizontalSplitPanel, VerticalSplitPanel), panneau HTML (HTMLPanel), panneau
superposé (DeckPanel)
• Panneaux de disposition complexe : table flexible* (FlexTable), grille (Grid), panneau
polyptyque* (DockPanel), panneau à onglets (TabPanel), panneau en pile (StackPanel)
• Panneaux conteneurs simples : panneau composite ou composite (Composite) panneau
simple (SimplePanel), panneau à barre de défilement (ScrollPanel), panneau de focus
(FocusPanel)
• Panneaux conteneurs complexes : panneau de formulaire (FormPanel), panneau à
dévoilement* (DisclosurePanel), panneau surprise* (PopupPanel), boîte de dialogue
(DialogBox)
IU-Panneaux
                                    DisclosurePanel
VerticalPanel        Horizontal
                                                      HorizontalSplitPanel
                     Panel


VerticalSplitPanel      FlowPanel



                                                      DockPanel
           PopupPanel             TabPanel
IU - Bouton simple
Bouton (Button)


  // Création d'un bouton qui réagit à un clic
  //grâce à un récepteur de clic
  Button bouton = new Button("Cliquez-moi",
  new ClickListener() {
  public void onClick(Widget sender) {
  Window.alert("Bonjour GWT");
  }
  });
IU-Case à cocher

Case à cocher (CheckBox)


// Création d'une case à cocher
CheckBox caseResidentKnt = new CheckBox("Résident de Kénitra");
// La case est cochée par défaut
caseResidentKnt.setChecked(true);
// Attacher un récepteur de clic à la case
caseResidentKnt.addClickListener(new ClickListener() {
public void onClick(Widget sender) {
boolean estKenitriain = ((CheckBox) sender).isChecked();
Window.alert( (estKnenitriain ? "" : "non") + " Kenitriain");
}
});
IU-Bouton radio
Bouton radio (RadioButton)


 // Création d'un groupe de boutons radio
 RadioButton rbBleu = new RadioButton("groupeRbCouleurs", "bleu");
 RadioButton rbBlanc = new RadioButton("groupeRbCouleurs",
 "blanc");
 RadioButton rbRouge = new RadioButton("groupeRbCouleurs",
 "rouge");
 // Cocher le bouton bleu par défaut
 rbBleu.setChecked(true);
 // Ajouter le groupe de boutons radio à un panneau
 FlowPanel panneau = new FlowPanel();
 panneau.add(rbBleu);
 panneau.add(rbBlanc);
 panneau.add(rbRouge);
IU-Boite de texte
 Boîte de texte (TextBox)
TextBox zoneSaisie = new TextBox();
// Interdire la saisie de texte non numérique
zoneSaisie.addKeyboardListener(new KeyboardListenerAdapter() {
public void onKeyPress(Widget emetteur, char codeCar, int modifiers) {
if ((!Character.isDigit(codeCar)) && (codeCar != (char) KEY_TAB)
&& (codeCar != (char) KEY_BACKSPACE) && (codeCar != (char) KEY_DELETE)
&& (codeCar != (char) KEY_ENTER) && (codeCar != (char) KEY_HOME)
&& (codeCar != (char) KEY_END) && (codeCar != (char) KEY_LEFT)
&& (codeCar != (char) KEY_UP) && (codeCar != (char) KEY_RIGHT)
&& (codeCar != (char) KEY_DOWN)) {
// Annuler l'événement KeyPress
( (TextBox) emetteur ).cancelKey();
}
}
});
IU –Liste Déroulante
            Liste déroulante (ListBox)
// Créer une liste, et lui ajouter quelques items
ListBox listeChoix = new ListBox();
listeChoix.addItem("Pied-De-Vent");
listeChoix.addItem("Notre-Dame-des-Neiges");
listeChoix.addItem("Migneron");
listeChoix.addItem("Riopelle de l'Isle");
listeChoix.addItem("Bleu Bénédictin");
// Faire assez de place pour les 6 items
listeChoix.setVisibleItemCount(6);
// Ajouter un gestionnaire sur les événements de sélection
listeChoix.addChangeHandler(new ChangeHandler() {
public void onChange(ChangeEvent event) {
alert(listeChoix.getSelectedIndex().getValue());
}
})
IU-Arbre
Arbre (Tree) : une hiérarchie déployable de
widgets


    TreeItem tronc = new TreeItem("Racine");
    tronc.addItem("item 0");
    tronc.addItem("item 1");
    tronc.addItem("item 2");
    // Ajouter une case à cocher à l'arbre
    TreeItem item = new TreeItem(new
    CheckBox("item 3"));
    tronc.addItem(item);
    Tree arbre = new Tree();
    arbre.addItem(tronc);
IU-Editeur de Texte
Éditeur de textes riche (RichTextArea)


// Crée la zone d'édition et sa barre de menu
RichTextArea editeur = new RichTextArea();
editeur.setSize("100%", "14em");
RichTextToolbar barreMenu =
new RichTextToolbar(editeur);
barreMenu.setWidth("100%");
// Ajoutez les composants à un panneau
Grid panneauGrille = new Grid(2, 1);
panneauGrille.setStyleName("editeur");
panneauGrille.setWidget(0, 0, barreMenu);
panneauGrille.setWidget(1, 0, editeur);
Gestion de l’historique du navigatieur
• La gestion de l'historique du navigateur s'occupe des
boutons « avancer » et « reculer » et des liens
• Une API simple de gestion de l'historique basée sur
une pile de jetons
– Lorsque l'application démarre, la pile est vide
– Lorsque l'utilisateur clique sur quelque chose
• Vous pouvez ajouter des jetons sur la pile
• History.newItem(“nouveauJeton”)
• Classe Hyperlink ajoute des jetons automatiquement
– Vous pouvez aussi réagir aux événements “History
• events” en utilisant un HistoryListener
History.addHistoryListener(controle)
Appel de procédure à distance: RPC
• GWT offre le très utile mécanisme d'appel de
  procédure à distance ou RPC
(Remote Procedure Call), comme moyen de
  communiquer avec les services
hébergés sur un serveur JEE. Client et serveur
  parlent alors le même langage, i.e. le Java
RPC:Remote procedure Call
•   Un objet Java MesDonneesDO à échanger
    Import com.google.gwt.user.client.rpc.IsSerializable;
           public class MesDonneesDO implements IsSerializable {
                        //...
           }
•   Une première interface définit le service
             import com.google.gwt.user.client.rpc.RemoteService;
                         public interface MonService extends RemoteService {
                                    MesDonneesDO getReponseMonService(String requete);
}
•   Une deuxième interface dite asynchrone spécifie getReponseMonservice( ) mais avec un
    paramètre supplémentaire sous la forme d'une procédure de rappel (« Callback ») que le code-
    client utilisera pour appeler le service.

      import com.google.gwt.user.client.rpc.AsyncCallback;
    public interface MonServiceAsync {
            public void getReponseMonService(String requete,
                                  AsyncCallback maProcedureDeRappel);
}
RPC – Code- Serveur
•   Classe à implémenter du côté serveur hérite de
    com.google.gwt.user.server.rpc.RemoteServiceServlet

import com.google.gwt.user.server.rpc.RemoteServiceServlet;
import qc.ets.web2.gwt.client.MesDonneesDO;
import qc.ets.web2.gwt.client.MonService;
public class MonServiceImpl extends RemoteServiceServlet implements MonService {
    public MesDonneesDO getReponseMonService(String requete) {
              If (requete.length() < 1) {
              throw new IllegalArgumentException("Requete invalide.");
    }
    MesDonneesDO resultat = new MesDonneesDO();
    resultat.setDonnees("...");
    If ( isInvalide( resultat )) {
              return null;
    }
    return resultat;
}
public boolean isInvalide(MesDonneesDO resultat) {
                           Return true; // à modifier
    }
}
RPC :Code Client
• Le client n'est pas encore connecté au service. Nous pouvons faire cela en ajoutant un
récepteur (Listener) à un élément de l'interface, ce qui peut être fait avec une classe interne.
public class MonClientRPC implements EntryPoint {
     public void onModuleLoad() {
             final Button bouton = new Button("Appel RPC");
             final MonServiceAsync serviceProxy =
                          (MonServiceAsync)GWT.create(qc.ets.web2.gwt.client.MonService.class);
     ServiceDefTarget pointService = (ServiceDefTarget) serviceProxy;
     pointService.setServiceEntryPoint(GWT.getModuleBaseURL() + "/reponseService");
     bouton.addClickListener(new ClickListener( ) {
public void onClick(Widget emetteur) {
     AsyncCallback maProcedureDeRappel = new AsyncCallback() {
             public void onSuccess(Object resultat) {
             MesDonneesDO resultatDO = (MesDonneesDO) resultat;
S            ystem.out.println("*** SUCCES RPC ***n" + resultatDO.getDonnees());
}
     public void onFailure(Throwable erreur) {
             System.out.println("*** ERREUR RPC ***" + erreur.getMessage());
}
};
     serviceProxy.getReponseMonService("Requete bidon", maProcedureDeRappel);
             }});
     RootPanel.get("emprise1").add(bouton);
     }
}
Intégration facile aux APIs Google
Intégration facile aux APIs Google
Google offre un riche écosystème d'APIs en source
   libre
• Androïd : plateforme Java en source libre pour la
téléphonie intelligente
• AppEngine : hébergement d'applications Java
   dans le nuage
• OpenSocial : norme libre pour les sites sociaux
• Google Maps : services de cartes et géolocation
• Google Ajax Searh APIs : le moteur Google
   Search
• Google Gears API : BD locale et navigation hors
   ligne
• Google Language API : services de traduction
• YouTube widget
GWT: Avantages &Inconvénients
Avantages
• Bon pour enrichir des applications Web avec Ajax et créer
des applications Web de « style bureautique »
• Un seul langage: JAVA
• Développement et mise au point rapide dans des EDIs
favorisant une bonne productivité et qualité du code
• Riche bibliothèque de composants (~ SWING)
• Très bon support Ajax
• Performant & économe en ressources réseau & serveur
• Code source libre, licence Apache 2, bien documenté
• Supporté par GOOGLE... et l'écosystème des outils Google
• Pas magique mais GWT a le potentiel de devenir le
« prochain gros truc »
Inconvénients
• Nécessite que le fureteur exécute JavaScript
•  Exige la connaissance de la programmation Java
•  Exige une séparation nette client et serveur
•  Les composants (Widgets) sont de sources et de qualités
  inégales
• Dépend des performances du transcompilateur
• Quelques problèmes de compatibilité entre les fureteurs
  Web, surtout au niveau des CSS
• Certains problèmes demandent une expertise JS
• L'aspect sécurité est à surveiller
• GWT ne va pas résoudre « magiquement » tous les
problèmes avec Ajax ou le Web 2.0
Question
Atelier




GWT
Exemple
public class Bonjour implements EntryPoint {
  public void onModuleLoad() {
  Button bouton = new Button("Cliquez-moi!",
  new ClickListener() {
  public void onClick(Widget sender) {
  Window.alert("Bonjour GWT");
  }
  });
  RootPanel.get().add(bouton);
  }
}
Merci pour votre attention

Contenu connexe

Tendances

Introduction à Android
Introduction à AndroidIntroduction à Android
Introduction à Android
Yoann Gotthilf
 
Les vues (views) sous android
Les vues (views) sous androidLes vues (views) sous android
Les vues (views) sous android
Houssem Lahiani
 
Android-Tp1: éléments graphiques de base et intents
Android-Tp1: éléments graphiques de base et intentsAndroid-Tp1: éléments graphiques de base et intents
Android-Tp1: éléments graphiques de base et intents
Lilia Sfaxi
 
Gwt fast overview_v1
Gwt fast overview_v1Gwt fast overview_v1
Gwt fast overview_v1
David Herviou
 
Android pour les debutants
Android pour les debutantsAndroid pour les debutants
Android pour les debutants
Amira Hakim
 
Presentation of GWT 2.4 (PowerPoint version)
Presentation of GWT 2.4 (PowerPoint version)Presentation of GWT 2.4 (PowerPoint version)
Presentation of GWT 2.4 (PowerPoint version)
Celinio Fernandes
 
Les intents sous Android
Les intents sous Android Les intents sous Android
Les intents sous Android
Houssem Lahiani
 
Cycle de vie d'activité Android et les composant d'Android
Cycle de vie d'activité Android et les composant d'AndroidCycle de vie d'activité Android et les composant d'Android
Cycle de vie d'activité Android et les composant d'Android
Houssem Lahiani
 
jQuery
jQueryjQuery
jQuery
Franck SIMON
 
5.ateliers avancés
5.ateliers avancés5.ateliers avancés
5.ateliers avancés
Chaikhani Ibtissam
 
Android
AndroidAndroid

Tendances (11)

Introduction à Android
Introduction à AndroidIntroduction à Android
Introduction à Android
 
Les vues (views) sous android
Les vues (views) sous androidLes vues (views) sous android
Les vues (views) sous android
 
Android-Tp1: éléments graphiques de base et intents
Android-Tp1: éléments graphiques de base et intentsAndroid-Tp1: éléments graphiques de base et intents
Android-Tp1: éléments graphiques de base et intents
 
Gwt fast overview_v1
Gwt fast overview_v1Gwt fast overview_v1
Gwt fast overview_v1
 
Android pour les debutants
Android pour les debutantsAndroid pour les debutants
Android pour les debutants
 
Presentation of GWT 2.4 (PowerPoint version)
Presentation of GWT 2.4 (PowerPoint version)Presentation of GWT 2.4 (PowerPoint version)
Presentation of GWT 2.4 (PowerPoint version)
 
Les intents sous Android
Les intents sous Android Les intents sous Android
Les intents sous Android
 
Cycle de vie d'activité Android et les composant d'Android
Cycle de vie d'activité Android et les composant d'AndroidCycle de vie d'activité Android et les composant d'Android
Cycle de vie d'activité Android et les composant d'Android
 
jQuery
jQueryjQuery
jQuery
 
5.ateliers avancés
5.ateliers avancés5.ateliers avancés
5.ateliers avancés
 
Android
AndroidAndroid
Android
 

En vedette

Ccnn
CcnnCcnn
Bullying
BullyingBullying
red alimenticia unidad 3
 red alimenticia unidad 3 red alimenticia unidad 3
red alimenticia unidad 3
Anguie Torres
 
Málaga donde nació mi Madre...!!!
Málaga donde nació mi Madre...!!!Málaga donde nació mi Madre...!!!
Málaga donde nació mi Madre...!!!
Mari Carmen Rodríguez Pareja
 
Surface & fun ESG MS
Surface & fun   ESG MS Surface & fun   ESG MS
Surface & fun ESG MS
briceasch
 
Machine professionnelle de pressing et nettoyage
Machine professionnelle de pressing et nettoyageMachine professionnelle de pressing et nettoyage
Machine professionnelle de pressing et nettoyage
Pressing Paris
 
Polar en lumieres
Polar en lumieresPolar en lumieres
Polar en lumierespaniti13
 
Réunion de travail du 22 février thématique éducation, jeunesse, rythmes scol...
Réunion de travail du 22 février thématique éducation, jeunesse, rythmes scol...Réunion de travail du 22 février thématique éducation, jeunesse, rythmes scol...
Réunion de travail du 22 février thématique éducation, jeunesse, rythmes scol...
Aline Zani Châteauneuf Ensemble
 
Regain de fonctionnalités pour les utilisateurs de l’appli Yelo TV de Telenet...
Regain de fonctionnalités pour les utilisateurs de l’appli Yelo TV de Telenet...Regain de fonctionnalités pour les utilisateurs de l’appli Yelo TV de Telenet...
Regain de fonctionnalités pour les utilisateurs de l’appli Yelo TV de Telenet...
Quadrant Communications
 
Diaporama sur Nantes
Diaporama sur NantesDiaporama sur Nantes
Diaporama sur Nantes
elise888
 
Présentation Cortexia Maroc Corporate 2013
Présentation Cortexia Maroc Corporate 2013Présentation Cortexia Maroc Corporate 2013
Présentation Cortexia Maroc Corporate 2013
CortexiaMaroc
 
Greeters de Charleroi-Thudinie
Greeters de Charleroi-ThudinieGreeters de Charleroi-Thudinie
Greeters de Charleroi-Thudinie
Tourisme autrement association
 
capitalizacion ing eco:
capitalizacion ing eco:capitalizacion ing eco:
capitalizacion ing eco:
wilfredo141991
 
4 caf-120827153733-phpapp02
4 caf-120827153733-phpapp024 caf-120827153733-phpapp02
4 caf-120827153733-phpapp02Olivier ROUSSEAU
 
2012 dodge charger 11,782 miles
2012  dodge  charger 11,782 miles2012  dodge  charger 11,782 miles
2012 dodge charger 11,782 miles
Auto Connection Manassas
 
CRC- Bilan sur les réalisations chiffrées de 1999 à 2005
CRC- Bilan sur les réalisations chiffrées de 1999 à 2005CRC- Bilan sur les réalisations chiffrées de 1999 à 2005
CRC- Bilan sur les réalisations chiffrées de 1999 à 2005
Djamal Msa Ali
 
Les soins en prison chronique d’un malentendu
Les soins en prison   chronique d’un malentenduLes soins en prison   chronique d’un malentendu
Les soins en prison chronique d’un malentendu
Réseau Pro Santé
 
Maria y espe no borrar 4
Maria y espe no borrar 4Maria y espe no borrar 4
Maria y espe no borrar 4
mariayespe
 

En vedette (20)

Ccnn
CcnnCcnn
Ccnn
 
Bullying
BullyingBullying
Bullying
 
red alimenticia unidad 3
 red alimenticia unidad 3 red alimenticia unidad 3
red alimenticia unidad 3
 
Málaga donde nació mi Madre...!!!
Málaga donde nació mi Madre...!!!Málaga donde nació mi Madre...!!!
Málaga donde nació mi Madre...!!!
 
Surface & fun ESG MS
Surface & fun   ESG MS Surface & fun   ESG MS
Surface & fun ESG MS
 
Machine professionnelle de pressing et nettoyage
Machine professionnelle de pressing et nettoyageMachine professionnelle de pressing et nettoyage
Machine professionnelle de pressing et nettoyage
 
Polar en lumieres
Polar en lumieresPolar en lumieres
Polar en lumieres
 
Réunion de travail du 22 février thématique éducation, jeunesse, rythmes scol...
Réunion de travail du 22 février thématique éducation, jeunesse, rythmes scol...Réunion de travail du 22 février thématique éducation, jeunesse, rythmes scol...
Réunion de travail du 22 février thématique éducation, jeunesse, rythmes scol...
 
Regain de fonctionnalités pour les utilisateurs de l’appli Yelo TV de Telenet...
Regain de fonctionnalités pour les utilisateurs de l’appli Yelo TV de Telenet...Regain de fonctionnalités pour les utilisateurs de l’appli Yelo TV de Telenet...
Regain de fonctionnalités pour les utilisateurs de l’appli Yelo TV de Telenet...
 
Catalogue Doux 2013
Catalogue Doux 2013Catalogue Doux 2013
Catalogue Doux 2013
 
Ppt
PptPpt
Ppt
 
Diaporama sur Nantes
Diaporama sur NantesDiaporama sur Nantes
Diaporama sur Nantes
 
Présentation Cortexia Maroc Corporate 2013
Présentation Cortexia Maroc Corporate 2013Présentation Cortexia Maroc Corporate 2013
Présentation Cortexia Maroc Corporate 2013
 
Greeters de Charleroi-Thudinie
Greeters de Charleroi-ThudinieGreeters de Charleroi-Thudinie
Greeters de Charleroi-Thudinie
 
capitalizacion ing eco:
capitalizacion ing eco:capitalizacion ing eco:
capitalizacion ing eco:
 
4 caf-120827153733-phpapp02
4 caf-120827153733-phpapp024 caf-120827153733-phpapp02
4 caf-120827153733-phpapp02
 
2012 dodge charger 11,782 miles
2012  dodge  charger 11,782 miles2012  dodge  charger 11,782 miles
2012 dodge charger 11,782 miles
 
CRC- Bilan sur les réalisations chiffrées de 1999 à 2005
CRC- Bilan sur les réalisations chiffrées de 1999 à 2005CRC- Bilan sur les réalisations chiffrées de 1999 à 2005
CRC- Bilan sur les réalisations chiffrées de 1999 à 2005
 
Les soins en prison chronique d’un malentendu
Les soins en prison   chronique d’un malentenduLes soins en prison   chronique d’un malentendu
Les soins en prison chronique d’un malentendu
 
Maria y espe no borrar 4
Maria y espe no borrar 4Maria y espe no borrar 4
Maria y espe no borrar 4
 

Similaire à Presentation de gwt maven

JavaSwing.pdf
JavaSwing.pdfJavaSwing.pdf
JavaSwing.pdf
imanebirjmel
 
jQuery mobile / PhoneGap : contenus dynamiques client-side
jQuery mobile / PhoneGap : contenus dynamiques client-sidejQuery mobile / PhoneGap : contenus dynamiques client-side
jQuery mobile / PhoneGap : contenus dynamiques client-side
maru.maru
 
Gdd07 Gwt Dig
Gdd07 Gwt DigGdd07 Gwt Dig
Gdd07 Gwt Dig
Didier Girard
 
Windev
WindevWindev
20091006 Dev Forum Fr 001Introduction à GWT en utilisant AppCase SDK
20091006 Dev Forum Fr 001Introduction à GWT en utilisant AppCase SDK20091006 Dev Forum Fr 001Introduction à GWT en utilisant AppCase SDK
20091006 Dev Forum Fr 001Introduction à GWT en utilisant AppCase SDK
GreenIvory
 
Présentation GWT et HTML 5 pour l'Offline
Présentation GWT et HTML 5 pour l'OfflinePrésentation GWT et HTML 5 pour l'Offline
Présentation GWT et HTML 5 pour l'Offline
DNG Consulting
 
SPA avec Angular et SignalR (FR)
SPA avec Angular et SignalR (FR)SPA avec Angular et SignalR (FR)
SPA avec Angular et SignalR (FR)
Rui Carvalho
 
L'histoire d'HTML5 pour les développeurs Windows Phone 8
L'histoire d'HTML5 pour les développeurs Windows Phone 8L'histoire d'HTML5 pour les développeurs Windows Phone 8
L'histoire d'HTML5 pour les développeurs Windows Phone 8
Microsoft
 
C++ 11 - Tech Days 2014 in Paris
C++ 11 - Tech Days 2014 in ParisC++ 11 - Tech Days 2014 in Paris
C++ 11 - Tech Days 2014 in Paris
christophep21
 
Bonnes pratiques pour apprivoiser le C++11 avec Visual C++
Bonnes pratiques pour apprivoiser le C++11 avec Visual C++Bonnes pratiques pour apprivoiser le C++11 avec Visual C++
Bonnes pratiques pour apprivoiser le C++11 avec Visual C++
Microsoft
 
L'Open Web en tant que pierre angulaire du développement multi-objets
L'Open Web en tant que pierre angulaire du développement multi-objetsL'Open Web en tant que pierre angulaire du développement multi-objets
L'Open Web en tant que pierre angulaire du développement multi-objets
Thomas Bassetto
 
Que l'esprit de la bidouille soit avec vous
Que l'esprit de la bidouille soit avec vousQue l'esprit de la bidouille soit avec vous
Que l'esprit de la bidouille soit avec vous
Tourisme Numérique, Forum de Deauville
 
Calculatrice scientifique en JAVA(AWT)
Calculatrice scientifique en JAVA(AWT)Calculatrice scientifique en JAVA(AWT)
Calculatrice scientifique en JAVA(AWT)
MOHAMMED MOURADI
 
HTML5
HTML5HTML5
HTML5
Neovov
 
CocoaHeads Rennes #14: Programmation Responsive par Celedev
CocoaHeads Rennes #14: Programmation Responsive par CeledevCocoaHeads Rennes #14: Programmation Responsive par Celedev
CocoaHeads Rennes #14: Programmation Responsive par Celedev
CocoaHeadsRNS
 
Introduction aux interfaces.
Introduction aux interfaces.Introduction aux interfaces.
Introduction aux interfaces.
Jean-Baptiste Yunès
 

Similaire à Presentation de gwt maven (20)

JavaSwing.pdf
JavaSwing.pdfJavaSwing.pdf
JavaSwing.pdf
 
jQuery mobile / PhoneGap : contenus dynamiques client-side
jQuery mobile / PhoneGap : contenus dynamiques client-sidejQuery mobile / PhoneGap : contenus dynamiques client-side
jQuery mobile / PhoneGap : contenus dynamiques client-side
 
Gwt final
Gwt finalGwt final
Gwt final
 
Gdd07 Gwt Dig
Gdd07 Gwt DigGdd07 Gwt Dig
Gdd07 Gwt Dig
 
Hello xcode 4 v2
Hello xcode 4 v2Hello xcode 4 v2
Hello xcode 4 v2
 
Hello Xcode 4 v2
Hello Xcode 4 v2Hello Xcode 4 v2
Hello Xcode 4 v2
 
Windev
WindevWindev
Windev
 
20091006 Dev Forum Fr 001Introduction à GWT en utilisant AppCase SDK
20091006 Dev Forum Fr 001Introduction à GWT en utilisant AppCase SDK20091006 Dev Forum Fr 001Introduction à GWT en utilisant AppCase SDK
20091006 Dev Forum Fr 001Introduction à GWT en utilisant AppCase SDK
 
Présentation GWT et HTML 5 pour l'Offline
Présentation GWT et HTML 5 pour l'OfflinePrésentation GWT et HTML 5 pour l'Offline
Présentation GWT et HTML 5 pour l'Offline
 
SPA avec Angular et SignalR (FR)
SPA avec Angular et SignalR (FR)SPA avec Angular et SignalR (FR)
SPA avec Angular et SignalR (FR)
 
L'histoire d'HTML5 pour les développeurs Windows Phone 8
L'histoire d'HTML5 pour les développeurs Windows Phone 8L'histoire d'HTML5 pour les développeurs Windows Phone 8
L'histoire d'HTML5 pour les développeurs Windows Phone 8
 
C++ 11 - Tech Days 2014 in Paris
C++ 11 - Tech Days 2014 in ParisC++ 11 - Tech Days 2014 in Paris
C++ 11 - Tech Days 2014 in Paris
 
Bonnes pratiques pour apprivoiser le C++11 avec Visual C++
Bonnes pratiques pour apprivoiser le C++11 avec Visual C++Bonnes pratiques pour apprivoiser le C++11 avec Visual C++
Bonnes pratiques pour apprivoiser le C++11 avec Visual C++
 
L'Open Web en tant que pierre angulaire du développement multi-objets
L'Open Web en tant que pierre angulaire du développement multi-objetsL'Open Web en tant que pierre angulaire du développement multi-objets
L'Open Web en tant que pierre angulaire du développement multi-objets
 
Que l'esprit de la bidouille soit avec vous
Que l'esprit de la bidouille soit avec vousQue l'esprit de la bidouille soit avec vous
Que l'esprit de la bidouille soit avec vous
 
Demokopen
DemokopenDemokopen
Demokopen
 
Calculatrice scientifique en JAVA(AWT)
Calculatrice scientifique en JAVA(AWT)Calculatrice scientifique en JAVA(AWT)
Calculatrice scientifique en JAVA(AWT)
 
HTML5
HTML5HTML5
HTML5
 
CocoaHeads Rennes #14: Programmation Responsive par Celedev
CocoaHeads Rennes #14: Programmation Responsive par CeledevCocoaHeads Rennes #14: Programmation Responsive par Celedev
CocoaHeads Rennes #14: Programmation Responsive par Celedev
 
Introduction aux interfaces.
Introduction aux interfaces.Introduction aux interfaces.
Introduction aux interfaces.
 

Plus de Université de Sherbrooke

Tuto jtatoo
Tuto jtatooTuto jtatoo
Eclipse
EclipseEclipse
Rapport de fin d'etude
Rapport  de fin d'etudeRapport  de fin d'etude
Rapport de fin d'etude
Université de Sherbrooke
 
How to install gwt and maven
How to install gwt and maven How to install gwt and maven
How to install gwt and maven
Université de Sherbrooke
 
J2ee
J2eeJ2ee
Atelier gwt
Atelier gwtAtelier gwt

Plus de Université de Sherbrooke (6)

Tuto jtatoo
Tuto jtatooTuto jtatoo
Tuto jtatoo
 
Eclipse
EclipseEclipse
Eclipse
 
Rapport de fin d'etude
Rapport  de fin d'etudeRapport  de fin d'etude
Rapport de fin d'etude
 
How to install gwt and maven
How to install gwt and maven How to install gwt and maven
How to install gwt and maven
 
J2ee
J2eeJ2ee
J2ee
 
Atelier gwt
Atelier gwtAtelier gwt
Atelier gwt
 

Presentation de gwt maven

  • 1. Présentation de Google Web Toolkit Encadrer par :Mr Badr Hadria Présenter : Chater ABDELHAY . . Cheick Ismael MAIGA
  • 2. • Introduction • Création d’un projet (Confert TP)e • Structure d’un projet sous eclipse • Interface Utilisateur (IU) • Les services distances RPC • Avantages et Inconvénients • Atelier
  • 3. Introduction Définition Google Web Toolkit (GWT) est un ensemble d’outils open source qui permet de développer des applications web dynamiques à partir de code Java Historique  Créer par Bruce Johnson et Joel Webber en 2006  Rachat par Google de la startup créée par Bruce Johnson  Version 1.0 en 2006  Version 1.5 en 2008  Version 2.0 en 2009  Version 2.1 en 2010  Version 2.2 en 2011  Version 2.4 en septembre de 2011  Version 2.5 en Juin 2012
  • 4. Pourquoi GWT ? • Rareté des experts en JavaScript • JS n’est pas un véritable langage à objet • Pas de typage statique • Sensible a la moindre coquille • Débogage à l’exécution pas la compilation • Manque de modularité et de capacité a grandir • Support inégale des outils JavaScripts et Ajax • Interprétation différentes selon les navigateur
  • 5. Principes • Un framework qui propose d ’écrire une application en java et de compiler ce code Java vers du HTML et du JavaScript nativement interprétables par les navigateurs web Client Java Compilateur Gwt JavaScript Service RPC Serveur Services Java Partie Cliente: le code java qui est au final compilé en JavaScript et qui est exécuté dans un browser • N’utilisé, côté client ,que des librairies de l’API Java qui peuvent être compilé en JavaScript • Emulation partielle (Java.lang.*,java.util.*,etc …)
  • 6. Structure d’un projet sous eclipse Projet simple Projet avec le plugin de maven
  • 7. Convention • Module sous Eclipse • – Deux fichiers avec une nommage cohérant • • monMudule.gwt.xml le descripteur de module • • monModule.html la page html hôte du module • – Plusieurs modules sont autorisés dans un • même projet, ils ont chacun leur descripteur, • point d’entrée et leur page HTML Hôte • – Un module n’a qu’une page HTML hôte • – Si un module a plusieurs points d’entrée ils • apparaissent tous dans la même page
  • 8. Le dossier War • Le dossier war, représente l’archive WAR qui • sera exportée/déployée. Lors de la compilation • du projet, les fichiers seront créés dans un sousdossier • de celui-là. • – Le répertoire lib du WEB-INF contient les librairies • GWT. • • Toutes les ressources (images, css, …) doivent • être placées dans le répertoire war à l’instar • d’une application Web classique.
  • 9. Le dossier src • On trouve deux packages • – Client • – Server • • On trouve aussi un fichier • GWTDemo.gwt.xml
  • 10. Support CSS • Séparation du code et de la présentation • Code Java Public ListWidget(String Item) { … setStyleName("gwt-ListWidget"); } • Fichier CSS .gwt-ListWidget { background-color:black; color:red; }
  • 11. Vue d’ensemble des composant (IU) Composants d'interface-utilisateur Programmation par événements Exemples d'événements Gestion des événements Panneaux Bouton simple Case à cocher Bouton radio Boîte de texte Liste déroulante Arbre Éditeur de textes Support des CSS I18N Gestion de l'historique
  • 12. IU-Composant • Balises HTML usuelles, comme img, anchor, hyperlink • Bouton, bouton radio, bouton à bascule, case à cocher • Menu, sous-menu, menu déroulant • Champ de texte, zone de texte • Onglets, liste déroulante, boîte de dialogue • Séparateurs de fenêtre • Widgets complexes comme des tables, boîte de téléversement de fichier, widget d'arbres, éditeur de texte enrichi. Différents panneaux très utiles pour la disposition
  • 13. IU-Programmation par évènements • Essentiellement de la programmation par événements • Une méthode ou procédure s'exécute quand un événement est déclenché • Dans une IU, un événement est déclenché chaque fois que l'utilisateur clique sur la souris, appuie sur une touche du clavier, sélectionne un élément dans un menu, ouvre ou ferme une fenêtre, etc. • À chaque composant de l'IU appelé aussi contrôle ou widget (comme un bouton, un menu, etc.) est associé un ou plusieurs gestionnaires d'événements (Listener ou Handler) qui peuvent comporter des paramètres
  • 14. IU-Exemple d’évènements • OnClick – déclenché quand l'usager clique un élément • OnBlur – déclenché quand un élément perd le focus du clavier • OnChange - déclenché quand le contenu de la saisie change • OnFocus – déclenché quand un élément reçoit le focus clavier • OnKeyDown – déclenché quand l'usager appuie sur une touche • OnKeyUp – déclenché quand l'usager relâche une touche • OnKeyPress – déclenché quand un caractère est généré • OnMouseOver – déclenché quand la souris passe au-dessus • OnMouseMove – déclenché quand la souris entre dans la zone • OnMouseOut – déclenché quand la souris sort de la zone • OnScroll – déclenché quand un élément avec défilement bouge • OnLoad – déclenché quand un élément termine de se charger • OnDblClick – déclenché quand l'usager double-clique
  • 15. IU-Récepteur/Gestionnaire d’évènement • GWT utilise le concept de récepteur ou gestionnaire (« listener interface ») pour traiter les événements • Semblable à d'autres canevas d'applications graphiques comme SWING • Le récepteur via l'interface “listener interface” définit une ou plusieurs méthodes que le widget appelle en réaction à un événement Button unBouton = new Button("Cliquez moi!"); unBouton.addClickListener(new ClickListener() { public void onClick(Widget emetteur) { // traitement du Clic } });
  • 16. IU-composant • Éléments statiques: étiquette (Label), HTML, Image, hyperlien (Hyperlink), champ caché (Hidden) • Widgets (E/S) : bouton (Button), bouton poussoir (PushButton), bouton à bascule (ToggleButton), case à cocher (CheckBox), bouton radio (RadioButton), menu déroulant (ListBox), zone de texte (TextBox), zone de texte avec suggestions (SuggestBox), zone d'entrée de mot de passe (PasswordTextBox), zone de texte multiligne (TextArea), zone d'édition de texte enrichi (RichTextArea) • Widgets complexes : arbre (Tree), barre de menus (MenuBar), téléversement de fichiers (FileUpload) • Panneaux de disposition simple : panneau en file (FlowPanel), panneau horizontal (Horizontal Panel), panneau vertical (VerticalPanel), panneau à coulisse (HorizontalSplitPanel, VerticalSplitPanel), panneau HTML (HTMLPanel), panneau superposé (DeckPanel) • Panneaux de disposition complexe : table flexible* (FlexTable), grille (Grid), panneau polyptyque* (DockPanel), panneau à onglets (TabPanel), panneau en pile (StackPanel) • Panneaux conteneurs simples : panneau composite ou composite (Composite) panneau simple (SimplePanel), panneau à barre de défilement (ScrollPanel), panneau de focus (FocusPanel) • Panneaux conteneurs complexes : panneau de formulaire (FormPanel), panneau à dévoilement* (DisclosurePanel), panneau surprise* (PopupPanel), boîte de dialogue (DialogBox)
  • 17. IU-Panneaux DisclosurePanel VerticalPanel Horizontal HorizontalSplitPanel Panel VerticalSplitPanel FlowPanel DockPanel PopupPanel TabPanel
  • 18. IU - Bouton simple Bouton (Button) // Création d'un bouton qui réagit à un clic //grâce à un récepteur de clic Button bouton = new Button("Cliquez-moi", new ClickListener() { public void onClick(Widget sender) { Window.alert("Bonjour GWT"); } });
  • 19. IU-Case à cocher Case à cocher (CheckBox) // Création d'une case à cocher CheckBox caseResidentKnt = new CheckBox("Résident de Kénitra"); // La case est cochée par défaut caseResidentKnt.setChecked(true); // Attacher un récepteur de clic à la case caseResidentKnt.addClickListener(new ClickListener() { public void onClick(Widget sender) { boolean estKenitriain = ((CheckBox) sender).isChecked(); Window.alert( (estKnenitriain ? "" : "non") + " Kenitriain"); } });
  • 20. IU-Bouton radio Bouton radio (RadioButton) // Création d'un groupe de boutons radio RadioButton rbBleu = new RadioButton("groupeRbCouleurs", "bleu"); RadioButton rbBlanc = new RadioButton("groupeRbCouleurs", "blanc"); RadioButton rbRouge = new RadioButton("groupeRbCouleurs", "rouge"); // Cocher le bouton bleu par défaut rbBleu.setChecked(true); // Ajouter le groupe de boutons radio à un panneau FlowPanel panneau = new FlowPanel(); panneau.add(rbBleu); panneau.add(rbBlanc); panneau.add(rbRouge);
  • 21. IU-Boite de texte Boîte de texte (TextBox) TextBox zoneSaisie = new TextBox(); // Interdire la saisie de texte non numérique zoneSaisie.addKeyboardListener(new KeyboardListenerAdapter() { public void onKeyPress(Widget emetteur, char codeCar, int modifiers) { if ((!Character.isDigit(codeCar)) && (codeCar != (char) KEY_TAB) && (codeCar != (char) KEY_BACKSPACE) && (codeCar != (char) KEY_DELETE) && (codeCar != (char) KEY_ENTER) && (codeCar != (char) KEY_HOME) && (codeCar != (char) KEY_END) && (codeCar != (char) KEY_LEFT) && (codeCar != (char) KEY_UP) && (codeCar != (char) KEY_RIGHT) && (codeCar != (char) KEY_DOWN)) { // Annuler l'événement KeyPress ( (TextBox) emetteur ).cancelKey(); } } });
  • 22. IU –Liste Déroulante Liste déroulante (ListBox) // Créer une liste, et lui ajouter quelques items ListBox listeChoix = new ListBox(); listeChoix.addItem("Pied-De-Vent"); listeChoix.addItem("Notre-Dame-des-Neiges"); listeChoix.addItem("Migneron"); listeChoix.addItem("Riopelle de l'Isle"); listeChoix.addItem("Bleu Bénédictin"); // Faire assez de place pour les 6 items listeChoix.setVisibleItemCount(6); // Ajouter un gestionnaire sur les événements de sélection listeChoix.addChangeHandler(new ChangeHandler() { public void onChange(ChangeEvent event) { alert(listeChoix.getSelectedIndex().getValue()); } })
  • 23. IU-Arbre Arbre (Tree) : une hiérarchie déployable de widgets TreeItem tronc = new TreeItem("Racine"); tronc.addItem("item 0"); tronc.addItem("item 1"); tronc.addItem("item 2"); // Ajouter une case à cocher à l'arbre TreeItem item = new TreeItem(new CheckBox("item 3")); tronc.addItem(item); Tree arbre = new Tree(); arbre.addItem(tronc);
  • 24. IU-Editeur de Texte Éditeur de textes riche (RichTextArea) // Crée la zone d'édition et sa barre de menu RichTextArea editeur = new RichTextArea(); editeur.setSize("100%", "14em"); RichTextToolbar barreMenu = new RichTextToolbar(editeur); barreMenu.setWidth("100%"); // Ajoutez les composants à un panneau Grid panneauGrille = new Grid(2, 1); panneauGrille.setStyleName("editeur"); panneauGrille.setWidget(0, 0, barreMenu); panneauGrille.setWidget(1, 0, editeur);
  • 25. Gestion de l’historique du navigatieur • La gestion de l'historique du navigateur s'occupe des boutons « avancer » et « reculer » et des liens • Une API simple de gestion de l'historique basée sur une pile de jetons – Lorsque l'application démarre, la pile est vide – Lorsque l'utilisateur clique sur quelque chose • Vous pouvez ajouter des jetons sur la pile • History.newItem(“nouveauJeton”) • Classe Hyperlink ajoute des jetons automatiquement – Vous pouvez aussi réagir aux événements “History • events” en utilisant un HistoryListener History.addHistoryListener(controle)
  • 26. Appel de procédure à distance: RPC • GWT offre le très utile mécanisme d'appel de procédure à distance ou RPC (Remote Procedure Call), comme moyen de communiquer avec les services hébergés sur un serveur JEE. Client et serveur parlent alors le même langage, i.e. le Java
  • 27. RPC:Remote procedure Call • Un objet Java MesDonneesDO à échanger Import com.google.gwt.user.client.rpc.IsSerializable; public class MesDonneesDO implements IsSerializable { //... } • Une première interface définit le service import com.google.gwt.user.client.rpc.RemoteService; public interface MonService extends RemoteService { MesDonneesDO getReponseMonService(String requete); } • Une deuxième interface dite asynchrone spécifie getReponseMonservice( ) mais avec un paramètre supplémentaire sous la forme d'une procédure de rappel (« Callback ») que le code- client utilisera pour appeler le service. import com.google.gwt.user.client.rpc.AsyncCallback; public interface MonServiceAsync { public void getReponseMonService(String requete, AsyncCallback maProcedureDeRappel); }
  • 28. RPC – Code- Serveur • Classe à implémenter du côté serveur hérite de com.google.gwt.user.server.rpc.RemoteServiceServlet import com.google.gwt.user.server.rpc.RemoteServiceServlet; import qc.ets.web2.gwt.client.MesDonneesDO; import qc.ets.web2.gwt.client.MonService; public class MonServiceImpl extends RemoteServiceServlet implements MonService { public MesDonneesDO getReponseMonService(String requete) { If (requete.length() < 1) { throw new IllegalArgumentException("Requete invalide."); } MesDonneesDO resultat = new MesDonneesDO(); resultat.setDonnees("..."); If ( isInvalide( resultat )) { return null; } return resultat; } public boolean isInvalide(MesDonneesDO resultat) { Return true; // à modifier } }
  • 29. RPC :Code Client • Le client n'est pas encore connecté au service. Nous pouvons faire cela en ajoutant un récepteur (Listener) à un élément de l'interface, ce qui peut être fait avec une classe interne. public class MonClientRPC implements EntryPoint { public void onModuleLoad() { final Button bouton = new Button("Appel RPC"); final MonServiceAsync serviceProxy = (MonServiceAsync)GWT.create(qc.ets.web2.gwt.client.MonService.class); ServiceDefTarget pointService = (ServiceDefTarget) serviceProxy; pointService.setServiceEntryPoint(GWT.getModuleBaseURL() + "/reponseService"); bouton.addClickListener(new ClickListener( ) { public void onClick(Widget emetteur) { AsyncCallback maProcedureDeRappel = new AsyncCallback() { public void onSuccess(Object resultat) { MesDonneesDO resultatDO = (MesDonneesDO) resultat; S ystem.out.println("*** SUCCES RPC ***n" + resultatDO.getDonnees()); } public void onFailure(Throwable erreur) { System.out.println("*** ERREUR RPC ***" + erreur.getMessage()); } }; serviceProxy.getReponseMonService("Requete bidon", maProcedureDeRappel); }}); RootPanel.get("emprise1").add(bouton); } }
  • 30. Intégration facile aux APIs Google
  • 31. Intégration facile aux APIs Google Google offre un riche écosystème d'APIs en source libre • Androïd : plateforme Java en source libre pour la téléphonie intelligente • AppEngine : hébergement d'applications Java dans le nuage • OpenSocial : norme libre pour les sites sociaux • Google Maps : services de cartes et géolocation • Google Ajax Searh APIs : le moteur Google Search • Google Gears API : BD locale et navigation hors ligne • Google Language API : services de traduction • YouTube widget
  • 33. Avantages • Bon pour enrichir des applications Web avec Ajax et créer des applications Web de « style bureautique » • Un seul langage: JAVA • Développement et mise au point rapide dans des EDIs favorisant une bonne productivité et qualité du code • Riche bibliothèque de composants (~ SWING) • Très bon support Ajax • Performant & économe en ressources réseau & serveur • Code source libre, licence Apache 2, bien documenté • Supporté par GOOGLE... et l'écosystème des outils Google • Pas magique mais GWT a le potentiel de devenir le « prochain gros truc »
  • 34. Inconvénients • Nécessite que le fureteur exécute JavaScript • Exige la connaissance de la programmation Java • Exige une séparation nette client et serveur • Les composants (Widgets) sont de sources et de qualités inégales • Dépend des performances du transcompilateur • Quelques problèmes de compatibilité entre les fureteurs Web, surtout au niveau des CSS • Certains problèmes demandent une expertise JS • L'aspect sécurité est à surveiller • GWT ne va pas résoudre « magiquement » tous les problèmes avec Ajax ou le Web 2.0
  • 37. Exemple public class Bonjour implements EntryPoint { public void onModuleLoad() { Button bouton = new Button("Cliquez-moi!", new ClickListener() { public void onClick(Widget sender) { Window.alert("Bonjour GWT"); } }); RootPanel.get().add(bouton); } }
  • 38. Merci pour votre attention