Ajax et PHP5. Bonjour tout le monde ( Hello World ) en Ajax et PHP

Dimension: px
Commencer à balayer dès la page:

Download "Ajax et PHP5. Bonjour tout le monde ( Hello World ) en Ajax et PHP"

Transcription

1 Ajax et PHP5 Ajax n est pas vraiment une technologie mais plutôt un ensemble de plusieurs technologies, parmi lesquelles se trouvent JavaScript Asynchrone, XML, XHTML et CSS. Le mot asynchrone est de la plus grande importance. Le mode de fonctionnement d un site web se fait par cycle : un utilisateur demande à recevoir une certaine page et on lui envoie exactement cette page. Lorsque l utilisateur demande à passer à la page suivante (par exemple en cliquant sur un lien), on passe au cycle suivant. Un autre point important à noter est que la page, une fois quittée, perd toutes les informations relatives à son état. Si des informations doivent être conservées pour une quelconque raison, il faut utiliser des techniques telles que les cookies, les variables GET et POST ou des variables de session, qui doivent être réinterprétées par le serveur à chaque fois qu une nouvelle page est réclamée par le client. Alors qu avec les techniques Ajax, un développeur astucieux peut demander à recevoir plusieurs flux d informations totalement indépendants. Les données peuvent être obtenues sans que la page n aient besoin d être rafraîchie et donc sans recommencer de nouveaux cycles et sans perdre des informations d état de la page en cours. L utilisateur bénéficie ainsi d une expérience plus riche et plus fluide tout en réduisant les besoins en bande passante pour le fournisseur du service web. Bonjour tout le monde ( Hello World ) en Ajax et PHP La version Ajax de «Bonjour tout le monde» («Hello World») peut être assez intimidante au premier abord car cela nécessite l implication de plusieurs langages de programmation: PHP et JavaScript. Contrairement aux applications web traditionnelles où la présentation et la gestion des données se font par PHP (ou n importe quel autre langage côté serveur), les applications PHP utilisant les technologies Ajax se contentent de créer les données et de déléguer à JavaScript (côté client) l interprétation de ces données. Si vous connaissez mal PHP 5, vous pouvez vous reporter à l Annexe où vous trouverez un aperçu des changements importants survenus entre les versions 4 et 5. Après avoir reçu une requête depuis une page PHP contenant des instructions Ajax, le serveur renvoie la page comme s il s agissait d une classique page PHP. La magie apparaît lorsque nous incluons dans cette page du code JavaScript qui est lié à certains types d actions. Lorsqu une de ces actions survient, une requête asynchrone est alors envoyée vers le serveur, qui à son tour renvoie les données demandées que JavaScript traitera alors en conséquence (voir Figure 1 ). Nous constatons que l acteur (le client visionnant notre page web) envoie une requête demandant à voir la page sélectionnée et il reçoit alors un mélange de HTML, de JavaScript et sans doute également quelques images. Le code JavaScript est conçu de manière à ce que, par le biais d Ajax, l utilisateur puisse exécuter des actions et recevoir des données en échange, sans avoir besoin de quitter ou de recharger la page en cours. 2

2 Serveur (PHP) Client (JavaScript) Figure 1. Diagramme de séquence générique d une application Ajax typique Requête page Transmet page Requête asynchrone Transmet données Action Affiche Étant donné que la page est générée par PHP, nous pouvons profiter de la puissance de ce langage de scripts et demander au serveur de nous envoyer une page contenant la date et l heure du système sans jamais avoir à quitter ou à recharger la page. Le fichier PHP PHP est simple. Lorsque le client passe la variable «NOW» («maintenant») via la méthode GET, le serveur renvoie la date et l heure ainsi qu un petit message qui devrait vous rappeler quelque chose. POST et GET sont deux méthodes primaires (ainsi que HEAD parmi d autres) de récupération de données via HTTP. Elles offrent toutes deux la possibilité de passer des variables au serveur. Dans le cas de GET, les variables sont conservées et encodées dans l URL sous forme de requête en chaîne de caractères (la partie de l URL qui apparaît après le premier point d interrogation). Nous souhaitons, à l aide d un script PHP très simple, créer une page qui affiche l heure du serveur lorsque l utilisateur clique sur un bouton : <?php function get_message() return "Bonjour tout le monde! Il est ".date("r"); if ( isset( $_GET["NOW"] ) ) header("cache-control: no-cache, must-revalidate"); header("content-type: text/plain"); echo get_message(); else?> <html> 3

3 <head> <title>bonjour tout le monde</title> <!-- insérer le code JavaScript ici --> </head> <body> <div id="data"> <? if ( isset($_get["now-inline"]) ) echo get_message(); else echo "Cliquez sur Obtenir";?> </div> <a href="?now-inline" id="action">obtenir</a> </body> </html> <?php?> Maintenant, parcourons le fichier. Si vous parlez HTML, vous avez reconnu la metadonnée se trouvant à l intérieur du bloc «else» comme étant de l information formatée en HTML. Cette page n a rien de spécial, car nous nous concentrons ici sur l ajout de la fonctionnalité et non pas sur l esthétisme. La fonction get_message() renvoie la date et l heure de manière formatée. Nous avons déplacé la fonction echo dans une fonction tierce car nous l utilisons plusieurs fois : lorsque la variable $_GET["INLINE"] et lorque que NOW-INLINE sont affectées. Placez cette page dans un dossier accessible depuis votre serveur web et chargez-la depuis votre navigateur. Si PHP est correctement configuré, le texte «Cliquez sur Obtenir» devrait s afficher ainsi que le lien «Obtenir» juste en dessous. En cliquant sur ce lien, vous devriez voir apparaître une page contenant «Bonjour tout le monde! Il est Mon, 12 Feb :43: Obtenir». Si la page affiche bien la date et l heure de votre serveur, c est que nous avons pris un bon départ. Toutefois, la page ne contient pas de JavaScript et certainement pas de requêtes asynchrones. Nous allons remédier à cela et donc compléter cet exemple de manière à obtenir une application Ajax. Le code JavaScript Cet exemple utilise du code JavaScript directement dans la page. Parmi nos autres exemples, nous allons trouver des cas où le code JavaScript sera conservé dans des fichiers externes. Mais pour le moment, sachez juste que nous allons intégrer du code JavaScript au niveau du commentaire <!-- insérer le code JavaScript ici --> : 4

