Différences

Ci-dessous, les différences entre deux révisions de la page.

--- tsin:pmeteo:meteocontresti [2020/12/21 15:36] – [6. Ressources documentaires] philippe
+++ tsin:pmeteo:meteocontresti [2025/06/19 19:29] (Version actuelle) – modification externe 127.0.0.1
@@ Ligne 1: / Ligne 1: @@
+[[:tsin:pmeteo:accueilprojetmeteo|{{ :iconemaison.jpg?nolink&30|Sommaire Projet Météo}}]]
+=====Etape 4 : Consignes pour la partie "Restitution de l'information" =====
+{{ :projetsin:projetmeteopage.jpg?nolink&200|}}
+[Mise à jour le 26/01/2021]
+=== Sommaire ===
+  - [[tsin:pmeteo:accueilprojetmeteo|Présentation et conduite de projet]]
+  - Acquisition de l'information
+  - **Restitution de l'information** (voir ci-dessous)
+  * Suivi du travail collectif et du travail personnel
+----
+<note warning>Le groupe doit avoir fait valider le travail demandé dans l'Etape 1 - **"ANALYSE DU BESOIN"** **AVANT** d'aborder la conception préliminaire.</note>
+==== A. Etape 2 - Conception préliminaire (travail collectif) ====
+{{ :projetsin:groupe.png?nolink&70|}}
+  * Le travail des membres du groupe doit permettre de **présenter** et **afficher** les **grandeurs physiques** mesurées dans **deux sites Web**.
+    * un site **web pour mobile** (conçu avec **jQuery**). \\ Travail demandé :
+      * Faire un **squelette** (avec le contenu des pages)et définir une charte graphique,
+      * Dessiner l'**architecture** du site (__nom des pages__ et des fichiers),
+    * un site **web pour PC** (conçu sans framework et sauf exception, **dimensionné en pixels**)  \\ Travail demandé :
+      * Faire **trois** **maquettes graphiques** au crayon (collectif). Votre enseignant en choisira une, puis définir le __**contenu des pages**__(individuel).
+      * Etablir la **charte graphique**.
+      * Dessiner l'<html><a href="https://www.lafabriquedunet.fr/seo/articles/optimiser-architecture-site-web-seo/" target="_blank"><strong>architecture</strong></a></html> du site final (__nom des pages__ et des fichiers),
+        * **Gabarit du site**
+          * template.html
+          * styles/style.css
+        * **Site final**
+          * 1 page d'accueil (index.html ou .php)
+          * 1 feuille de style commune (styles/style.css)
+          * 1 page de présentation d'une grandeur physique par élève (nomgrandeurphysique.html)
+          * 1 feuille de style par élève pour adapter la page de la grandeur physique(styles/nomgrandeurphysique.css)
+          * 1 outil de restitution par élève (scripts/nomgrandeurphysique.js)
+<note warning>Faire valider votre travail</note>
+    * Le site web pour** mobile** doit également permettre de **tester le bon fonctionnement** du site web pour PC.
+<note>Ces deux sites seront installés sur un serveur **NAS** de test ou une carte **Raspberry Pi** dans la salle de classe.</note>
+{{ :projetsin:meteo:projetsitemeteo.png?nolink|}}
+  * L’**arborescence** des répertoires du projet est **imposée** comme sur la copie d'écran ci-contre.
+<note warning>Le répertoire **GeneriqueWifiV2** est téléchargeable <html><a href="https://webge.fr/doc/projets/tsin/00_Ressources_communes/GeneriqueWifiV2.zip" target="_blank">ici</a></html>.</note>
+//GeneriqueWifiV2// est à remplacer par //Meteox//. x est le numéro attribué au groupe. Ce répertoire contient :
+  * un exemple de widget jQuery (à modifier)
+  * les bibliothèques jQuery et jQWidget à utiliser
+  * les scripts (get_val1.php, update_led.php) pour tester le transfert des données (à modifier)
+<note warning>Le document support des **explications** concernant la programmation de la communication (côté Web) entre la page Web et la carte Arduino Uno Wifi est téléchargeable <html><a href="https://webge.fr/doc/projets/tsin/0_Fiches guide TSIN/TSIN_FG8b_REST_Jauge_BP.zip" target="_blank">ici</a></html>.</note>
+{{ :projetsin:taches.jpg?nolink&150|}}
+  * **Tâches** à répartir au sein du groupe (4 élèves)
+   * Conception du **gabarit** du site pour PC (1 ou 2 élèves)
+   * Conception du **site pour mobile** (1 élève)
+   * Réalisation du schéma du **réseau** (1 ou 2 élèves)
+----
+==== B. Etape 3 - Conception détaillée (Travail personnel)====
+{{ :projetsin:personne.jpg?nolink&90|}}
+> **Choisir** une méthode de restitution de l'information (jauge, graphique, valeur, algorithmique,etc.) et compléter le cahier des charges du groupe.
+----
+==== C. Etape 4 -  Réalisation (travail personnel)====
+{{ :projetsin:personne.jpg?nolink&90|}}
+Chaque élève doit réaliser **__au moins une page__** du site web pour PC à partir du template du groupe. Cette page doit contenir les informations en rapport avec le(s) capteur(s) qu'il a mis en œuvre dans la partie « Acquisition » du projet.
+  - **Installer** le répertoire du projet dans son compte www sur le NAS SIN
+  - **Concevoir** le ou les éléments de restitution de l'information (widget, graphique, valeur, etc.)
+  - **Tester** les éléments de restitution de l'information avec une carte Arduino wifi : <html><a href="https://webge.synology.me/ns/sharing/7y3U2" target="_blank">à consulter</a></html>.
+  - **Intégrer** ses éléments de restitution de l'information dans __sa page__ sur le site (construite à partir du gabarit), ajouter des informations sur la grandeur physique et le moyen de mesure.
+  - **Déployer** la page sur le serveur de test (NAS ou Raspberry Pi).
+----
+{{ :projetsin:evaluation.jpg?nolink&150|}}
+==== D. Evaluation ====
+L’**évaluation** porte sur la capacité de chaque élève :
+  * à **collaborer** avec les autres membres du groupe lors des phases de travail collectif et
+  * à **réaliser** sa part du travail dans le temps imparti.
+<note important>Le travail doit être **équitablement** réparti entre les membres du groupe.</note>
+----
+{{ :web.png?nolink&100|}}
+==== E. Ressources documentaires ====
+  * **Le wiki WebPEM** : des ressources pour la conception d'un site web [[web:accueilweb|[lien]]]
+<note>Le contenu de ce document est susceptible d'évoluer au cours du projet.</note>