420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1

CVMAQUA Cet agence, instauré depuis 1954, sefforce de sensibiliser les étudiants du Cégep sur la qualité de leau et comment protéger cette ressource précieuse. Récemment, le design a du site a été refait ainsi que son intégration. 2

CVMAQUA - le site 3

Ce quil faut faire À partir du site Web actuel, il sagit de faire un gestionnaire de contenu. Celui permettra de : Modifier le texte central de la page daccueil Ajouter et supprimer des images pour la page de galerie photos Il faudrait également nettoyer le code. Actuellement, ce sont des pages HTML statiques. Il ny a pas de header ou de footer 4

Laboratoire en 2 étapes Ce laboratoire se fait en 2 étapes Faire la version de base du CMS, permettant de se connecter et de faire la modification du texte central de la page daccueil. Ensuite, faire la version améliorée, permettant le téléversement (file upload) et la suppression dimages pour la page galerie photos Ne commencez pas la 2 ième étape avant den avoir terminé la première. 5

Étape 1 - Consignes Modifier le site actuel pour quil soit en PHP, pas en HTML (avec header, footer, etc.) Ajouter notre framework de classes PHP (IndexAction, CommonAction, etc.) pour chaque page du site. Créer une page pour lauthentification Login.php Et LoginAction.php Créer les pages de gestion de contenu admin-index.php : Qui permet la modification de index.php Et AdminIndexAction.php 6

Étape 1 - Consignes (suite) Les informations des pages sont à sauvegarder dans des fichiers textes, puisque nous navons pas encore appris à nous connecter à Oracle La programmation du site doit être en orienté objet, selon la méthode vue en classe. ContentDAO est une classe du modèle qui contient des fonctions d'accès aux données (au fichier) Exemple : lireDonnees(), ecrireDonnees() 7 Vue Contrôleur Modèle admin-index.php AdminIndexAction.php ContentDAO.php

Étape 2 – téléversement dimages Afin de pouvoir ajouter les images dans la galerie photos, vous devez: Ajouter la page admin-images.php Ainsi que AdminImagesAction.php Faire un formulaire Web permettant de téléverser(« upload ») les nouvelles images. Recherchez sur Google pour : Ainsi que : « file upload PHP » Faire un module permettant de supprimer des images de la galerie photos. Voir sur Google: « unlink php » 8