tsin:pmeteo:meteocontresti

Différences

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

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
tsin:pmeteo:meteocontresti [2021/01/26 07:22] philippetsin:pmeteo:meteocontresti [2021/08/11 09:19] (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>