La présentation est en train de télécharger. S'il vous plaît, attendez

La présentation est en train de télécharger. S'il vous plaît, attendez

Cours : Programmation Web Mlle Rahma DHAOUADI 2009-2010 3 ème année IAGInstitut Supérieur de Gestion.

Présentations similaires


Présentation au sujet: "Cours : Programmation Web Mlle Rahma DHAOUADI 2009-2010 3 ème année IAGInstitut Supérieur de Gestion."— Transcription de la présentation:

1 Cours : Programmation Web Mlle Rahma DHAOUADI ème année IAGInstitut Supérieur de Gestion

2 Les pré-requis Langage HTML Les notions de base de la programmation objet Architecture client serveur Base de données 2

3 1- Suivre lhistorique et lévolution de la programmation orientée web 2- Initiation aux langages web de base 3- Comprendre le fonctionnement interne des pages web 4- Se préparer au projet de fin de semestre Objectifs du cours 3

4 Références ENPC - Module SYSIN - Option XML /04 - B. Amann Initiatin à AJAX (Réseau CERTA ) Denis Cabasson – Programmation Web 4

5 PLAN du cours Les langages du web : PHPLes langages du web : XMLHistorique du webLes langages du web : JAVA SCRIPTLes langages du web : AJAX 5

6 Les langages du web Un peu dhistorique Web 1.0 pages statiques Web 1.5 pages dynamiques Web 2.0 (2004): participation, échange de contenu 6

7 Avantages - Caractéristiques Langage interprété Langage non déclaratif Langage non typé Syntaxe inspirée du Shell Nombreuses bibliothèques Communauté 1 er ordre Gestion pratique, efficace SD et objets

8 Principe du fonctionnement MySQL PHP Apache Internet 8

9 Les bases du langage PHP 9 Bloc de code commentaires // commentaires ligne /* commentaires bloc */ # commentaires de type Les blocs { }

10 Les variables Modèle unifié de variable : $ + un nom $var = 1; $var = 3.2E+4; $var = "du texte"; $var = array(); $var = new Object(); 10

11 Bibliothèque. Vérifier laffectation dune variable : isset (unset : désaffecter une variable) Exemple : echo (isset($var)) ? 'initialisée' ; 'rien' ; Tester le type dune variable : isXXXX() Exemple : isarray($var) ? Fonctions de manipulation du type : settype(string var, string type) pour typer une variable gettype pour récupérer le type 11

12 Bibliothèque Date - Time. Time : retourne le nombre de secondes écoulées depuis le 1er Janvier 1970 Checkdate : contrôler la validité d'une date Strftime : afficher une date getdate : retourne la date/heure 12

13 Les chaînes de caractères Concaténation de chaînes de caractères : $a = "Hello "; $b = $a. "KG!"; echo $b; $str = " KG " ; echo $str; Explode Scinde une chaîne en morceaux, grâce à un délimiteur Strtolower Met tous les caractères en minuscules opp. strtoupper Substr Retourne une partie de la chaîne Strpos Recherche la première occurrence d'un caractère dans une chaîne KG HelloKG Ucfirst Force le premier caractère d'une chaîne en majuscule Trim Enlève les espaces de début et de fin de chaîne 13

14 Les tableaux Se déclare mais ne s'alloue pas Il existe deux types de tableaux Augmenter de dimension Un tableau à dimension multiple est TOUJOURS un tableau de tableaux $var = array(); $var[3] = 4.2; Scalaires et Associatifs $TAB = array(); $TAB[1][0] = 4; $TAB = array(1,2,6,array(2,3),array(3,4,7)); 14

15 Construction des objets Façon opportuniste Façon opportuniste InstanciationInstanciation $obj->nom = chocolat'; $obj->prix = 2; $obj->quantité = 10; Les objets peuvent être également déclarés en "classes" $variable = new NomObjet ();. 15

16 Les opérateurs & structures de contrôle Les opérateurs : Opérateurs arithmétiques Opérateurs logiques Opérateurs de comparaison Les structures : If/else While Do/while For Foreach Switch Break/continue Include 16

17 Fonction utilisateur function maFonction($parm1, $parm2, $parm3=0) { … code de la fonction … } function maFonction(…) { $valretour = …; … code de la fonction … return $valretour; } Appel fonction $var=nomfonction(); 17

18 Passage de paramètres 18

19 Passage de paramètres Article.jsp?idArticle=cookies-aux-pepites-de- chocolat&idAgg=femmes_cuisine 19 Ajouter dans l'URL, après le nom du script, une chaîne de la forme ?param1=valeur1¶m2=valeur2&...

20 Interaction avec lutilisateur : formulaire 20

