École régionale du numérique - Développement d'une application Web

2018 – 2019
TP5

Objectif :

Créer un formulaire pour qu’un utilisateur puisse créer son compte, se connecter et se
déconnecter. Lorsque l’internaute aura effectué une connexion avec ses identifiants, il se verra
redirigé vers son espace client.

Lisez l’intégralité du TP et réalisez un algo simplifié avec le nom des scripts et les fonctionnalités
à développer. Le travail sera relevé et noté.

1) Base de données

Identifiez les informations nécessaires à demander à l’utilisateur pour pouvoir créer un compte
client. Créez une base de données contenant une table « clients » et définir le typage des
champs en fonction des données à enregistrer. N’oubliez pas de préfixer le nom des champs.

2) Création d’un compte utilisateur

Créez une page contenant un formulaire permettant à un utilisateur de créer un compte. Cette
page devra s’appeler « creer_compte.php » et comporter un bouton « connexion » dans un
« header » qui pointera vers la page « connexion.php ». Ce « header » devra se trouver dans
chaque page.

Attention, vérifiez que l’utilisateur n’existe pas dans la base (se baser sur le champ e-mail) avec
la requête suivante. Testez sa bonne exécution sur « PhpMyAdmin ».
« SELECT * FROM table WHERE nomChampEmailBDD = ‘dataChampMailForm’ »

Si c’est le cas, affichez un message d’erreur sur la page indiquant que le compte existe déjà et
qu’il doit se connecter.

Attention, afin d'éviter des erreurs, il faut deux champs correspondant au mot de passe dans
le formulaire. Vérifiez en PHP si les deux champs emails sont identiques. Affichez un message
d’erreur sur la page si ce n’est pas le cas.

3) Enregistrement en BDD

Vous devez enregistrer les valeurs saisies par l’utilisateur dans le formulaire. Pour ce faire, vous
aurez besoin de faire une requête sur la base de données. Remplacez les champs de la requête
suivante pour qu’elle corresponde à votre application.

« INSERT INTO table (nom_colonne_1, nom_colonne_2, ...

VALUES ('valeur 1', 'valeur 2', ...) »

M. Ducongé - Barrère 1/2

 École régionale du numérique - Développement d'une application Web
2018 – 2019
3) Connexion de l’utilisateur

Créez une page « connexion.php » permettant à un utilisateur de se connecter à son compte

grâce à ses identifiants.
Vous devez vérifier si l’utilisateur existe et si le mot de passe est correct ou non.
Pour ce faire, utilisez la classe « CryptDecrypt.php » pour le cryptage / décryptage du mot de
passe. Affichez un message d’erreur si les identifiants ne sont pas correct.

Requête pour savoir si l’utilisateur existe :

« SELECT * FROM table WHERE nomChampLoginBDD = ‘loginFormConnexion’ »

4) Utilisateur connecté

Lorsque l’utilisateur a saisi ses identifiants et qu’il sont corrects, il sera connecté (SESSIONS) et
redirigé en PHP vers la page « mon_compte.php » qui affichera toutes ses informations dans
un tableau dynamique.
Faire un titre dynamique permettant d’afficher dynamiquement « Bonjour » suivi du prénom
et du nom de l’utilisateur.

Requête pour récupérer les informations d’un utilisateur à partir de son identifiant.

« SELECT * FROM table WHERE nomChampIdClient = identifiantClientEnSession»

5) Déconnexion de l’utilisateur

Sur la page « mon_compte.php », lorsque l’utilisateur cliquera sur le bouton déconnexion,

l’utilisateur sera déconnecté et il sera redirigé en PHP vers la page « connexion.php ».

M. Ducongé - Barrère 2/2