4 <script type="text/javascript"> <!-- var httpobj=null; function OnLoad() document.getelementbyid("action").href="javascript:update()"; function Update() if ( httpobj!= null ) return; document.getelementbyid("data").innerhtml = "Chargement en cours"; httpobj = NewHTTP(); httpobj.open("get","?now",true); httpobj.onreadystatechange = OnData; httpobj.send(null); function NewHTTP() try return new XMLHttpRequest(); catch (e) return new ActiveXObject("Microsoft.XMLHTTP"); function OnData() if ( httpobj.readystate==4 ) m=document.getelementbyid("data"); if (httpobj.status==200 ) m.innerhtml = httpobj.responsetext; else m.innerhtml="erreur lors de l'obtention de la date et heure."; httpobj = null; 5

5 --> </script> La première fonction à être appelée est OnLoad(). Elle devrait être exécutée lorsque la page aura terminé son chargement. Nous allons en apprendre davantage par la suite, dans JavaScript non-intrusif. Le gros du travail de notre script est effectué par la fonction Update() qui est appelée lorsque le bouton est actionné. Cet événement va déclencher plusieurs actions. S assurer que la variable httpobj est nulle. Si ce n est pas le cas, c est qu une requête est en cours d exécution, il ne faut donc pas en lancer d autre. Afficher «Chargement en cours» dans le champ ayant l id «data». Même si le script fonctionne parfaitement bien sans, il ne faut pas négliger cette étape car elle donne un retour immédiat à l utilisateur qui est ainsi informé qu une tâche est en cours d exécution en arrière plan. Cela lui épargnera quelque frustration et évitera qu il n appuie plusieurs fois sur le bouton Rafraîchir du navigateur ou pire qu il quitte votre application web. Généralement, il est très important de fournir un retour chaque fois que possible à l utilisateur. Un exemple typique serait le petit cercle signalant le «Chargement en cours» de données dans les applications Web 2.0. Créer un nouvel objet XMLHttpRequest avec la fonction NewHTTP(). Appeler la méthode open() de l objet qui indique la page à appeler sur le serveur. Le premier paramètre est la méthode à employer pour récupérer le fichier. Notez bien qu aucune donnée n a encore été envoyée au serveur. Dans la plupart des cas, ce sont les fameux GET et POST. Spécifier l URL, absolue ou relative, à charger. Une URL relative indique le chemin du fichier par rapport au fichier actuellement affiché tandis qu une URL absolue indique le chemin complet du fichier sur le serveur. Dans notre exemple, nous souhaitons récupérer la page courante avec la requête textuelle «NOW», c est pourquoi nous passons «?NOW» comme URL relative. Ceci a pour effet de demander au navigateur de charger la page actuelle avec la requête textuelle qui lui est passée. Dans la méthode open(), nous demandons à ce que l appel soit asynchrone en passant true. Si le troisième paramètre est false, le script est bloquant et l exécution est interrompue jusqu à ce que le fichier soit chargé. Mais du fait que notre troisième argument est true, le script redonne la main immédiatement au programme et laisse la gestion à la fonction de rappel (callback en anglais). Affecter la fonction de rappel. Une fonction de rappel (callback) est une fonction définie par l utilisateur. Elle doit être prédéfinie et est utilisée ultérieurement lorsqu un événement particulier est intercepté. Dans notre cas, la fonction est appelée lorsqu un événement HTTP indique l état prêt pour notre requête. Dans notre exemple la fonction est OnData(). L état prêt peut être assimilé à l état de la requête. Il ne reste qu à lancer la requête qui va demander au serveur de lui envoyer les informations dont elle a besoin. La méthode send() de l objet httpobj se charge de cela. Comme l objet est asynchrone, la méthode rend la main immédiatement et ne bloque pas l exécution du code jusqu à ce que la page soit chargée ou qu une erreur survienne. 6

Technologies Web. Technologies Web AJAX TCM-TWEB Julien BEAUCOURT 2006 pour ETNA

Technologies Web. Technologies Web AJAX TCM-TWEB Julien BEAUCOURT 2006 pour ETNA AJAX Sommaire Introduction Applications Web Applications AJAX Avantages / Inconvénients Exemple Introduction AJAX, ou Asynchronous JavaScript And XML («XML et Javascript asynchrones»), est un acronyme

Plus en détail

Exemples d applications Ajax

Exemples d applications Ajax Web 2.0 et Ajax AJAX Exemples d applications Ajax Complétion automatique Validation en temps réel des données d un formulaire Navigation dynamique Lecture d un flux RSS Sauvegarde automatique des documents

Plus en détail

AJAX Licence 3 ère Année

AJAX Licence 3 ère Année BDWeb : AJAX Licence 3 ère Année Fabrice Lefèvre 2010 Asynchronous Javascript + XML nom donné à un ensemble de techniques préexistantes dépend essentiellement de XMLHttpRquest, un objet coté client utilisable

Plus en détail

ITII Programmation Web FMC Page 1

ITII Programmation Web FMC Page 1 Programmation Web FMC Page 1 Définition d'ajax AJAX signifie Asynchronous JavaScript and XML : c'est un ensemble de technologies (CSS, JavaScript, XML...) utilisées ensemble afin de permettre des communications

Plus en détail

Sommaire. 1. Introduction Mise en place Fonctions disponibles de l API live Chat Exemple pratique... 14

Sommaire. 1. Introduction Mise en place Fonctions disponibles de l API live Chat Exemple pratique... 14 Sommaire 1. Introduction... 3 2. Mise en place... 4 3. Fonctions disponibles de l API live Chat... 5 4. Exemple pratique... 14 Hermes.Net Live Chat API Page 3 14 1. Introduction Le composant Live Chat

Plus en détail

JavaScript NÉCESSAIRE WEB XAVIER BLANC UNIVERSITÉ DE BORDEAUX

JavaScript NÉCESSAIRE WEB XAVIER BLANC UNIVERSITÉ DE BORDEAUX JavaScript NÉCESSAIRE WEB XAVIER BLANC UNIVERSITÉ DE BORDEAUX Script JavaScript est un langage de script Un script est une séquence d instructions qui seront interprétées les unes après les autres Les

