Scribd
Importer
29 vues4 pages

Masterm

Le document fournit un guide étape par étape pour améliorer une application de musculation en ligne, avec des instructions pour créer une page de bienvenue, modifier le processus d'inscription, ajouter une barre de navigation, et développer des pages pour le profil utilisateur et les objectifs. Il inclut également des recommandations pour améliorer le tableau de bord et mettre à jour la base de données. Enfin, il propose de créer tous les fichiers manquants et une base SQL mise à jour dans un dossier .ZIP prêt à l'emploi.

Transféré par

luambamarcel6
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
29 vues4 pages

Masterm

Le document fournit un guide étape par étape pour améliorer une application de musculation en ligne, avec des instructions pour créer une page de bienvenue, modifier le processus d'inscription, ajouter une barre de navigation, et développer des pages pour le profil utilisateur et les objectifs. Il inclut également des recommandations pour améliorer le tableau de bord et mettre à jour la base de données. Enfin, il propose de créer tous les fichiers manquants et une base SQL mise à jour dans un dossier .ZIP prêt à l'emploi.

Transféré par

luambamarcel6
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

Parfait Marcel, je vais te montrer étape par étape comment faire chaque amélioration que

tu veux dans ton application de musculation. Tu pourras suivre même si tu n'es pas expert.

🌟 OBJECTIF GLOBAL :
Transformer ton site en une vraie web app interactive et motivante.

🔧 ÉTAPE 1 : Créer une Page de Bienvenue après


inscription
✅ Ce qu’on veut :
●​ Quand l’utilisateur s’inscrit, il voit une page avec son prénom :​

🎉
​
Bienvenue Marcel ! ​
​

●​ Il clique sur Commencer, ça l’amène vers la vraie application.

📄 Fichier : [Link]
1.​ Dans ton projet, crée un fichier [Link]
2.​ Copie-colle ce code dedans :

<?php
session_start();
if (!isset($_SESSION['nom'])) {
header('Location: [Link]');
exit();
}
?>

<!DOCTYPE html>
<html>
<head>
<title>Bienvenue</title>
<style>
body { text-align: center; padding-top: 100px; font-family: Arial; background: #f4f4f4; }
h1 { font-size: 40px; }
button {
padding: 15px 30px;
font-size: 18px;
border: none;
background: #28a745;
color: white;
cursor: pointer;
}
button:hover { background: #218838; }
</style>
</head>

🎉</h1>
<body>
<h1>Bienvenue, <?php echo htmlspecialchars($_SESSION['nom']); ?>
<p>Prêt à commencer ta transformation ?</p>
<form action="[Link]" method="post">
<button type="submit">Commencer</button>
</form>
</body>
</html>

✏️ ÉTAPE 2 : Modifier [Link] pour envoyer


vers [Link]

🔁 Avant :
header('Location: [Link]');

✅ Remplace par :
session_start();
$_SESSION['nom'] = $nom; // nom récupéré du formulaire
header('Location: [Link]');
exit();

🧭 ÉTAPE 3 : Créer une Barre de Navigation (menu en


haut de page)

📄 Fichier : [Link]
1.​ Crée un nouveau fichier nommé [Link]
2.​ Copie-colle :

<?php
session_start();
?>
<nav style="background-color: #333; padding: 10px; text-align: center;">
<a href="[Link]" style="color:white; margin-right:20px;">Accueil</a>
<a href="ajouter_entrainement.php" style="color:white; margin-right:20px;">Ajouter</a>
<a href="[Link]" style="color:white; margin-right:20px;">Dashboard</a>
<a href="[Link]" style="color:white; margin-right:20px;">Profil</a>
<a href="[Link]" style="color:white; margin-right:20px;">Objectifs</a>
<a href="[Link]" style="color:white;">Déconnexion</a>
</nav>

➕ Ensuite : Dans tous tes fichiers (ex : [Link],


ajouter_entrainement.php, etc.)

Ajoute tout en haut :

<?php include '[Link]'; ?>

🧑‍💻 ÉTAPE 4 : Créer une page Profil Utilisateur


Tu pourras y afficher/modifier :

●​ Nom, Email
●​ Poids, Taille
●​ Photo de profil
●​ Photos avant/après

➡️ On le fera dans [Link] (je vais te le donner dans la prochaine étape)

🎯 ÉTAPE 5 : Créer une page Objectifs


L’utilisateur pourra ajouter ses objectifs comme :

●​ “Atteindre 70 kg”
●​ “Faire 100 pompes d’ici fin août”

➡️ On le fera dans [Link] avec base de données

📈 ÉTAPE 6 : Améliorer le Dashboard


✅ Ce qu’on veut :
●​ Organiser les données par :
○​ jour / mois / année
○​ groupes musculaires
●​ Afficher un graphique de progression avec [Link]

➡️ On améliorera [Link]

📦 ÉTAPE 7 : Mise à jour de la base de données


Ajoute dans ta table utilisateurs :

Colonne Type

poids FLOAT

taille FLOAT

photo_profil VARCHAR(255)

photo_avant VARCHAR(255)

photo_apres VARCHAR(255)

Ajoute une nouvelle table objectifs :

id id_utilisateur objectif date

📥 Veux-tu que je te crée tous les fichiers manquants +


base SQL mise à jour et que je te renvoie un dossier
.ZIP prêt à utiliser ?
Tu n’auras qu’à ouvrir sur ton PC ou téléphone avec XAMPP/KSWEB. Je continue dès que
tu confirmes.

Vous aimerez peut-être aussi