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

Les langages HTML et CSS sont des langages de simple affichage statique Grâce au PHP, laffichage change en fonction des circonstances que vous avez programmées.

Présentations similaires


Présentation au sujet: "Les langages HTML et CSS sont des langages de simple affichage statique Grâce au PHP, laffichage change en fonction des circonstances que vous avez programmées."— Transcription de la présentation:

1 Les langages HTML et CSS sont des langages de simple affichage statique Grâce au PHP, laffichage change en fonction des circonstances que vous avez programmées. Cest un affichage dynamique. Le langage PHP Personal Home Pages qui est devenu l'abréviation récursive de « PHP: Hypertext Preprocessor » ( préprocesseur hypertexte PHP).

2 Fonctionnement dun site statique

3 Il est possible dinsérer un programme en « javascript », interprété par le navigateur, dans le fichier html.

4 Comment utiliser le PHP ? 1.Site web sur un serveur hébergé

5 Remarque : Pour créer un site web, vous pouvez ouvrir un compte (gratuit) chez un hébergeur qui gère PHP. 1) Lutilisateur envoi une requête pour un fichier.php vers le serveur Web. 2) Celui-ci transfère le fichier demandé à l'interpréteur, chargé de décoder les lignes PHP qui s'y trouvent. 3) L'interpréteur transfère ensuite à son tour le fichier obtenu (un fichier HTML) vers le serveur, qui se charge de le renvoyer au poste client. 4) Le navigateur du poste client affiche la page html

6

7 2.Site web sur son ordinateur avec WAMP (Windows Apache MySQL Php) Notepad++ reste notre éditeur de texte avec sa coloration synthaxique Wamp server 2 : un environnement qui vous permettra de programmer PHP en local, pour vérifier son bon fonctionnement avant implantation sur serveur. Il existe dautres serveurs locaux comme EasyPHP ou XAMP sous LINUX.

8 Exemple : Linstruction echo Elle permet dafficher du texte ou des données. Elle peut contenir des balises html :, …. les apostrophes qui sont seulement du texte sont neutralisées en plaçant \ devant chacune d'elle pour qu'elles ne soient pas considérées comme la fin de la chaîne de caractères. Taper ce programme et enregistrez- le dans page1.php et lancer-le. Syntaxe : echo texte à écrire;

9 Pour pouvoir lire un fichier PHP, il faut un interpréteur PHP installé en local « WAMP » Ouvrez votre serveur wamp. Une fois démarré, cliquez sur son icône dans la barre d'état à droite, une sorte de W vert, Cliquez maintenant sur cette icône, puis sur localhost. Dans la fenêtre qui s'ouvre, rubrique vos projets, ouvrez le dossier PHP... Cliquez sur votre fichier page1.php Cliquez affichage/source sur votre navigateur : Vous pouvez constater qu'il n'y a plus trace de PHP

10 Exercice 1 : Ecrire un programme php qui affichera le texte suivant dans un explorateur. Bonjour Voici mon premier programme php. Même si le langage php nest pas indispensable ici, cela me permet de débuter.

11 Les commentaires Deux sortes de syntaxe pour des commentaires en PHP Petit commentaire sur une seule ligne // en début de ligne Commentaire sur plusieurs lignes /* au début et */ en dernier...

12 Affichage de la date et de lheure Compléter le programme ci-dessous qui affiche le texte « voici la date et lheure : » la fonction date("r") qui renvoie la date et lheure. Le point-virgule à la fin de la ligne de code est toujours présent mais les apostrophes ont disparus. Visualiser le code source dans le navigateur afin dobserver ce quenvoie le serveur au client.

13 Prolongeons l'exemple en écrivant d'un seul coup une chaîne et une fonction, séparées par "." (le point permet la concaténation des instructions), comme ceci : My first PHP document Pour débuter en php : Pour un niveau avancé :

