-
Giorgio Utzeri authoredGiorgio Utzeri authored
- LilleConnect
- Réalisé par Tom Dequesnes et Giorgio Utzeri
- Table des matières
- Description de l'application
- Comment lancer le projet sur linux ?
- Modélisation des données
- Modèle Conceptuel de Données (MCD)
- Modèle Logique de Données (MLD)
- Requêtes SQL pertinentes
- Arborescence du projet
- Liste des entrées des contrôleurs
- Points techniques et solutions
- Utilisation de l'API REST
- Fonctionnalitées et améliorations
Réalisé par Tom Dequesnes et Giorgio Utzeri
-
LilleConnect est un projet réalisé dans le cadre du BUT Informatique. Le but était de créer une application web permettant aux utilisateurs de discuter et d’échanger dans des fils de discussion. Le projet repose sur une base de données relationnelle et utilise des servlets Java avec JSP pour la gestion des interactions. Il a été l'occasion de travailler sur l’authentification des utilisateurs, la gestion des sessions et la sécurité des données, tout en appliquant les bonnes pratiques du développement web MVC.
-
installaton de la base de données 2 options :
Aucune modification nécessaire. La connexion à la base de données se fait automatiquement.
Modifiez le fichier (WEB-INF/classes/res/config.prop) avec les informations de votre base de données.
Exécutez ensuite la commande suivante dans PostgreSQL pour créer la structure de la base :
\i sql/LilleConnect.sql-
Compiler les classses :
Dans le répertoire racine du projet, exécutez cette commande pour compiler toutes les classes Java :
javac -d WEB-INF/classes/ WEB-INF/src/*/*.java- Lancement du serveur Tomcat : Accédez au dossier tomcat/bin/ et lancez Tomcat avec cette commande :
./catalina run-
Accès à l'application (
http://localhost:8080/LilleConnect/login.html) - Se connecter à l'application :
Vous pouvez vous connecter avec l'un des identifiants suivants, ou créer un nouveau compte :
| Mot de passe | |
|---|---|
giorgio.utzeri@univ-lille.fr |
giou |
tom.dequesnes@univ-lille.fr |
totow |
Ce premier MCD a été réalisé en fonction de notre vision initiale du projet, en modélisant les principales entités et leurs relations avant d'affiner la structure lors du développement.
Cette version finale du MCD intègre tous les ajouts et fonctionnalités supplémentaires, offrant une structure optimisée et mieux adaptée aux besoins du projet.
Le MLD traduit le MCD en une structure relationnelle optimisée, prenant en compte les contraintes d'intégrité et les performances de la base de données.
Table Utilisateur :
Verifier l'utilsateur à la connexion :
SELECT * FROM Utilisateur
WHERE mail = 'test@test.fr'
AND mdp = md5('mdp');Créer un compte utilisateur :
INSERT INTO Utilisateur (prenom, nom, mail, mdp)
VALUES ('Giorgio', 'UTZERI', 'giorgio.utzeri.etu@univ-lille.fr', MD5('iLoveJava'));Afficher le nom et prénom :
SELECT prenom, nom FROM Utilisateur WHERE u_id = 1;Table Message :
Créer un message :
INSERT INTO Message (f_id, u_id, message_data, is_image, d_vie, datemessage)
VALUES (1, 1, 'message', false, 14, NOW());Afficher un message :
SELECT * FROM Message WHERE m_id = 1;Table Fil :
Créer un fil :
INSERT INTO Fil (titre)
VALUES ('Discussion');
L'arborescence du projet suit le principe MVC en séparant les contrôleurs, qui gèrent la logique entre la vue et la base de données, des DAO, responsables des interactions avec la base de données, et des DTO, qui assurent le transfert des données entre les couches.
└── src
├── controleurs
│ ├── AccountAuthent.java
│ ├── AccountCreate.java
│ ├── APIRest.java
│ ├── FilAddUser.java
│ ├── FilCreate.java
│ ├── FilLeave.java
│ ├── FilUser.java
│ ├── JwtManager.java
│ ├── LikeControler.java
│ ├── LogoutControler.java
│ ├── Menu.java
│ ├── MessageSend.java
│ └── UserInfo.java
├── dao
│ ├── ConfigLoader.java
│ ├── DS.java
│ ├── FilDAO.java
│ ├── LikeDAO.java
│ ├── MessageDAO.java
│ ├── ParticipantFilDAO.java
│ └── UtilisateurDAO.java
└── dto
├── Fil.java
├── Message.java
├── PartFil.java
├── QuiLike.java
└── Utilisateur.java
| URL | Méthode | Fonctionnalité |
|---|---|---|
/Authent |
service |
Vérifie la connexion et redirige vers le menu |
/Create |
service |
Authentifie un utilisateur et démarre une session |
/filUser |
GET |
API REST pour récupérer toutes les infos depuis un token |
/addUserFil |
POST |
Permet d'ajouter des utilisateurs à un fil existant |
/CreateFil |
POST |
Crée un fil pour l'utilisateur |
/LeaveFil |
service |
Permet à l'utilisateur de quitter un fil |
/UserFil |
GET |
Permet d'afficher les utilisateurs du fil sur la page d'ajout d'utilisateur |
/UserFil |
POST |
Permet de supprimer l'utilisateur sélectionné d'un fil |
/ControleurLike |
POST |
Permet d'ajouter un like à un message |
/Logout |
service |
Permet de vider la session |
/Menu |
service |
Récupère toutes les informations de l'utilisateur et redirige vers le menu |
/EnvoyerMessage |
POST |
Permet d'envoyer un message |
/UserInfo |
GET |
Permet de récupérer les informations de l'utilisateur |
/UserInfo |
POST |
Permet de modifier les informations de l'utilisateur |
Intégration des images dans les messages :
Pour intégrer des images dans les messages, on a converti les images
en données binaires (bytes) avant de les stocker, puis on les reconvertit en images quand on les affiche.
Problème avec Tomcat et le cache :
On a eu un problème avec Tomcat où les modifications n'étaient pas prises en
compte à cause du cache. On a résolu ça en vidant régulièrement le cache.
Front-end du site pour une meilleure expérience utilisateur :
Pour rendre le site plus propre et agréable, on a utilisé Bootstrap et créé une maquette dès le début du projet.
Gestion des likes sur les messages dans la base de données :
La gestion des likes était compliquée car on les stockait directement en nombre dans la base de données.
On a séparé ça et calculé les likes au lieu de les stocker en dur.
Récupération du token :
Une fois que l'utilisateur est connecté, il doit cliquer sur son profil pour récupérer son token.
Utilisation de l'API :
Ouvrir un terminal et exécuter cette commande :
curl "http://localhost:8080/LilleConnect/filUser" -H "Authorization: Bearer <token>"Et remplacer <token> par le token récupéré précédemment.
Le serveur renverra alors les informations de l'utilisateur au format JSON.
Le token à une durée de vie de 20 minutes.
Fonctionnalités demandées :
Implémentation des DAO pour gérer les données nécessaires à l'application.
Création, gestion des abonnés et des messages dans les fils.
Mise en place d'un système d'authentification des utilisateurs.
Utilisation de Bootstrap pour le design de l'application, assurant une interface propre et responsive.
Mise en place d'un système permettant de liker et de disliker les messages.
Intégration d'une fonctionnalité permettant d'ajouter des images dans les messages.
Les messages ont une durée de vie définie, après laquelle ils sont automatiquement supprimés.
(elle se gère pour tous les utilisateurs dans le fichier config.prop avec la valeur nbday en jour)
Création d'un service Web permettant de récupérer, en GET, les fils et les messages au format JSON.
Ajout de fonctionnalités supplémentaires telles que la gestion des erreurs et la résistance aux injections SQL et XSS.
Autres fonctionnalités supplémentaires :
Possibilité pour un utilisateur de quitter un fil de discussion.
L'utilisateur peut modifier ses informations personnelles en cliquant sur son nom/prénom.
Possibilité d'ajouter ou de supprimer des membres dans un fil de discussion.
L'application est protégée contre les injections SQL et les attaques XSS.
L'application résiste à toutes les erreurs liées aux valeurs nulles.
L'application est entièrement responsive, s'adaptant à différentes tailles d'écran et appareils.