Plus en détail

Groupe Eyrolles, 2006, ISBN : X

Groupe Eyrolles, 2006, ISBN : X Groupe Eyrolles, 2006, ISBN : 2-212-11771-X 160 PHP/MySQL avec Dreamweaver 8 Figure 3-30 Après l insertion d un nouveau résultat, la page Mes résultats affiche la liste actualisée des résultats. Page de

Plus en détail

Programmation Web Avancée. Cours 7 Web Storage Ajax.

Programmation Web Avancée. Cours 7 Web Storage Ajax. Programmation Web Avancée Cours 7 Web Storage Ajax kn@lri.fr Plan 1 Introduction/ Généralité et rappels sur le Web/ Javascript : survol du langage 2 Objets/Portée des variables/tableaux/rappels MVC 3 Visiteur/Expressions

Plus en détail

Soit la base de données «notes des étudiants» dont le modèle conceptuel est donné ci-dessous sous la forme d un diagramme de classes UML.

Soit la base de données «notes des étudiants» dont le modèle conceptuel est donné ci-dessous sous la forme d un diagramme de classes UML. Université Lumière Lyon 2 Université Nationale d Économie de Kharkiv Master 1 IDSM Année 2016-2017 Programmation Web Exercices pratiques (4) : PHP & MySQL Jérôme Darmont (http://eric.univ-lyon2.fr/~jdarmont/),

Plus en détail

Projet DELIRE. Introduction à PHP

Projet DELIRE. Introduction à PHP Projet DELIRE Introduction à PHP Pages dynamiques page statique Nous sommes le 28/03/2007 Probleme : Afficher une page différente en fonction

Plus en détail

Ajax, jquery et PHP. 42 ateliers pour concevoir des applications Web 2.0. Jean-Marie Defrance. 3 e édition

Ajax, jquery et PHP. 42 ateliers pour concevoir des applications Web 2.0. Jean-Marie Defrance. 3 e édition Ajax, jquery et PHP 42 ateliers pour concevoir des applications Web 2.0 3 e édition Jean-Marie Defrance Groupe Eyrolles, 2008, 2010, 2011, ISBN : 978-2-212-13271-7 3 Comment fonctionne Ajax? Ajax, un amalgame

Plus en détail

Guide du programmeur. Version 2.01 Juin 2010

Guide du programmeur. Version 2.01 Juin 2010 Sogenactif Paiement Web PLUG-IN 6.15 Guide du programmeur Version 2.01 Juin 2010 1 Avertissements : Le fichier Version.txt précise l'environnement dans lequel l API a été compilée et testée. L'installation

Plus en détail

Le client/serveur dans le cas du Web

Le client/serveur dans le cas du Web Le client/serveur dans le cas du Web Olivier Flauzac & Cyril Rabat olivier.flauzac@univ-reims.fr cyril.rabat@univ-reims.fr Licence 3 Info - Info0503 - Introduction à la programmation client/serveur 2015-2016

Plus en détail

Technologies de l internet Date: 26 juillet 2011, 14h30 17h20

Technologies de l internet Date: 26 juillet 2011, 14h30 17h20 IFT3225-E2011 Examen Final Consignes Technologies de l internet Date: 26 juillet 2011, 14h30 17h20 Philippe Langlais Les calculatrices, téléphones, ordinateurs, etc. ne sont pas autorisés (vous pouvez

Plus en détail

CMS : Content Management System

CMS : Content Management System CMS : Content Management System Louis-Claude CANON louis-claude.canon@loria.fr 15 septembre 2009 CANON CMS 15 septembre 2009 1 / 36 Plan Contexte introductif 1 Contexte introductif 2 Contenu numérique

Plus en détail

Bases de données et Sites Web. Li345 Le langage PHP 2 ème partie. généralités tableaux structures de contrôle

Bases de données et Sites Web. Li345 Le langage PHP 2 ème partie. généralités tableaux structures de contrôle Bases de données et Sites Web. Li345 Le langage PHP 2 ème partie généralités tableaux structures de contrôle 1 Rappel : CGI et bases de données Architecture 3 tiers MySQL : stockage, protection des données,

Plus en détail

PHP. Arnaud Sallaberry montp3.fr. Programma;on pour le Web 1

PHP. Arnaud Sallaberry montp3.fr. Programma;on pour le Web 1 PHP Arnaud Sallaberry arnaud.sallaberry@univ- montp3.fr 06/02/2015 Programma;on pour le Web 1 Plan Les principaux langages du Web Côté client Côté serveur Autres Récapitula;f PHP Introduc;on Types de données

Plus en détail

Séance d Exercices Dirigés Compréhension d AJAX (XHTML, Javascript et PHP)

Séance d Exercices Dirigés Compréhension d AJAX (XHTML, Javascript et PHP) Séance d Exercices Dirigés Compréhension d AJAX (XHTML, Javascript et PHP) Exercice : AJAX - Interrogez votre serveur avec JavaScript Savez-vous que JavaScript est capable de se connecter à un serveur

Plus en détail

TD n 3. Exercice 2: Écrire un script qui permet d obtenir l affichage suivant en utilisant qu une seule instruction document.

TD n 3. Exercice 2: Écrire un script qui permet d obtenir l affichage suivant en utilisant qu une seule instruction document. IUT de Bobigny 2008-2009 CIWM [SLATCM5231] TD n 3 Conception de Pages Web orientée Client 1 Introduction à javascript L objectif des exercices de cette partie est tester vos connaissances de base sur le

Plus en détail

Exercices JavaScript

Exercices JavaScript Exercices Javascript - page 1 Exercices JavaScript Auteur : E.Thirion - 07/12/2015 Ce document est extrait du site http://cours.thirion.free.fr/cours/javascript Les exercices suivants sont s fichiers à

Plus en détail

Documents web dynamiques. 20 novembre 2007 Architecture Multi-Niveaux 54

Documents web dynamiques. 20 novembre 2007 Architecture Multi-Niveaux 54 Documents web dynamiques 20 novembre 2007 Architecture Multi-Niveaux 54 Documents web dynamiques Contenu Statique Le client envoie une requête avec un nom de fichier Le serveur répond en lui retournant

Plus en détail

Lisez la documentation sur la fonction strpos : http://us2.php.net/manual/fr/function.strpos.php

Lisez la documentation sur la fonction strpos : http://us2.php.net/manual/fr/function.strpos.php TP 2 Master CTN 2015 A Une fonction strpos. Lisez la documentation sur la fonction strpos : http://us2.php.net/manual/fr/function.strpos.php strpos cherche dans la première chaine si la seconde existe

Plus en détail

Nous allons voir aujourd hui l utilisation de Wordpress, c est à dire ce qui va permettre aux associations de placer du contenu sur leur site web et

Nous allons voir aujourd hui l utilisation de Wordpress, c est à dire ce qui va permettre aux associations de placer du contenu sur leur site web et 1 Nous allons voir aujourd hui l utilisation de Wordpress, c est à dire ce qui va permettre aux associations de placer du contenu sur leur site web et de le faire évoluer. L idée est que vous soyez très

Plus en détail

Séance 3. Javascript/DHTML

Séance 3. Javascript/DHTML Séance 3 Javascript/DHTML Nils Schaefer (nils.schaefer@sn-i.fr) Langage Javascript Vrai langage de programmation Exécution côté client Apporter du dynamisme aux pages HTML Syntaxe générale similaire au

Plus en détail

Introduction. Javascript. L événement onsubmit. Javascript et les formulaires. IFT1147 Programmation Serveur Web avec PHP

Introduction. Javascript. L événement onsubmit. Javascript et les formulaires. IFT1147 Programmation Serveur Web avec PHP IFT1147 Programmation Serveur Web avec PHP Au delà du HTML création dynamique de Javascript, d images et de fichiers PDF Introduction PHP ne permet pas seulement de générer du code HTML. On peut, entre

Plus en détail

Programme Formation Webmaster Opérationnel niveau 2

Programme Formation Webmaster Opérationnel niveau 2 Programme Formation Webmaster Opérationnel niveau 2 Objectif : Savoir personnaliser et dynamiser le contenu de sites web par la connaissance de l'html5/css3, du PHP MySQL, du JavaScript et d'ajax. Compétences

Plus en détail

Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web

Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web 1. 2. Pour naviguer sur le Web, il faut : Une connexion au réseau Réseau Connexion physique (câbles,sans fils, ) à des machines Protocoles de communication Plusieurs niveau (couche) : Internet, protocole

Plus en détail

Réalisation de la page login.php. Dès que le client clique sur le bouton Commander depuis l écran du panier, la page

Réalisation de la page login.php. Dès que le client clique sur le bouton Commander depuis l écran du panier, la page 450 PHP/MySQL avec Dreamweaver MX 2004 Réalisation de la page login.php Dès que le client clique sur le bouton Commander depuis l écran du panier, la page commande.php est appelée. Cette page étant protégée,

Plus en détail

Introduction à Ajax. CNAM le 2013 O. Pons S. Rosmorduc

Introduction à Ajax. CNAM le 2013 O. Pons S. Rosmorduc 2013 Introduction à Ajax CNAM le 2013 O. Pons S. Rosmorduc 1 / 18 Principe général de fonctionnement Faire des requettes http sans avoir recharger une page entiere. Communication de javascript avec les

Plus en détail

AJAX. Magali Contensin. JoSy AJAX et bibliothèques JS pour les ASR. 3 novembre 2011

AJAX. Magali Contensin. JoSy AJAX et bibliothèques JS pour les ASR. 3 novembre 2011 AJAX Magali Contensin 3 novembre 2011 JoSy AJAX et bibliothèques JS pour les ASR Plan Comment actualiser une partie d'une page web? Principe Quelques applications Etapes Sécurité Support par les navigateurs

Plus en détail

Partie 4 : Consignes pour la conversion des thèses avec Cyberdocs

Partie 4 : Consignes pour la conversion des thèses avec Cyberdocs Partie 4 : Consignes pour la conversion des thèses avec Cyberdocs L outil Cyberdocs permet de convertir des documents texte en un format XML garantissant un archivage pérenne des documents (qui ainsi ne

Plus en détail

Génération dynamique de pages web

Génération dynamique de pages web Génération dynamique de pages web Cet article décrit quelques techniques de programmation web permettant de générer des pages web dynamiquement à partir d une base de données. STRUCTURE DE LA BASE DE DONNÉES

Plus en détail

Tutoriel https://transfert.lybero.net

Tutoriel https://transfert.lybero.net Tutoriel https://transfert.lybero.net 1 Comment s enregistrer sur le service? Il faut d abord aller sur https://transfert.lybero.net. On arrive alors sur l écran de login : ARNAUD LAPREVOTE 25 octobre

Plus en détail

Table des matières. Introduction 1

Table des matières. Introduction 1 Table des matières Introduction 1 1 Les bases de JavaScript 5 Compréhension de JavaScript (et de son histoire) 5 Établissement d un système de test 8 Configuration de navigateurs Web 9 Inclusion du code

Plus en détail

AJAX AJAX. Asynchronous JavaScript And XML. Technologie pour créer des pages web interactives Basées sur XML, HTML et JavaScript

AJAX AJAX. Asynchronous JavaScript And XML. Technologie pour créer des pages web interactives Basées sur XML, HTML et JavaScript AJAX Ajax 1 AJAX Asynchronous JavaScript And XML. Technologie pour créer des pages web interactives Basées sur XML, HTML et JavaScript Utilise: HTML pour le marquage XML pour représenter les résultats

Plus en détail

Une fonction prédéfinie est un sous programme déjà codé mis à disposition dans le langage de programmation pour les développeurs. Nom de la fonction

Une fonction prédéfinie est un sous programme déjà codé mis à disposition dans le langage de programmation pour les développeurs. Nom de la fonction Fiche N 8 Les fonctions PHP Sous programme Fonction prédéfinie Fonction personnalisée Une fonction contient une suite d instructions qui retournent une seule valeur au programme. Par exemple, un nombre,

Plus en détail

INF04-06 Langages et structure du Web. Benoît Habert

INF04-06 Langages et structure du Web. Benoît Habert INF04-06 Langages et structure du Web Benoît Habert Séance 8 - début Rappels Les limites de l appel à un autre script AJAX Modèle/Vue/Contrôleur : un patron de conception MVC en action : revisiter l exemple

Plus en détail

Notes d installation. Date d installation : 25 août 2013

Notes d installation. Date d installation : 25 août 2013 Notes d installation Date d installation : 25 août 2013 Contenu Nouvelles fonctionnalités et améliorations 1 Nouvelles fonctionnalités et améliorations... 1 1.1 Nouveau Qwidget... 1 1.1.1 Apparence...

Plus en détail

Se connecter à Maileva Word

Se connecter à Maileva Word Table des matières Maileva pour Word Se connecter à Maileva Word Paramétrer COURRIER Word Envoyer des courriers avec Word Suivre les courriers envoyés Interpréter le résultat de l envoi Joindre un fichier

Plus en détail

Problématique : Comment s assurer de la bonne compréhension d une ou plusieurs notions par les apprenants en classe ou en dehors?

Problématique : Comment s assurer de la bonne compréhension d une ou plusieurs notions par les apprenants en classe ou en dehors? Figure 1: Illustration de Socrative. Problématique : Comment s assurer de la bonne compréhension d une ou plusieurs notions par les apprenants en classe ou en dehors? Résumé : Technologies nécessaires

Plus en détail

Services de retrait et de dépôt de fichiers

Services de retrait et de dépôt de fichiers FICHE DOCUMENTAIRE Services de retrait et de dépôt de fichiers 11/03/2016 Accès Les deux services sont accessibles à partir du portail entreprise à l adresse suivante : http://entreprises.insee.fr/ecmoss.htm

Plus en détail

Développement Web (NFA0016)

Développement Web (NFA0016) Développement Web (NFA0016) seconde session Avril 2011 Durée : 3h Modalités : Tous documents autorisés. Calculatrices, ordinateurs, téléphones portables interdits. Remarque : Pour ne pas surcharger, on

Plus en détail

PHP/MYSQL. Web Dynamique

PHP/MYSQL. Web Dynamique PHP/MYSQL Web Dynamique ENSG Juin 2008 Ces 6 jours de formation Jour 1 : présentations, attentes, principes, HTML Jour 2 : CSS, et HTML Jour 3 : PHP, formulaires, Base de données Jour 4 : Rappel PHP, Extraction

Plus en détail

Programmation Web IMAC TD 7 : AJAX et JSON. 18 novembre 2015

Programmation Web IMAC TD 7 : AJAX et JSON. 18 novembre 2015 Programmation Web IMAC 2015-2016 TD 7 : AJAX et JSON 18 novembre 2015 Objectif: Ce TD a pour but de decouvrire les syntaxes AJAX et JSON, ainsi que leur liens avec jquery. 1 AJAX AJAX (acronyme de Asynchronous

Plus en détail

Fiche TD n 1 Le langage HTML

Fiche TD n 1 Le langage HTML Fiche TD n 1 Le langage HTML 1 Introduction Le HTML est le langage utilisé pour formaliser l information échangée sur internet. Il est constitué de balises qui indiquent de quelle manière les informations

Plus en détail

PREMIERS PROGRAMMES I) Écrire un code

PREMIERS PROGRAMMES I) Écrire un code II-Machines de traitement de données I) Écrire un code I) Écrire un code Jusqu'à présent, nous avons toujours utilisé Python en mode interactif (c'est-à-dire que nous avons à chaque fois entré les commandes