14 Les fonctions d'heure et de date la fonction date, les autres paramètres les plus utiles :date date("y") Retourne l'année courante d'une date ; pour aujourd'hui, elle retourne : 12 date("m") Retourne le mois courant d'une date ; pour aujourd'hui, elle retourne : 10 date("F") Retourne le nom du mois courant d'une date ; pour aujourd'hui, elle retourne : October date("d") Retourne le jour courant du mois d'une date ; pour aujourd'hui, elle retourne : 5 date("l") Retourne le nom du jour de la semaine d'une date ; pour aujourd'hui, elle retourne : Friday date("w") Retourne le jour de la semaine courant d'une date ; pour aujourd'hui, elle retourne : 4 date("H") Retourne l'heure courante d'un temps ; au temps courant, elle retourne : 08 date("i") Retourne les minutes courantes d'un temps ; au temps courant, elle retourne : 52 date("s") Retourne les secondes courantes d'un temps ; au temps courant, elle retourne : 42

15 Exemple dutilisation : Nous allons changer limage de fond chaque jour de la semaine. time and date .jpg"> Il suffit de placer 7 images nommées : image1, …, image7 Dans le même répertoire que le document PHP.

16 Les constantes : Exemple : Que valent les constantes « true » ou « false » ? Ecrire un petit programme permettant dafficher la valeur de ces constantes. Définition dune constante : Syntaxe :define("NomC onstante ", " valeur " ); Les constantes sont des valeurs prédéfinies qui ne peuvent pas être modifiées. Elles ne possèdent pas de $ contrairement aux variables. Exemple : Ecrire un petit programme qui déclare deux constantes ( un nombre et une chaine de caractères ) et qui les affiche.

17 Les variables : $ devant une chaîne de caractères signifie que nous parlons d'une variable, on la nomme comme on veut ensuite, mais jamais d'accent ni d'espace dans un nom de variable. Les types des variables string (chaîne de caractères) integer (nombre entier) bool (booléen qui signifie logique binaire genre vrai ou faux) float (nombre réel) ou double Les variables sont élémentaires dans tous les langages de programmation, elles permettent de stocker des données et deffectuer des opérations.

18 Toutes les instructions se terminent par un point virgule. Seule la variable string exige les guillemets (simples ou doubles) La booléenne prend la valeur true ou false, mais sans guillemets. Le nombre réel prend un point à l'anglo-saxonne et non une virgule...

19 La fonction gettype() renvoie le type de la variable. Syntaxe de la fonction : gettype(variable); A laide la fonction echo, afficher les différents types de variables pour les variables qui suivent ainsi que leurs valeurs : $x = 120; $y = ; $z = "texte"; $v=(3==3); $u=(3==4); $w=2.54E-6; Remarques : En php, le type de la variable est affecté automatiquement ! La concaténation sapplique aussi aux variables (.$x. )

20 Les opérateurs arithmétiques Les opérateurs sont : Laddition : + La soustractions : - La multiplication : * La division : / Le modulo : % qui renvoie le reste dune division. Le signe = permet daffecter la valeur une fois le calcul terminé. Exemple : Effectuer un programme qui effectue les opérations suivantes et les affichent. $valeur=5; $nombre=(4+6)-2; $nombre=(4*6)/2; $nombre=22%5;

21 Pour effectuer les tests, il est nécessaire dutiliser des comparateurs. Exemple : …. if ($gars==true) { echo 'un garçon ; } else { echo 'une fille ; } ?> Les opérateurs de comparaison : == Égal à Supérieur à = Supérieur ou égal à != Non égal à Les comparateurs

