TP1 AJAX

TP1 AJAX

  1. Objectifs

    • Apprendre à créer un système d’inscription
  2. Exercice 01

    1. Énoncé
      • Quels sont les différents ingrédients qui composent le modèle d’application web dit AJAX?
      • L’objet JavaScript XMLHttpRequest est la seule approche de navigateur côté client multiplateforme pour effectuer des demandes de serveur asynchrones. Faux
      • AJAX signifie:
        • Résumé JSON et XML
        • Javascript asynchrone et XML
        • Une autre abstraction Java pour X-Windows
        • Une autre bibliothèque Java et XML



      • Quelle est la principale utilite d’AJAX
      • A quoi sert le mécanisme des sessions. Donner quelques exemples.
    2. Solution
      • Essayez de faire l’exercice de votre côté avant de regarder la Solution !
  3. Exercice 02

    1. Énoncé
      • Vous êtes appelés de créer une application web sur le modèle AJAX en utilisant tout le potentiel de jQuery. C’est une application simplifiée de connexion avec vérification de couple nom d’utilisateur / mot de passe.
      • Votre application doit présenter une interface homme-machine proche de la maquette ci-dessous et interagir avec le service d’authentification ci-fourni.
    2. Solution
      • Essayez de faire l’exercice de votre côté avant de regarder la Solution !
  4. Exercice 03

    1. Énoncé
      • Créez une table Conversation contenant les colonnes (User,Message,idMessage) où idMessage s’auto incrémente.
      • Créer une page HTML contenant une fenetre de dialogue. Cette fenetre contient, entre autre, un formulaire dans lequel l’utilisateur doit spécifier un nom. La zone qui contiendra les messages doit permettre de les faire défiler si le nombre de message déborde de la zone.
      • Créer un script PHP qui reçoit avec la méthode POST les informations (User,Message) et ajoute cette entrée dans la base de donnée. Ce script stocke dans la variable $_SESSION l’identifiant du message ajouté.
      • Utiliser AJAX pour appeler le script PHP qui ajoute un message dans la base de données.
      • Créer un script PHP qui renvoie la liste des messages de la base de données, triés dans l’ordre chronologique inverse (on utilisera l’identifiant du message), et mis en forme de la manière suivante: le nom de l’auteur appara\^it dans une balise de type span, auquel on ajoutera une classe qui permet de distinguer si l’auteur est le m\^eme que l’utilisateur stocké dans $_SESSION ou non. Le message appara\^it dans une balise de type span.
      • Utiliser Jquery et AJAX (et PHP) pour récupérer à intervalle régulier (toutes les secondes) les messages de la base de données et les place dans la fenêtre de dialogue.
      • Source de l’exercice: https://lipn.univ-paris13.fr/~david/PROGWEB/tp9.html

    2. Solution
      • Essayez de faire l’exercice de votre côté avant de regarder la Solution !



Abonnez vous à notre chaîne YouTube gratuitement