L3 Informatique – Programmation Web backend

Année 2023-2024

Prérequis

• Connaissance des langages HTML et CSS
• Bases d’UNIX
• Bases de langage SQL

Objectif du cours

• Création de pages web dynamiques à l’aide d’un langage orienté objet
• Interfaçage de pages web avec des bases de données
• Pratique de l’architecture Modèle-Vue-Contrôleur (MVC) et des gabarits

Plan du cours

1. Objectifs du cours
2. PHP objet
3. Gabarits
4. Architecture MVC
5. Formulaires de saisie
6. Sessions
7. Interface PHP-base de données

Organisation pédagogique / Planning

• Cours (3 séances – 6h) : Jérôme Darmont
  • lundi 22/01 (10h-12h), salle D011
  • lundi 05/02 (10h-12h), salle D011
  • lundi 19/02 (10h-12h), salle D011
• TD (7 séances – 14h)
  • Groupe 001 : jeudis du 15/02 au 04/04 (8h-10h), salle D412 (Jérôme Darmont)
  • Groupe 002 : jeudis du 15/02 au 04/04 (10h-12h), salle D412 (Mihaela Scuturici)

Modalités d’évaluation

• Rendu de TD (coef. 0,3)
• Dossier en binôme (coef. 0,7)

Matériel en ligne

• Support de cours (1016 Ko)
• Squelette de page web HTML5 valide (1 Ko)
• Exemples/démos
  • Gabarit simple
  • Gabarit avec répétition
  • MVC et session PHP
  • MVC et base de données
• TD n° 1 corrigé (255 Ko) — PHP objet et gabarits
• TD n° 2 corrigé (292 Ko) — Transmission de données et MVC
• Sujet TD n° 3-4 (129 Ko) — Sessions et MVC (noté)
• TD n° 5 corrigé (127 Ko) — Interrogation de base de données
• TD n° 6-7 corrigé (180 Ko) — Mise à jour de base de données
• Sujet de dossier (92 Ko)

Bibliographie / Webographie

• L’histoire de Tim Berners-Lee, ou presque…, Isabelle Christment/<Class’Code>
• Livres disponibles à la BU
• Manuel PHP, PHP.net — Les classes et les objets, PHP.net
• Programmez en orienté objet en PHP, OpenClassrooms
• Programmation orientée objet en PHP, Kristen le Liboux
• PHP Standard Representation (PSR)
• Adoptez une architecture MVC en PHP, OpenClassrooms
• Évoluer vers une architecture MVC en PHP, Developpez.com
• MariaDB documentation

Autres ressources en ligne

• VPN Lyon 2 étudiant
  • Doc Windows (449 Ko)
  • Doc MacOS (665 Ko) – Note : il n’est pas besoin d’installer le client SoftEther. Un client VPN est intégré à MacOS.
  • Doc Linux (407 Ko)
• Moteur de gabarits TinyButStrong
• Notepad++, éditeur de code (HTML, CSS, PHP entre autres)
• FileZilla, client FTP open source sous Linux/Windows/Mac
• XAMPP, environnement de développement PHP/MariaDB open source sous Linux/Windows/Mac
  • Lancer le panneau de contrôle de XAMPP, puis démarrer le serveur web Apache et, si nécessaire, le serveur MySQL (en fait, MariaDB), en cliquant sur les boutons « Start ».
  • Placer vos fichiers dans le répertoire « xampp/htdocs ».
  • Accéder aux pages via un navigateur web à l’URL http://localhost/nom_page.php.
  • phpMyAdmin est disponible à l’URL http://localhost/phpmyadmin/. Les identifiants par défaut sont root et un mot de passe vide. Pour pouvoir travailler, il faut au préalable créer une base de données :
    • cliquer sur « Nouvelle base de données » (menu de gauche),
    • choisir un nom pour la base et cliquer sur « Créer » (panneau de droite),
    • cliquer sur le nom de votre base dans le menu de gauche.
• Service de validation HTML, W3C
• Service de validation CSS, W3C
• Palette de couleurs interactive
• Icônes libres de droit : Icon Archive, Unicons
• Templated et Theme Wagon, thèmes de sites responsive gratuits (HTML5 + CSS)