TP final

Devoir Maison : Création d’un tableau Trello simplifié

Objectif :

Le but de ce devoir est de vous familiariser avec le développement web en utilisant les langages HTML, CSS, JavaScript et PHP. Vous allez créer une page web interactive similaire à celle d’un tableau Trello, permettant la gestion de listes et de cartes.

Instructions :

1. Interface HTML/CSS :

   • Créez une page HTML avec une mise en page similaire à celle d’un tableau Trello, comprenant des colonnes et des cartes.
   • Utilisez CSS pour styliser votre page et rendre l’interface agréable et intuitive.

2. Fonctionnalités JavaScript :

   • Implémentez la fonctionnalité permettant d’ajouter une nouvelle carte à une colonne. Cette action doit déclencher l’ouverture d’un popup/modal où l’utilisateur peut saisir le titre, la description et la catégorie de la carte.
   • Permettez la modification des informations d’une carte existante. Lorsque l’utilisateur clique sur une carte, affichez ses informations dans un popup/modal et permettez-lui de les modifier.
   • Intégrez la fonctionnalité de suppression des cartes.
   • Ajoutez la possibilité d’ajouter une nouvelle colonne au tableau.

3. Interaction avec l’API PHP :

   • Créez une API PHP permettant de récupérer les données des cartes et des colonnes, de les ajouter, de les modifier et de les supprimer.
   • Utilisez des requêtes AJAX en JavaScript pour communiquer avec cette API et mettre à jour dynamiquement le contenu de la page sans rechargement.

4. Données des Cartes :

   • Chaque carte doit comporter un titre, une description, une catégorie et appartenir à une colonne.
   • Les cartes et les colonnes doivent être stockées dans une base de données que vous aurez préalablement créée.

Livraison :

• Vous devez fournir les fichiers HTML, CSS, JavaScript et PHP nécessaires pour exécuter votre application.
• Assurez-vous que votre code est bien commenté et organisé.

Critères d’évaluation :

• Respect des consignes données.
• Qualité du code : clarté, lisibilité, organisation.
• Interface utilisateur conviviale et fonctionnelle.
• Bonne interaction avec l’API PHP.

Date de remise

Le devoir doit être soumis avant la date de 26/01/2025 à 23h59.

Note :

Ce devoir est individuel. Toute forme de plagiat est strictement interdite et sera sévèrement sanctionnée.

Examen oral :

Après la remise de votre devoir, une note vous sera attribuée et vous aurez un examen oral pour expliquer l’ensemble de votre code afin de vérifier la compréhension de celui-ci. La note sera adaptée à la suite de cet examen.