Plus en détail

01/11/15. Rapport ProjetWeb. Salah Dkhissi Sahar JOUNDI INFO2. 1 P a g e

01/11/15. Rapport ProjetWeb. Salah Dkhissi Sahar JOUNDI INFO2. 1 P a g e 01/11/15 Rapport ProjetWeb Salah Dkhissi Sahar JOUNDI INFO2 1 P a g e Sommaire Introduction...3 1. Manuel d installation...4 2. Phase de conception...5 1. Cas d utilisations...5 2. Modèle entité-association...6

Plus en détail

Groupe Eyrolles, 2006, ISBN : X

Groupe Eyrolles, 2006, ISBN : X Groupe Eyrolles, 2006, ISBN : 2-212-11771-X Création de pages dynamiques courantes CHAPITRE 3 151 Tableau 3-3 Paramètres du jeu d enregistrements rslisteresultat Zone Valeur Commentaires Nom rslisteresultat

Plus en détail

PROJET EOLIEN HTTP. Projet éolien HTTP. 18/12/2015 Etudiant 1 : Données énergies

PROJET EOLIEN HTTP. Projet éolien HTTP. 18/12/2015 Etudiant 1 : Données énergies PROJET EOLIEN HTTP 18/12/2015 Etudiant 1 : Données énergies Etudiant 1 : Blondé Lukas 1TSSNIR Etudiant 2 : Kins Maxime 1TSSNIR Etudiant 3 : Broutin Pierre 1TSSNIR Projet éolien HTTP E T U D I A N T 1 :