22 Dons les tests, il est possible de combiner des comparateurs. Exemple : 18)) { echo 'un garçon majeur ; } else { echo un garçon mineur ou une fille ; } ?> Il existe également des opérateurs logiques : && : ET || : OU ! : NON

23 Exercice 2 : Ecrire un programme php dans lequel, on initialise un entier puis nous affiche : La parité de ce nombre. Si ce nombre est inférieur à 100. Son complément à 100 si le nombre est inférieur à 100.

24 Les formulaires Rappel sur la balise « form » en html : Pour remplir une variable, nous pouvons le faire avec des opérations ou nous pouvons les faire remplir par lutilisateur. Les attributs dans la balise form précisent le nom du formulaire, puis précisent que les variables contenues dans ce formulaire seront envoyées par la méthode POST (au moment où l'utilisateur cliquera sur le bouton "submit") à la page saisie.php

25 La balise « input » en html : L'attribut « type » prend la valeur "text" ou "password". Le nom « name » est très important car il nous permettra de récupérer la donnée. D'autres attributs sont disponibles, comme « value » qui permet d'attribuer une valeur par défaut au champ, « size » qui permet de préciser la taille du champ en nombre de caractères, maxlength qui sert à limiter le nombre de caractères possibles, readonly qui prend pour seule valeur "readonly" et verrouille le champ

26 Validation de la requête avec un bouton en html : Lattribut « value » contient le texte affiché sur le bouton. Soumettre les réponses Il existe également une balise double en html qui permet de concevoir des boutons dacquisition.

27 Ici, ce formulaire présente une zone de saisie pour entrer son nom, va à la ligne, une zone de saisie pour entrer sa ville, va à la ligne, et enfin un bouton pour valider sur lequel sera écrit 'OK'... Entrez votre nom : Entrez votre ville : Les attributs dans la balise form précisent le nom du formulaire, puis précisent que les variables contenues dans ce formulaire seront envoyées par la méthode POST (au moment où l'utilisateur cliquera sur le bouton "submit") à la page saisie.php

28 Ma page d'accueil Bienvenue sur le site de toto Commencez-donc par vous inscrire : Entrez votre nom : Entrez votre ville : Taper ce programme et vérifier son fonctionnement.

29 Les variables sont automatiquement crées dans le fichier « saisie.php » selon la formule immuable $_POST['name'] pour chaque input. Les variables $_POST[nom'], $_POST[ville'] et $_POST['valider'] sont crées automatiquement et peuvent être utilisées par la suite dans le programme. La variable $_POST['valider'] contient la valeur placée dans « value » ou rien ce qui nous permet de tester si les valeurs ont été envoyées ou pas avec la fonction isset() $_POST[ ] est en fait un tableau associatif.

30 Pour afficher les variables du tableau « $_POST » crées dans le fichier « saisie.php » il est possible dafficher les élément 1 à 1 avec une boucle mais il est également possible dafficher le tableau avec la fonction « print_r() » valable pour tous les tableaux. Pour préserver la mise en forme, nous pouvons utiliser la balise double « pre ». Syntaxe de laffichage du tableau « POST » à taper dans le fichier saisie.php :

31 Exercice 3 : Ecrire un programme qui demande le nom, le prénom, lâge et la ville puis qui affiche un récapitulatif sous la forme dune phrase. La fonction print_r() permet de vérifier si dans un premier temps les variables de type POST ont bien été transmises au fichier. Remarque : Nous pouvons également transmettre les données au fichier qui contient le formulaire en testant le bouton dacquisition avec un test.

32 Les boucles et les tests Ces outils sont communs à quasiment tous les langages de programmation, seule la syntaxe peut être légèrement modifiée. Nous sommes obligé dutiliser des variables ( incontournable également dans tous les langages de programmation ). Rappel : en php une variable x est notée $x ( valeur de x ). Les boucles "while" Les boucles "for" If … if … else … if … elseIf … else … switch … case

33 Rappel sur les comparateurs 4) if($nombre<=4) //inférieur ou égal, supérieur ou égal if($nombre>=4) //si l'âge est compris entre 15 et 25 ans : if (($age>=15)&& ($age<=25)) //Notez && pour le 'et' logique (AND marche aussi) //Notez les parenthèses imbriquées pour chaque sous- condition //si $truc est 'papa' ou 'maman' if(($truc=='papa')||($truc=='maman')){ echo'Chouette, mes parents !'; } ?>

34 La condition If … if (condition) { Instruction } La syntaxe est encore une fois très proche de celle du français ordinaire : Si (if) une condition est remplie, alors exécuter quelque chose. Loops 1) {echo la variable.$x. est plus grande que 1 ; } ?>

35 Exercice 4 : Ecrire un programme qui permet dacquérir le nom et lâge dune personne puis qui nous affiche si la personne est un enfant, un adolescent ( entre 14 et 18 ans ) ou un adulte. Structure dun test Programme html qui permet daquérir les données Entrez votre nom : Entrez votre age :

36 Il est possible de traiter les données dans le même fichier que le fichier dacquisition I l faut alors tester létat du bouton ou des données du tableau $_POST[ ] avec la fonction isset(). Exemple : Pour tester létat du bouton « submit » isset($_POST['valider']) sera égale à 1 si $_POST['valider'] nest pas vide sinon la fonction isset() sera égale à 0. Reprendre le programme précédent en inscrivant toute les lignes de code dans un même programme.

37 La condition If elseif else if (condition) { Instruction } elseif { Instruction } else { Instruction } La syntaxe est encore une fois très proche de celle du français ordinaire : Si (if) une condition est remplie, alors exécuter quelque chose sinon exécuter autre chose ect… Exercice 5 : Reprendre le programme précédent directement en php et modifier la structure en utilisant elseif.

38 Entrez votre prénom : Entrez votre nombre de note de math : Entrez la moyenne de classe en math : Entrez une note de math : Entrez une autre note de math : OK Exercice 6 : Ecrire un programme afin quil affiche. Lorsque lon clique sur OK, cette phrase apparaît : Bonjours « prénom » votre moyenne est de « moyenne » Vous êtes en dessous ou au dessus de la moyenne de classe. Remarque : Pour afficher une variable seule, il nest pas nécessaire de mettre des apostrophes : echo $cal;

39 Les tableaux simples on appelle « index ou indice » la position de la variable dans le tableau et « valeur » la valeur de la variable entreposée Un tableau est un moyen de stocker plusieurs variables Le tableau est lui-même une variable puisqu'il commence par $, mais une variable complexe, organisée L'index commence à 0, donc dimanche aura pour index 6 et non 7.

40 $semaine[2] sera...mercredi et ainsi de suite... selon la règle : $semaine[index] Une fois ce tableau construit, comment appeler une valeur ? Exercice 7 : Ranger dans un tableau les 6 dernières notes de mathématiques. Calculer la moyenne de ces notes et afficher la valeur de cette moyenne.

41 Exemple : tableau afin de stocker une adresse. Il est possible de dutiliser des chaines de caractères comme indice pour les tableaux. Ce sont des tableaux associatifs. 'num' est ici un index du tableau adresse. 12 est la valeur stockée à l'index 'num'.

42 Bien entendu, l'intérêt d'un tableau d'adresses, c'est d'en stocker plus d'une ! Alors nous procèderons... à un tableau de tableaux, un tableau imbriqué en fait... Nous venons de voir que $adresse4 est un tableau. .

43 On aurait pu retrouver le nom de Mickaël dans ce tableau de tableaux par la syntaxe suivante, plus condensée : Il faut ensuite procèder en deux étapes :

44 La boucle "for" L'instruction sera répétée tant que les membres "initialisation" + "pas" satisferont au membre "condition". for (initialisation; condition; pas) { Instruction } Loops variable $i is now = '. $i. ' '; } ?>

