Diaporama de lancement de la SAE105 MMI "production web"

1. SAE 105 - Production web
Site web et données structurées
1

2. 2
La SAE 105 consiste à développer un premier site web
• Le site devra être réalisé "à la main" en html, css et javascript
• Certaines pages du site devront être "produites" à partir d'un jeu
de données structurées (format json)
• Le site sera déployé sur un unique hébergement : WebEtu
SAE 105 - Production web
Objectifs

3. 3
SAE 105 - Production web
Apprentissages critiques
Exploiter de manière autonome un environnement de
développement efficace et productif
Produire des pages Web statiques et fluides utilisant un
balisage sémantique efficace
Générer des pages Web ou vues à partir de données
structurées incluant des interactions simples
Mettre en ligne une application Web en utilisant une
solution d’hébergement standard
AC 4101 |
AC 4102 |
AC 4103 |
AC 4104 |

4. SAE 105 - Production web
4
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

5. SAE 105 - Production web
Sujet libre mais sous contraintes
5
• Utilisation de HTML/CSS, abordé en cours, valide w3c
• Original. Pas de thème repris d'internet ! (pas responsive)
• Du contenu rédactionnel significatif
Vue
• Format JSON (JavaScript Object Notation)
• Un volume significatif de données
• Une structuration hiérarchique significative
Modèle
Contrôleur
• Javascript
• Utilisation de la méthode vue en cours
• Pas de script repris d'internet

6. SAE 105 - Production web
Exemple 1
6

7. SAE 105 - Production web
Exemple 2
7

8. SAE 105 - Production web
Exemple 3 : popcorn
8

9. SAE 105 - Production web
Exemple 4 : innovimmo
9

10. SAE 105 - Production web
Organisation
10
• Réalisé en binôme d'étudiants, impérativement du même groupe
tp
• Être original dans le sujet du site
Volume planifié de la SAE (hors ressources) : 52h
R111
IntegWeb
R112
DevWeb
R113
Hébergement
AUT Restitution
2h td + 8h tp
+ 6h PRJ
2h cm + 2h td + 10h tp
+ 6h PRJ
2h td 10h 4h
Évaluation
R111
IntegWeb
R112
DevWeb
R113
Hébergement
Restitution
4 4 2 1
Coef

11. SAE 105 - Production web
Planning et livrables
11
• mardi 9 décembre 20h00
• Fiche d'intention (pdf)
• Nom du projet, sujet, premières données, url et site en construction
Liv #1
• Dimanche 11 janvier 20h00
• Archive des sites finaux (zip)
• Site dynamique final et rapport markdown readme
Liv #3
• Vendredi 19 décembre 20h00
• Archive du site statique (zip)
• Première version des fichiers JSON (zip)
Liv #2
• Mardi 13 janvier
• Restitution des travaux
• Évaluation par les pairs
Liv #4
Séance portfolio : vendredi 16 janvier

12. SAE 105 - Production web
Cours Arche dédié
12
[MMI1] SAE 105 - Production web
Salon discord dédié
Mentionner les enseignants
• @sae105-enseignants

13. SAE 105 - Production web
13
" Bon travail"