Plus en détail

AJAX. Asynchronous JavaScript - XML

AJAX. Asynchronous JavaScript - XML AJAX Asynchronous JavaScript - XML Rédacteur : Morel Alexandre Version : 1.2 Date : 08 novembre 2005 Tables des matières Introduction 3 L'objet XMLHttpRequest 3 Qu'est-ce qu'ajax? 3 Utilisation 4 Étape

Plus en détail

Intégration de l'api Google Calendar en REST dans une application C# Version 1.0

Intégration de l'api Google Calendar en REST dans une application C# Version 1.0 Intégration de l'api Google Calendar en REST dans une application C# Version 1.0 2 Introduction : Ce tutoriel s adresse aux développeurs souhaitant intégrer l API Google Calendar dans leur application

Plus en détail

Séance 1. Bases et HTML

Séance 1. Bases et HTML Séance 1 Bases et HTML Nils Schaefer (nils.schaefer@sn-i.fr) Serveur Web Hébergement des sites Web Utilisation du port 80 Réception des requêtes HTTP des navigateurs Traitement des requêtes HTTP Exemples

Plus en détail

Eclipse atelier PHP. Tutoriel

Eclipse atelier PHP. Tutoriel Eclipse atelier PHP Table des matières 1. Téléchargement et installation d eclipse...2 2. Ajout du plugin PDT...3 3. Création d un projet Php...5 4. Mise en place du débugger...8 4.1. Paramétrage Eclipse...8

