tsin:pbac:restitution [WEBGE Wikis]

Cette page est en lecture seule. Vous pouvez afficher le texte source, mais ne pourrez pas le modifier. Contactez votre administrateur si vous pensez qu'il s'agit d'une erreur.
[[:tsin:pbac:accueilprojetbac|{{ :iconemaison.jpg?nolink&30|Présentation et conduite du projet de fin d'année dans la spécialité SIN}}]]  

===== Projet de spécialité STI2D SIN : "Consignes et guide pour la restitution de l'information" =====

** Rédacteur** : Philippe Mariano

**Mise à jour** le 11/3/2025

{{ :projetsin:bac:restitution.jpg?nolink&200|}}

**Liens** \\
  * <html><a href="https://webge.fr/dokuwiki/doku.php?id=tsin:pbac:suivi" target="_blank">Page de suivi du travail collectif et du travail personnel</a></html>
  * Page de consignes et guide pour l'acquisition de l'information

----

<callout type="warning" color="red" icon="true">Le groupe doit avoir fait valider le travail demandé dans l'Étape 1 - **"ANALYSE DU BESOIN"** **AVANT** d'aborder la conception préliminaire.</callout>



<callout type="info" icon="true">**Rappel sur la répartition des tâches dans la partie "Restitution de l'information"** \\
1. Chaque élève réalise **une page** du site pour PC à partir du gabarit commun au groupe. \\
2. Les **tâches** suivantes ont été réparties au sein du groupe. (4 élèves) \\
  * Conception du **gabarit** du site pour PC. (1 élève) \\
  * Conception du **site pour mobile**. (1 élève) \\
  * **Rédaction** de la page d'accueil du site (texte + illustration) (1 élève), \\ 
  * **Réseau** : (1 élève) réalise le schéma du **réseau** du groupe et est responsable du transfert des fichiers du groupe sur le serveur (Raspberry Pi). 
</callout>

==== A. Étape 2 - Conception préliminaire (travail personnel ou collectif) ====

{{ :projetsin:groupe.png?nolink&70|}}
=== Travail collectif ===
  - Le travail du groupe doit permettre d'afficher les **grandeurs physiques** mesurées dans :
    - un site **web pour PC** (conçu sans framework et sauf exception, **dimensionné en pixels**) : \\ 
      * Faire **__trois__ maquettes graphiques** au crayon représentant les parties affichées sur toutes les pages du site (en-tête et pied de page, menu, etc.). <color #ed1c24>Votre enseignant en choisira une</color>.
      * Établir la **charte graphique** limitée à **3 couleurs** (une dominante), **1 police de caractères**.
      * Dessiner un **logo**.
      * Dessiner l'**architecture** du site final (représentation hiérarchique des pages avec le __nom des fichiers__),
        * **Gabarit du site**
          * template.html
          * styles/style.css
        * **Site final**
          * 1 page d'accueil présentant le projet. (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)
          * Au moins 1 outil de restitution de l'information (minimum valeur instantanée) par élève (scripts/nomgrandeurphysique.js)
    - un site **web pour mobile** (conçu avec **jQuery mobile**). (//travail personnel//) \\ 
      * Faire **__une__ maquette graphique** (avec le contenu des pages), charte graphique par défaut ,
      * Dessiner l'**architecture** du site (__nom des pages__ et des fichiers),

=== Travail personnel ===
  - Dessiner la <html><a href="https://webge.fr/doc/projets/tsin/00_Ressources_communes/Maquette graphique de la page personnelle.pdf" target="_blank">partie personnel</a></html> de la page
    - Une **zone** pour l'**outil graphique** (à représenter) affichant l'information. 
    - Une **zone** pour la présentation du **cahier des charges personnel** et de la grandeur physique mesurée.
    - une **zone** pour la **présentation du capteur**.
  - Rédiger le texte de présentation de la grandeur physique qui sera affichée dans votre page. (//Travail personnel//)


<callout type="primary" icon="true" title="REMARQUES"> 
Si le temps le permet, faire en sorte que le site web pour **mobile** permette de **tester le bon fonctionnement** du site web pour PC.</callout>

{{ :projetsin:taches.jpg?nolink&150|}}

----

==== B. Étape 3 - Conception détaillée (Travail personnel)====
{{ :projetsin:personne.jpg?nolink&90|}}
**VALIDER** la  méthode de restitution de l'information (jauge, graphique, valeur, algorithmique,etc.) et le cahier des charges du groupe au vu du travail fait lors de la conception préliminaire.

----


==== C. Étape 4 -  Réalisation (travail personnel)====
{{ :projetsin:personne.jpg?nolink&50|}}
Vous devez réaliser **__au moins une page__** du site web pour PC en utilisant le **gabarit** du groupe. Cette page doit contenir votre outil de restitution de l'information et des informations en rapport avec la grandeur physique mesurée et le capteur mis en œuvre dans la partie « Acquisition » du projet.

{{ :tsin:pbac:generiquewifi.jpg?nolink|}}
=== C1. Étapes conseillées === 
  - <html><a href="https://webge.fr/doc/projets/tsin/00_Ressources_communes/GeneriqueWifi.zip" title="Répertoire générique pour le code du projet. Dernière version le 7/4/2024"><strong>Télécharger</strong></a></html> le répertoire **GeneriqueWifi** représenté ci-contre. Sauvegardez-le sur le NAS_SIN dans le répertoire **www** de votre compte. \\ Le nom //GeneriqueWifi// est à remplacer par le nom de votre **projet**. 
  - **Concevoir** le ou les outils de restitution de l'information (widget, graphique, valeur numérique, icône(s), image(s), etc.)
    - Aide pour la construction d'une jauge et l'envoi de commandes : <html><a href="https://webge.direct.quickconnect.to:5001/ns/sharing/zsW8X" target="_blank">FG3, sera expliquée en cours</a></html>.
    - Aide pour changer l'échelle d'une jauge : <html><a href="https://webge.fr/demos/WEB6cJaugeAnim/" target="_blank">WEB6c</a></html>
  - **Tester** le ou les outils de restitution de l'information avec une carte** Arduino MKR1010 Wifi **. Voir la mise en oeuvre <html><a href="https://webge.fr/dokuwiki/doku.php?id=microc:uc:mkr" target="_blank"><strong>ici</strong></a></html>.
  - **Intégrer** cet outil dans __votre page__, ajouter un texte descriptif de la grandeur physique mesurée et du capteur utilisé.
  - **Déployer** la page dans le répertoire de votre projet sur le serveur Raspberry Pi du groupe.

<callout type="warning" icon="true" title="ATTENTION" color="red">Pour éviter de devoir refaire tous les liens lors de la mise en commun des fichiers, l'arborescence des répertoires doit être commune à tous les membres du groupe.</callout>

=== C2. Accès aux sites ===
Les deux sites (PC et mobile) seront installés sur un **Raspberry Pi** de la salle de classe.

<callout type="warning" icon="true" title="ATTENTION" color="red">La **validation** des sites se fait sur ce serveur.</callout>

{{ :projetsin:evaluation.jpg?nolink&100|}}
=== C3. Ressources ===
  * S'il est nécessaire d'ajouter des bibliothèques, celles-ci sont disponibles sur le NAS_SIN dans **TSIN/Projets/jqwidgets-verx.x.x/jqwidgets**.

----


==== D. Évaluation ====
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.

----

{{ :web.png?nolink&100|}}
==== E. Ressources documentaires ====
  * [[web:accueilweb|Bienvenue sur WebPEM]] pour la conception d'un site web;

----

<callout type="primary" icon="true" title="REMARQUE">Le contenu de cette page est susceptible d'évoluer au cours du projet.</callout>