GWT Développement d'applications clientes en Java. Introduction prise en main
|
|
- Stéphanie Michelle Lapierre
- il y a 8 ans
- Total affichages :
Transcription
1 GWT Développement d'applications clientes en Java Introduction prise en main 1
2 Pourquoi GWT? GWT est un framework, conçu par Google, pour programmer des applications web en Java ; Il permet de programmer le coté client et le coté serveur avec un seul langage ; Il étend les capacités des navigateurs en terme d'interface graphique ; Il offre un langage de haut niveau, au typage fort et bien structuré (Java) plutôt que le Javascript (Javascript est ici un langage cible) ; 2
3 Applications Web Depuis quelques années, le développement d'applications web est en plein essor : Multi-plateforme : tout le monde a un navigateur ; Fonctionne en réseau : accessible par tout le monde depuis n'importe où (avec Internet) ; Mise à jour des données et des programmes «automatiques» chez tous les clients ; Facile à déployer en architecture distribuée. Mais HTML, HTTP, Javascript sont des outils pour développer des sites Internet plutôt que des applications : HTML est limité pour la conception de GUI ; HTTP est limité pour les échanges clients/serveur ; Javascript est limité pour le développement de grosses applications.
4 Applications web Les primitives Ajax permettent de s'affranchir des limitations de HTTP ; HTML est en développement pour fournir des Apis Javascript et des composants graphiques toujours plus riches ; Javascript reste limité, mais il existe des outils pour faciliter le développement ;
5 La solution GWT L'idée : On écrit en Java le code coté serveur (si besoin) et le code coté client ; Le compilateur GWT génère les fichiers clients et serveur nécessaires pour faire tourner l'application. Les avantages : On développe avec un langage fortement typé, compilé (réduit les erreurs) ; On développe avec (une partie de) la bibliothèque standard Java ; La communication client/serveur est facilitée, plus modulaire et évolutive ;
6 Les avantages (2) La communication client/serveur ne concerne plus que des données (à la Ajax, Json) mais des objets. Au lieu de requêtes asynchrones, on peut utiliser de vraies RPC ; L'unification du coté client et coté serveur permet d'avoir plus facilement un environnement de développement et de test unifié ; L'étape de compilation permet de : Générer du code différent pour chaque navigateur, chaque nationalité ; Générer du code plus efficace que celui qu'on écrirait à la main (la souplesse de Javascript en fait un bon langage cible) ;
7 Les inconvénients Long à apprendre et à prendre en main! Uniquement dépendant de Google (qui semble pour l'instant continuer à soutenir le projet) : difficile d'intégrer par exemples des bibliothèques Javascript. Adapté pour les développeurs Java, pas les développeurs Javascript/HTML. On perd l'avantage de la souplesse de Javascript : facile à intégrer, développement rapide pour de petites applications ;
8 Installation et prise en main
9 Installer un environnement de développement GWT : télécharger l'archive de la version courante. La décompresser dans un répertoire GWT par exemple. Vérifier le bon fonctionnement taper 'ant devmode' dans un sous-répertoire de 'samples' ; Avec Eclipse : installer le plug-in
10 Application Hello world (1) Exemple : samples/hello/ : affiche simplement un bouton, et lorsqu'on clique, un dialogue disant Hello, AJAX. La page HTML : <html> <head> <meta http equiv="content type" content="text/html; charset=utf 8"> <title>hello</title> <script type="text/javascript" language="javascript" src="hello/hello.nocache.js"></script> </head> <body bgcolor="white"> <noscript> <div style="width: 22em; position: absolute; left: 50%; margin left: 11em; color: red; background color:white; border: 1px solid red; padding: 4px; font family: sans serif"> Your web browser must have JavaScript enabled in order for this application to display correctly. </div> </noscript> </body> </html>
11 Application Hello world (2) Le code de Hello.java : public class Hello implements EntryPoint { public void onmoduleload() { Button b = new Button("Click me", new ClickHandler() { public void onclick(clickevent event) { Window.alert("Hello, everybody"); ); RootPanel.get().add(b);
12 Éléments de base d'une application On doit importer un certain nombre de package de la forme : com.google.gwt.user.user ;... Cf La fonction onmoduleload() est le main d'une application GWT. Elle doit être définie dans une classe implémentant l'interface EntryPoint. La classe RootPanel sert de lien avec le HTML : RootPanel.get() : le panel associé à la balise body ; RootPanel.get(identifiant) : le panel associé à la balise d'id identifiant.
13 Créer une nouvelle application 1. créer un nouveau squelette d'application :./webappcreator -out Calculatrice cours.calculatrice 2. Supprimer les fichiers en trop par rapport à notre application 3. Modifier le code source HTML, le code css ; 4. Modifier la classe Calculatrice.java
14 Éléments à supprimer Les spécifications de RPC dans src/client : GreetingService.java, GreetingServiceAsync.java ; Les packages server et client : src/shared, src/server ; Dans war/web.xml on supprime les références aux RPC. Enfin on supprime tout contenu dans Calculatrice.java ;
15 L'application exemple : calculatrice On souhaite écrire un calculatrice simple : deux opérandes, une liste d'opérations et un bouton 'calculer'. Il n'y a pas de communication avec le serveur On utilise les tableaux HTML pour disposer des éléments que l'on créera ensuite dans Calculatrice.java
16 Calculatrice
17 Calculatrice : calculatrice.html <h1>calculatrice</h1> <table align="center"> <tr> <td>entrez les opérandes et choisissez l'opération :</td> </tr> <tr> <td id="op1"></td> <td id="op2"></td> </tr> <tr> <td id="operation"></td> <td id="calculer"></td> </tr> <tr> <td style="text align: right;" id="result" colspan="2"></td> </tr> </table> </body> </html>
18 public class Calculatrice implements EntryPoint, ClickHandler { private TextBox operande1, operande2; private ListBox operation; private Button calculer; private HTML result; Calculatrice : code Java public void onmoduleload() { operande1 = new TextBox(); operande2 = new TextBox(); operation = new ListBox(); calculer = new Button("Calculer"); operation.additem("+"); operation.additem(" "); operation.additem("*"); operation.additem("/"); calculer.addclickhandler(this); result = new HTML("Résultat");...
19 Calculatrice : code java (2)... RootPanel.get("op1").add(operande1); RootPanel.get("op2").add(operande2); RootPanel.get("operation").add(operation); RootPanel.get("calculer").add(calculer); RootPanel.get("result").add(result); operande1.setfocus(true);
20 public void onclick(clickevent evt) { RootPanel.get("resultat"); Float resultat, oper1, oper2; Calculatrice : code Java (3) String opname = operation.getselecteditemtext(); try { oper1 = Float.parseFloat(operande1.getValue()); oper2 = Float.parseFloat(operande2.getValue()); if (opname.equals("+")) { resultat = oper1 + oper2; else if (opname.equals(" ")) { resultat = oper1 oper2; else if (opname.equals("*")) { resultat = oper1 * oper2; else { resultat = oper1 / oper2; result.settext("résultat : " + resultat.tostring()); catch (Exception e) { result.sethtml("<p style=\"color: red\">" + e.tostring()+ "<p/>");
21 Widgets de base et callbacks
22 Widgets GWT prédéfinit des widgets de base, à l'instar de n'importe quelle bibliothèque graphique. Ces widgets peuvent être disposés en utilisant la structure de l'arbre DOM du document HTML, ou bien en utilisant des panels. Chaque widget peut déclencher un certain nombre d'événements, qui peuvent être traités par des handlers.
23 Gestion des événements La gestion des événements avec GWT ressemble à celle des APIs classiques en Java (Swing, AWT, ). GWT définit un certain nombre d'interfaces liées aux événements, les Handlers. Par exemple, une instance d'une classe implémentant ClickHandler peut être définie comme le handler d'un widget Button. On ajoute un objet Handler avec une méthode addxxxhandler() et on peut le supprimer avec removehandler(). On voit parfois des références à des Listeners, cela correspond à d'anciennes versions de GWT.
24 Button Widget cliquable pour déclencher une action : Button correspond à un bouton HTML normal ; PushButton correspond à un bouton personnalisé. Le handler du bouton : un objet de type ClickHandler. D'autres événements : doubleclickhandler, focushandler,...
25 TextBox, PasswordTextBox, SuggestBox Des champs où l'utilisateur peut entrer du texte. Handlers : KeyPressedHandler, KeyUp/DownHandler, FocusHandler,..
26 CheckBox, ToggleButton Correspond aux checkbox HTML (version personnalisable avec ToggleButton) ; Permet d'activer une option ou non ; Handler associés : ClickHandler,...
27 RadioButton Choisir une option parmi plusieurs : Handler : ClickHandler, Création : Handler : ClickHandler, Création d'un groupe : RadioButton rb0 = new RadioButton("groupeOptions", "petit"); RadioButton rb1 = new RadioButton("groupeOptions", "moyen"); RadioButton rb2 = new RadioButton("groupeOptions", "grand");
28 ListBox Permet de choisir un ou plusieurs éléments dans une liste Permet de choisir un ou plusieurs éléments dans une liste ; fonctions utiles : additem() : ajouter un élément dans la liste ; setmultipleselect() : définit si l'utilisateur peut choisir plusieurs éléments ; Handler principal : ChangeHandler
29 Ajouter les Handlers Comme en Java/swing, il y a quatre façons de faire : Faire en sorte que la classe principale implémente le Handler ; Créer une classe handler séparée ; Créer une inner classe ; Créer une inner classe anonyme. Nous allons voir ces quatre méthodes sur une application exemple. Cette application offre un champs de saisie, répercute les entrées à coté et affiche Gagné! Si l'utilisateur tape 'gwt'.
30 L'application gwt => gagné
31 GWT => gagné : code HTML <!doctype html> <html> <head> <meta http equiv="content type" content="text/html; charset=utf 8"> <link type="text/css" rel="stylesheet" href="coursevents.css"> <title>gwt => Gagné</title> <script type="text/javascript" language="javascript" src="coursevents/coursevents.nocache.js"></script> </head> <body> <noscript> <div style="width: 22em; position: absolute; left: 50%; margin left: 11em; color: red; background color: white; border: 1px solid red; padding: 4px; font family: sans serif"> Your web browser must have JavaScript enabled in order for this application to display correctly. </div> </noscript>
32 GWT => gagné : code HTML (suite) <h1>tapez les bonnes lettres</h1> <table align="center" border="1"> <tr><th>saisie</th> <th>résultat</th> </tr> <tr> <td id="textfieldid"></td> <td id="resultid"></td> </tr> </table> </body> </html>
33 1. La classe principale implémente le handler (1) public class CoursEvents implements EntryPoint, KeyUpHandler { private TextBox textfield; private HTML resultarea; public void onmoduleload() { textfield = new TextBox(); textfield.addkeyuphandler(this); resultarea = new HTML("<i>Resultat</i>"); RootPanel.get("textfieldID").add(textfield); RootPanel.get("resultID").add(resultArea);...
34 1. La classe principale implémente le handler (2) public void onkeyup(keyupevent event) { String text = textfield.gettext(); If (text.equalsignorecase("gwt")) { resultarea.sethtml("gagné"); else { resultarea.sethtml(text); => On peut appeler directement les méthodes de la classe principale (car le handler en fait partie).
35 2. Créer une classe Handler séparée (1) public class CoursHandler implements KeyUpHandler { private CoursEvents app; //Lien vers l'application public CoursHandler(CoursEvents app) { this.app = app; public void onkeyup(keyupevent event) { TextBox textfield = (TextBox) event.getsource(); String text = textfield.gettext(); If (text.equalsignorecase("gwt")) { app.setresult("<i>gagné!</i>"); else { app.setresultat(text);
36 2. Créer une classe Handler séparée (2) public class CoursEvents implements EntryPoint { private TextBox textfield; private HTML resultarea; public void onmoduleload() { textfield = new TextBox(); textfield.addkeyuphandler(new CoursHandler(this)); resultarea = new HTML("Resultat"); RootPanel.get("textfieldID").add(textfield); RootPanel.get("resultID").add(resultArea); public void setresultat(string html) { resultarea.sethtml(html);
37 3. Utiliser une inner class (1) public class CoursEvents implements EntryPoint { private TextBox textfield; private HTML resultarea; public void onmoduleload() { textfield = new TextBox(); textfield.addkeyuphandler(new WowHandler()); resultarea = new HTML("Resultat"); RootPanel.get("textfieldID").add(textfield); RootPanel.get("resultID").add(resultArea);
38 3. Utiliser une inner class (2) private class CoursHandler implements KeyUpHandler { public void onkeyup(keyupevent event) { String text = textfield.gettext(); if(text.equalsignorecase("gwt")) { resultarea.sethtml("gagné"); else { resultarea.sethtml(text); //class CoursHandler //class CoursEvents
39 4. Utiliser une classe anonyme public class CoursEvents implements EntryPoint { private TextBox textfield; private HTML resultarea; public void onmoduleload() { textfield = new TextBox(); textfield.addkeyuphandler(new KeyUpHandler() { public void onkeyup(keyupevent event) { String text = textfield.gettext(); if(text.equalsignorecase("gwt")) { resultarea.sethtml("gagné!"); else { resultarea.sethtml(text); ); resultarea = new HTML("<i>Result will go here</i>"); RootPanel.get("textfieldID").add(textfield); RootPanel.get("resultID").add(resultArea);
40 Bilan Handler dans la classe principale : Facile à coder, lisible ; Vite limité si on a plusieurs widgets, plusieurs handlers ; Classe séparée : Le plus modulaire, évolutif ; C'est l'approche la moins utilisée ; Inner classe : Un peu complexe, pratique pour gérer plusieurs widgets ; Classes anonymes : Le plus court à écrire ; Pratique pour gérer un widget avec un comportement particulier ; Peut créer des ralentissements dans l'application si il y en a beaucoup
Celui qui vous parle. Yann Vigara
Celui qui vous parle Yann Vigara Celui qui vous parle Yann Vigara Celui qui vous parle [Spa m] Yann Vigara Fondateur et directeur technique d'atomes Dans l'administration système depuis 1999 Tombé dans
Plus en détailServeur d'application Client HTML/JS. Apache Thrift Bootcamp
Serveur d'application Client HTML/JS Apache Thrift Bootcamp Pré-requis La liste ci-dessous de logiciels doit être installée et opérationnelle sur la machine des participants : Compilateur thrift http://thrift.apache.org/
Plus en détailPrésentation du Framework BootstrapTwitter
COUARD Kévin HELVIG-LARBRET Blandine Présentation du Framework BootstrapTwitter IUT Nice-Sophia LP-SIL IDSE Octobre 2012 Sommaire I. INTRODUCTION... 3 Définition d'un framework... 3 A propos de BootstrapTwitter...
Plus en détailHTML, CSS, JS et CGI. Elanore Elessar Dimar
HTML, CSS, JS et CGI Elanore Elessar Dimar Viamen GPAs Formation, 13 avril 2006 Sommaire Qu est-ce que HTML? HTML : HyperText Marckup Language XML : extensible Marckup Language Qu est-ce que HTML? HTML
Plus en détailFormation HTML / CSS. ar dionoea
Formation HTML / CSS ar dionoea le HTML Hyper Text Markup Language langage descriptif composé de balises interprété par le navigateur page HTML = simple fichier texte (bloc notes, vim,...) les déclarations
Plus en détailNFA016 : Introduction. Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web
NFA016 : Introduction O. Pons, S. Rosmorduc Conservatoire National des Arts & Métiers Pour naviguer sur le Web, il faut : 1. Une connexion au réseau Réseau Connexion physique (câbles,sans fils, ) à des
Plus en détailAuteur LARDOUX Guillaume Contact guillaume.lardoux@epitech.eu Année 2014 DEVELOPPEMENT MOBILE AVEC CORDOVA
Auteur LARDOUX Guillaume Contact guillaume.lardoux@epitech.eu Année 2014 DEVELOPPEMENT MOBILE AVEC CORDOVA Sommaire 1. Introduction 2. Installation 3. Fonctionnement 4. Développement 5. Démonstration 2
Plus en détail.. CSS. Damien Nouvel. Damien Nouvel (Inalco) CSS 1 / 15
.. CSS Damien Nouvel Damien Nouvel (Inalco) CSS 1 / 15 Feuilles de styles Plan 1. Feuilles de styles 2. Sélecteurs 3. Attributs Damien Nouvel (Inalco) CSS 2 / 15 Feuilles de styles Déportation des styles
Plus en détailTP SIN Programmation sur androïde Support : eclipse
TP SIN Programmation sur androïde Support : eclipse Support : Smartphone sur androïde Pré requis (l élève doit savoir): Savoir utiliser un ordinateur Savoir utiliser un Smartphone Programme Objectif terminale
Plus en détailINTRODUCTION A JAVA. Fichier en langage machine Exécutable
INTRODUCTION A JAVA JAVA est un langage orienté-objet pur. Il ressemble beaucoup à C++ au niveau de la syntaxe. En revanche, ces deux langages sont très différents dans leur structure (organisation du
Plus en détailTP JAVASCRIPT OMI4 TP5 SRC1 2011-2012
TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012 FORMULAIRE DE CONTACT POUR PORTFOLIO PRINCIPE GENERAL Nous souhaitons réaliser un formulaire de contact comprenant les champs suivants : NOM PRENOM ADRESSE MAIL MESSAGE
Plus en détailRAPPORT AUDIT SEO. Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado
- RAPPORT AUDIT SEO Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado 17 septembre 2013 Table des matières Optimisation structurelle 2 Optimisation des standards, performances et
Plus en détailArchitecture Orientée Service, JSON et API REST
UPMC 3 février 2015 Précedemment, en LI328 Architecture générale du projet Programmation serveur Servlet/TOMCAT Aujourd hui Quelques mots sur les SOA API - REST Le format JSON API - REST et Servlet API
Plus en détailGénéralités sur le Langage Java et éléments syntaxiques.
Généralités sur le Langage Java et éléments syntaxiques. Généralités sur le Langage Java et éléments syntaxiques....1 Introduction...1 Genéralité sur le langage Java....1 Syntaxe de base du Langage...
Plus en détailModule BD et sites WEB
Module BD et sites WEB Cours 8 Bases de données et Web Anne Doucet Anne.Doucet@lip6.fr 1 Le Web Architecture Architectures Web Client/serveur 3-tiers Serveurs d applications Web et BD Couplage HTML-BD
Plus en détailDOM - Document Object Model
DOM - Document Object Model 1 But de DOM Interfacer les langages de programmation avec les documents XML en les associant avec un modèle orienté objet DOM permet aux programmes et scripts : d'accéder et
Plus en détailTutoriel : Feuille de style externe
Tutoriel : Feuille de style externe Vous travaillerez à partir du fichier cerise.htm que vous ouvrirez dans NVU. Commencez par remplacer le contenu de la balise Title par : Comment débuter une recherche?
Plus en détailLangage HTML (2 partie) <HyperText Markup Language> <tv>lt La Salle Avignon BTS IRIS</tv>
Langage HTML (2 partie) «Je n'ai fait que prendre le principe d - hypertexte et le relier au principe du TCP et du DNS et alors boum! ce fut le World Wide Web!» Tim Berners-Lee
Plus en détailTP Composants Java ME - Java EE. Le serveur GereCompteBancaireServlet
TP Composants Java ME - Java EE Vous allez, dans ce TP, construire une architecture client serveur, plus précisément MIDlet cliente, servlet serveur. Pour cela, on va d'abord installer la partie serveur
Plus en détailDocumentation CAS à destination des éditeurs
Documentation CAS à destination des éditeurs Sommaire Préambule... 1 Présentation de CAS...2 Intérêt... 2 Fonctionnement de base...2 Synoptique des échanges (1ère connexion)... 2 Synoptique des échanges
Plus en détailTP1 : Initiation à Java et Eclipse
TP1 : Initiation à Java et Eclipse 1 TP1 : Initiation à Java et Eclipse Systèmes d Exploitation Avancés I. Objectifs du TP Ce TP est une introduction au langage Java. Il vous permettra de comprendre les
Plus en détailDévelopper des Applications Internet Riches (RIA) avec les API d ArcGIS Server. Sébastien Boutard Thomas David
Développer des Applications Internet Riches (RIA) avec les API d ArcGIS Server Sébastien Boutard Thomas David Le plan de la présentation Petit retour sur les environnements de développement ArcGIS Server
Plus en détailAJAX. (Administrateur) (Dernière édition) Programme de formation. France, Belgique, Suisse, Roumanie - Canada
AJAX (Administrateur) (Dernière édition) Programme de formation Microsoft Partner France, Belgique, Suisse, Roumanie - Canada WWW.SASGROUPE.COM Formez vos salariés pour optimiser la productivité de votre
Plus en détailDéveloppement d'applications Web HTML5 L'art et la manière avec Visual Studio 2015 et TFS
Avant de commencer 1. Introduction 15 2. HTML5 oui, mais pas que... 15 2.1 HTML5 16 2.2 JavaScript 17 2.3 CSS 18 3. Les outils 18 Préparation des outils et création du projet 1. Introduction 21 2. Team
Plus en détailTD/TP 1 Introduction au SDK d Android
TD/TP 1 Introduction au SDK d Android Romain Raveaux 1 Introduction Android est un système d'exploitation pour téléphone portable de nouvelle génération développé par Google. Celui-ci met à disposition
Plus en détailDevenez un véritable développeur web en 3 mois!
Devenez un véritable développeur web en 3 mois! L objectif de la 3W Academy est de former des petits groupes d élèves au développement de sites web dynamiques ainsi qu à la création d applications web
Plus en détailJava 7 Les fondamentaux du langage Java
184 Java 7 Les fondamentaux du langage Java 1.1 Les bibliothèques graphiques Le langage Java propose deux bibliothèques dédiées à la conception d'interfaces graphiques. La bibliothèque AWT et la bibliothèque
Plus en détail{less} Guide de démarrage
{less Guide de démarrage Pré requis L'utilisation d'un pré processeur css nécessite son installation préalable. Vous pouvez choisir de tout installer du coté du serveur ou du coté du client. Votre site
Plus en détailRAPPORT DE STAGE GWT PRISE EN MAIN SERVLET - TEST DES DAO TELOSYS PLUGIN ECLIPSE WIZARD DATASET TELOSYS
RAPPORT DE STAGE GWT PRISE EN MAIN SERVLET - TEST DES DAO TELOSYS PLUGIN ECLIPSE WIZARD DATASET TELOSYS SOMMAIRE 1 Introduction...4 2 Généralités à propos du stage...4 2.1 Sujet initial du stage Objectifs...4
Plus en détailInitiation à html et à la création d'un site web
Initiation à html et à la création d'un site web Introduction : Concevoir un site web consiste à définir : - l'emplacement où ce site sera hébergé - à qui ce site s'adresse - le design des pages qui le
Plus en détailProjet 2. Gestion des services enseignants CENTRE D ENSEIGNEMENT ET DE RECHERCHE EN INFORMATIQUE. G r o u p e :
CENTRE D ENSEIGNEMENT ET DE RECHERCHE EN INFORMATIQUE Projet 2 Gestion des services enseignants G r o u p e : B E L G H I T Y a s m i n e S A N C H E Z - D U B R O N T Y u r i f e r M O N T A Z E R S i
Plus en détailFormation : WEbMaster
Formation : WEbMaster Objectif et Description : Centre Eclipse vous propose une formation complète WebMaster, vous permettant de : Utiliser dès maintenant les nouveautés du web2, ainsi alléger les besoins
Plus en détailECLIPSE ET PDT (Php development tools)
ECLIPSE ET PDT (Php development tools) Eclipse Eclipse est un IDE (Integrated Development Environment)).C estun projet de la Fondation Eclipse visant à développer tout un environnement de développement
Plus en détailDémonstration de la mise en cache via HTML 5 sur iphone
Last update: 2011/08/18 21:46 wiki:devmobile:webapp:html5:presentation Démonstration de la mise en cache via HTML 5 sur iphone Overview Parmi les nouveautés du HTML 5, l une d elles est très intéressent
Plus en détailInstallation et prise en main
TP1 Installation et prise en main Android est le système d'exploitation pour smartphones, tablettes et autres appareils développé par Google. Pour permettre aux utilisateurs d'installer des applications
Plus en détailRMI. Remote Method Invocation: permet d'invoquer des méthodes d'objets distants.
RMI Remote Method Invocation: permet d'invoquer des méthodes d'objets distants. Méthode proche de RPC. Outils et classes qui rendent l'implantation d'appels de méthodes d'objets distants aussi simples
Plus en détailTP 5 Les CMS, la forme et le fond Internet et Outils (IO2)
TP 5 Les CMS, la forme et le fond Internet et Outils (IO2) Un site, tel que vous avez appris à en programmer jusqu à maintenant, contenant un ensemble de pages HTML embellies de quelques feuilles de styles,
Plus en détailTous les autres noms de produits ou appellations sont des marques déposées ou des noms commerciaux appartenant à leurs propriétaires respectifs.
Le framework YUI et le développement 4D Par Olivier DESCHANELS, Responsable Programme 4D S.A. Note technique 4D-201004-08-FR Version 1 - Date 1 avril 2010 Résumé Dans la présente note technique, nous allons
Plus en détailOptimiser les performances d un site web. Nicolas Chevallier Camille Roux
Optimiser les performances d un site web Nicolas Chevallier Camille Roux Intellicore Tech Talks Des conférences pour partager son savoir Le mardi au CICA Sophia Antipolis http://techtalks.intellicore.net
Plus en détailTD Objets distribués n 3 : Windows XP et Visual Studio.NET. Introduction à.net Remoting
IUT Bordeaux 1 2005-2006 Département Informatique Licence Professionnelle ~ SI TD Objets distribués n 3 : Windows XP et Visual Studio.NET Introduction à.net Remoting Partie 1 : l'analyseur de performances
Plus en détailTable des matières Introduction... 1 1. Démarrage... 8 2. Les composants graphiques... 26
Table des matières À propos de l'auteur... x Préface... xi Avant-propos... xiv 1. Public visé et prérequis... xiv 2. Sources des exemples... xv 3. Accès aux vidéos... xv 4. URL raccourcies... xv 5. Remerciements...
Plus en détailCompte Rendu d intégration d application
ISMA 3EME ANNEE Compte Rendu d intégration d application Compte Rendu Final Maxime ESCOURBIAC Jean-Christophe SEPTIER 19/12/2011 Table des matières Table des matières... 1 Introduction... 3 1. Le SGBD:...
Plus en détailRemote Method Invocation Les classes implémentant Serializable
Parallélisme Architecture Eric Goubault Commissariat à l Energie Atomique Saclay Classe qui implémente la méthode distante (serveur): - dont les méthodes renvoient un objet serializable - ou plus généralement
Plus en détailFLEX 3. Applications Internet riches avec Flash ActionScript 3, MXML et Flex Builder. Aurélien Vannieuwenhuyze
Programmation FLEX 3 Applications Internet riches avec Flash ActionScript 3, MXML et Flex Builder Aurélien Vannieuwenhuyze Avec la contribution de Romain Pouclet Groupe Eyrolles, 2009, ISBN : 978-2-212-12387-6
Plus en détailINTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau)
CS WEB Ch 1 Introduction I. INTRODUCTION... 1 A. INTERNET INTERCONNEXION DE RESEAUX... 1 B. LE «WEB» LA TOILE, INTERCONNEXION DE SITES WEB... 2 C. L URL : LOCALISER DES RESSOURCES SUR L INTERNET... 2 D.
Plus en détailCréer un site Web : mode d emploi Sous SPIP, avec le squelette «établissement» de l académie de Versailles
Mission TICE - académie de Versailles 7 nov. 2008 Créer un site Web : mode d emploi Sous SPIP, avec le squelette «établissement» de l académie de Versailles Anne-Cécile Franc Mission TICE académie de Versailles
Plus en détailTravaux dirigés n 10
Travaux dirigés n 10 IMAC 1 Responsive Web Design Dans ce TD, vous verrez comment concevoir un design web qui s adaptera au terminal sur lequel il sera visualisé. Avant-propos Avec l avènement des smartphones
Plus en détail1-Introduction 2. 2-Installation de JBPM 3. 2-JBPM en action.7
Sommaire 1-Introduction 2 1-1- BPM (Business Process Management)..2 1-2 J-Boss JBPM 2 2-Installation de JBPM 3 2-1 Architecture de JOBSS JBPM 3 2-2 Installation du moteur JBoss JBPM et le serveur d application
Plus en détailSTID 2ème année : TP Web/PHP
STID 2ème année : TP Web/PHP Plan de travail et aide mémoire jean.arnaud@inria.fr Ce document est composé de cinq parties : Un aide mémoire sur les aspects pratiques de la création de sites Une introduction
Plus en détailAspects techniques : guide d interfaçage SSO
COURDECO Aspects techniques : guide d interfaçage SSO Septembre 2011 Cette annexe présente succinctement le système d'authentification unique (SSO : single sign on, authentification unique) utilisé dans
Plus en détailJAVA 8. JAVA 8 - Les fondamentaux du langage. Les fondamentaux du langage Java. Avec exercices pratiques et corrigés JAVA 8 29,90.
Analyste et développeur pendant plus de 10 ans, Thierry GROUSSARD s est ensuite orienté vers la formation et plus particulièrement dans le domaine du développement. Sa connaissance approfondie des besoins
Plus en détailLES GRANDES ETAPES DE CREATION D UN WEB DESIGN
LES GRANDES ETAPES DE CREATION D UN WEB DESIGN PENSER LA STRUCTURE ET LE THEME DU SITE STRUCTURE ET THEME DU SITE Taille (le site sera-t-il extensible ou fixe?) Organisation Thème Couleurs Illustrations
Plus en détailDA MOTA Anthony - Comparaison de technologies : PhoneGap VS Cordova
DA MOTA Anthony - Comparaison de technologies : PhoneGap VS Cordova I. Introduction Dans une période où la plasticité peut aider à réduire les coûts de développement de projets comme des applications mobile,
Plus en détailIntroduction à. Oracle Application Express
Introduction à Oracle Application Express Sommaire Qu est-ce que Oracle Application Express (APEX)? Vue d ensemble des fonctionnalités et des différents composants d Oracle APEX Démonstration de création
Plus en détailTutorial pour une application simple
ANDROID & ECLIPSE Tutorial pour une application simple 1. Introduction Android est un système d'exploitation pour téléphone portable de nouvelle génération développé par Google. Celui-ci met à disposition
Plus en détailMise en œuvre des serveurs d application
Nancy-Université Mise en œuvre des serveurs d application UE 203d Master 1 IST-IE Printemps 2008 Master 1 IST-IE : Mise en œuvre des serveurs d application 1/54 Ces transparents, ainsi que les énoncés
Plus en détailCréation d un service web avec NetBeans 5.5 et SJAS 9
Sommaire Création d un service web avec NetBeans 5.5 et SJAS 9 1. Présentation... 2 2. Création d un service web avec NetBeans... 2 2.1. Création d une application Web... 2 2.2. Création du service web...
Plus en détailTP1 : Initiation à Java et Eclipse
TP1 : Initiation à Java et Eclipse 1 I. Objectif du TP TP1 : Initiation à Java et Eclipse Programmation Mobile Initiation à l environnement Eclipse et aux notions de base du langage Java. II. Environnement
Plus en détailTP réseau Android. Bidouilles Tomcat. a) Installer tomcat : il suffit de dézipper l'archive apache-tomcat-8.0.15-windowsx64.zip.
TP réseau Android Ce TP utilise tomcat 8, sous windows et des.bat windows. On peut trouver ce serveur web et conteneur d'applications web à http://tomcat.apache.org/download-80.cgi. Il se trouve dans l'archive
Plus en détailProgrammation Internet Cours 4
Programmation Internet Cours 4 Kim Nguy ên http://www.lri.fr/~kn 17 octobre 2011 1 / 23 Plan 1. Système d exploitation 2. Réseau et Internet 3. Web 3.1 Internet et ses services 3.1 Fonctionnement du Web
Plus en détailUtilisation de GCM (Google Cloud Messaging) pour Android. Partie préliminaire éventuelle : Création d'un AVD lisant GCM
Utilisation de GCM (Google Cloud Messaging) pour Android Ce TP est inspiré de : http://android.amolgupta.in/2012/07/google-cloud-messaging-gcm-tutorial.html On va écrire deux parties. Une application Android
Plus en détailWEB & DÉVELOPPEMENT LES BASES DU WEB LE LANGAGE HTML FEUILLES DE STYLES CSS HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES
WEB & DÉVELOPPEMENT LES BASES DU WEB HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES LE LANGAGE HTML STRUCTURE D UNE PAGE En-tête et corps Syntaxe INSÉRER DES CONTENUS Texte : formatage (titre,
Plus en détailProgramme «Analyste Programmeur» Diplôme d état : «Développeur Informatique» Homologué au niveau III (Bac+2) (JO N 176 du 1 août 2003) (34 semaines)
Programme «Analyste Programmeur» Diplôme d état : «Développeur Informatique» Homologué au niveau III (Bac+2) (JO N 176 du 1 août 2003) (34 semaines) Module 1 : Programmer une application informatique Durée
Plus en détailNormes techniques 2011
Normes techniques 2011 Display classique Formats Livrables Footer p 2 p 3 p 4 Opérations spéciales Publi-rédactionnel Jeu concours Quiz Lien partenaire Habillage Accueil panoramique Sponsoring de rubrique
Plus en détailDojo Toolkit. Créer des applications AJAX/RIA en JavaScript. Thomas Corbière www.itsi-formation.com
Dojo Toolkit Créer des applications AJAX/RIA en JavaScript Auteur Site Web Dernière modification Dojo Toolkit Thomas Corbière www.itsi-formation.com 20/02/2012 (révision 3) 1.6 Ce support de cours est
Plus en détailProgrammation Web. Madalina Croitoru IUT Montpellier
Programmation Web Madalina Croitoru IUT Montpellier Organisation du cours 4 semaines 4 ½ h / semaine: 2heures cours 3 ½ heures TP Notation: continue interrogation cours + rendu à la fin de chaque séance
Plus en détailXavier Costa. «Write once, run anywhere»
Xavier Costa «Write once, run anywhere» 2 Xavier COSTA [CODENAME ONE : «WRITE ONCE, RUN EVERYWHERE] Déclaration Ce travail de diplôme est réalisé dans le cadre de l examen final de la Haute école de gestion
Plus en détailTP JEE Développement Web en Java. Dans ce TP nous commencerons la programmation JEE par le premier niveau d une application JEE : l application web.
ASTRIUM - Toulouse JEE Formation 2013 TP JEE Développement Web en Java Dans ce TP nous commencerons la programmation JEE par le premier niveau d une application JEE : l application web. Figure 1 Architecture
Plus en détailRESPONSIVE WEB DESIGN
RESPONSIVE WEB DESIGN Une approche pour concevoir des sites Web adaptatifs et une occasion d'inciter les étudiants à consulter des cours responsives Ivan MADJAROV Arnaud FÉVRIER Comment consulte-t-on le
Plus en détailServeur de travail collaboratif Michaël Hoste -
Serveur de travail collaboratif Michaël Hoste - Table des matières 1. Qu'est ce qu'un serveur de travail collaboratif?...2 2. Pourquoi ce projet?...2 3. Possibilités d'utilisation dans le cadre de l'université...3
Plus en détailTP1. Outils Java Eléments de correction
c sep. 2008, v2.1 Java TP1. Outils Java Eléments de correction Sébastien Jean Le but de ce TP, sur une séance, est de se familiariser avec les outils de développement et de documentation Java fournis par
Plus en détailSECURIDAY 2013 Cyber War
Club de la Sécurité Informatique à l INSAT Dans le cadre de la 3ème édition de la journée nationale de la sécurité informatique SECURIDAY 2013 Cyber War SECURINETS Présente Formateurs: 1. Emna BEY 2. Manel
Plus en détailLogiciels de référencement
Outils Logiciels de référencement Afin de contrôler la qualité de son référencement, d optimiser et d améliorer son positionnement, il peut être utile d utiliser des outils couvrant tout ou partie du référencement.
Plus en détailPour en expliquer le principe, on se limitera à deux exemples :
Les Media Queries permettent donc de cibler : Le type de média La taille de l'écran La taille de la fenêtre La résolution Le nombre de couleurs L'orientation Pour en expliquer le principe, on se limitera
Plus en détailCQP Développeur Nouvelles Technologies (DNT)
ORGANISME REFERENCE STAGE : 26572 20 rue de l Arcade 75 008 PARIS CONTACT Couverture géographique : M. Frédéric DIOLEZ Bordeaux, Rouen, Lyon, Toulouse, Marseille Tél. : 09 88 66 17 40 Nantes, Lille, Strasbourg,
Plus en détailUniversité de Toulouse-Le Mirail janvier 2012 Département de Géographie-Aménagement-Environnement Laurent Jégou
Université de Toulouse-Le Mirail janvier 2012 Département de Géographie-Aménagement-Environnement Laurent Jégou M2 Sigma Module U50_B33 Le WebMapping côté client : les API et bibliothèques Javascript Positionnement
Plus en détailIntroduction à Java. Matthieu Herrb CNRS-LAAS. Mars 2014. http://homepages.laas.fr/matthieu/cours/java/java.pdf
Introduction à Java Matthieu Herrb CNRS-LAAS http://homepages.laas.fr/matthieu/cours/java/java.pdf Mars 2014 Plan 1 Concepts 2 Éléments du langage 3 Classes et objets 4 Packages 2/28 Histoire et motivations
Plus en détailOptimiser pour les appareils mobiles
chapitre 6 Optimiser pour les appareils mobiles 6.1 Créer un site adapté aux terminaux mobiles avec jquery Mobile... 217 6.2 Transformer son site mobile en application native grâce à PhoneGap:Build...
Plus en détailInstaller et configurer Oracle Forms 11gR2 Windows 7 64 bits
1 Installer et configurer Oracle Forms 11gR2 (Windows x64) Installer et configurer Oracle Forms 11gR2 Windows 7 64 bits Document préparé par Abderrahmane Abed Juin 2013 Version 1.0 Courriel: aabed@oraweb.ca
Plus en détailEnvironnements de développement (intégrés)
Environnements de développement (intégrés) Introduction aux EDI, la plateforme Eclipse Patrick Labatut labatut@di.ens.fr http://www.di.ens.fr/~labatut/ Département d informatique École normale supérieure
Plus en détailDossier. Développer en Java sur téléphone mobile. Benjamin Damécourt benjamin.damecourt@me.com. UFR SITEC Master 2 EESC 11 janvier 2012
Dossier Développer en Java sur téléphone mobile Benjamin Damécourt benjamin.damecourt@me.com UFR SITEC Master 2 EESC 11 janvier 2012 Table des matières Introduction 2 Pré-requis 3 Hello World! 5 Installation
Plus en détailJava pour le Web. Cours Java - F. Michel
Java pour le Web Cours Java - F. Michel Introduction à JEE 6 (ex J2EE) Historique Qu'est-ce que JEE JEE : Java Entreprise Edition (ex J2EE) 1. Une technologie outils liés au langage Java + des spécifications
Plus en détailTP n 2 Concepts de la programmation Objets Master 1 mention IL, semestre 2 Le type Abstrait Pile
TP n 2 Concepts de la programmation Objets Master 1 mention IL, semestre 2 Le type Abstrait Pile Dans ce TP, vous apprendrez à définir le type abstrait Pile, à le programmer en Java à l aide d une interface
Plus en détailJOnAS Day 5.1. Outils de développements
JOnAS Day 5.1 Outils de développements Agenda Introduction Plugin Eclipse (JOPE) Plugin NetBeans (JOnbAS) Cargo 2 Bull, 2009 JOnAS Day 5.1 Objectifs - Réduire les temps de développement - Construction
Plus en détailPetite définition : Présentation :
Petite définition : Le Web 2.0 est une technologie qui permet la création de réseaux sociaux, de communautés, via divers produits (des sites communautaires, des blogs, des forums, des wiki ), qui vise
Plus en détailDémarrer avec Ajax et le php: exemple d'application
Démarrer avec Ajax et le php: exemple d'application Rédacteur: Alain Messin (Alain.Messin arobas obs-azur.fr) CNRS UMS 2202 Admin06 24/09/2007 Le but de ce document est de permettre de démarrer dans le
Plus en détailArchitectures Web Services RESTful
Architectures Web Services RESTful Alexandre Denis Alexandre.Denis@inria.fr Inria Bordeaux Sud-Ouest France ENSEIRB PG306 REST REST Representational State Transfer Roy Fielding (2000) Décollage vers 2006-2007
Plus en détailLICENCE PROFESSIONNELLE
LICENCE PROFESSIONNELLE Développement d'applications Intranet/Internet Domaine : Sciences, Technologies, Santé Dénomination nationale : Systèmes informatiques et logiciels Organisation : Institut Universitaire
Plus en détailHTML. Notions générales
1 HTML Le langage HTML est le langage de base permettant de construire des pages web, que celles-ci soient destinées à être affichées sur un iphone/android ou non. Dans notre cas, HTML sera associé à CSS
Plus en détailExtended communication server 4.1 : VoIP SIP service- Administration
Extended communication server 4.1 : VoIP SIP service- Administration Mai, 2008 Alcatel-Lucent Office Offer - All Rights Reserved Alcatel-Lucent 2007 Ce document explique comment configurer le Service VOIP-SIP
Plus en détailSéance d ED n 5 : HTML et JavaScript
Séance d ED n 5 : HTML et JavaScript EXERCICE 1 1) le but de cet exercice est de construire l'interface suivante en html: une réponse : 1)
Plus en détailProgramme ASI Développeur
Programme ASI Développeur Titre de niveau II inscrit au RNCP Objectifs : Savoir utiliser un langage dynamique dans la création et la gestion d un site web. Apprendre à développer des programmes en objet.
Plus en détailFORMATION PcVue. Mise en œuvre de WEBVUE. Journées de formation au logiciel de supervision PcVue 8.1. Lieu : Lycée Pablo Neruda Saint Martin d hères
FORMATION PcVue Mise en œuvre de WEBVUE Journées de formation au logiciel de supervision PcVue 8.1 Lieu : Lycée Pablo Neruda Saint Martin d hères Centre ressource Génie Electrique Intervenant : Enseignant
Plus en détailProgrammation Web. Introduction
Programmation Web Introduction 1 Introduction 10 séances 1 h cours + 1h TD Notes : contrôle continu DS 1 TP : note de groupe : rapport + code source + démo TD : note personnelle (=0 si 2 absences non justifiées)
Plus en détailMedia queries : gérer différentes zones de visualisation
2 Media queries : gérer différentes zones de visualisation Comme nous l avons vu au chapitre précédent, les CSS3 sont constituées de modules. Media queries est simplement l un d eux. Ce module permet d
Plus en détailIFT287 Exploitation de base de données relationnelles et orientées objet. Laboratoire Mon premier programme Java en Eclipse
IFT287 Exploitation de base de données relationnelles et orientées objet Laboratoire Mon premier programme Java en Eclipse Comment faire? Nous allons utiliser l environnement de travail proposé par Eclipse
Plus en détailMéthode de Test. Pour WIKIROUTE. Rapport concernant les méthodes de tests à mettre en place pour assurer la fiabilité de notre projet annuel.
Méthode de Test Pour WIKIROUTE Rapport concernant les méthodes de tests à mettre en place pour assurer la fiabilité de notre projet annuel. [Tapez le nom de l'auteur] 10/06/2009 Sommaire I. Introduction...
Plus en détailles techniques d'extraction, les formulaires et intégration dans un site WEB
les techniques d'extraction, les formulaires et intégration dans un site WEB Edyta Bellouni MSHS-T, UMS838 Plan L extraction des données pour un site en ligne Architecture et techniques Les différents
Plus en détailTechnologies Web avancées. ING1 SIGL Technologies Web avancées
ING1 SIGL Technologies Web avancées Olivier Pons / 2013-2014 Objectif Comprendre globalement le Web Sommaire 1. Rappel Web 2. État de l'art 3. Solutions actuelles 2 / 28 1 Rappel Web 1a. HTML HTML dans
Plus en détail