Plus en détail

Comment exporter le découpage administratif de la région sur Excel

Comment exporter le découpage administratif de la région sur Excel Comment exporter le découpage administratif de la région sur Excel Tutoriel Icare Niveau de difficulté 1/3 (facile) Pré-requis Icare necessaires Il nécessaire d avoir un compte sur Icare pour ce tutoriel.

Plus en détail

Prérequis configuration environnement pour utilisation catalogue électronique CAPVI

Prérequis configuration environnement pour utilisation catalogue électronique CAPVI Prérequis configuration environnement pour utilisation catalogue électronique CAPVI Sommaire I Introduction... 2 II Vérification de l installation de Java... 2 II.1 Vérification depuis le menu démarrer

Plus en détail

Les 2 grands métiers. autour de la création Web. Mais où est passé l'intégrateur?

Les 2 grands métiers. autour de la création Web. Mais où est passé l'intégrateur? Les 2 grands métiers autour de la création Web Mais où est passé l'intégrateur? Langages et frameworks Outils spécifi ques dev mobile À voir dans le module multimédia... Langage : Java Objective C C#,...

Plus en détail

Création d un site public avec Pages

Création d un site public avec Pages Création d un site public avec Pages 1 Présentation L'application Pages permet de créer des pages web pouvant être organisées grâce à un menu de navigation, ce qui offre une grande liberté de mise en page.

Plus en détail

Création de Sites. Introduction PHP. EEMI, Ecole Européenne des Métiers de l Internet Par Philippe Giraud

Création de Sites. Introduction PHP. EEMI, Ecole Européenne des Métiers de l Internet Par Philippe Giraud Création de Sites Introduction PHP EEMI, Ecole Européenne des Métiers de l Internet Par Philippe Giraud philippe.giraud@enseignant-eemi.com Introduction PHP PHP Hypertext Preprocessor Un langage de programmation

Plus en détail

Leçon 5. Gérer l'administration du site

Leçon 5. Gérer l'administration du site 1 Leçon 5. Gérer l'administration du site Objectifs Préliminaire Au terme de cette leçon vous devrez être capable de configurer correctement le site gérer les langues Suivre la maintenance Vider le cache

Plus en détail

Adobe Photoshop. Bonnes pratiques pour une utilisation professionelle CHAPITRE 1

Adobe Photoshop. Bonnes pratiques pour une utilisation professionelle CHAPITRE 1 M2 Caweb 2014-2015 Enseignant : Boris Epp Adobe Photoshop Bonnes pratiques pour une utilisation professionelle CHAPITRE 1 Sommaire 1. Organisation et nommage des fichiers a. Organiser ses dossiers b. Nommer

Plus en détail

Sommaire. 1 Créer un premier site Élaborer un contenu...69

Sommaire. 1 Créer un premier site Élaborer un contenu...69 Partie 1 Votre site web personnel...25 1 Créer un premier site...27 1.1 Installer le serveur web personnel de Microsoft...29 1.2 Créer un nouveau site web...31 1.3 Découvrir et personnaliser l environnement

Plus en détail

Utilisation du Web. Sommaire. Notions de base 1

Utilisation du Web. Sommaire. Notions de base 1 Utilisation du Web Sommaire Notions de base 1 Navigation Saisie d une URL (adresse http) dans la barre d adresse 2 Cliquer sur un lien hypertexte (ou hyperlien) 2 Définition 2 Utilisation 2 Utilisation

Plus en détail

AIDE UTILISATEUR QLIKVIEW

AIDE UTILISATEUR QLIKVIEW AIDE UTILISATEUR QLIKVIEW (mode web Ajax) 16 mars 2016 Version: 1.0 EASYNEO www.easyneo.fr TABLE DES MATIERES Table des matières... 2 1 Accès aux applications... 3 1.1 Affichage général... 3 1 : Liste

Plus en détail

Introduction aux technologies du Web. Mercredi 12 décembre 2007 Patrice Pillot

Introduction aux technologies du Web. Mercredi 12 décembre 2007 Patrice Pillot Introduction aux technologies du Web Mercredi 12 décembre 2007 Patrice Pillot http://www.toulibre.org Plan Définitions Les fondements du Web Problèmes et solutions Le Web tendance Définitions Le World

Plus en détail

Programmation Web HTML5

Programmation Web HTML5 Programmation Web HTML5 Julien David A101 - david@lipn.univ-paris13.fr 2016 Julien David (A101 - david@lipn.univ-paris13.fr) 2016 1 / 1 Organisation Cours 5 séances pour 5 langages : HTML5, CSS3, PHP5,

Plus en détail

Introduction aux systèmes informatiques. TRAVAUX PRATIQUES 4 Scripts sous Linux

Introduction aux systèmes informatiques. TRAVAUX PRATIQUES 4 Scripts sous Linux TRAVAUX PRATIQUES 4 Scripts sous Linux L objectif de ce TP est d approfondir la réalisation de programmes scripts abordée lors du précédent TP sous les systèmes d exploitation de type UNIX pour l'automatisation

Plus en détail

Service de courriel sécurisé de la Banque Scotia

Service de courriel sécurisé de la Banque Scotia Service de courriel sécurisé de la Banque Scotia Guide de l utilisateur Le service de courriel sécurisé de la Banque Scotia permet aux employés de la Banque Scotia d envoyer sur demande des courriels contenant

Plus en détail

TUTORIEL. Padlet.com est un site Internet qui permet aux utilisateurs de poster des commentaires, des PADLET. https://fr.padlet.

TUTORIEL. Padlet.com est un site Internet qui permet aux utilisateurs de poster des commentaires, des PADLET. https://fr.padlet. TUTORIEL https://fr.padlet.com/ PADLET Padlet.com est un site Internet qui permet aux utilisateurs de poster des commentaires, des idées, des images sur une page Internet à la manière de fiches sur un

Plus en détail

Ajax. Asynchronous Javascript and XML. lt La Salle Avignon BTS IRIS

