Atelier Professionnel PHP MySQL WordPress Elementor TablePress DomPDF Travail individuel

PicDuMidiBoutique

Développement d'un tableau de bord d'aide à la décision pour la boutique du Pic du Midi de Bigorre — site WordPress évoluant progressivement en 4 missions : de la page statique jusqu'à la génération automatique de rapports PDF, via des fonctions PHP connectées à MySQL et exposées en codes courts.

Outils & Technologies

PHP — fonctions, codes courts WordPress
MySQL / PhpMyAdmin — requêtes et indicateurs
WordPress — CMS, extensions, shortcodes
Elementor — constructeur de pages
TablePress — tableaux d'indicateurs
DomPDF — génération de rapports PDF
WampServer — serveur local de développement
GanttProject — planification de projet

Contexte

Initialement dédié à des activités scientifiques centrées sur l'astronomie et la météorologie, le Pic du Midi de Bigorre a connu en 1990 de graves difficultés financières allant jusqu'à menacer sa fermeture. Pour sauvegarder ce patrimoine, le site a ouvert ses portes aux touristes avec la mise en place d'une billetterie, d'un restaurant et d'une boutique souvenirs.

Dans ce cadre, l'objectif de cet atelier était de concevoir un outil d'aide à la décision pour la boutique du Pic — un tableau de bord avec les principaux indicateurs économiques, intégré dans un site WordPress et enrichi progressivement en 4 missions.

Problématique : Comment permettre aux responsables de visualiser facilement les indicateurs clés — visiteurs, chiffre d'affaires, moyennes — sans accès direct à la base de données, et d'interagir avec ces données en temps réel, jusqu'à la génération automatique de rapports PDF ?

4 Missions progressives

M1
Site statique — Page « Meilleure Journée »
Création de la page « Meilleure Journée » dans WordPress via Elementor. Intégration d'un tableau d'indicateurs avec TablePress (données saisies manuellement), d'une barre latérale personnalisée affichant le top 3 des meilleures journées, le top 3 des articles les plus vendus et un widget météo my-meteo.com. Le smiley de satisfaction est intégré en image statique.
M2
Site dynamique — Extension PHP & connexion MySQL
Création de l'extension WordPress accesbd.php avec connexion PDO à la base de données. Développement des fonctions PHP et de leurs codes courts associés : fct_getNbVisiteurs(), fct_getCaDuJour(), fct_getCaMoyenParJour(), fct_getCaMoyenParVisiteur(). Le smiley de satisfaction devient dynamique avec une animation CSS clignotante selon le niveau de CA.
M3
Site interactif — Filtrage par date
Ajout d'un formulaire HTML de saisie de date (méthode POST) permettant de consulter les indicateurs d'une journée spécifique. Développement de nouvelles fonctions paramétrées : fct_getDateSaisie(), fct_getTempsDUneDate(), fct_nbVisiteursDUneDate(), fct_caTotalDUneDate(). Création d'un nouveau tableau TablePress « Indicateurs de cette journée » ajouté au menu WordPress sous la catégorie « Zoom… ».
M4
Site interactif avancé — Génération de PDF avec DomPDF
Intégration de la bibliothèque DomPDF pour générer des rapports PDF dynamiques. Développement de fct_getTableauHier() et fct_getTableauHierEnPdf() pour la construction et l'export du tableau des indicateurs de la veille. Le rapport inclut un en-tête avec logo, un pied de page, et le smiley encodé en base64 via fct_getSmiley2() pour garantir l'affichage dans le PDF.

Résultats & Apprentissages

4
Missions progressives réalisées
+10
Fonctions PHP développées
PDF
Rapport généré avec DomPDF
Live
Données MySQL en temps réel

Cet atelier m'a permis de maîtriser la création d'extensions WordPress, le développement de fonctions PHP connectées à MySQL via PDO, et l'utilisation des codes courts pour exposer des données dynamiques. En progressant du site statique vers un site interactif avancé, j'ai acquis une vision complète du développement full-stack côté CMS.

Les indicateurs affichés (nombre de visiteurs, CA total, montant moyen par vente, CA moyen par visiteur) s'actualisent en temps réel selon la date sélectionnée. Exemple de valeurs testées pour le 02/03/2025 : 106 visiteurs, 841 € de CA total, 36,57 € moyen par vente, 7,93 € par visiteur.

Compétences BTS SIO validées

B1.3 Développer la présence en ligne — intégration WordPress, Elementor, CSS
A1.2 Concevoir une solution applicative — extension PHP, fonctions PDO, codes courts
A1.3 Développer une solution — 4 missions progressives, DomPDF, smiley base64
B1.4 Travailler en mode projet — planification GanttProject, diagramme de Gantt
B1.1 Gérer le patrimoine informatique — sauvegarde, versionnement de l'extension
Atelier précédent
Voir les compétences
Atelier suivant
Journée d'intégration