NSI - Numérique et Sciences Informatiques

HTML (HyperText Markup Language) ,
PHP Hypertext Preprocessor
et Interation Client-Serveur : Présentation

1. Qu'est ce que PHP ?

Le PHP, acronyme récursif pour PHP Hypertext Preprocessor est un langage de scripts spécialement conçu pour le développement d'applications web.
Il peut être intégré facilement au HTML.

Le langage PHP a été créé en 1994 par Rasmus Lerdorf, un programmeur groenlandais et canadien pour son site web personnel.

Un exemple de code PHP

On petit exemple en PHP qui

Calcule la somme de deux varariables, $var1=5 et $var2=7 ;
Affiche la somme avec la fonction avec la fonction echo ;
Calcule et affiche la somme de deux entiers choisis aléatoirement entre 1 et 100, avec la fonction rand(1 , 100).

<!doctype html>
<html>
 <head>
  <title>
   Exemple de variables
  </title>
  <meta charset="utf-8"/>
 </head>
 <body>
 <h1> Un premier programme en PHP : pour les tests</h1>
 
 <?php
  // Commentaires en php	
  // Utilisation de variables, avec le dollard $
        $var1=5;
        $var2=7;
	$somme=$var1+$var2;
		
	// echo permet d'afficher sur la page
	// On peut méler du texte et des variables 
	echo "<p>La somme de $var1 et $var2 est $somme.</p>";		
		
	$nombre1=rand(1,100); // rand(a,b) génère un entier aléatoire entre a et b (inclus)
		
	echo "<p>Le 1er nombre choisi au hasard est $nombre1.</p>";
	$nombre2=rand(1,100);
	echo "<p>Le 2e nombre choisi au hasard est $nombre2.</p>";
		
	$somme=$nombre1+$nombre2;
	// On affiche la somme
	echo "<p>La somme de $nombre1 et $nombre2 est $somme.</p>";	
 ?>
</body>
</html>

Visualiser le résultat
Un lien vers le fichier hébergé sur un serveur distant : PHP-Exemple1.php.

Premières remarques sur le PHP

L'affichage en PHP utilise la fonction echo " texte et $variables ".
On peut afficher du texte et des variables $var simultanément très simplement.
Les lignes se terminent par un point virgule ;.
Les variables se définissent avec le dollard $var1 et peuvent s'intégrer facilement au texte.

Petit exercice important

Affichez le code source (Click droit) de la page PHP-Exemple1.php.
Vous remarquez que le code source propose juste l'affichage, sans les lignes de code PHP.
Actualisez la page, on voit que le contenu change car la fonction rand(1 , 100) est appelée.
C'est magique, le client, c'est à dire notre ordinateur ne s'aperçoit pas qu'il y a un calcul d'effectué.

Un fonctionnement distant

Le PHP fonctionne en fait sur serveur distant.
On ne peut pas avoir un fonctionnement immédiat sur notre disque comme avec le HTML, le CSS ou le JavaScript.
Ce qui distingue PHP des langages de script comme le Javascript, est que le code est exécuté sur le serveur, générant ainsi le HTML, qui sera ensuite envoyé au client. Le client ne reçoit que le résultat du script, sans aucun moyen d'avoir accès au code qui a produit ce résultat. Vous pouvez configurer votre serveur web afin qu'il analyse tous vos fichiers HTML comme des fichiers PHP. Ainsi, il n'y a aucun moyen de distinguer les pages qui sont produites dynamiquement des pages statiques.
le serveur doit donc être capable de repérer les parties de codes PHP, cela se fera grâce à des balises.
Le code PHP est donc inclus entre une balise de début <?php et une balise de fin ?> qui permettent au serveur web de passer en mode PHP, ce que ne fait pas votre navigateur sur votre disque dur.

client serveur HTML PHP

Le fonctionnement du PHP

Vous pouvez maintenant tranquillement lire cette page qui expose le fonctionnement du PHP.

Openclassrooms : Fonctionnement d'un site écrit en PHP

2. Préparez votre environnement de travail

Il va donc nous falloir préparer un environement de travail afin de pouvoir lire les fichiers PHP.

Plusieurs solutions sont possibles, si vous avez déjà un site en ligne, tout sera plus facile, sinon, vous allez devoir installer plusieurs émulateurs de serveurs distants.

Cas 1 : j'ai un site en ligne

Si vous avez un site en ligne, tout est très simple, il vous suffit d'envoyer vos fichiers sur votre espace et de les ouvrir via votre navigateur. Chaque site à un interpréteur PHP.
Pour télécharger facilement vos fichiers, vous pouvez :
- Soit vous connecter chez votre hébergeur ;
- Soit utiliser un client FTP. Je vous conseil d'installer FileZilla, gratuit et très simple d'utilisation.
  Il vous faudra cependant récuprérer chez votre hébergeur vos identifiants de connexion. C'est un peu long la première fois mais ensuite c'est très rapide.

Cas 2 : je veux installer un serveur en local

Deux principaux serveurs sont utilisés :

WAMP Server ;
et XAMPP Serveur.

Vous pouvez consulter le tutoriel d'Openclassrooms.

Openclassrooms : Préparez votre environnement de travail.
On vous décrit les étapes afin de préparer votre environement de travail.

Quelques remarques post Installation

Il ne suffit pas d'ouvrir un fichier avec son navigateur pour que cela fonctionne, on doit généralement lancer l'émulateur puis tapper dans son navigateur :

http://localhost/MonFichier.php

WampServeur
- Création automatique d’un répertoire « www » lors de l’installation (typiquement c:\wamp\www).
- Créez un sous répertoire pour votre projet et déposez-y vos fichiers PHP
- Cliquez sur le lien « Localhost » du menu de WampServer ou ouvrez votre navigateur à l’adresse :

http://localhost/MonFichier.php

- Bases de données.
  Au lancement de PhpMyAdmin, il vous sera demandé un nom utilisateur et un mot de passe.
  Après installation de Wampserver 3,
  - le nom utilisateur par défaut est "root" (Sans les guillemets)
  - et il n'y a pas de mot de passe, ce qui veut dire que vous devez laisser la case Mot de passe du formulaire d'accès vide.
Xampp
- Placer les projets dans le dossier htdocs qui est dans C:\xampp\htdocs
- Pour ouvrir un fichier nommé MonFichier.php qui est dans le répertoire htdocs, tapper dans votre navigateur :

http://localhost/MonFichier.php

- Bases de données.
  Pour accéder à la base de données
  => Admin Mysql

3. Un test puis les exercices et travaux dirigés

Nous sommes prêts pour un petit test.

Recopier le code source de l'exemple 1, enregistrez-le sur votre disque dur avec l'extension .php et ouvrez-le dans votre navigateur .... suspens !

4. Les travaux dirigés

Si tout fonctionne, on est prêt pour les premiers exercices. Suivez le td sur la page :

TD : HTML, PHP et Interation Client-Serveur : exercices et applications aux formulaires.