Ajax. Asynchronous Javascript and XML. <tv>lt La Salle Avignon BTS IRIS</tv> Ajax Asynchronous Javascript and XML Le terme Ajax a été introduit par Jesse James Garrett (informaticien américain), le 18 février 2005, dans un article sur le site Web Adaptive Path (http://www.scriptol.fr/ajax/ajax-garrett.php)

Plus en détail

MODE D EMPLOI POUR LES ETUDIANTS

MODE D EMPLOI POUR LES ETUDIANTS PLATEFORME D APPRENTISSAGE MODE D EMPLOI POUR LES ETUDIANTS Table des matières 1 Introduction... 3 2 Se connecter à la plateforme... 4 3 Aperçu de la page d accueil... 6 4 Mes cours... 7 4.1. Votre professeur...

Plus en détail

INF4375 Paradigmes des échanges Internet Projet de session Automne Voici une carte représentant les dépendances entre les fonctionnalités :

INF4375 Paradigmes des échanges Internet Projet de session Automne Voici une carte représentant les dépendances entre les fonctionnalités : INF4375 Paradigmes des échanges Internet Projet de session Automne 2016 Projet Le projet consiste à récupérer un ensemble de données provenant de la ville de Montréal et d'offrir des services à partir

Plus en détail

Le courrier électronique avec Outlook Express

Le courrier électronique avec Outlook Express Le courrier électronique avec Outlook Express 1) Accéder à Outlook Express 2) Présentation générale 3) Retirer un message 4) Récupérer un fichier joint 5) Ecrire un message 6) Répondre à un message 7)

Plus en détail

Table des matières 1. Editions ENI - Toute reproduction interdite

Table des matières 1. Editions ENI - Toute reproduction interdite Table des matières 1 Introduction L'Internet aujourd'hui...7 Le World Wide Web Consortium et les standards...7 Les logiciels de conception de sites web...7 L'objectif du livre...8 Interface de conception

Plus en détail

Ajax, jquery et PHP. 42 ateliers pour concevoir des applications Web 2.0. Jean-Marie Defrance. 3 e édition

Ajax, jquery et PHP. 42 ateliers pour concevoir des applications Web 2.0. Jean-Marie Defrance. 3 e édition Ajax, jquery et PHP 42 ateliers pour concevoir des applications Web 2.0 3 e édition Jean-Marie Defrance Groupe Eyrolles, 2008, 2010, 2011, ISBN : 978-2-212-13271-7 15 Plug-ins jquery Ce dernier chapitre

Plus en détail

GUIDE ANIMATEUR DE SITE

GUIDE ANIMATEUR DE SITE GUIDE ANIMATEUR DE SITE Sommaire Guide Animateur 1 Premier pas avec ASPresso... 3 1.1 Accéder à votre site web... 3 1.2 Terminologie liée au site... 3 1.3 Accéder à l'interface d'administration... 3 1.4

Plus en détail

Chapitre 06. Internet

Chapitre 06. Internet Chapitre 6: Internet 99 Chapitre 06 Internet Chapitre 6: Internet 100 Accès à l internet - Il faut ajouter dans le fichier «AndroidManifest.xml» les autorisations nécessaires pour permettre l accès à l

Plus en détail

Environnement Client/Serveur. Cours 7 JavaServer Pages (1) kn@lri.fr

Environnement Client/Serveur. Cours 7 JavaServer Pages (1) kn@lri.fr Environnement Client/Serveur Cours 7 JavaServer Pages (1) kn@lri.fr Plan 1 Rappels sur les systèmes d'exploitations / Communication par mémoire partagée 2 Réseaux généralités, IP, UDP 3 TCP, Rappels sur

Plus en détail

AJAX. Magali Contensin. ANF Dev Web ASR Carry-le-Rouet. 25 octobre 2012

AJAX. Magali Contensin. ANF Dev Web ASR Carry-le-Rouet. 25 octobre 2012 AJAX Magali Contensin 25 octobre 2012 ANF Dev Web ASR Carry-le-Rouet Plan Présentation d AJAX Principe Etapes Prendre en compte la latence Support par les navigateurs Inconvénients Avantages Présentation

Plus en détail

Auteur & contributeurs

Auteur & contributeurs I N S ER E R D ES LI EN S D A N S L EDITEUR DE TEXT E Objet Auteur & contributeurs Ce document a pour but de servir de support d utilisation pour insérer des liens hypertextes dans vos articles. Bayard

Plus en détail

L OUTIL DE DÉCOUVERTE En savoir plus sur la recherche

L OUTIL DE DÉCOUVERTE En savoir plus sur la recherche Automne 2010 L OUTIL DE DÉCOUVERTE En savoir plus sur la recherche SOMMAIRE Naviguer dans l Outil de découverte de la Bibliotech @ distance Comment chercher dans l Outil de découverte Que puis-je faire

Plus en détail

Créez votre site de A à Z avec WordPress

Créez votre site de A à Z avec WordPress Créez votre site de A à Z avec WordPress Vous avez envie de créer votre propre site web, mais ne savez pas comment vous y prendre? Le HTML, le CSS et le PHP vous semblent-ils incompréhensibles? Pas d inquiétude,

Plus en détail

Mise à jour de la Gestion des Agences de placement umantis avril 2013 Nouvelles fonctions. Mise à jour de la version Stable le lundi, 15 avril 2013

Mise à jour de la Gestion des Agences de placement umantis avril 2013 Nouvelles fonctions. Mise à jour de la version Stable le lundi, 15 avril 2013 Mise à jour de la Gestion des Agences de placement umantis avril 2013 Nouvelles fonctions Mise à jour de la version Stable le lundi, 15 avril 2013 Folie 1 Explication des icones Dans chaque communication

Plus en détail

Le JavaScript. Le JavaScript est un langage «client», c'est-à-dire exécuté chez l'utilisateur lorsque la page Web est

Le JavaScript. Le JavaScript est un langage «client», c'est-à-dire exécuté chez l'utilisateur lorsque la page Web est Le JavaScript JavaScript est un langage interprété par le navigateur. Le JavaScript est un langage «client», c'est-à-dire exécuté chez l'utilisateur lorsque la page Web est chargée. Il a pour but de dynamiser

Plus en détail

1 Présentation de l environnement

