Rédacteur : Philippe Mariano

Mise à jour le 25/3/2024

Liens

• Page de suivi du travail collectif et du travail personnel
• Page de consignes et guide pour l'acquisition de l'information

1. Rédiger le texte de présentation de la grandeur physique qui sera affichée dans votre page. (Travail personnel)
2. Le travail du groupe doit permettre d'afficher les grandeurs physiques mesurées dans :
   1. un site web pour PC (conçu sans framework et sauf exception, dimensionné en pixels) (Travail collectif) :
      
      • 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.). Votre enseignant en choisira une.
      • Établir la charte graphique limitée à 3 couleurs (une dominante), 1 police de caractères.
      • 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)
   2. 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),

Choisir une méthode de restitution de l'information (jauge, graphique, valeur, algorithmique,etc.) et compléter le cahier des charges du groupe.

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.

1. Télécharger 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.
2. Concevoir le ou les outils de restitution de l'information (widget, graphique, valeur numérique, icône(s), image(s), etc.)
   1. Aide pour la construction d'une jauge et l'envoi de commandes : FG3, sera expliquée en cours.
   2. Aide pour changer l'échelle d'une jauge : WEB6c
3. Tester le ou les outils de restitution de l'information avec une carte Arduino MKR1010 Wifi . Voir la mise en oeuvre ici.
4. Intégrer cet outil dans votre page, ajouter un texte descriptif de la grandeur physique mesurée et du capteur utilisé.
5. Déployer la page dans le répertoire de votre projet sur le serveur Raspberry Pi du groupe.

Les deux sites (PC et mobile) seront installés sur un Raspberry Pi de la salle de classe.

• 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.

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.

• Bienvenue sur WebPEM pour la conception d'un site web;