21 Récupérer les valeurs des champs dun formulaire Valeur1Valeur2Valeur3Valeur4 Tableau Associatif Paramètre1Paramètre2Paramètre3Paramètre4 $_GET[" Paramètre1"] vaut "valeur1$_POST[" Paramètre1"] vaut "valeur1 echo "Nom: ".$_GET["nom"] echo "Nom: ".$_POST["nom"] 21

22 Méthode GET – Méthode POST 22 Méthode GET : (+) Simple (-) le serveur web refuse les valeurs les URLs bien longues (-) Les valeurs passées sont clairement visibles (mot de passe) Donc utiliser POST

23 Fichiers feof() Lire un fichier ligne par ligneLire un fichier paquet par paquetEcrire dans un fichier Lister les fichiers d'un répertoire et de ses sous-répertoires fopen() 23

24 Interaction avec une base de données while ($line = mysql_fetch_assoc($result)) { foreach ($line as $col_value) {echo "$col_value\n";} } $link = mysql_connect("mysql_hote", "mysql_utilisateur", "mysql_mot_de_passe"); mysql_select_db("my_database"); $query = "SELECT * FROM my_table"; $result = mysql_query($query); mysql_free_result($result); mysql_close($link); Connexion BD Choix BD Exécution requête SQL Parcours résultat Fermeture résultat, connexion 24

25 Interaction avec lutilisateur Cookies - Sessions Permet le stockage dinformations sur le client $_COOKIE contient les valeurs des variables Problème de sécurité Stockage sur le long terme (détecter les navigateurs étant déjà venus) Variables stockées coté serveur ($_SESSION) TAF : recherche approfondie sur Cookies & Sessions, ainsi que leur implémentation. 25

26 Langage XML : Généralités EXtended Markup Language Structurer et la manipuler toutes sortes de données indépendamment des plates-formes et des logiciels Devenir le standard d'échange principal entre systèmes hétérogènes Un document XML est constitué de balises qui peuvent être enrichies avec des attributs Peut être stocké, transformé, interrogé facilement 26

27 Structure de document XML - Exemple Yaoum men ayami zamra Mohamed saleh jebri BOU75T

28 Gestion de linformation avec XML Le parseur permet d'extraire les données d'un document XML ainsi que de la vérification de sa validité du document. Outils danalyse (parsing, interrogation): SAX lire un fichier XML sous forme de flux. DOM charger un document XML sous forme d'un arbre. 28

29 JAVA SCRIPT 1995 : invention du JavaScript Langage de script exécuté dans le navigateur (client) et permettant un dynamisme des pages Il est encapsulé dans la page HTML (ou dans un fichier lié) pour être exécuté sur le client 29

30 Les éléments de base de JS Déclaration de variables variable=5 var variable_reserve=5 locale à la fonction variable=5 var variable_reserve=5 locale à la fonction function addition(a,b) { var c=a+b return c } function addition(a,b) { var c=a+b return c } Création des fonctions types de variables Undefined number boolean string object function Undefined number boolean string object function string date array math RegExp string date array math RegExp Types des objets Structures de contrôle et boucles 30

31 Gestion de linformation avec XML alert(Bonjour); reponse=confirm(Êtes-vous sûr ?); reponse2=prompt(Please enter your name,Harry Potter); test 31

32 Avantages inconvénients JS AvantagesInconvénients Rendre dynamique une page web Réagir aux actions des utilisateurs Valider les données inscrites dans un formulaire Récolter des informations sur les visiteurs du site Créer des cookies Effectuer des requêtes asynchrones (AJAX) Compatibilité entre les navigateurs Problème de sécurité Désactivation du JavaScript (~10% des navigateurs) 32

33 Le web 2.0 Le réseau comme plate-forme (navigateur) Les utilisateurs possèdent et contrôlent leur information Interface riche et ergonomique, basée sur Ajax Participation collective (Wiki) Réseaux sociaux 33

34 Pourquoi AJAX ?? Utiliser un tableau JS Recharger entièrement la page Solution AJAX Seules les informations nécessaires sont rechargées

35 AJAX Asynchronous JavaScript And XML Se baser sur lobjet XMLHttpRequest Lobjet permet de formuler des requêtes HTTP asynchrones Envoyer requête Récupérer résultat MAJ laffichage de la page 35

36 Langage client - Langage serveur langages interprétés côté clientlangages interprétés côté serveur Les applets Java Les animations flash Les ActiveX (uniquement sous IE) Css Js Ajax.NET : alternative de Microsoft à PHP et Java Java (J2EE, JSP) Python (Zope) Ruby (Ruby on Rails) Php 36

37 37


Télécharger ppt "Cours : Programmation Web Mlle Rahma DHAOUADI 2009-2010 3 ème année IAGInstitut Supérieur de Gestion."

Présentations similaires


Annonces Google