45 La boucle "while" Tant que la condition est vraie, on exécute linstruction while (condition) { Instruction } Loops ; $x = $x + 1; } ?> Lincrémentation de x peut également se noter $x++

46 Autre exemple : La balise h est fixée par une variable. Loops la balise h "; } ?> Exercice 7 : Faire lacquisition de 10 notes, toutes comprises entre 0 et 20 et faire la moyenne de ces nombres pour ensuite afficher la moyenne.

47 Les boucles dans des boucles Dans l'exemple suivant nous imbriquons trois boucles for Loops

48 La commande switch Lorsquil y a beaucoup de cas possible dans un choix, le switch est préférable à la structure if else. switch(valeur_testee) { case choix1 : { Action1; } break; //Permet de sortir du switch case choix2 : { Action2; } break;//Permet de sortir du switch } Si valeur_testee est égale à choix1 alors on réalise laction1

49 Exemple : couleur est une variable qui contient du texte. Exercice 8 : Reprendre lexemple précédent en utilisant la structure if elseif else.

50 La boucle foreach La boucle foreach (pour chaque élément) présente l'avantage de parcourir la totalité d'un tableau, même si l'on n'a aucune idée du nombre d'éléments qu'il contient.

51 Lorsquil y a 2 tableaux imbriqués, il est nécessaire davoir 2 boucles FOR imbriquées pour lire tous les éléments Ouvrir le programme « boucle imbrique.php » et examiner le programme.

52 La boucle foreach avec un formulaire PHP construit automatiquement un tableau associatif dès que l'on soumet un formulaire. Ce tableau se nomme $_POST, chaque élément a pour index le 'name' d'un élément du formulaire, et chaque valeur, la valeur entrée par l'utilisateur dans chaque champ avant de cliquer sur le bouton 'submit'. $valeur){ echo '- '.$valeur.' '; } ?>

53 Votre IMC Entrez les données suivantes Entrez votre prénom : Entrez votre taille (sous la forme 1.70) : Entrez votre poids (en kilos) : $valeur){ echo '- '.$index.' : '.$valeur.' '; } ?>

