Cette page représente la partie centrale du site, dédiée à l’affichage des montres disponibles à la vente. Elle permet un accès rapide aux principales informations produit : nom, prix, stock, et options d’action.

Chaque montre est présentée sous forme de carte qui affiche une image, le modèle, le prix et le stock disponible. L’utilisateur peut alors soit consulter plus de détails sur le produit, soit directement ajouter la montre à son panier.

Cette page est dynamique et connectée à la base de données MySQL du site. Lorsqu’un stock, ou une information est modifié, il est mis à jour en temps réel dans cette interface.

Le menu recherche permet également à l’utilisateur de filtrer les montres selon différents critères comme la catégorie, la marque, les matériaux ou encore la forme du boîtier.

Une fois le panier rempli, l’utilisateur accède à une page dédiée au processus de finalisation de commande, organisée en plusieurs étapes. D’abord, la section récapitule les montres ajoutées au panier avec les quantités et les totaux, permettant à l’utilisateur de modifier ou supprimer ses articles avant de valider.

Ensuite, il y a le choix du mode de livraison, avec une interface claire et simple. L’utilisateur choisi alors le mode de livraison qu’il préfère, et le deuxième écran s’actualise automatiquement selon le mode qu’il choisi, afin d’expliquer ce dernier.

Sur la partie droite, un formulaire de paiement simulé est proposé. L’utilisateur est invité à remplir les champs standards d’un paiement par carte bancaire. Aucune donnée n’est réellement envoyée, tout est fictif. Ce formulaire a été conçu pour respecter les standards visuels d’un processus de paiement.

En parallèle de l’interface utilisateur, j’ai développé un espace administrateur sécurisé qui permet de gérer l’intégralité du contenu du site. L’objectif était de rendre possible l’ajout, la modification ou la suppression de montres de manière fluide et intuitive, sans avoir à passer par le code. Chaque montre peut être éditée en quelques clics, avec un formulaire complet reprenant les caractéristiques principales : nom, prix, stock, catégorie, marque, matériau et forme du boîtier.

Le panneau d’administration inclut également une gestion fine des images associées : une montre peut avoir une image principale ainsi que plusieurs photos supplémentaires, ajoutées ou supprimées dynamiquement. Les modifications sont immédiatement enregistrées dans la base de données.

Ce module m’a permis de mettre en œuvre plusieurs notions, notamment la structuration MVC, la manipulation de bases de données via PDO, ainsi que le CRUD côté admin.

Voici ici la présentation de la page « Réalisations », qui leur permet de mettre à jour, rapidement et facilement chacune de leurs réalisations dans chacune des communes de l’Emblavez.

Ils peuvent y ajouter une image, avec une écriture titre, une écriture de texte et peuvent y insérer des liens, qui se démarque dans le texte.

Pour réaliser ces mises à jours simples et rapides, j’ai opté pour un système de catégories, acompagné d’ajouts d’articles à l’intérieur. J’ai préformaté ces articles en CSS, afin qu’il y est une formalitée dans la présentation de ces articles.

Nous avons ici la page « Portfolio », qui leur permet de présenter d’un côté les gazettes « Familéo », qui sont le résumé de tout ce qu’ils ont réalisés pendant chaque mois.

Cela fonctionnent aussi avec le système de catégories et d’ajouts d’articles, la mise en forme est automatique, et permet aux utilisateurs de cliquer sur le lien pour voir le contenu du pdf. La deuxième partie d’Articles de presse fonctionne de la même manière.

Les utilisateurs classent leurs fichiers dans deux types de dossiers, les « Originaux » et les « photos légendées ». Dans les originaux, se trouve les fichiers originaux directement après leur enregistrement, et dans les photos légendées, se trouvent les photos bullées, leur permettant par la suite de les légendées dans Google Drive.

Après la création du formulaire, ma première mission était de créer un rangement automatisé des fichiers envoyés par les utilisateurs depuis le formulaire.

J’ai réalisé cela, en faisant lire automatiquement les dossiers dans « Originaux »en temps réel, afin que l’utilisateur puisse choisir dans quels dossiers originaux il souhaite enregistrer son fichier. Le fichier est alors enregistrer premièrement dans les originaux et automatiquement, sans manipulations supplémentaires de l’utilisateur, dans les sous dossiers du dossier photos légendées, afin que l’utilisateur puisse par la suite les bullées.

Cette première partie étant terminé, l’utilisateur peut alors buller sa photo.

Côté Google Drive, le fichier est placé dans deux Google Sheets, le premier qui répertorie tous les fichiers présents dans chaque dossier. Il y a donc une feuille par dossier qui range les tableaux dans l’ordre, avec les données rentrées précédemment par l’utilisateur dans le formulaire.

Dans un deuxiième temps, les données sont aussi envoyés dans un deuxième Google Sheets, où se trouve une page « Sommaire ». Dans cette page se trouve donc la liste des fichiers se trouvant dans le classeur au nom du dossier choisi, où d’ici les utilisateurs peuvent accéder à l’image bullé, ainsi qu’au tableau légendé. Le tableau légendé est créé automatiquement à l’envoie du formulaire, et les utilisateurs n’ont donc plus qu’à remplir les noms des personnes présentes sur la photo en question.

Le 12 mars 2025, j’ai fais une petite apparition dans l’Eveil, afin de présenté le projet que j’ai réalisaé pour Clic à Rosières, sur l’entretient de leur mémoire des communes.

Une deuxième apparition le 31 mars 2025, cette fois ci pour présenter à la fois le projet de Clic à Rosières, et le site d’Emblavez Connect, que j’ai refais en ajoutant quelques petites choses, à but pratiques pour le membres d’Emblavez Connect.