1 Présentation de l environnement Dans son répertoire personnel (partage réseau U, cliquer sur Ordinateur pour le faire apparaître), créer un répertoire MPS. Dans ce répertoire créer un répertoire Rurple et dans ce répertoire créer deux

Plus en détail

Support de cours Dreamweaver CS5. MC Benveniste

Support de cours Dreamweaver CS5. MC Benveniste Support de cours Dreamweaver CS5 MC Benveniste 2011 Présentation du logiciel Il s agit d un logiciel d intégration de pages web, avec une interface wysyiswg (what you see is what you get = ce que vous

Plus en détail

Inventaire en powershell avec WMI

Inventaire en powershell avec WMI Inventaire en powershell avec WMI Puisque vous étudiez la supervision et les inventaires de parc, nous allons, en Powershell, voir comment inventorier toutes les machines d un domaine AD et déposer ces

Plus en détail

Tutoriel pour débutants

Tutoriel pour débutants Tutoriel pour débutants Utiliser CERNBox pour sauvegarder, regarder et partager vos fichiers depuis n'importe quel navigateur Web. Quiconque a un compte CERN NICE dispose d'un espace dans le cloud CERNBox.

Plus en détail

Date Version Auteur Notes 14/09/ Direction Informatique Création. Portail Zimbra. Aide utilisateur

Date Version Auteur Notes 14/09/ Direction Informatique Création. Portail Zimbra. Aide utilisateur Date Version Auteur Notes 14/09/2014 1.1 Direction Informatique Création Portail Zimbra Aide utilisateur Ce document explique le fonctionnement du portail Zimbra, comment l utiliser et le personnaliser.

Plus en détail

Guide d utilisation du PORTAIL DES OPPORTUNITES OCP

Guide d utilisation du PORTAIL DES OPPORTUNITES OCP Guide d utilisation du PORTAIL DES OPPORTUNITES OCP Nouveau Portail des opportunités OCP Cher fournisseur, Dans le cadre de la stratégie de ré-engineering et de dématérialisation de ses processus et de

Plus en détail

Comprendre les concepts fondamentaux de jquery Mettre en place des applications web 2.0 dynamiques avec HTML, CSS, jquery et Ajax

Comprendre les concepts fondamentaux de jquery Mettre en place des applications web 2.0 dynamiques avec HTML, CSS, jquery et Ajax Formation jquery Objectif(s): Comprendre les concepts fondamentaux de jquery Mettre en place des applications web 2.0 dynamiques avec HTML, CSS, jquery et Ajax Durée : 2 jour(s) Pré-requis : Avoir suivi

Plus en détail

2 Ne pas faire confiance aux données entrées par l internaute

2 Ne pas faire confiance aux données entrées par l internaute Université de Caen Basse-Normandie Département d informatique, U.F.R. Sciences Licence pro. ATC, Webmestre, 2015 2016 Unité UE14 Approfondissement programmation objet Cours. Sécurité des scripts Bruno

Plus en détail

Guide d utilisation pour utilisateur «userpsa»

Guide d utilisation pour utilisateur «userpsa» Guide d utilisation pour utilisateur «userpsa» Site Internet du comité d entreprise http://cepcacharleville.fr Page 1 sur 13 SOMMAIRE 1 VERSION DU DOCUMENT... 3 2 COMMENT BIEN UTILISER CE GUIDE... 4 3

Plus en détail

Tutoriel pour apprendre à créer son blog source : Aide de 1ère étape : quel hébergeur de blog?

Tutoriel pour apprendre à créer son blog source : Aide de  1ère étape : quel hébergeur de blog? 1ère étape : quel hébergeur de blog? La création de blog est tout à fait similaire d un d hébergeur à un autre. Si j ai choisi Canalblog, c est pour sa simplicité, mais il existe un grand nombre d autres

Plus en détail

Complément IRF pour Microsoft Office Excel. Guide utilisateur

Complément IRF pour Microsoft Office Excel. Guide utilisateur Complément IRF pour Microsoft Office Excel Guide utilisateur Table des matières Table des matières... 2 Installation... 5 Préambule... 6 Première utilisation... 7 Présentation de la barre d'outil IRF...

Plus en détail

CONNEXION SUR LE LOGICIEL... 3 II. ACCUEIL...

CONNEXION SUR LE LOGICIEL... 3 II. ACCUEIL... Page 1 sur 18 I. CONNEXION SUR LE LOGICIEL... 3 II. ACCUEIL... 4 A. GENERAL... 4 B. DETAIL DE LA PAGE D ACCUEIL... 4 1. Général... 4 2. Détail de la barre de navigation... 4 3. Résumé des informations

Plus en détail

PROJET DE DEVELOPPEMENT WEB

PROJET DE DEVELOPPEMENT WEB MINISTERE DE LA COMMUNAUTE FRANCAISE ADMINISTRATION GENERALE DE L ENSEIGNEMENT ET DE LA RECHERCHE SCIENTIFIQUE ENSEIGNEMENT DE PROMOTION SOCIALE DE REGIME 1 DOSSIER PEDAGOGIQUE UNITE DE FORMATION PROJET

Plus en détail

MANUEL D UTILISATION SIG GRAND NORD Fonctions avancées Outils carto

MANUEL D UTILISATION SIG GRAND NORD Fonctions avancées Outils carto Ce tutoriel vidéo présente la seconde partie des fonctionnalités avancées proposées par le SIG Grand Nord : les outils cartographiques. Ecran 1 : Bouton «sélectionner» La barre d outils contient un ensemble

Plus en détail

EMPRUNTS DE LIVRES NUMÉRIQUES

EMPRUNTS DE LIVRES NUMÉRIQUES EMPRUNTS DE LIVRES NUMÉRIQUES RÈGLEMENTS ET INFORMATIONS Nombre de prêt maximum : Cinq (5) Durée du prêt : Trois (3) semaines (possibilité de retour anticipé) Aucun renouvellement Possibilité de réservation

Plus en détail

1 Pages web dynamiques. 2 Un exemple. 2.1 Objectif

1 Pages web dynamiques. 2 Un exemple. 2.1 Objectif 1 Pages web dynamiques En schématisant on peut considérer que l accès à une pager web depuis une machine s effectue selon une architecture client/serveur. La machine client émet une requête de page web

Plus en détail