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

Save this PDF as:
 WORD  PNG  TXT  JPG

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

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

Transcription

1 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 autres, créer et traiter Du code Javascript Des images et des fichiers PDF Des documents XML Des applications indépendantes avec interface graphique IFT Au delà du HTML 2 PHP et Javascript Comment créer une collaboration entre la programmation côté serveur et celle côté client Javascript Javascript est un langage de programmation qui s exécute à l intérieur du navigateur. JS permet de créer des pages interactives qui sont plus indépendantes du serveur Web. Toute utilisation de JS doit s assurer de sa compatibilité avec divers navigateurs. IFT Au delà du HTML 4 Javascript et les formulaires L événement onsubmit JS permet de vérifier la validité des entrées d un formulaire côté client, avant de les soumettre au serveur. L usager n a alors pas à recharger la page seulement pour obtenir un message d erreur. Une deuxième validation côté serveur reste toujours obligatoire! IFT Au delà du HTML 5 On peut valider un formulaire en associant une fonction JS (qui retourne une valeur booléenne) à l événement onsubmit du formulaire. Le formulaire sera envoyé seulement si la fonction retourne true. IFT Au delà du HTML 6 1

2 JS et les expressions régulières Recette pour une vérification Une expression régulière est un objet en Javascript et elle peut être créée par var expreg = /abcdf$/; La méthode test() permet de vérifier si une chaîne de caractères satisfait à l expression régulière if (expreg.test("asdfasf")) IFT Au delà du HTML 7 function verifierformulaire() { var pattern =/abcdf/; if (pattern.test(document.monform.cp.value)) { return true; else { window.alert("message d erreur"); return false; IFT Au delà du HTML 8 JS et PHP Deuxième recette de vérification Il est pratique de générer le code de vérification JS automatiquement en PHP. Ainsi, lorsqu on modifie le formulaire et l expression régulière en PHP, automatiquement, le code JS est mis à jour. Il suffit pour cela d imprimer l expression régulière JS à partir de celle de PHP. IFT Au delà du HTML 9 $regexp ="^[A-Z] "; function verifierformulaire() { var pattern =/<?= $regexp?>/; if (pattern.test(document.monform.cp.value)) { return true; else { window.alert("message d erreur"); return false; IFT Au delà du HTML 10 De Javascript à PHP Déphasage de l exécution Et si on voulait utiliser la valeur d une variable JS dans un script PHP? La bonne nouvelle: C est possible. La mauvaise nouvelle: Les exécutions de JS et PHP sont déphasées et se déroulent à des endroits différents! IFT Au delà du HTML 11 Le code PHP génère le code HTML (et JS) côté serveur. Ensuite, ce code est envoyé au navigateur, côté client. L exécution du code JS se déroule donc après l exécution du code PHP et l instance PHP ne peut pas être jointe en JS. IFT Au delà du HTML 12 2

3 De Javascript à PHP : solution Javascript à PHP : exemple La seule façon de faire parvenir la valeur d une variable JS à PHP est de générer une nouvelle requête HTTP (il faut créer un nouveau processus PHP). Il faut donc intégrer la valeur de la variable de façon astucieuse à la page et Générer une soumission de formulaire ou Créer une redirection IFT Au delà du HTML 13 <script type="text/javascript"> function envoyer() { document.monform.nbsec.value=nb; document.monform.submit(); </script> [ ] <a href="javascript:envoyer()"> </a> [ ] <form name="monform" method="post" action="p.php"> <input type="hidden" name="nbsecondes" value="0"> </form> IFT Au delà du HTML 14 Création d images PHP et les images PHP peut générer dynamiquement (selon les options de compilation) des images en format png, jpg et gif. Il y a, de façon générale, deux options: Sauvegarder l image sur le disque et créer un lien qui pointe vers ce fichier. Retourner l image directement à partir du code PHP. IFT Au delà du HTML 16 Sauvegarde dans des fichiers Script PHP qui retourne une image Apache doit pouvoir créer de nouveaux fichiers dans le répertoire qui contiendra les images dynamiques. Les noms de fichiers doivent être uniques. Il faut, de temps en temps, faire le ménage, i.e. effacer les anciens fichiers, dans ce répertoire (crontab). IFT Au delà du HTML 17 Il faut indiquer au navigateur par l instruction header qu il ne recevra pas du texte en format HTML, mais bien une image. Il peut y avoir des problèmes de gestion de la mémoire cache dans certains cas; solution: inclure un paramètre aléatoire «inutile» en GET. IFT Au delà du HTML 18 3

4 Quelques fonctions d image Fonctions de base ou librairies? imagecreate() crée une nouvelle image imagecolorallocate() crée une couleur ImageFilledRectangle() dessine un rectangle rempli ImageString() imprime un texte dans l image IFT Au delà du HTML 19 Les fonctions disponibles directement en PHP sont des fonctions de base. Créer une image complète demande beaucoup de code PHP. Plusieurs librairies de plus haut niveau ont été développées afin de simplifier le travail; il faut vérifier leurs licences avant de les utiliser. IFT Au delà du HTML 20 JpGraph Apprendre JpGraph JpGraph est une librairie populaire pour la création de graphiques statistiques. L utilisation de JpGraph est seulement gratuite pour utilisation non commerciale. Le meilleur document pour apprendre JpGraph est la documentation fournie. Il suffit de télécharger JpGraph: vous obtiendrez, en plus des classes PHP, plusieurs centaines d exemples et de fichiers HTML de documentation. IFT Au delà du HTML 21 IFT Au delà du HTML 22 Exemple d utilisation de JpGraph Création de documents PDF $graph = new Graph(300,200,'auto'); $graph->setshadow(); $graph->setscale("textlin"); $graph->title->set("fruits favoris"); $graph->title->setfont(ff_font1,fs_bold); $graph->xaxis->setticklabels($labels); $bp = new BarPlot($data); $bp->value->show(); $bp->setshadow(); $graph->add($bp); //sauvegarder $filename = tempnam("dynamic", "jpgraph"); $graph->stroke($filename); IFT Au delà du HTML 23 4

5 Utilisation PHP et PDF Le langage HTML ne se prête pas très bien à la génération de documents imprimables. Pour tout document qui doit être imprimé (par exemple des factures), le langage PDF est un meilleur choix. Le langage PDF est ouvert et sa documentation disponible gratuitement. IFT Au delà du HTML 25 Il est possible de générer des documents PDF dynamiquement à partir de PHP. Les librairies les plus utilisées sont PDFlib ( FPDF ( R&OS pdf class ( IFT Au delà du HTML 26 Quel librairie choisir? Exemple d utilisation de FPDF PDFLib est très rapide mais son installation demande une recompilation de PHP. C est une librairie commerciale. Les deux autres librairies sont écrites en PHP et sont disponibles gratuitement. R&OS semble être très facile à utiliser dans une majorité de cas (en particulier pour générer des tableaux). IFT Au delà du HTML 27 $pdf = new FPDF('P', 'mm', 'Letter'); $pdf->addpage(); $pdf->setfont('arial','b',16); $pdf->cell(40,10,'bonjour!'); $pdf->setfont('arial','b',40); $pdf->cell(40,100, 'utilisation de fpdf'); $pdf->output(); IFT Au delà du HTML 28 PHP et XML XML XML : Extensible Markup Language XML est un langage de description de données. XML se sert, comme HTML, de balises, mais l usager peut les définir lui-même. Contrairement à HTML, toutes les balises doivent être fermées en XML. IFT Au delà du HTML 30 5

6 Documents valides Exemple de document XML Tout document XML doit être «bien formé» (well-formed). De plus, on peut définir des langages précis en se servant de DTD (Document Type Definition) XML Schema (plus précis et plus récent que les DTD) <?xml version="1.0"?> <acteurs> <acteur> <nom>cote</nom> <prenom>michel</prenom> <naissance> </naissance> </acteur> <acteur> <nom>cruise</nom> <prenom>tom</prenom> <naissance> </naissance> </acteur> </acteurs> IFT Au delà du HTML 31 IFT Au delà du HTML 32 Arbre du document XML XML et PHP nom Cote acteur prenom Michel acteurs naissance nom Cruise acteur prenom Tom naissance Le support XML pour PHP est encore assez récent et des changements sont à prévoir! En particulier, la documentation sur php.net laisse à désirer PHP5 supportera mieux XML IFT Au delà du HTML 33 IFT Au delà du HTML 34 SAX et DOM Lecture d un document avec SAX La lecture de documents XML peut être séparée en deux familles: SAX et DOM SAX est basé sur des événements, comme l ouverture ou la fermeture d une balise. DOM génère une représentation complète du document XML en mémoire. IFT Au delà du HTML 35 SAX consomme moins de mémoire que DOM il est donc préférable pour des documents volumineux. Il faut définir des fonctions à exécuter lorsque la lecture rencontre L ouverture d une balise La fermeture d une balise Le contenu d une balise IFT Au delà du HTML 36 6

7 Exemple SAX Lecture d un document avec DOM $parser = xml_parser_create(); xml_parser_set_option($parser, XML_OPTION_CASE_FOLDING, 0); xml_set_element_handler($parser, "starttaghandler", "endtaghandler"); xml_set_character_data_handler($parser, "cdatahandler"); xml_parse($parser, file_get_contents('acteurs.xml')); xml_parser_free($parser); IFT Au delà du HTML 37 L utilisation de DOM est généralement plus simple que SAX. Il suffit de charger le document en mémoire. On peut parcourir la représentation du document en accédant à la racine et en suivant, par la suite, les relations d enfant, de frère etc. IFT Au delà du HTML 38 Exemple DOM XSLT $xmldoc = domxml_open_file("acteurs.xml", DOMXML_LOAD_DONT_KEEP_BLANKS); $docroot = $xmldoc->document_element(); $acteurs = $docroot->child_nodes(); foreach ($acteurs as $currentacteur) { $nomnode = $currentacteur->first_child(); echo $nomnode->get_content(); $prenomnode = $nomnode->next_sibling(); echo $prenomnode->get_content(); XSLT : Extensible Style Language Transformations XSLT permet de transformer un document XML XSLT est plus qu une feuille de style: on peut trier, créer des formats de documents différents (HTML, PDF) etc. IFT Au delà du HTML 39 IFT Au delà du HTML 40 XSLT - déroulement Exemple de document XSL Document XML Document HTML Document XSLT IFT Au delà du HTML 41 <?xml version="1.0"?> <xsl:stylesheet version="1.0" xmlns:xsl=" <xsl:template match="/"> <h2>acteurs</h2> <table> <xsl:for-each select="acteurs/acteur"> <tr> <td><xsl:value-of select="nom"/></td> <td><xsl:value-of select="prenom"/></td> <td><xsl:value-of select="naissance"/></td> </tr> </xsl:for-each> </table> </xsl:template> </xsl:stylesheet> IFT Au delà du HTML 42 7

8 Exemple de transformation XSLT PHP en ligne de commande $xmldoc = domxml_open_file("acteurs.xml"); $xsldoc = domxml_xslt_stylesheet_file ( "acteurs.xsl"); PHP n est pas limité au Web $result = $xsldoc->process($xmldoc); echo $result->dump_mem(); IFT Au delà du HTML 43 Pourquoi? Documentation PHP est un langage de programmation relativement rapide à apprendre. PHP est disponible sur beaucoup de plateformes. Il est donc «naturel» de vouloir l utiliser en ligne de commande, afin de remplacer des scripts en Perl, bash, etc. commandline.php Interfaces graphiques: IFT Au delà du HTML 45 IFT Au delà du HTML 46 8

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

PHP. Olivier Aubert 1/24

PHP. Olivier Aubert 1/24 PHP Olivier Aubert 1/24 Introduction PHP = Hypertext PreProcessor Site officiel : http://www.php.net Créé en 1994 par Rasmus Lerdorf (Personal Home Page Tool) 1995 : ajout de la gestion des formulaires

Plus en détail

Le langage de Transformation XSL

Le langage de Transformation XSL Le langage de Transformation XSL Formatage d un document XML, Le langage XSLT: Définition, Principe de fonctionnement, Structure d une feuille de style, Format d une règle de transformation, Tri, Choix

Plus en détail

Introduction à AJAX. Isabelle Mougenot mougenot@lirmm.fr. May 13, 2009. LIRMM Université Montpellier 2

Introduction à AJAX. Isabelle Mougenot mougenot@lirmm.fr. May 13, 2009. LIRMM Université Montpellier 2 LIRMM Université Montpellier 2 May 13, 2009 Quelques clés de compréhension Asynchronous JavaScript And XML (adossé à JavaScript comme à XML) 2005, J.Garret, popularité accrue au travers de quelques applications

Plus en détail

Web et présentation d information spatiale

Web et présentation d information spatiale Université de La Rochelle LUP-SIG 2004-2005 Programmation SIG et Internet Cartographique Web et présentation d information spatiale Format XML Jean-Michel FOLLIN jmfollin@univ-lr.fr Limitations HTML Limitations

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

Eléments du langage. Eléments du langage PHP. Variables. Variables

Eléments du langage. Eléments du langage PHP. Variables. Variables Eléments du langage Eléments du langage PHP Séparation des instructions Comme en C, C++, Perl, les instructions doivent être séparées par un point virgule. Les commentaires // Ceci est un commentaire sur

Plus en détail

Cours4 : Les sessions

Cours4 : Les sessions Cours4 : Les sessions Les sessions Plan Gestion d un caddie Les sessions Rappel : Plusieurs possibilités existent pour transmettre des variables de pages en pages dans site web : les divers champs des

Plus en détail

Organisation d un document XSLT

Organisation d un document XSLT Les comportements serveur XSLT CHAPITRE 6 375 tion, et générera un document résultat pouvant être une page XHTML, ou tout type de format selon le média visé (XML, WML, texte, etc.). Voir figure 6-5-a.

Plus en détail

Travaux Dirigés n 4. Encore des transformations XSL

Travaux Dirigés n 4. Encore des transformations XSL Université de Reims Champagne-Ardenne U.F.R. de Sciences Exactes et Naturelles Licence MI 2009/2010 Travaux Dirigés n 4 Encore des transformations XSL Exercice 1 (Création d un template) 1 ) À partir du

Plus en détail

Programmation orientée objet et événementielle en JavaScript. Département SRC Pôle Universitaire de Vichy Bruno Bachelet

Programmation orientée objet et événementielle en JavaScript. Département SRC Pôle Universitaire de Vichy Bruno Bachelet Programmation orientée objet et événementielle en JavaScript Département SRC Pôle Universitaire de Vichy Bruno Bachelet PARTIE III Les événements Programmation objet et événementielle en JavaScript - SRC

Plus en détail

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

Table des matières. TP Ajax. Séquence 1 L'objet XMLHttpRequest...2 Séquence 2 L'API jquery...3 Séquence 3 XML...4 Séquence 4 L'auto complétion...

Table des matières. TP Ajax. Séquence 1 L'objet XMLHttpRequest...2 Séquence 2 L'API jquery...3 Séquence 3 XML...4 Séquence 4 L'auto complétion... Table des matières Séquence 1 L'objet XMLHttpRequest...2 Séquence 2 L'API jquery...3 Séquence 3 XML...4 Séquence 4 L'auto complétion...7 Bibliographie : http://fr.wikipedia.org/wiki/asynchronous_javascript_and_xml

Plus en détail

PHP et XML. Traitements de XML

PHP et XML. Traitements de XML PHP et XML XML et PHP 1 Traitements de XML Deux approches pour manipuler des documents XML: Approche DOM: Utilise un analyseur (Parser) qui transforme le document XML en structure d'arbre. Il faut parcourir

Plus en détail

Programmation Web Avancée AJAX

Programmation Web Avancée AJAX 1/28 Programmation Web Avancée AJAX Thierry Hamon Bureau H202 - Institut Galilée Tél. : 33 1.48.38.35.53 Bureau 150 LIM&BIO EA 3969 Université Paris 13 - UFR Léonard de Vinci 74, rue Marcel Cachin, F-93017

Plus en détail

Développement Partie Cliente

Développement Partie Cliente ISI 1022 : Jean-Noël Sorenti. Année 2002/2003 Développement Partie Cliente ISI 1022 : 1 ISI 1022 : Développement Partie Cliente Le développement partie cliente concerne tout développement étant interprété

Plus en détail

EXEMPLE PROJET. Objectifs de la séance : De l analyse à la conception Passage de l UML au Site Web

EXEMPLE PROJET. Objectifs de la séance : De l analyse à la conception Passage de l UML au Site Web EXEMPLE PROJET Objectifs de la séance : De l analyse à la conception Passage de l UML au Site Web Manuele Kirsch Pinheiro - UP1 / CRI / UFR06 Gestion 2 Projet Objectifs Mettre en application les concepts

Plus en détail

Programmation Internet. Cours 7. kn@lri.fr http://www.lri.fr/~kn

Programmation Internet. Cours 7. kn@lri.fr http://www.lri.fr/~kn Programmation Internet Cours 7 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 7 PHP : expressions

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

INTRODUCTION. méta-langage

INTRODUCTION. méta-langage INTRODUCTION renault twingo Bic 1999 etc.. XML : extensible

Plus en détail

Cours Web - Javascript

Cours Web - Javascript Cours Web - Javascript Thierry Vaira BTS IRIS Avignon tvaira@free.fr v0.1 Objectifs Se familiariser avec le langage Javascript et acquérir une pratique minimale. Être capable d intégrer des scripts clients

Plus en détail

Cours HTML/PHP. Cours HTML/PHP. E.Coquery. emmanuel.coquery@liris.cnrs.fr

Cours HTML/PHP. Cours HTML/PHP. E.Coquery. emmanuel.coquery@liris.cnrs.fr Cours HTML/PHP E.Coquery emmanuel.coquery@liris.cnrs.fr Pages Web Pages Web statiques Principe de fonctionnement : L utilisateur demande l accès à une page Web depuis son navigateur. Adresse tapée, clic

Plus en détail

ACube, Framework Ergonomique

ACube, Framework Ergonomique ACube, Framework Ergonomique Spécification Générale des évolutions de la version 2.8.0 Version 1.0 du 25/01/2008 Etat : Validé SUIVI DES MODIFICATIONS Version Rédaction Description Vérification Date 0.1

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

Programmation du Web : Présentation du Web dynamique

Programmation du Web : Présentation du Web dynamique Programmation du Web : Présentation du Web dynamique Jean-Baptiste Vioix (Jean-Baptiste.Vioix@u-bourgogne.fr) IUT de Dijon-Auxerre - LE2I http://jb.vioix.free.fr 1-8 Présentation Nécessité du web dynamique

Plus en détail

Plusieurs façons de communiquer AJAX? Communication, manière facile. AJAX en jquery

Plusieurs façons de communiquer AJAX? Communication, manière facile. AJAX en jquery Programmation web AJAX Jean-Christophe Dubacq IUT de Villetaneuse S3 2013 AJAX A Jean-Christophe Dubacq (IUTV) Programmation web S3 2013 1 / 33 Le modèle classique Jean-Christophe Dubacq (IUTV) Programmation

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

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

Java script. DU CMSI : Création et Maintenance des Sites Internet. Wadi TAHRI

Java script. DU CMSI : Création et Maintenance des Sites Internet. Wadi TAHRI Java script DU CMSI : Création et Maintenance des Sites Internet Plan Évolution vers le web dynamique Définition du langage JavaScript Avantages Difficultés Codage Exercices Évolution -1- Avant pages Internet

Plus en détail

Introduction à PHP. Formulaires HTML et PHP, interactions avec le client. monnerat@u-pec.fr. 6 avril 2015. IUT de Fontainebleau. Introduction à PHP

Introduction à PHP. Formulaires HTML et PHP, interactions avec le client. monnerat@u-pec.fr. 6 avril 2015. IUT de Fontainebleau. Introduction à PHP Formulaires HTML et PHP, interactions avec le client IUT de Fontainebleau 6 avril 2015 1 Formlaire et traitement 2 Texte Cases à cocher Listes Upload de fichiers Sommaire Formlaire et traitement 1 Formlaire

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

Pages Web statiques. LIF4 - Initiation aux Bases de données : PHP. Pages Web dynamiques. Illustration. Illustration

Pages Web statiques. LIF4 - Initiation aux Bases de données : PHP. Pages Web dynamiques. Illustration. Illustration statiques LIF4 - Initiation aux Bases de données : E.Coquery emmanuel.coquery@liris.cnrs.fr http ://liris.cnrs.fr/ ecoquery Principe de fonctionnement : L utilisateur demande l accès à une page Web depuis

Plus en détail

Échange et mise à jourde documents XML via le Web p.1/46

Échange et mise à jourde documents XML via le Web p.1/46 Échange et mise à jour de documents XML via le Web Échange et mise à jourde documents XML via le Web p.1/46 CGI : Common Gateway Interface Principe : on déclenche une action (un programme) sur la machine

Plus en détail

Programmation orientée objet et événementielle en JavaScript. Département SRC Pôle Universitaire de Vichy Bruno Bachelet

Programmation orientée objet et événementielle en JavaScript. Département SRC Pôle Universitaire de Vichy Bruno Bachelet Programmation orientée objet et événementielle en JavaScript Département SRC Pôle Universitaire de Vichy Bruno Bachelet PARTIE I JavaScript: script côté client Programmation objet et événementielle en

Plus en détail

Java et XML avec JDOM

Java et XML avec JDOM Université Lille 1 Licence Informatique 2009 2010 UE Projet Logiciel 1 Introduction à XML Java et XML avec JDOM XML (extented Markup Language) est un langage à balises employé pour le stockage et l échange

Plus en détail

TECHNIQUE DE CONSTRUCTION D UN MODULE

TECHNIQUE DE CONSTRUCTION D UN MODULE TECHNIQUE DE CONSTRUCTION D UN MODULE Pilotage Infographie Description générale Romuald LORTHIOIR Stéphane RIO Aurélie PASSILLY Date de création du document 20 nov. 2006 Version 1.1 Validation pour le

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

La transformation XSLT avec PHP. Réalisé par Nabil ADOUI, membre de l équipe support technique 4D

La transformation XSLT avec PHP. Réalisé par Nabil ADOUI, membre de l équipe support technique 4D La transformation XSLT avec PHP Réalisé par Nabil ADOUI, membre de l équipe support technique 4D Sommaire Résumé :... 3 Introduction... 3 Eléments importants :... 3 La bibliothèque PHP XSL... 4 L API de

Plus en détail

de survie du chef de projet

de survie du chef de projet KIT de survie du chef de projet 01 1 2 3 4 5 6 04 03 07 07 03 03 LE SERVEUR LE CLIENT TECHNOLOGIE WEB CLIENT LE SERVEUR WEB TECHNIQUES & CADRE DE TRAVAIL APPLICATIONS 101 LE SERVEUR Un serveur informatique

Plus en détail

Le langage XML. Sébastien Jean. IUT de Valence Département Informatique. v3.3, 10 novembre 2008

Le langage XML. Sébastien Jean. IUT de Valence Département Informatique. v3.3, 10 novembre 2008 Le langage XML Sébastien Jean IUT de Valence Département Informatique v3.3, 10 novembre 2008 Qu est ce que XML? Généralités XML = extensible Markup Language Spécification du W3C Version 1.0 (1998-2004)

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

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

Introduction à XML. 1. Notions de base. Introduction à XML

Introduction à XML. 1. Notions de base. Introduction à XML Introduction à XML INTRODUCTION À XML 1. NOTIONS DE BASE 2. EXEMPLE SIMPLE 3. SYNTAXE XML 3.1. LES CARACTÈRES SPÉCIAUX 4. DTD 5. DOCUMENT XML AVEC FEUILLE DE STYLE CSS 6. XLS ET XSLT 6.1. EXEMPLE DE DOCUMENT

Plus en détail

échec Action PAYER réussite Figure 1 : Action Struts 2

échec Action PAYER réussite Figure 1 : Action Struts 2 Struts 2, un lifting complet Struts est un des premiers frameworks Web open source du monde Java. Depuis 2000, il s est imposé dans la communauté des développeurs Web, notamment grâce à son adoption par

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

Insertion de citations et construction automatique d une liste de références dans Word

Insertion de citations et construction automatique d une liste de références dans Word Insertion de citations et construction automatique d une liste de références dans Word Fabrice Dessaint 1 Résumé. Le traitement de texte proposé par Microsoft dans sa suite Office offre, depuis la version

Plus en détail

Javascript 2 PARTIE : EVENEMENTS ET OBJETS

Javascript 2 PARTIE : EVENEMENTS ET OBJETS Javascript 2 PARTIE : EVENEMENTS ET OBJETS 1. Programmation événementielle 2. Principe 3. Les événements 4. Gestionnaire d événement 5. Classe et Objet 6. Objets d une page Web 7. Objets divers 8. Exemple

Plus en détail

CHAPITRE 1, LA STRUCTURE D UN DOCUMENT AU FORMAT HTML

CHAPITRE 1, LA STRUCTURE D UN DOCUMENT AU FORMAT HTML CHAPITRE 1, LA STRUCTURE D UN DOCUMENT AU FORMAT HTML 1. AVERTISSEMENT L objectif de ce support de cours n est pas de faire un catalogue exhaustif de toutes les fonctionnalités ou de toutes les balises

Plus en détail

Autres technologies XML. Plan. XML et la sécurité. Cryptage XML. Signatures XML. Vincent Quint

Autres technologies XML. Plan. XML et la sécurité. Cryptage XML. Signatures XML. Vincent Quint Autres technologies XML Vincent Quint INRIA Rhône Alpes École d été CEA INRIA EDF juin 2003 Plan 1. XML et la sécurité 2. Liens hypertexte : XLink 3. Inclusions XML 4. Formulaires XML : XForms 5. Événements

Plus en détail

Les formulaires, le langage JavaScript

Les formulaires, le langage JavaScript Les formulaires, le langage JavaScript Walid Belkhir Université de Provence belkhir@cmi.univ-mrs.fr http://www.lif.univ-mrs.fr/ belkhir/ 1 / 45 Plan 1 Les formulaires en HTML 2 Le noyau du JavaScript Les

Plus en détail

DIGITAL SPECIFICATIONS TECHNIQUES

DIGITAL SPECIFICATIONS TECHNIQUES DIGITAL SPECIFICATIONS 2016 TECHNIQUES 1 SPECIFICATIONS TECHNIQUES 2016 GENERALITES Adserver régies utilisés : Smart Ad Server / Open Ad Stream Délai de réception des éléments techniques classiques : 5

Plus en détail

Programmation MySQL/PHP. Programmation MySQL/PHP p.1/19

Programmation MySQL/PHP. Programmation MySQL/PHP p.1/19 Programmation MySQL/PHP Programmation MySQL/PHP p.1/19 CGI et bases de données Principe : création de documents à partir d une BD MySQL se charge du stockage, de la protection des données, de l interface

Plus en détail

Présentation. Les surnoms de JS. Historique. Programmation Web

Présentation. Les surnoms de JS. Historique. Programmation Web Présentation Programmation Web JavaScript Jean-Christophe Deneuville jean-christophe.deneuville@xlim.fr Historique JavaScript est un langage reprenant quelques éléments de syntaxe de Java On l intègre

Plus en détail

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

Ajax et PHP5. Bonjour tout le monde ( Hello World ) en Ajax et PHP 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 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

XML, DOM & XSL Synthèse de lecture

XML, DOM & XSL Synthèse de lecture Dorine MAZEYRAT XML, DOM & XSL Synthèse de lecture Novembre 2008 NFE107 - Urbanisation des SI 0 SOMMAIRE 1. LE LANGAGE XML...2 1.1. Définition...2 1.2. Historique...2 1.3. Objectif...2 1.4. Présentation

Plus en détail

MODALITÉS D ÉVALUATION : DOCUMENT DÉLIVRÉ :

MODALITÉS D ÉVALUATION : DOCUMENT DÉLIVRÉ : DURÉE : 28 jours soit 196 heures de formation VERSION 2017 RÉSUMÉ PROGRAMME : - HTML / CSS 8 jours [56 heures] - JAVASCRIPT 7 jours [49 heures] - PHP / SQL 10 jours [70 heures] - RÉFÉRENCEMENT 3 jours

Plus en détail

Javascript : les bases du langage

Javascript : les bases du langage Javascript : les bases du langage Technologies du Web 1 Jean-Christophe Routier Licence 1 SESI Université Lille 1 Université Lille 1 - Licence 1 SESI Technologies du Web 1 1 Javascript présentation partielle,

Plus en détail

Dossier ISN : Tracés de fonctions mathématiques :

Dossier ISN : Tracés de fonctions mathématiques : Dossier ISN : Tracés de fonctions mathématiques : Par Crosetti Pauline et Depoers Quentin. Lycée Colbert Tourcoing. Année scolaire 2012/2013. Sommaire : - Recherches et étude du projet - Html - Css - Javascript

Plus en détail

Langages à balises : une introduction

Langages à balises : une introduction Langages à balises : une introduction Yannick Prié UFR Informatique Université Lyon UE2.2 Master SIB M 2004-2005 Objectif généraux du cours Comprendre les grands principes de la représentation de données

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

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

Fonctionnement du Site Web Dynamique:

Fonctionnement du Site Web Dynamique: Fonctionnement du Site Web Dynamique: Site Web Dynamique: Un site Web dynamique est en faite un site Web dont les pages qu'il contient peuvent être générées dynamiquement, c'est à dire à la demande de

Plus en détail

Joomla! 3.3 Créez et administrez vos sites Web

Joomla! 3.3 Créez et administrez vos sites Web Chapitre 1 : Découvrir Joomla! A. Les raisons de créer un site sous Joomla! 9 B. Se documenter sur Joomla! 9 C. La feuille de route de Joomla! 10 D. Qu est-ce qu un CMS? 12 E. HTML et XHTML 12 F. Différencier

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

Javascript. Javascript : les bases du langage. Intégration de javascript dans la page html. Un style de programmation impératif

Javascript. Javascript : les bases du langage. Intégration de javascript dans la page html. Un style de programmation impératif : les bases du langage Technologies du Web 1 Jean-Christophe Routier Licence 1 SESI Université Lille 1 présentation partielle, et parfois partiale un langage fonctionnel à objet à base de prototypes un

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

LXir 1.0 : guide de l utilisateur

LXir 1.0 : guide de l utilisateur LXir 1.0 : guide de l utilisateur Jean-Paul Jorda & Xavier Trochu EDP Sciences 24 septembre 2007 Version de ce document: 0.1 Table des matières 1 Fonctionnalité d LXir 2 1.1 LXir est-il fait pour vous?..........................

Plus en détail

PHP - Initiation. Formulaires et transmission de données. VIII) Formulaires et transmission de données

PHP - Initiation. Formulaires et transmission de données. VIII) Formulaires et transmission de données VIII) Formulaires et transmission de données VIII.1) Formulaires Les formulaires sont un outil primordial lors du développement d'un applicatif Web. C'est grace à eux que l'utilisateur va pouvoir transmettre

Plus en détail

Interfaces applicatives avec OpenOffice.org. Philippe Hemmel

Interfaces applicatives avec OpenOffice.org. Philippe Hemmel Interfaces applicatives avec OpenOffice.org Philippe Hemmel Introduction De nombreuses applications métiers ont besoin de générer, voire lire des documents bureautiques (textes, classeurs) Bien souvent,

Plus en détail

INFO0406. Olivier Flauzac. Olivier Flauzac (URCA) INFO / 34

INFO0406. Olivier Flauzac. Olivier Flauzac (URCA) INFO / 34 INFO0406 Olivier Flauzac olivier.flauzac@univ-reims.fr Olivier Flauzac (URCA) INFO0406 olivier.flauzac@univ-reims.fr 1 / 34 Programme Objectif Etude de technologies et de moyens autour de la programmation

Plus en détail

Arbres Mathématiques Informatique et Navigateurs Internet

Arbres Mathématiques Informatique et Navigateurs Internet Arbres Mathématiques Informatique et Navigateurs Internet Jacques Duma Présentation de la structure d arbre sur des exemples qui montrent où elle intervient en mathématique et en informatique. Application

Plus en détail

WEBMESTRE : CONCEPTION DE SITES ET ADMINISTRATION DE SERVEUR WEB

WEBMESTRE : CONCEPTION DE SITES ET ADMINISTRATION DE SERVEUR WEB WEBMESTRE : CONCEPTION DE SITES ET ADMINISTRATION DE SERVEUR WEB ALGORITHMIQUE PROGRAMMATION ORIENTÉE INTERNET ASPECTS SERVEUR Module 25819 cours et TP A4 (1/2 valeur) Chapitre 8 Les objets en PHP Le plus

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

2 Introduction au PHP Le service

2 Introduction au PHP Le service Le service Deux modes de fonctionnement : CGI : L'interpréteur PHP est lancé à chaque script demandé. Utilisé pour mettre au point la configuration de PHP. Module : Un service PHP est lancé au cœur du

Plus en détail

Introduction Implantation Format des données Restriction. Programmation WEB. Ajax. Programmation licence. IUT de Fontainebleau.

Introduction Implantation Format des données Restriction. Programmation WEB. Ajax. Programmation licence. IUT de Fontainebleau. Ajax IUT de Fontainebleau 1 er mars 2015 Sommaire Introduction 1 Introduction 2 3 4 Sommaire Introduction 1 Introduction 2 3 4 Introduction AJAX se base sur l objet JavaScript XMLHttpRequest qui permet

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

Cours de programmation web

Cours de programmation web Cours de programmation web ENSAE 2006-2007 Cours 1 - Introduction 1. Introduction 2. Le principe d Internet 3. Les langages du web 4. Le web 2.0 Introduction : Historique 1967 : Arpanet : réseau militaire

Plus en détail

framework MVC pour applications Web Servlets JSP Philippe GENOUD UJF Février 2010 1

framework MVC pour applications Web Servlets JSP Philippe GENOUD UJF Février 2010 1 framework MVC pour applications Web Servlets JSP Philippe GENOUD UJF Février 2010 1 Rappel Architecture MVC Serveur Internet (Serveur HTTP + Serveur Servlet/JSP) Serveur SGBD Requête HTTP Controleur Controleur

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

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

LE LANGAGE JAVASCRIPT

LE LANGAGE JAVASCRIPT LE LANGAGE JAVASCRIPT TODO : - v.2.0.0 06/05/200 peignotc(at)arqendra(dot)net / peignotc(at)gmail(dot)com Toute reproduction partielle ou intégrale autorisée selon les termes de la licence Creative Commons

Plus en détail

Introduction à la Simulation

Introduction à la Simulation ou comment créer votre premier jeu vidéo Jacques Duma http://math.et.info.free.fr/ http://ateliermathematique.free.fr/ Aspect visuel souhaité Aspect visuel souhaité Code source de la page HTML Feuille

Plus en détail

APP-TSWD Apprentissage Par Problèmes Techniques des Sites Web Dynamiques Licence Professionnelle FNEPI

APP-TSWD Apprentissage Par Problèmes Techniques des Sites Web Dynamiques Licence Professionnelle FNEPI APP-TSWD Apprentissage Par Problèmes Techniques des Sites Web Dynamiques Licence Professionnelle FNEPI Cours en Réponse à questions, n 1 Valérie Bellynck, Benjamin Brichet-Billet, Mazen Mahrous Grenoble

Plus en détail

Compte rendu du TP3 (XML/XSL)!: le CV

Compte rendu du TP3 (XML/XSL)!: le CV Angebault Baptiste le 30/11/2009 Licence professionnelle flux numérique Compte rendu du TP3 (XML/XSL)!: le CV Xml et xsl? XML est un langage de structuration des données, et non de représentation des données.

Plus en détail

Programmation d applications pour le Web

Programmation d applications pour le Web Programmation d applications pour le Web Cours 2 ème année ING ISI-Tunis Elaboré par: Hela LIMAM Chapitre 3 Partie 2 XML+XSL Année universitaire 2011/2012 Semestre 2 1 Le XML ne fait rien. Il faudra passer

Plus en détail

PolyTeXML Du source XML au document formaté

PolyTeXML Du source XML au document formaté PolyTeXML Du source XML au document formaté Stephane Mottelet, Michel Vayssade To cite this version: Stephane Mottelet, Michel Vayssade. PolyTeXML Du source XML au document formaté. Frasson C., Pécuchet

Plus en détail

Web dynamique avec PHP et MySQL

Web dynamique avec PHP et MySQL Web dynamique avec PHP et MySQL Programmation Internet, IvMad, 2005-2013 1 Modèle Client Serveur Le modèle client serveur est tripartite, c.à.d. constitué en trois parties: 1. Client Web qui visualise

Plus en détail

XML, DTD. Dan VODISLAV. Université de Cergy-Pontoise. Licence Informatique L3. Plan

XML, DTD. Dan VODISLAV. Université de Cergy-Pontoise. Licence Informatique L3. Plan XML, DTD Dan VODISLAV Université de Cergy-Pontoise Licence Informatique L3 Plan XML: pourquoi et comment Principes et caractéristiques de base Comparaison avec HTML et les BD relationnelles Le format XML

Plus en détail

Réservez votre place! Au Théâtre Grenette

Réservez votre place! Au Théâtre Grenette Alexis Roméro N INE IDF076400 Conservatoire des Arts et métiers Centre FOD IDF Année universitaire 2010-2011 Certificat professionnel Webmestre UA 3323 Mémoire Réservez votre place! Au Théâtre Grenette

Plus en détail

UNIVERSITE DE M SILA BDDA 2014/2015. Base de données XML

UNIVERSITE DE M SILA BDDA 2014/2015. Base de données XML Base de données XML XML «extensible Markup Language» fut développé en 1996, et standardisé par le W3C en 1998. C est un sous-ensemble de SGML. Il s agit d un format de documents permettant de représenter

Plus en détail

Conception de sites Web TP n o 5

Conception de sites Web TP n o 5 Conception de sites Web TP n o 5 Objectif : Dans ce TP, vous mettrez en œuvre le langage PHP afin de gérer, entre autres, un compteur de visites, le formulaire que vous avez intégré à votre blog ainsi

Plus en détail

L1 Option Programmation Web côté Serveur - Contrôle continu n 1

L1 Option Programmation Web côté Serveur - Contrôle continu n 1 L Option Programmation Web côté Serveur - Contrôle continu n Veuillez noircir les cases correspondantes à votre numéro d étudiant ( case/colonne). Si votre N est, il faut noircir le dans la ère colonne,

Plus en détail

Introduction au langage PHP

Introduction au langage PHP Introduction au langage PHP Les bases de PHP Traitement de données Structuration par couches Nicolas Moyroud Cemagref - UMR TETIS 25 Juin 2008 Présentation générale de PHP Plan 1 Présentation générale

Plus en détail

inway SA 102, avenue des Champs-Elysées 75008 PARIS +33 1 42 56 41 57 FAX +33 1 42 89 23 77 http://www.inway.fr info@inway.fr

inway SA 102, avenue des Champs-Elysées 75008 PARIS +33 1 42 56 41 57 FAX +33 1 42 89 23 77 http://www.inway.fr info@inway.fr inway inway SA 102, avenue des Champs-Elysées 75008 PARIS +33 1 42 56 41 57 FAX +33 1 42 89 23 77 http://www.inway.fr info@inway.fr intelligence inside L expérience Une participation à OpenMaster dès 1992

Plus en détail

PHP-Introduction à la génération de graphiques, fichiers Excel et PDF

PHP-Introduction à la génération de graphiques, fichiers Excel et PDF Cours de Programmation Internet PHP-Introduction à la génération de graphiques, fichiers Excel et PDF Magali Contensin - CNRS PHP est principalement utilisé pour générer des pages Web au format HTML ou

Plus en détail

Internet statique et dynamique XML. Programmation de sites web statiques et dynamiques. extended Markup Language (XML) Jean CARTIER MASTER INI

Internet statique et dynamique XML. Programmation de sites web statiques et dynamiques. extended Markup Language (XML) Jean CARTIER MASTER INI Programmation de sites web statiques et dynamiques extended Markup Language () Jean CARTIER MASTER INI jcartier@laposte.net 1 extented Markup Language () Le HTML est un langage très bien adapté à la diffusion

Plus en détail

Cours CSS/JavaScript

Cours CSS/JavaScript Cours /JavaScript E.Coquery emmanuel.coquery@liris.cnrs.fr Cascading Style Sheets Principe : séparation du style et de la structure HTML Structure paragraphes, tableaux, liens,... Style polices de caractères,

Plus en détail

Bibliothèques graphiques

Bibliothèques graphiques Bibliothèques graphiques Cilia Mauro Octobre 2012 ANF DevWeb ASR Bibliothèques graphiques Plan Introduction Choix d une bibliothèque Dygraphs RGraph Highcharts Introduction Modèles colorimétriques 1 pixel

Plus en détail