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

App hybrides. Merci de vous installer par binôme de niveau différent

App hybrides. Merci de vous installer par binôme de niveau différent App hybrides Merci de vous installer par binôme de niveau différent Programme (1/2) Introduction: panorama du dev mobile Le web et le HTML Évaluation 1 (QCM) La mise en page avec CSS Les bases de Javascript

Plus en détail

Les API de HTML5. Michel Gagnon École Polytechnique de Montréal

Les API de HTML5. Michel Gagnon École Polytechnique de Montréal Les API de HTML5 Michel Gagnon École Polytechnique de Montréal Cache d application L idée ici consiste à garder en cache les ressources nécessaires pour continuer à utiliser une application web même si

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

PHP, TEMPLATE ET HTTP

PHP, TEMPLATE ET HTTP PHP, TEMPLATE ET HTTP Développer des application Web Notion de template 1 Un template est modèle de document, c est-à-dire un document dont la forme est définie, mais dont une partie du contenu est variable.

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

Web dynamique. approche client/serveur

Web dynamique. approche client/serveur Web dynamique approche client/serveur Client/serveur Serveur requête (url) réponse (fichiers) Client url = adresse IP + /chemin/vers/fichier réponse = fichier (lu sur le DD du serveur) Le client gère la

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

Programmation Web AJAX

Programmation Web AJAX /25 Programmation Web AJAX Thierry Hamon Bureau H202 Institut Galilée - Université Paris 13 & LIMSI-CNRS hamon@limsi.fr http://perso.limsi.fr/hamon/teaching/progweb-20132014/ 2/25 Asynchronous Javascript

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

Le langage PHP. Le langage PHP p.1/??

Le langage PHP. Le langage PHP p.1/?? Le langage PHP Le langage PHP p.1/?? Le langage PHP p.2/?? Sommaire Les principaux aspects du langage PHP généralités littéraux, variables et constantes tableaux associatifs et indicés boucles et tests

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

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

Développement d Applications Web

Développement d Applications Web Développement d Applications Web (Cours 5) 2 ème année Licence Informatique Université Abou-Bekr Belkaïd - Tlemcen Année 2016/2017 Mahfoud Houari mahfoud.houari@gmail.com hmahfoud.wordpress.com Plan du

Plus en détail

Cours 4 AJAX avec jquery

Cours 4 AJAX avec jquery Licence CRRW IUT de Marne-la-Vallée 02/11/2016 Cours de jquery Cours 4 AJAX avec jquery Philippe Gambette Sources Cours de Jean-Loup Guillaume http://jlguillaume.free.fr/www/documents/teaching/ntw1213/li385_c5_jquery.pdf

Plus en détail

PHP 7 - Développez un site web dynamique et interactif Complément vidéo : Créez un mini blog

PHP 7 - Développez un site web dynamique et interactif Complément vidéo : Créez un mini blog Préambule 1. Objectif de l'ouvrage 11 2. Bref historique de PHP 12 3. Où se procurer PHP? 13 4. Conventions d'écriture 14 Introduction à PHP 1. Qu'est-ce que PHP? 15 2. Structure de base d'une page PHP

Plus en détail

Objectif. Taches proposées pour atteindre l objectif

Objectif. Taches proposées pour atteindre l objectif 5 ICN : Réalisation d un site internet dynamique Nom de l'élève : Classe : Table des matières 5 ICN : Réalisation d un site internet dynamique...1 5.1Le langage php...2 5.2Déplacement de votre site dans

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

T U T O R I E L J A V A S C R I P T ( E S 6 )

T U T O R I E L J A V A S C R I P T ( E S 6 ) T U T O R I E L J A V A S C R I P T ( E S 6 ) Javascript est un langage de script (interprété au fur et à mesure). Il est supporté par les navigateurs web récents. Il peut donc être utilisé lors de la

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

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

Pour la création de la requête SQL pour insérer des données, nous devons concaténer des variables avec des chaines de caractères contenant du texte.

Pour la création de la requête SQL pour insérer des données, nous devons concaténer des variables avec des chaines de caractères contenant du texte. TP 4 Master CTN A. sprintf Pour la création de la requête SQL pour insérer des données, nous devons concaténer des variables avec des chaines de caractères contenant du texte. Voici la requête SQL que

Plus en détail

Programmation Web Serveur

Programmation Web Serveur Programmation Web Serveur Bilan intermédiaire 2 - Formulaires D'après les cours de Philippe Renevier Fabien Givors Université de Nice Sophia Antipolis Département Informatique fabien.givors@unice.fr FONCTIONS

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

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

