APP-TSWD Apprentissage Par Problèmes Techniques des Sites Web Dynamiques Licence Professionnelle FNEPI Valérie Bellynck, Benjamin Brichet-Billet, Mazen.

Présentation au sujet: "APP-TSWD Apprentissage Par Problèmes Techniques des Sites Web Dynamiques Licence Professionnelle FNEPI Valérie Bellynck, Benjamin Brichet-Billet, Mazen."— Transcription de la présentation:

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

2 Questions reçues précédemment : Par quel moyen, la page d'accueil doit-elle reconnaitre l'utilisateur pour afficher la personnalisation (log-in ou autre) ? Comment réaliser une page html généré par un script php ? Comment créer un script php et le tester (avec MAMP) ? Comment WAMP interprête le php ? Cette année : ? Questions reçues

3 http://tiprof.fr/SitesWebDynamic/ApProblemes-PHP-mySQL/PageDAccueil/ Exemple de page d’accueil

4 Page statique Page dynamique

5 Client / Serveur Client interprêter html/css (+js) Serveur générer html/css Outils du cours : php/mySQL Dans ce cours: pas de RIA Flex/As3, pas de PERL, ni applet Java, ni WebService, etc…

6 Principes: "calculer" les pages Web qu'un serveur doit renvoyer à un client pour une URL demandée. URL = adresse d’un serveur + désignation d’un fichier Logiciel client demande (click de souris sur des liens, etc…) : envoie d’une requête Serveur envoie le fichier demandé Au départ: envoie du fichier tel qu’enregistré en mémoire (donc duplication, etc…) Maintenant: possibilité de créer à la volée le fichier à renvoyer 2 types de scripts: Côté serveur(avec environnement adapté) Côté client (JavaScript, demande de permission) Langage de script

7 CGI = interface de passerelle commune, entre: Le serveur Autre application (SGBD par exemple) Langage: peu importe du moment qu’il peut lire le flux de données d'entrée traiter des chaînes de caractères écrire sur le flux standard de sortie Être exécuter ou interpréter par le serveur Communication CGI/navigateur 1 = requête du client (html, php, exe) 2 = réponse du serveur avec le bon en-tête content-type : text/html content-type : image/gif content-type : text/quicktime Common Gateway Inteface

8 Travail en local ou distant Ensuite : Envoie des fichiers sources sur le serveur Donc Logiciel FTP Ensuite : Envoie des fichiers sources sur le serveur Donc Logiciel FTP file:///chemin_dans_l_ordi/bla/bla http://localhost/chemin_depuis_www file:///chemin_dans_l_ordi/bla/bla http://localhost/chemin_depuis_www http://nom_de_domaine/chemin En local : Edition des sources Visualisation Base de test Donc Editeur de fichiers Navigateur (ff, opera, safari, ie…) + server local * (Apache, Tomcat, IIE…) Base de données En local : Edition des sources Visualisation Base de test Donc Editeur de fichiers Navigateur (ff, opera, safari, ie…) + server local * (Apache, Tomcat, IIE…) Base de données *: si les fichiers contiennent un langage script

9 Quelques balises utiles pour le cours … : paragraphe … : titre (important i = 1, moins important i = 6) … : centrer « … » … : « … » en italique (gras si ) … Et encore mieux: http://www.codeshttp.com/baliseh.htmhttp://www.codeshttp.com/baliseh.htm Quelques règles (les miennes) Pas de style dans les fichiers html (<td style=« … ») Rappels HTML

10 - Le CSS vous permettra de rendre le tableau plus présentable - Bordures - Couleurs - Centrer/justifier le texte - Etc Tableaux en HTML

11

12 Formulaires HTML -Balise … -Attributs: -method -post -get -Différences -Des valeurs passées par GET se voient dans l’URL ex: http://maPage.php?val1=huhu&val2=hehehttp://maPage.php?val1=huhu&val2=hehe -GET limité en taille (255 caractères) -Action: -Ce qu’il se passe après la validation -Script php, perl, … -envoie d’un mail -Etc

13 QCM inspiré des questions des fiches de TD de tiprof http://tiprof.fr/PHP-mySQL/Travaux%20Dirig%C3%A9s/TD1-PHP/ http://tiprof.fr/PHP-mySQL/Travaux%20Dirig%C3%A9s/TD2-Form/ http://tiprof.fr/PHP-mySQL/Travaux%20Dirig%C3%A9s/TD3-PHP-mySQL/ http://tiprof.fr/PHP-mySQL/Travaux%20Dirig%C3%A9s/TD4-Deploie/

14  Les bases de PHP

15 Première balise -Plusieurs types de balise - - … -Partout !

16 mknk Hello World

17 Simple vs Double quotes ExerciceExercice: Analyse du code

18 Variables

19 Entiers $decimal = 10; $hexa = 0x0F; $octal = 020; Decimaux $normal = 0.017; $scientifique = 17.0E-3; séquences d'échappement \n: Nouvelle ligne \t: Tabulation \r: Retour chariot \\: Anti slash \$: Signe dollar

20 Variables dynamiques Elles autorisent en fait à créer une variable dont le nom est contenu dans une autre variable. Autre syntaxe: ${$first} Permet de désambiguïser lors de manipulation de tableaux: $$tab[1] ? ${$tab[1]}tab [1] contient une variable ${$tab}[1]$tab contient le nom d’une variable (tableau en l’occurrence)

21 Opérations

22 Variables Tableaux:

23 IF, ELSEIF, ELSE: Structure de contrôle: if

24 Structure de contrôle: switch

25 Structure de contrôle: while

26 Structure de contrôle: for Boucle For: Break Continue:

27 Structure de contrôle: foreach