Présentation de lancement SAE105

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, javascript.
• Certaines pages du site devront être produites à partir d'un jeu de
données structurées.
• Le site sera déployé sur l'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, médias libres de droit
Vue
• Format JSON (JavaScript Object Notation)
• Un volume significatif de données
• Une structuration hiérarchique
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 de la SAE (hors ressources) : 54h
R111
IntegWeb
R112
DevWeb
R113
Hébergement
PRJ AUT Restitution
14h tp 2h cm + 2h td + 8h tp 2h td 12h 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
• lundi 8 décembre 18h00
• Fiche d'intention (pdf)
• Nom du projet, sujet, premières données, url et site en construction
Liv #1
• Dimanche 14 janvier 22h00
• Archive des sites finaux (zip)
• Sites dans les 2 versions (statique + dynamique) et rapport markdown readme
Liv #3
• Lundi 18 décembre 20h00
• Archive du site statique (zip)
• Première version des fichiers JSON (zip)
Liv #2
• Lundi 15 janvier
• Restitution des travaux
• Évaluation par les pairs
Liv #4

12. SAE 105 - Production web
Cours Arche dédié
12
[MMI1] SAE 105 - Production web
Salon "forum" discord dédié
• Entrées par ressource (posts)
• Pensez à suivre tous les posts
• Publiez dans les bons posts
Mentionner les enseignants
• @sae105-referents

13. SAE 105 - Production web
13
" Bon travail tout le monde "