BadPHP. Fiche explicative des Classes et des Fonctions de BadPHP. Equipe : Savelli Adrien Hugo Morales

BadPHP. Fiche explicative des Classes et des Fonctions de BadPHP. Equipe : Savelli Adrien Hugo Morales BadPHP Fiche explicative des Classes et des Fonctions de BadPHP Equipe : Savelli Adrien Hugo Morales SOMMAIRE 1 Classe $sql... 1 1.1 connect(string (1), string (2), string (3), string (4));... 1 1.2 request(variable,

Plus en détail

M Algorithmique et PHP

M Algorithmique et PHP M2202 - Algorithmique et PHP David Annebicque 2016 1 TD : Accès aux base de données 1.1 Introduction Une base de données permet de stocker des données de manière durable, contrairement à une session ou

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

Algorithmique et développement web S2 1. Introduction

Algorithmique et développement web S2 1. Introduction Algorithmique et développement web S2 1. Introduction Christophe BLANC IUT MMI IUT d Allier Université Clermont Auvergne www.christophe-blanc.fr 2016-2017 1 / 31 Notion d algorithme (rappel) Un algorithme

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

TP Websockets avec JavaScript et Node.js

TP Websockets avec JavaScript et Node.js Intervenant : Chouki TIBERMACINE TP Websockets avec JavaScript et Node.js Objectifs du TP. - Écrire un serveur Node.js simple capable de communiquer avec le protocole Websockets - Écrire un client JavaScript

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

T U T O R I E L J A V A S C R I P T

T U T O R I E L J A V A S C R I P T T U T O R I E L J A V A S C R I P T Javascript est un langage de script (interprété au fur et mesure, ce n est pas un programme part entière). Il est supporté par les navigateurs web récents. Il peut donc

Plus en détail

UNIX ET PROGRAMMATION WEB

UNIX ET PROGRAMMATION WEB UNIX ET PROGRAMMATION WEB Cours 6 kn@lri.fr http://www.lri.fr/~kn Plan 1 Systèmes d'exploitation (1/2) 2 Systèmes d'exploitation (2/2) 3 Réseaux, TCP/IP 4 Web et HTML 5 CSS 6 PHP : Introduction 6.1 Introduction

Plus en détail

Module Javascript - Présentation du langage - Exercices d application

Module Javascript - Présentation du langage - Exercices d application Module Javascript - Présentation du langage - Exercices d application February 15, 2011 Module Javascript - Présentation du langage - Exercices d application ii Contents 1 Exercice 1 1.1 Les premiers programmes

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

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

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

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

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

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

Documentation technique Back-office

Documentation technique Back-office MEEVY Documentation technique Back-office Juillet 2010 MEEVY a pour but de fournir aux artistes des outils pour promouvoir leur musique sur internet et proposer à l auditeur une plateforme de musique en

Plus en détail

Cours 4 Programmation web, orientée serveur

Cours 4 Programmation web, orientée serveur DUT MMI IUT de Marne-la-Vallée 01/03/2016 M2202 - Algorithmique Cours 4 Programmation web, orientée serveur Philippe Gambette Sources phpdebutant.net www.php.net (documentation du langage PHP) Préambule

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

A l attention de M. Martial BRET, professeur de Flash.

A l attention de M. Martial BRET, professeur de Flash. A l attention de M. Martial BRET, professeur de Flash. SOMMAIRE Introduction... 1 I- Architecture détaillée du client... 2 a) Architecture de fichiers... 2 b) Document maître... 2 Séquence 1... 2 Séquence

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

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

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

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

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

TP JAVASCRIPT Série N 4

TP JAVASCRIPT Série N 4 TP JAVASCRIPT Série N 4 GESTION D UN FORMULAIRE DE CONTACT Objectif : Nous souhaitons réaliser un formulaire de contact comprenant les champs suivants : NOM PRENOM ADRESSE MAIL MESSAGE Ci-dessous un exemple

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

Javascript CESI TD-0 TD JAVASCRIPT 0. TD de dèpart de programmation en javascript

Javascript CESI TD-0 TD JAVASCRIPT 0. TD de dèpart de programmation en javascript TD JAVASCRIPT 0 TD de dèpart de programmation en javascript De quoi aurez-vous besoin? Les ressources nècessaires sont toutes disponibles gratuitement sur Internet. Il y a : Un navigateur supportant JavaScript

Plus en détail

Installer PHP Gérer les s... 29

