Site Fan Gims

Objectif:
Ce site a pour but de rassembler les fans du chanteur Gims autour d'une galerie avec téléchargement de nouvelles photos mais aussi un catalogue de ces titres et d'un formulaire de contact.

Technologies utilisés:

• HTML

• CSS

• PHP

• JSON

Ce site m'a permis de découvrir l'exploitation d'un fichier de données JSON en utilisant notamment JQUERY qui permet d'avoir un tableau préconfiguré avec de nombreuses fonctions comme le tri par colonne et l'affichage restreint. J'ai décidé en suite de récupérer le CSS du tableau JQUERY pour pouvoir le modifier comme la couleur des cellules ou bien centrer le texte et changer la police d'écriture pour une meilleur accessibilité.

Il m'a permis aussi de mettre en place un formulaire d'ajout d'images. J'ai pour cela utilisé un input de type "file" coté front puis je récupere côté back avec PHP l'image pour lui faire passer une suite de tests qui vérifie plusieurs critères : elle doit être en JPEG ($_FILES['image']['type']) et peser moins de 200ko ($_FILES['image']['size']). Si tout est validé on ajoute l'image dans un dossier galerie (auquel on met préalablement les permissions de www-data) qui contiendra toutes les images téléchargées. Et on fini ensuite par informer l'utilisateur grâce à une variable de session.

J'ai voulu ajouter un formulaire de contact à l'aide d'un relais de messagerie sur le serveur qui s'appelle postfix. Quand j'ai codé le formulaire d'envoi de mail, je me suis rendu compte qu'il était important de protéger nos champs de saisie avec une vérification côté back par exemple que ce soit bien une adresse mail qui a été entré dans le mail pour éviter de l'éxécution de Javascript via ce champ de saisie. J'ai même personnalisé le mail à l'aide de HTML pour qu'il soit plus jolie à regarder.