54 Les fonctions Une fonction permet dexécuter une action répétitive. Une fonction effectue des actions, elle peut renvoyée une valeur et être paramétrée par une ou plusieurs variables ou valeurs. Une fonction peut se située dans la page qui fait appel à cette fonction ou dans un fichier extérieur à la page. Les fonctions permettent de structurer un programme et existent dans la plupart des langages de programmation.

55 Les fonctions dans la page Dans la création de la fonction, il est obligatoire de commencer par écrire function, ensuite vient le nom (libre). Enfin ici, notre fonction comporte un paramètre (une variable imaginaire, $nombre, dont on ne connaît pas encore la valeur)... Exemple : Votre programme affiche les notes d'un élève. Vous souhaitez mettre en rouge toutes les notes (strictement) inférieures à 10. Vous souhaitez mettre en vert toutes les notes supérieures (ou égales) à 15. function colore($nombre){ toutes les instructions se situeront à l'intérieur de ces accolades; et se termineront par un ; }

56 =15){ echo' '.$nombre.' '; } //cas par défaut(noir) else{ echo $nombre; } ?> Pour appeler cette fonction :

57 Il est possible davoir plusieurs valeurs dans une fonctions. Pour utiliser cette fonction : Exercice 9 : Ecrire un programme qui vous demande le nombre de note, qui demande les notes puis qui affiche les notes inférieur à 10 en gras.

58 Les fonctions dans un fichier à part Exemple : les fonctions utilisées se situent dans le fichier « fonction.php » qui se trouve dans le même répertoire que le fichier en cours. En début de programme, on doit avoir : Une ou plusieures fonctions peuvent être contenues dans un autre fichier. Il faut alors placer au début de la page dans laquelle on utilise cette fonction un « include »

59 Fonction qui renvoie une valeur de retour « return » retourne une valeur ( ici contenue dans la variable « resultat ». Remarque : « return » stoppe la fonction. Structure : Exercice 10 : Ecrire un programme qui demande un nombre entier compris entre 0 et 200, qui vous dit si le nombre recherché est supérieur ou inférieur en vous donnant un autre essai et qui vous donne à la fin le nombre dessais afin de trouver le nombre mystère.

60 Les cookies Ici le cookie « nom » contient la chaine de caractère « jean » et existera pendant 3600s. Les cookies sont des variables qui existent du côté clients pendant un certains temps. Elles se déclare en début de programme : Créer un autre programme php dans le même répertoire et faites-lui afficher le contenu du cookie « nom » avec echo "Le contenu du cookie log est ".$_COOKIE['nom']; Un lien dans le programme principal nous permettra daccéder au programme daffichage.

61 Pour effacer un cookie, il suffit de le vider avec la fonction setcookie() puis de la faire disparaitre avec la fonction unset() Ajouter un lien vers un troisième programme qui effacera le cookie et vérifier que celui-ci est bien effacé.

62 Les variables de cession Pour utiliser les variables de cession, il est nécessaire de placer ces lignes de code en début de programme. Ce sont des variables stockées sur le serveur. Linitialisation dune variable cession seffectue à lintérieure du programme. $_SESSION['nom']="jean"

63 session_start(); if(isset($_POST[valider'])) { if($_POST['code']=='1234') { $_SESSION['code']='1234'; header("Location:pagePrivee.php"); } else { $erreur="Votre code est incorrect"; } Il est possible de rediriger lutilisateur vers une page privée en testant létat dune variable ( la variable cession est idéale dans ce cas )

64 Les fonction graphiques La bibliothèque que nous avons choisie dutiliser est jpgraph Il existe des bibliothèques composées de fonctions graphiques qui permettent de tracer plus facilement différents graphes : bargraphes, diagrammes circulaires, graphe 2D ou 3D… Ce sont des fichiers php qui possède souvent.inc à la fin de leur nom. Il ne faut pas oublier de les inclure en début de programme. Pour utilisés les fonctions de cette bibliothèques nous ollons comprendre quelques exemples.


Télécharger ppt "Les langages HTML et CSS sont des langages de simple affichage statique Grâce au PHP, laffichage change en fonction des circonstances que vous avez programmées."

Présentations similaires


Annonces Google