Installer PHP Gérer les  s... 29 Installer PHP... 13 1.1 Installer PHP avec EasyPHP....................... 15 1.2 Installer PHP avec Wamp5....................... 20 1.3 Installer PHP sous Linux......................... 24 1.4 Configurer

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. Démarrez la gestion d une liste d abonnés avec emill

1. Démarrez la gestion d une liste d abonnés avec emill La diffusion de newsletter est devenue quasi indispensable pour une entreprise petite, moyenne ou grande souhaitant s assurer une visibilité maximale sur Internet. emill inclut dans toutes ses éditions

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

Formulaire HTML et PHP

Formulaire HTML et PHP Formulaire HTML et PHP Partie 1 Les langages du Web Vincent Bouvier vincent.bouvier@kware.fr HTML - Les formulaires Un formulaire permet à l'utilisateur d'envoyer des données au serveur Un formulaire commence

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

CM1 : PHP Mickaël Martin Nevot

CM1 : PHP Mickaël Martin Nevot CM1 : PHP Mickaël Martin Nevot 03/04/2016 00:03 Cette œuvre de Mickaël Martin Nevot est mise à disposition selon les termes de la licence Creative Commons Attribution - Pas d'utilisation Commerciale -

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

SQL ET ACCESS XHOOHVVRQWOHVSULQFLSDOHVFRPPDQGHV''/ GDQV64/"

SQL ET ACCESS XHOOHVVRQWOHVSULQFLSDOHVFRPPDQGHV''/ GDQV64/ 3 SQL ET ACCESS 2000 L une des forces du SQL est de pouvoir créer des tables, des champs, des contraintes, mais aussi effectuer des mises à jour, des suppressions ou des insertions d enregistrements. Le

Plus en détail

Les clients qui n ont pas leur serveur doivent importer les listes maison dans leurs site FTP avant d exécuter cette procédure.

Les clients qui n ont pas leur serveur doivent importer les listes maison dans leurs site FTP avant d exécuter cette procédure. Importation d une liste de prix Maison dans JMS But: Cette procédure permet d importer une liste de prix maison dans JMS. L importation d une liste de prix Maison est un pré-requis pour un changement de

Plus en détail

Cours 11 - Interaction : AJAX

Cours 11 - Interaction : AJAX 1/35 UPMC Paris Universitas Programmation des interactions et interfaces homme machine Cours 11 - Interaction : AJAX Carlos Agon - Choun Tong LIEU 8 avril 2016 2/35 Introduction à Javascript Un langage

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

Mode d emploi de

Mode d emploi de Mode d emploi de www.19-58.be Le site www.19-58.be fonctionne en Joomla! Ca ne te dit sans doute pas grand-chose mais sache qu il s agit d un logiciel gratuit qui te permet de créer un site web directement

Plus en détail

Maîtriser les liaisons avec Excel

Maîtriser les liaisons avec Excel Maîtriser les liaisons avec Excel FT07-07 Table de matières 1. Dans LOOP 2 2. Dans Excel 8 Récupération des données 8 Personnalisation 10 Modifier le nom de la connexion Web dans Excel :... 10 Modifier

Plus en détail

L environnement graphique de Prolog IV

L environnement graphique de Prolog IV 9 L environnement graphique de Prolog IV 9.1 Lancement de Prolog IV CE CHAPITRE décrit brièvement l environnement graphique de Prolog IV. Outre la description des différents menus, fenêtres et dialogues,

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

PORTAIL DE LA FORMATION PROFESSIONNELLE AU MAROC

PORTAIL DE LA FORMATION PROFESSIONNELLE AU MAROC PORTAIL DE LA FORMATION PROFESSIONNELLE AU MAROC Télécharger tous les modules de toutes les filières de l'ofppt sur le site dédié à la formation professionnelle au Maroc : www.marocetude.com Pour cela

Plus en détail

TP PHP n 1 : les bases

TP PHP n 1 : les bases TP PHP n 1 : les bases 2013-2016 Sommaire Les bases 2 Exercice n 1.1 : généreration de code HTML............................ 2 Exercice n 1.2 : des informations sur le serveur...........................

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

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

Developpement Web Lic Pro Web et Mobile REST avec PHP Silex

Developpement Web Lic Pro Web et Mobile REST avec PHP Silex Developpement Web Lic Pro Web et Mobile 2017 2018 REST td n 5 REST avec PHP Silex Silex, REST, API Exercice 1. Contexte Dans ce TD, on va mettre en place une architecture REST simple entre sur un serveur

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

TP 3. Fonctions. def nom(liste des paramètres) : blocs d instructions ;

