SAE 203 – Concevoir un site Web avec une source de données

COMPETENCE CIBLEE ➔ DEVELOPPER UN SITE WEB ET LE METTRE EN LIGNE

Cette activité correspond au travail de réalisation d’un site Web respectant les standards du Web.

Elle permet de combiner les ressources liées au développement, à l’intégration, à la modélisation des données ainsi qu’à l’hébergement d’un site.

Elle continue de sensibiliser les étudiants à la nécessité de respecter les normes et les bonnes pratiques du développement.

OBJECTIFS

Produire un site Web respectant la norme MVC (Model, View, Controller).
Le site produit doit valider les normes du W3C et suivre une partie des recommandations WCAG.
Le site Web doit disposer d’un modèle de données en parfaite adéquation avec ses besoins.
L’hébergement et la maintenance seront maîtrisés.

La modélisation des données
Présentation des outils de production de site efficaces utilisés dans chaque ressource nécessaire
Une base de données contenant les données exploitées
Une liste de requêtes SQL permettant au site de fonctionner
La modélisation des traitements (enchaînement des pages et actions / requêtes)
Les fonctions permettant d’accéder aux données (PDO, MySQLi, …)
Les formulaires pour l’ajout de données (POST, INSERT) et le code de contrôle, filtrage et validation des données. Par exemple : un formulaire de contact.
Les feuilles de style CSS
La démonstration d’utilisation de script côté client pour rendre le site interactif
Le site Web complet hébergé en ligne avec sa base de données
Un plan de migration / sauvegarde du site pour passer d’un hébergement à l’autre

AC4101 - Exploiter de manière autonome un environnement de développement efficace et productif
AC4102 - Produire des pages Web statiques et fluides utilisant un balisage sémantique efficace et des interactions simples
AC4103 - Générer des pages Web ou vues à partir de données structurées
AC4104 - Mettre en ligne une application Web en utilisant une solution d’hébergement standard
AC4105 - Modéliser les données et les traitements d’une application Web

N° Séance	1	2	3	4	5	6	7	8	9	10	11	12	13	14	15	16	17	18
R212	CM	CM	TD	TP	CM	TP	TD	TP	TP	TP
R213		CM	CM	TD	TP	CM	TP	TD	TP	TP	TP
R214			CM	TD	TP	CM	TD	TP	TD	TP
R215							CM	TD	TP	TP	CM	TP	TP	TP
SAé 203		CM	TD	TP	CM	TD	TD	CM	TD	TD	TP	TD	TD	CM	TD	TD	TD	TP
SAé 203								Perso x2				Perso x2			Perso x3	Perso x3	Perso x3	Perso x2
Ressource mobilisée pendant la SAé		R212	R212	R212	R213	R213	R212	R214	R214	R216	R213	R216	R214	R215	R213	R215	R213	R215

C’est un projet individuel.
Le thème de cette SAE s’articule autour de vos centres d’intérêts comme pour la SAé 105.
Il vous faudra en présenter un certain nombre parmi vos : loisirs, hobbies, collections, sports, …
Vous réaliserez une seule version du site respectant les standards MVC :
Le routeur redirige les requêtes du client vers le Contrôleur qui appelle la bonne Vue en récupérant les données du Modèle nécessaires à l’affichage de cette vue.
Le templating sera fait côté serveur cette fois-ci à l’aide d’une écriture simplifiée PHP.
Le site devra être hébergé de deux manières : à l’université et chez un hébergeur.
Il devra disposer d’une base de données relationnelle conforme aux standards qui sera administrée par une interface Web de type PHPMyAdmin pour la mettre à jour.
On développera au sein d’un Virtual Host.

Le routeur, il s’agit de index.php, c’est lui qui choisit le contrôleur appelé ainsi que l’action qu’il doit réaliser sur la page.
Le contrôleur par défaut qui s’occupe de transmettre à la vue les éléments dont elle a besoin.
Le modèle par défaut qui s’occupe de gérer la connexion à la base (prévoir des paramètres différents en local et en hébergement) mais aussi de récupérer simplement des tuples / lignes des tables de la base de données.
Un contrôleur pour chaque centre d’intérêt et autre page complémentaire
Un répertoire de vues pour chaque contrôleur créé.
Une vue pour chaque action spécifique disponible dans le contrôleur.
L’usage de namespace est obligatoire.

Eléments fournis :

Sélectionner au moins trois de vos centres d’intérêts, puis les faire valider.
- Il ne sera pas possible d’aborder certains thèmes : armes, violence, substances illicites, …
La page d’accueil doit, au minimum, contenir :
- Un titre,
- Une présentation de vous-même,
- La liste des centres d’intérêts retenus sous forme de barre de navigation.
- Ne pas oublier le lien permettant d’accéder à la page de chacun d’entre eux.
Une page par centre d’intérêt, contenant au moins :
- Un titre,
- Une présentation du centre d’intérêt
- Une liste simplifiée d’éléments associés produits UNIQUEMENT grâce à la base de données
- Un affichage détaillé lors du clic sur un des éléments de la liste simplifiée.
  Ex : Pokémon -> présenter ses Pokémons préférés avec un petit texte explicatif, une ou plusieurs images (évolutions ?), les caractéristiques sous forme de tableau, …

Eléments fournis :

Le MVC complet
- La structure complète de répertoire avec les modèles, vues et contrôleurs
- Les médias : images, photos, vidéos, audios, …
Les livrables indiqués par vos enseignants.
Le site mis en ligne (la plateforme d’hébergement sera annoncée pendant le cours R215), ainsi qu’une documentation expliquant la procédure pour le mettre en ligne (déploiement).
Les preuves devront être mise dans le coggle.it que j’ai partagé avec vous. Il s’agit de lien, images, documents démontrant que vous avez répondu à la demande.
https://bit.ly/3JavKgW