1er site Web dynamique

Dans ce tutoriel je vais vous présenter comment concevoir et développer votre premier site web dynamique avec HTML, PHP et SQL. Je vais pour cela procéder étape par étape:

  1. cartographie du site → quelles pages devrons-nous développer ? de quelles données aurons-nous besoin ? quels scripts nous permettrons de “calculer” ces pages ? → structure de la base de données, test de requêtes SQL
  2. 1er script PHP → interrogation de la BdD puis génération d’une page HTML
  3. 1er formulaire HTML → l’utilisateur peut saisir des données qui seront transmises (paramètres CGI) au script PHP qui adaptera son traitement en conséquence
  4. petite parenthèse sur le problème des injections SQL
  5. hyperliens → dans le code HTML retourné au client, le script PHP génère des liens web vers des scripts PHP en encodant “à la main” des paramètres CGI dans les URLs
  6. ajout de JavaScript
  7. ajout de CSS

Sujet

Je prendrais un sujet bien connu des étudiants: leur emploi du temps. Le planning est constitué d’une liste de créneaux avec pour chacun: date, heure de début, heure de fin, cours concerné, salle, enseignant. Voici ci-dessous un exemple de jeu de données extrait de notre serveur ADE Campus.

ADE_screenshot01
ex: ADE Campus, BUT RT 2021-2022, BUT1 TP G1, semaine 14

Remarque: Afin de simplifier le sujet, je ne vais pas m’occuper de la structure des promotions découpées en années, en groupes de TD, en groupes de TP, etc.


Contact

J’ai rédigé ce tutoriel dans le cadre du module R209 “Initiation au développement Web” du BUT Réseaux & Télécommunications de Mont de Marsan. Pour toutes remarques ou suggestions, n’hésitez surtout pas à me contacter sur manuel.munier@univ-pau.fr.