TP 3. Fonctions. def nom(liste des paramètres) : blocs d instructions ; TP 3. Fonctions Lorsqu on commence à écrire des programmes plus denses il est préférable d éviter d accumuler de grandes quantités de lignes de texte dans un seul et même fichier. Une approche efficace

Plus en détail

SESSION, AUTHENTIFICATION ET CONTRÔLE D ACCÈS

SESSION, AUTHENTIFICATION ET CONTRÔLE D ACCÈS SESSION, AUTHENTIFICATION ET CONTRÔLE D ACCÈS Développer des applications Web 1 Gestion de sessions Session 2 En informatique, le terme «session» désigne un temps durant lequel un programme est en interaction

Plus en détail

MODE D EMPLOI DES TESTS ET CERTIFICATIONS

MODE D EMPLOI DES TESTS ET CERTIFICATIONS MODE D EMPLOI DES TESTS ET CERTIFICATIONS TOSA SUR e-greta Une convention passée avec la société Isograd permet aux académies signataires d utiliser les tests et certifications TOSA, en illimité, pour

Plus en détail

Supervision - Paramétrage des contrôles SNMP. Document FAQ

Supervision - Paramétrage des contrôles SNMP. Document FAQ Document FAQ Table des matières Introduction... 3 I. Objectif du document... 3 II. Définitions... 3 Paramétrage du contrôle... 4 I. Prérequis... 4 II. Principe... 4 III. Détails du contrôle... 4 A. Principaux

Plus en détail

Programmation Android TP7 - WebServices

Programmation Android TP7 - WebServices 1. WebService Dans le TP6, les avis étaient stockés dans une base SQL. Cette semaine les n-uplets sont stockés sur une base de données externe gérée par un serveur HTTP sur lequel tournent des scripts

Plus en détail

SOFTIP 64 MANUEL UTILISATEUR V1.0

SOFTIP 64 MANUEL UTILISATEUR V1.0 SOFTIP 64 MANUEL UTILISATEUR V1.0 Page 1 SOMMAIRE CHAPITRE 1 DECOUVERTE DE L ENVIRONNEMENT SOFTIP.... 3 CHAPITRE 2 INSERTION ET CONFIGURATION D UNE CAMERA... 4 Intégration de la caméra...4 Configuration

Plus en détail

PHP MySQL N 0 IUT SRC TOULON

PHP MySQL N 0 IUT SRC TOULON PHP MySQL N 0 IUT SRC TOULON 2016-2017 I Intro Relation Client / Serveur Client = Visiteur d un site web, personne qui demande à voir une page web. Serveur = Machine qui s occupe de distribuer le site

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

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

Chapitre 2 : Introduction au langage JavaScript

Chapitre 2 : Introduction au langage JavaScript Chapitre 2 : Introduction au langage JavaScript I. Principe de JavaScript Le langage JavaScript est un langage de script développé par les sociétés Netscapeet Sun Microsystems vers la fin de l'année 1995.Il

Plus en détail

Tutoriel Ajax en exemples. nom Ajax ne se soit répandu, dès la parution d'un article de J. J. Garrett. Sommaire

Tutoriel Ajax en exemples. nom Ajax ne se soit répandu, dès la parution d'un article de J. J. Garrett. Sommaire Page 1 sur 9 Rechercher Ajax XUL JavaScript CSS HTML 5 FAQ-Forum Ajax Tutoriel Ajax XMLHttpRequest Frameworks Démos et scripts Tutoriel Ajax Web 2.0 Techniques Application web Tutoriel RSS XUL & XML Tutoriel

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

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

Migrer SharePoint sous SQL Server Part 2

Migrer SharePoint sous SQL Server Part 2 Migrer SharePoint sous SQL Server 2005 - Part 2 Migrer une installation SharePoint sous SQL 2005 Suite à l'examen des alertes remontées par conseiller de mise à niveau, nous allons maintenant voir comment

Plus en détail

Algorithmique et développement web S2 6. Gestion des formulaires

Algorithmique et développement web S2 6. Gestion des formulaires Algorithmique et développement web S2 6. Gestion des formulaires Christophe BLANC IUT MMI IUT d Allier Université Clermont Auvergne www.christophe-blanc.fr 2016-2017 1 / 15 Rappel Un formulaire est un

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

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

JAVASCRIPT. allez sur le site WBC

JAVASCRIPT. </SCRIPT> </HEAD> <BODY ONLOAD=action ( ) ;> <a href=http://...> allez sur le site WBC </a> Voir le chapitre 1 : introduction au langage HTML SOMMAIRE : I. Introduction au langage Java II. Déclaration et affectation des variables III. Les opérateurs IV. Les structures de contrôle I- Introduction

Plus en détail