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 5.3
• Responsive. Pas de thème repris d'internet !
• Du contenu rédactionnel significatif, médias libres de droit
Vue
• Au moins 4 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
• Vendredi 10 février 20h00
• Fiche d'intention (pdf)
• Nom du projet, thème, données, url et site en construction
Liv 1
• Jeudi 16 mars 23h59
• Archive des travaux (zip)
• Site dans les 2 versions : statique + dynamique
Liv 3
Liv 4
• Vendredi 17 mars
• Présentation de travaux en groupes TP
• Évaluation par les pairs (pas de notation)
• Vendredi 17 février 20h00
• Archive du système d'information (zip)
• Export sql de votre base et principales requêtes SQL
Liv 2

10.
SAE 203 - Production web
Notation SAE
10
• R212 - Intégration Web (coef 2)
• R213 - Développement Web (coef 2)
• R214 - Système d'information (coef 2)
• R215 - Hébergement (coef 1)

11.
SAE 203 - Production web
Communication
Forum discord
Mention @sae203 (les 4 enseignants)
Cours Arche : [MMI1] SAE 203 : Site web et Base de données

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