Laillier Alexis

Développeur Front-End / Back-End

Passionné par la création et le design de sites internet, je m’investis pleinement dans l’apprentissage des technologie du web. Mon objectif est de devenir développeur fullstack, capable de maitriser aussi bien les aspects frontend que backend pour concevoir des solutions web complètes et innovantes.

Portfolio
Linkedin

Journal de bord

Dernière modification par Alexis le 25 juin 2025 à 01h43.

Objectif de la première semaine :

Lancer les bases techniques du projet en assurant la mise en place des outils fondamentaux (hébergement, versioning, structure du site).

Tâches réalisées :

  • Configuration de l’hébergement : mise en place de l’environnement serveur avec les fichiers de configuration nécessaires (virtual hosts, base de données, certificats SSL).
  • Installation du site WordPress : déploiement initial du CMS sur le serveur pour la partie présentation du projet.

  • Mise en place de la structure MVC : création de l’architecture MVC pour le site événementiel en prévoyant la séparation claire entre le modèle, les vues et les contrôleurs.

  • Création du dépôt GitHub : dépôt initial configuré, avec ajout et invitation de tous les membres de l’équipe pour faciliter la collaboration.

 

Objection de la deuxième semaine :

La mise en place de toute la partie back end en assurant une bonne sécurité pour éviter les injections SQL par exemple via des formulaire. Le but était de pouvoir avoir des espaces réservés aux utilisateurs et avoir une gestion des contenus postés pour les administrateurs.

Fonctionnalités mises en place :

  1. Système d’authentification :

    • Mise en place du système d’inscription et de connexion des utilisateurs.

    • Stockage sécurisé des mots de passe (hashés).

    • Création d’une session utilisateur après connexion.

  2. Gestion du back-office :

    • Système de connexion admin avec vérification via identifiants définis.

    • Protection du répertoire de gestion.

  3. Base de données / Statistiques :

    • Création des tables nécessaires (utilisateurs, messages, commentaires, etc.).

    • Récupération et affichage des statistiques simples (ex : nombre d’inscrits, utilisateurs actifs, etc.).

  4. Espace utilisateur :

    • Création d’une page de profil accessible uniquement aux utilisateurs connectés.

    • Possibilité de modifier les données personnelles : nom, prénom, email, mot de passe, et autres informations.

  5. Fonctionnalités réservées aux utilisateurs connectés :

    • Système de messagerie interne vers l’administration.

    • Page de profil enrichie avec d’autres données personnelles (téléphone, email…).

  6. Back-office avancé :

    • Liste des utilisateurs avec leurs données personnelles affichées.

Fonctionnalités optionnelles  à venir :

    • Mise en place d’une version anglaise du site

    • Gestion des commentaires
    • Ajout d’une page de réservation
    • Mise en place d’un système de cookie qui permet de mémoriser la connexion de l’utilisateur (partiellement mise en place)

Objectif de la troisième semaine :

Durant ces derniers jours, mon objectif principal a été de finaliser l’intégralité du backend afin d’assurer une base solide et stable pour l’application. Parallèlement, j’ai pris le temps de concevoir un dashboard clair et ergonomique, pensé pour être simple d’utilisation et permettre une gestion fluide des différentes fonctionnalités.

Fonctionnalités mises en place :

  • Correction de nombreux petits bugs : J’ai effectué un travail minutieux de débogage pour améliorer la stabilité et la fiabilité du système, en corrigeant plusieurs anomalies signalées lors des phases de tests.

  • Intégration complète de la partie front dédiée à l’administration : Toute la partie interface utilisateur pour l’administration a été développée et intégrée, offrant un contrôle total sur la gestion du système depuis le dashboard.

  • Refonte de la barre de navigation, de la page d’accueil et du footer : J’ai repensé ces éléments clés du front-end afin d’améliorer l’expérience utilisateur, en les rendant plus intuitifs, esthétiques et cohérents avec l’ensemble de l’application.

  • Mise en place des cookies pour mémoriser l’utilisateur : Cette fonctionnalité est désormais totalement opérationnelle, permettant de garder en mémoire les informations de connexion et préférences des utilisateurs pour une expérience plus fluide et personnalisée.

  • Ajout d’un mode sombre sur le backend : Pour améliorer le confort visuel des utilisateurs, notamment lors des sessions prolongées, un thème sombre a été ajouté au dashboard, avec la possibilité de basculer facilement entre les modes clair et sombre.

  • Ajout de statistiques sur le dashboard : Le tableau de bord affiche désormais plusieurs indicateurs essentiels, tels que le nombre total d’utilisateurs, le nombre d’inscriptions sur les 7 derniers jours ainsi que le nombre de réservations en attente, facilitant ainsi le suivi et l’analyse des activités.

  • Visualisation des derniers commits GitHub du projet : Il est possible de consulter directement depuis le dashboard les dernières mises à jour du projet via les commits GitHub, ce qui permet un suivi transparent de l’évolution du développement.

Avis sur la SAE :

Le cahier des charges est très complet, structuré et précis, ce qui est essentiel pour un projet collaboratif.

Point fort : 

  • Le site d’agence sous WordPress permet une approche CMS classique, adaptée aux profils plus orientés design/contenu.

  • Le site événementiel en PHP/MVC avec base de données et système d’authentification, constitue une excellente mise en pratique du développement web.

  • La division en étapes hebdomadaires avec des dates de rendu claires permet une gestion agile du projet.

  • Cela favorise la planification, les points d’étape, et la responsabilisation de chaque membre.

  • Chaque membre a une page personnelle à tenir à jour avec ses avancées (WordPress), favorisant l’autonomie et la traçabilité du travail individuel.

  • L’utilisation de Git pour le déploiement encourage les bonnes pratiques de versionnage.

Point faible / d’amélioration :
  • Le cumul entre le développement PHP en MVC, l’intégration de fonctionnalités de sécurité (sessions, formulaires sécurisés, base de données), l’intégration WordPress, l’hébergement, le responsive, la duplication multi-VPS et la documentation rend le projet très dense pour seulement 2 à 3 semaines même si cela reste réalisable avec une bonne collaboration de groupe.

  • L’un des aspects un peu limitants de cette troisième semaine a été l’obligation d’utiliser une structure MVC imposée. Même si cela permettait d’uniformiser le travail de l’ensemble des groupes et de mieux coller aux attendus pédagogiques, cela a restreint notre liberté de conception technique.

    Il aurait été intéressant de pouvoir adapter ou améliorer la structure, par exemple pour mieux organiser les fichiers, séparer plus clairement certaines logiques (comme les middlewares ou les services), ou intégrer des pratiques modernes de gestion de projet en PHP.

Conclusion : 

Le cahier couvre toutes les dimensions d’un vrai projet web : contenu, design, back-end, base de données, sécurité, déploiement, collaboration, communication, tournage avec une progression bien définie dans le temps.

S’il est bien découpé entre les membres, chacun peut en tirer une réelle expérience professionnelle.

le projet autour de la murder party était vraiment intéressant. Le concept original et immersif a rendu le développement motivant, et j’ai pris beaucoup de plaisir à travailler sur ce projet, autant sur les aspects techniques que créatifs.

Retour en haut