Présentation de lancement de la SAE203 - MMI S2

1. SAE 203 - Production web
Site web et base de données
1
La SAE 203 consiste à développer un site Web exploitant une base de
données relationnelle pour le stockage et la structuration des données.
Le site devra être responsive, intégrer quelques interactions simples et
être déployé sur au moins deux hébergements.

2. SAE 203 - Production web
Retour sur SAE105
2
Site web
Données
json
Affichage
html/css
Traitement
Javascript
Serveur
Webetu
+ DevWeb
Ressources : IntegWeb + Hébergement
Modèle
Approche MVC : Modèle
Vue
+ Vue
Contrôleur
+ Contrôleur

3. SAE 203 - Production web
Evolutions SAE203
3
Site web
Données
json
Affichage
html/css
Traitement
Javascript
Serveur
Webetu
+ DevWeb
Ressources : IntegWeb + Hébergement
Modèle
Approche MVC : Modèle
Vue
+ Vue
Contrôleur
+ Contrôleur

4. SAE 203 - Production web
Evolutions SAE203
4
Site web
Données
json
Affichage
Bootstrap
Traitement
Javascript
Serveur
Webetu
+ DevWeb
Ressources : IntegWeb + Hébergement
Modèle
Approche MVC : Modèle
Vue
+ Vue
Contrôleur
+ Contrôleur

5. SAE 203 - Production web
Evolutions SAE203
5
Site web
Données
BDD
Affichage
Bootstrap
Traitement
Javascript
Serveur
Webetu
+ DevWeb
Ressources : IntegWeb + Hébergement
Modèle
Approche MVC : Modèle
Vue
+ Vue
Contrôleur
+ Contrôleur
+ Bases de données

6. SAE 203 - Production web
Evolutions SAE203
6
Site web
Données
BDD
Affichage
Bootstrap
Traitement
Php
Serveur
Webetu
+ DevWeb
Ressources : IntegWeb + Hébergement
Modèle
Approche MVC : Modèle
Vue
+ Vue
Contrôleur
+ Contrôleur
+ Bases de données

7. SAE 203 - Production web
Evolutions SAE203
7
Site web
Données
BDD
Affichage
Bootstrap
Traitement
Php
Serveur 1
Webetu
+ DevWeb
Ressources : IntegWeb + Hébergement
Modèle
Approche MVC : Modèle
Vue
+ Vue
Contrôleur
+ Contrôleur
+ Bases de données
Serveur 2
Autre

8. SAE 203 - Production web
Thème libre mais sous contraintes
8
• Utilisation de Bootstrap en version courante
• Responsive. Pas de thème repris d'internet !
• Du contenu rédactionnel significatif, médias libres de droit
Vue
• De 6 à 10 tables avec "liaisons"
• Requêtes SQL de type jointure (avec WHERE, ORDER BY…)
• Un volume significatif de données
Modèle
Contrôleur
• Php + Mysqli
• Utilisation de la méthode vue en cours
• Pas de script repris d'internet

9. SAE 203 - Production web
Planning et livrables
9
• Jeudi 28 mars 20h00
• Note d'intention
• Nom du projet, thème, données, url et page site en construction
Liv 1
• Jeudi 16 avril 23h59
• Site dynamique final avec BDD finale
• Le readme rapport de projet (markdown et export html)
• Le document d'autoévaluation
Liv 3
Liv 4
• Jeudi 18 avril / vendredi 19 avril selon les groupes
• Présentation de travaux en groupe TP
• Évaluation par les pairs
• Vendredi 05 avril 20h00
• Système d'information :
MCD, MLD, MPD, export SQL de votre base et principales requêtes SQL
Liv 2

10. SAE 203 - Production web
Volume d'accompagnement par étudiant
10
Heures TD Heures TP PRJ
Intégration web 2 6 4
Système d'information 4 4 4
Développement web 2 6 4
Hébergement 0 2
Total 26 h 12 h
S'ajoutent : 4h PRJ en autonomie et 4h de restitution
Sur 4 semaines, environ 40h encadrées
Planning "organisé" mais enseignants polyvalents

11. SAE 203 - Production web
Évaluation de la SAE
11
• R212 - Intégration Web (coef 3)
• R213 - Développement Web (coef 3)
• R214 - Système d'information (coef 3)
• R215 - Hébergement (coef 2)
• Restitution (coef 1)
Les enseignants feront leur maximum pour individualiser les notes et tenir
compte le plus justement possible du travail de chacun
Une seule note remontée mais les détails vous seront fournis
Séances portfolio le 7 mai

12. SAE 203 - Production web
12
Organisation
• En binôme (même groupe TP)
• Encouragement à modifier les binômes par rapport à SAE105
• Chaque étudiant doit pouvoir justifier d'un travail équilibré dans les
divers "pôles"
• Auto-évaluation (liste des tâches de chacun dans les divers "pôles")
• Evaluation par les pairs (comme SAE105) –
Grille avec barème fournie
• Étape 1 : prendre connaissance des attendus de chaque ressource en
lisant le cours arche de la SAE en détails et poser les questions

13. SAE 203 - Production web
Communication
Forum discord (à suivre de très près)
Mentionner les enseignants @sae203-enseignants
Cours Arche : [MMI1] SAE 203 : Site web et Base de données
https://arche.univ-lorraine.fr/course/view.php?id=54661

14. SAE 203 - Production web
14
" Bon travail tout le monde "