🍏
SAE203
  • 📖CM1 : Présentation de la SAE
  • 💾CM2 : Introduction à GitHub
  • 🎆TD01 : intégration 1/2
  • 🎆TD02 : intégration 2/2
  • 🎆CM3 : Template et responsive
  • 📔TD03 : Formulaire et traitement
  • 🗓️TD04 : filter_var et filtrage des données des formulaires en PHP
  • 🤝CM4 : Eco-conception & accessibilité
  • 💾TD05 : github
  • 🌳TD06 : Eco-conception & accessibilité
  • 🐛TP01 : réalisation de la page listing.php
  • 🌐TD07 : HEBERGEMENT SITE SAE203
  • 🌐TD08 : Les Clés du DevOps
  • 🏆BILAN des rendus
  • 😇Guide de Dépannage Git
  • **anciennes pages ci-dessous**
  • 🐛ancien TP01 : réalisation de la page listing.php
  • 🗓️ancien TD04 : vérification front
  • 📚ancien TD05 : MYSQL en ligne de commandes
  • *************************
  • 📖CM5 : Présentation de la semaine 2
  • 🤩TD 09 et 10 : librairie CRUD en PHP (1/2)
  • 😎TD 11 et 12 : librairie CRUD en PHP (2/2)
  • 🏍️TP 02 : Recherche : autocomplétion du formulaire + résultats
  • 🔐TD 13: Les secrets du htaccess
  • 🐛TP 03: débugage
  • ✅Bilan des rendus de la 2ieme semaine
Propulsé par GitBook
Sur cette page
  • Partie 1 - Etude préalable des données
  • Créez tout d'abord votre MCD
  • Partie 2 - Réalisation de la page d'accueil et catalogue
  • ToDo liste de la fin du TP :
Exporter en PDF

TD01 : intégration 1/2

Réalisation de la partie front du site

PrécédentCM2 : Introduction à GitHubSuivantTD02 : intégration 2/2

Dernière mise à jour il y a 2 ans

Partie 1 - Etude préalable des données

Créez tout d'abord votre MCD

Vous devez réfléchir à la structure de vos donnees: 2 tables (une de 6 champs minimum et une de 3 champs minimum sans compter les id. Cette étude vous permettra déjà de savoir combien de colonnes vous aurez à afficher dans les différentes pages.

Dans la plus grande table, il devra y avoir un champs "photo" pour illustrer l'enregistrement (ex: photo du chanteur, photo de l'affiche du film...) ce champ sera du texte (varChar) d'une taille de 30 caractères pour y stocker le nom de l'image (ex: "photoGarfield01.jpg") sachant que les fichiers photos seront eux stockées sur votre vps dans un dossier "images"

Faites vérifier votre MCD avant de passer à la suite

Partie 2 - Réalisation de la page d'accueil et catalogue

Réalisez la page d'accueil (index.php) et de la page d'affichage(listing.php) de toutes les données (version statique pour l'instant)

Exemple d'affichage "looké" pour vos datas (listing.php) n'utilisant pas une présentation type datatable:

Les pages du front devront toutes être responsives (2 versions : version écran ordi et version téléphone, une seule bascule à 480px)

La page listing.php sera à terme en php (pour pouvoir afficher toutes les données de la base de données). Pour l'instant, vous la laisser avec l'extension ".php" mais vous n'y mettez pas de php dedans (à part pour gérer l'entete et le pied de page comme en S1) et vous affichez les données sous forme d'un tableau avec 2 ou 3 lignes de données fictives.

ToDo liste de la fin du TP :

🎆
https://www.pokemon.com/fr/pokedex/