M M I1 SAE203 PHP, SQL

SAE 203. Réalisation d’un site portfolio.

Cette SAE s’appuie sur 3 ressources : R213 (PHP), R214 (BDD), R215 (hébergement). A l’issue de cette SAE, vous
aurez appris à réaliser le back-office d’un site (une interface d’administration) s’appuyant sur une base de données. La
partie "authentification" est facultative (elle devrait être vue l’année prochaine seulement). Ainsi, le site sera fait du
point de vue étudiant (car à terme il pourrait y avoir des enseignants, des administrateurs, chacun ayant des droits
différents sur le site).

Cahier des charges

1. Il faudra réaliser un site offrant aux étudiants MMI une interface permettant de saisir ses réalisations, classées
par thème (programmation, audiovisuel, ...) et/ou par ressource/SAE. Il y aura forcément une image associée à
chaque réalisation. Les étudiants doivent également pouvoir s’auto-évaluer sur ces différents projets. Dans une
version plus simple, chaque projet est évalué selon 3 critères : côté communication, côté créatif, côté technique
(pas forcément renseignés pour tous les projets, par ex il n’y aura pas forcément de note technique pour un
texte créé en communication ni de côté communication pour le jeu javascript...), voire suivant les 5 compétences
prévues par le PPN MMI (comprendre-concevoir-exprimer-développer-entreprendre). Vous pouvez aussi vous
frotter à une version plus compliquée (gros bonus si vous arrivez tout en gardant un site lisible...), où vous
prenez en compte les apprentissages critiques prévus par le PPN MMI (que je joindrai à ce sujet). Chaque
projet joue sur un certain nombre d’apprentissages critiques, il faut s’auto-évaluer dans chacun.
2. L’aspect "authentification" ne sera pas abordé cette année (c’est au programme de l’année prochaine) : vous
pouvez le traiter si vous le souhaitez, mais c’est facultatif. L’utilisateur peut donc faire toutes les opérations
(suppression, insertion, affichage...) sans se loguer...
3. Selon votre ambition et votre niveau, le site peut répertorier les travaux de plusieurs étudiants (toute une
promotion), ou d’un seul étudiant. Le premier cas est plus complexe bien sûr mais offre beaucoup de possibilités :
afficher les meilleures réalisations dans chaque domaine, faire un bilan des domaines où les étudiants s’évaluent
plus sévèrement/plus positivement, etc...
4. Vous pouvez également selon votre niveau gérer les traces : ce sont des documents supplémentaires (textes,
rapports, tableaux, images, ...) associés à un projet et/ou à un apprentissage critique, et permettant de ”prouver”
le niveau que vous vous êtes attribué.
5. back-office : il faut pouvoir ajouter, supprimer, afficher des projets via l’interface d’administration que vous
développez. Il faut pouvoir mettre à jour au moins une information (les évaluations liées à un projet par
exemple).
6. Il faut mettre en place un tableau de bord : affichage des meilleures réalisations dans chaque domaine,
moyenne de la promo (ou de l’étudiant pour un site dédié à un seul étudiant) par critère/compétence, ...
7. Selon votre niveau en programmation, vous aurez un objectif plus ou moins ambitieux. Il faut dans tous les cas
au minimum avoir 3 tables et faire une interface aussi ergonomique que possible qui possède au minimum les
fonctionnalités énoncées ci-dessus. Si vous le pouvez, vous rajouterez des fonctionnalités donnant de l’intérêt et
de la finesse à votre site d’administration.

Livrables et barême
1. Il faudra rendre pour le 22 mai 2023 au plus tard un rapport contenant absolument le lien permettant
de tester votre interface, le schéma de base de données, et le code HTML/PHP en annexe. Ce rapport sera
structuré en plusieurs parties, et ne sera pas organisé chronologiquement (j’ai d’abord fait ceci, puis cela...).
Vous pouvez par exemple faire une partie présentant succinctement les fonctionnalités principales de votre site,
sans trop entrer dans les détails mais en expliquant sur quelle requête SQL cette fonctionnalité est fondée, une
partie plus personnelle sur la façon dont vous avez organisé votre temps (combien de temps pour telle partie,
combien pour telle autre, difficultés rencontrées, etc...), une partie "test" avec des captures d’écran... D’autres
structures sont possibles.
2. ce site donnera lieu à deux notes, l’une donnée par M. Bendjama (côté BDD), l’autre par M. Le Cadet (côté
PHP).
3. Partie PHP : aspect du site sur 2, ergonomie du site sur 4, rapport sur 4, avancement technique sur 10 (5 sur 10
si seul le minimum est fait (un seul étudiant, 3 critères d’évaluation par projet) et qu’il est correctement fait).
4. Partie BDD : complexité des requêtes mises en oeuvre sur 10, rapport sur 5, schéma de la base de données sur
5.
M M I1 SAE203 PHP, SQL

Apprentissages critiques, portfolio

1. AC4102 : produire des pages Web statiques et fluides utilisant un balisage sémantique efficace.
2. AC4103 : générer des pages Web ou vues à partir de données structurées incluant des interactions simples.
3. AC4104 : mettre en ligne une application web en utilisant une solution d’hébergement standard.
4. AC4105 : modéliser les données et les traitements d’une Application Web.
5. AC4106 : utiliser et adapter un modèle d’accès aux données.