Contexte
Ce projet se passe dans le même contexte que CSV2ODOO. Nous nous retrouvons ainsi chez Interway, une ESN (Entrerpise de Services Numériques). Ici, Interway travaille pour le groupe GEDIMAT. La société NEGOMAT vient tout juste d'entrer dans le réseau d'adhérents de GEDIMAT. Pour fêter cet événement, NEGOMAT a décidé d'organiser un jeu-concours nommé GEDIMA'GINATION.
Objectif et Problématique
L'objectif initial était d'avoir un site internet où les clients pourraient poster leur création. Les votes se passeraient ensuite en magasin via une tablette. Pour des problèmes de temps, j'ai proposé une solution plus simple : un site internet où tout le monde pourrait s'inscrire, poster une image, et voter pour les autres participants. Ainsi pour résumer :
- Un utilisateur peut s'inscrire, se connecter, se déconnecter
- Sur son espace personnel, il peut ajouter une image
- Son image se retrouve dans l'espace Participants
- L'utilisateur peut ajouter un Gaime aux participants
- Un classement est disponible en bas de page
Les technologies
Le site a été produit avec un framework CSS , ce qui permet de gagner du temps sur la partie graphique du site, qui est UI KIT. J'ai donc utilisé des langages basiques, tels que HTML & CSS pour la mise en page, PHP pour communiquer avec le serveur, MySQL pour stocker les données, et Javascript & JQuery & AJAX pour afficher dynamiquement ces résultats.
Présentation de la solution
La solution se veut simple et épurée. C'est pourquoi le site a directement été coupé en plusieurs parties :
- La première, elle se trouve tout en haut, c'est là que nous retrouvons les boutons de connexion, inscription et déconnexion
- La deuxième, c'est le menu qui se trouve sur la gauche, il permet d'accéder aux différentes sections du site
- La troisième, c'est là que les sections s'affichent
Après s'être connecté, l'utilisateur peut ajouter une image en allant sur son espace personnel. Il peut glisser déposer son image, celle-ci se verra envoyer sur le serveur, redimensionner via une fonction en php, puis encodé en base64. L'image est finalement placé dans un champ de la table utilisateur de la base MySQL. La section participants affiche ensuite cette image.
La section participants affiche donc toutes les images de tous les participants. Chaque utilisateur, peut laisser un Gaime aux participants qu'il le souhaite. Ce Gaime est stocké dans une table Aime sur MySQL, ou l'utilateur qui aime et l'utilisateur qui est aimé est ajouté.
Bilan
J’ai vraiment beaucoup apprécié ce projet. J’avais beaucoup de doute sur mes compétences au niveau WEB et celui-ci me réconforte dans l’idée que je suis capable de mener à bien ce type de projet.