L3 Informatique – Programmation Web backend


Logo ICOM Lyon 2

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

N/D

Modalités d’évaluation

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

Matériel en ligne

Bibliographie / Webographie

PHP/MariaDB

Autres ressources en ligne

  • VPN Lyon 2 étudiant
    • Doc Windows (449 Ko) PDF
    • Doc MacOS (665 Ko) PDF – Note : il n’est pas besoin d’installer le client SoftEther. Un client VPN est intégré à MacOS.
    • Doc Linux (407 Ko) PDF
  • 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
  • Theme Wagon, thèmes de sites responsive gratuits (HTML5 + CSS)