Début du projet : semaine 1
Pour commencer, nous avons créé la base du site, une étape primordiale pour pouvoir mettre à jour régulièrement le projet au fur et à mesure de notre avancement. Durant cette première semaine, nous avons donc développé la page d'accueil, le journal de bord et le cahier des charges. Nous n’avons pas spécifiquement divisé les tâches pour cette phase initiale, chacun a apporté sa contribution en modifiant et en ajoutant ce qui lui semblait utile.
Pour la prochaine étape, nous allons nous répartir les tâches :
- Tom se concentrera sur le développement du CSS de la page d'accueil en mettant en place une première version.
- Yanis se chargera de mettre à jour le journal de bord et d’ajouter des éléments au cahier des charges, après avoir créé les pages "Règles du jeu" et "Histoire du jeu".
- Jorys commencera à développer la logique du jeu Puissance 4, en effectuant des recherches pour bien démarrer la partie technique du projet.
Semaine 3 et 4
Pendant ces deux semaines, le projet a beaucoup avancé. Durant la troisième semaine, Tom a créé une première version du CSS pour la page d’accueil, Yanis a créé les pages "Histoire" et "Règles du jeu", et Jorys a commencé à développer la partie logique du jeu. Cependant, gérer seul toute la logique du jeu s'est révélé compliqué pour Jorys, ce qui a entraîné plusieurs difficultés.
À la fin de cette troisième semaine, nous avons décidé de mieux nous organiser : Tom a rejoint Jorys pour travailler ensemble sur la partie logique et le développement du jeu, tandis que Yanis a pris en charge l'amélioration du design global du site. Yanis s'est concentré sur l'uniformisation du style CSS pour toutes les pages (Accueil, Jeu, Histoire, Journal, Cahier) et sur la mise à jour des contenus.
À la fin de la quatrième semaine, Tom et Jorys avaient bien avancé ensemble sur la logique du jeu Puissance 4, et Yanis avait considérablement amélioré l’esthétique et la cohérence visuelle du site.
Ce que Tom et Jorys ont réussi :
- Création de la grille de jeu en HTML et CSS avec une mise en page propre (grille 7x6 avec cases rondes).
- Génération dynamique de la grille en JavaScript.
- Alternance entre deux joueurs (rouge et jaune) à chaque clic sur une case.
- Mise en place de la structure du code pour ajouter la détection de victoire ultérieurement.
Problèmes rencontrés :
- Les couleurs des pions (rouge et jaune) ne s'affichent pas encore correctement après un clic.
- La fonction pour détecter un gagnant n’est pas encore codée.
- Absence de bouton pour recommencer une partie.
- Le design du plateau de jeu n'est pas encore harmonisé avec le reste du site.
Ce que nous devons faire pour la suite :
- Afficher correctement les couleurs rouge et jaune lors du placement des pions.
- Programmer la détection automatique de la victoire (alignement de 4 jetons).
- Empêcher de continuer à jouer une fois la victoire détectée.
- Ajouter un bouton "Rejouer" pour recommencer une partie facilement.
- Uniformiser complètement le style CSS du jeu avec les autres pages.
- Adapter le site pour une bonne utilisation sur mobile .
Semaine 5
La cinquième semaine s'est bien passée et nous sommes sur la bonne voie pour finaliser notre projet. Nous arrivons bientôt à la fin du développement de notre jeu Puissance 4, et il ne reste plus que quelques ajustements pour le rendre totalement fonctionnel et esthétique. Nous avons bien avancé, et il ne reste plus qu’à finaliser les derniers détails.
Ce que Yanis a fait :
- Mise à jour du journal de bord.
- Correction de certains problèmes comme les pages qui ne s'affichaient pas et le souci lié à l’index.
- Réalisation du CSS de la page du jeu, en veillant à ce que la présentation du plateau soit cohérente avec le reste du site.
- Ajout de la musique d’ambiance : un bouton permet de lancer ou arrêter la musique, sans gêner l’expérience utilisateur.
Ce que Tom et Jorys ont fait :
- Affichage des pions : les pions sont désormais correctement affichés en rouge pour le joueur 1 et en jaune pour le joueur 2.
- Développement de la logique du jeu : mise à jour fonctionnelle de la grille à chaque tour, avec alternance automatique des joueurs.
- Tests et ajustements : diverses vérifications et modifications pour garantir le bon déroulement des tours de jeu.
Ce qui reste à faire :
- Implémenter la détection de victoire (alignement horizontal, vertical ou diagonal de 4 pions).
- Ajouter un bouton "Rejouer" pour recommencer une partie facilement.
- Désactiver le jeu une fois la victoire détectée et afficher un message de fin de partie.
- Optimiser l’affichage pour une meilleure utilisation sur mobile.
Problèmes rencontrés :
- La mise en place de la logique du jeu a demandé du temps, notamment pour gérer l’alternance des joueurs et l’affichage des pions.
- Au départ, les couleurs des pions ne s’affichaient pas correctement, mais après plusieurs ajustements, le problème a été résolu.
Semaine 6
Le projet touche à sa fin : le jeu est désormais entièrement terminé et parfaitement fonctionnel. Nous avons accompli tous les objectifs que nous nous étions fixés, et nous sommes très satisfaits du résultat final. C’est une belle réussite d’avoir mené à bien toutes les étapes du développement, du design jusqu’à la logique du jeu.
Ce que Yanis a fait :
- Ajout du bouton "Rejouer" permettant de relancer une partie après une victoire.
- Correction de quelques petits bugs restants pour assurer une meilleure stabilité du site.
- Adaptation du site pour une utilisation fluide sur mobile (responsive design).
- Mise à jour et finalisation du journal de bord.
Ce que Tom et Jorys ont fait :
- Finalisation de la logique du jeu, désormais complète et fonctionnelle.
- Implémentation de la détection de victoire : alignements de 4 pions horizontaux, verticaux ou diagonaux.
- Ajout d’un message de fin de partie qui annonce le gagnant et bloque les actions une fois la victoire détectée.
pour le rendu final :
Dernière semaine : fin du projet
Tom et Jorys ont réalisé l'explication détaillée de la partie du code concernant la détection des victoires, afin de mieux documenter et comprendre cette fonctionnalité essentielle du jeu.
Yanis a créé la page "Synthèse" ainsi que son contenu, et a également mis à jour la page "Journal" pour y intégrer les dernières avancées.