À partir de données fournies par l'API, mous créons un tableau d'utilisateurs qui va être "organisé" avec Datatables pour le rendre plus user-friendly.

L'utilisation de JQuery doit être priorisée

  1. Créer une page HTML (avec Bootstrap)
  2. Créer un formulaire de connexion (en haut à droite dans le "header")
  3. Se connecter par AJAX avec JQuery
  4. Récupérer la liste des utilisateurs
  5. Mettre les utilisateurs en tableau avec Datatables (en français bien sur !). Un champ de recherche est présent dans la case en en-tête des cours en plus du champ de recherche présent par défaut.

Concernant les utlisateurs :

  • l'ID n'est pas à afficher
  • Le numéro de ligne doit apparaître
  • un champ courriel est ajouté : il est composé du prénom et du nom séparé par un point puis @cegep-rimouski.qc.ca
  • Le champ actif est affiché avec une icône verte si actif = 1, sinon rouge

Référence et informations:

datatables :https://datatables.net/

$getJSON : https://api.jquery.com/jquery.getjson/

URL pour se connecter : https://iwa2021.edriki.com/api/Connexion?login=NUMERO_ETUDIANT&pass=@123456@ (vous recevrez alors votre jeton d'authentification à utiliser pour récupérer la liste des utilisateurs)

URL pour récupérer la liste des utlisateurs : https://iwa2021.edriki.com/api/Utilisateur/liste?token=xxxxxxx