CI.1 : Configuration et performances du traitement de l'information

Thème : Environnement

Matériel : Station météo WMR200 Oregon SCIENTIFIC

Niveau : TSIN


Logiciel : Cumulus


Liens :

- Informations : Station-meteo.com

- Mode d'emploi : pdf

TP Support Problématique / Activités Mise
à
jour
Sujet Cor.

METEO1

WMR200

OREGON

Réaliser des recherches documentaires.


Activités : Identifier l’organisation matérielle d’une station météorologique et déterminer les mesures accessibles à une station OREGON WMR200.

Etablir un compte rendu.

Nov

2014

METEO2

WMR200

OREGON

Transférer les données issues d'une station météorologique WMR200 OREGON vers un site web.


Activités :

- Configurer l'UC d'une station OREGON WMR200

- Paramétrer le logiciel Cumulus pour acquérir les données issues de la station.

- Transmettre ces données à un site Web via une liaison FTP.


Liens :

- Sites : OREGON WMR200, météo PEM

- Logiciel Cumulus

Nov

2013

CI.4 : Gestion de l'information / Structures matérielles et logicielles associées au traitement de l'information

Objectif : Concevoir une interface homme machine (IHM) avec les technologies du web.


Organisation : tableau de répartition des compétences et des connaissances. [Télécharger]


Matériels : PC, Raspberry pi avec écran tactile, tablette et smartphone.


Niveau : La conception d'une page web est abordée en première générale (option NSI) avec les tutoriels WEB1, WEB2 et WEB3.
La conception d'une page et d'un site web, pour tout type d'écran, sont traitée en terminale STI2D-SIN.


Logiciels : Navigateur, serveur Apache, langages du web, frameworks jQuery, éditeur de code.


Liens :

- Frameworks : jQuery, jQuery mobile, jQWidgets

- Editeur Site Visual Studio Code, Wikis WEBGE : "Préparer l'IDE VS Code pour un projet de site Web"

- Serveur Apache : WAMP Serveur

TP Support Problématique / Activités Mise
à
jour
Sujet Cor.

WEB1

Découverte


Nouveau en 2019

Navigateur

Présentation du tutoriel "Structurer une page web" et ressources au format pdf.


Problématique : Comment concevoir la structure d'une page HTML ?


Activités : Découverte du langage HTML, conception d'un gabarit.


Synthèse : lien


Fil conducteur : mini projet "Domotique"


Pour aller plus loin : "Apprenez à créer votre site web avec HTML5 et CSS3" sur OPENCLASSROOMS

Nov

2019

WEB2

Découverte


Nouveau en 2019

Navigateur

Présentation du tutoriel "Présenter une page web" et ressources au format pdf.


Problématique : Comment mettre en forme une page HTML ?


Activités : Découverte du langage CSS, conception d'un gabarit, conception d'une page à partir du gabarit.


Synthèse : [Télécharger]


Fil conducteur : mini projet "Domotique"


Pour aller plus loin : "Apprenez à créer votre site web avec HTML5 et CSS3" sur OPENCLASSROOMS

Nov

2019

WEB3

Découverte


A venir en 2019

Navigateur

Présentation du tutoriel "Transmettre des informations à un serveur" et ressources au format pdf.


Problématique : Comment transmettre des informations à un serveur HTTP ?


Activités : Créer une page de login.


Synthèse : lien


Fil conducteur : mini projet "Domotique"


Pour aller plus loin : "Concevez votre site web avec PHP et MySQL" sur OPENCLASSROOMS

Nov

2019

WEB4

Découverte

Smartphone
Tablette
&
jQuery mobile

Présentation du tutoriel "Conception d’un site Web pour mobile" et ressources au format pdf.


Problématique : Comment réaliser un site web pour mobile (soigné et fonctionnel) et le rendre accessible sur un réseau local ?


Activités : Conception du site en HTML5 avec le framework jQuery mobile. Installation du site sur un serveur http et réglages pour le rendre accessible à un mobile.


Exemple de résultat attendu :

Synthèse : [Lien]


Pour aller plus loin, réaliser "Un site web dynamique avec jQuery !"" sur OPENCLASSROOMS

Oct

2019

WEB5

Mini projet personnel

Approfond.

Navigateur

Présentation du "Mini projet de site Web" et ressources au format pdf.


Activité : Conception du gabarit d'un site web respectant un cahier des charges personnalisé.

Remarque : A faire après WEB2


Exemple de résultat attendu : Site 'Mesures Physiques'


Synthèse : [Lien]


Archives du TP Tintin : Sujet | Correction | Maquette graphique | Menu CSS


Pour aller plus loin ou revoir les bases : "Apprenez à créer votre site web avec HTML5 et CSS3" sur OPENCLASSROOMS

Nov

2019

WEB6a

Découverte

Navigateur
&
jQWidgets

Présentation du tutoriel "Présentation de grandeurs physiques dans une page web" et ressources au format pdf.


Problématique : Comment présenter des données dans des widgets et les intégrer à une page web ?


Activités : Organisation des répertoires d'un site web. Codage de liens relatifs. Codage du constructeur d'un widget jQuery avec l'API jQWidgets.


Exemple de résultat attendu : Site 'Things we left on the moon'


Synthèse : [Lien] [Télécharger]

Oct

2019

WEB6b

Découverte

Navigateur


javaScript

Présentation du tutoriel "Découverte du langage JavaScript" et ressources au format pdf.


Problématique : Comment automatiser le calcul de l'énergie électrique consommée par un circuit alimenté en courant continu et l'afficher dans une page web ?


Notions abordées : variable, tableau, structure alternative, fonction anonyme, entrée, sortie d'informations. Documentation codée en Markdown.


Activités : Conception d'une application de calcul de l'énergie électrique (Courant continu). Instrumentation du code.

Remarque : A faire avant WEB6c


Ressources

- Une introduction à JavaScript en Vidéo

- Cours "Dynamisez vos sites web avec JavaScript" sur OPENCLASSROOMS.

- JS Bin, un outil web pour tester du code en ligne.

- Afficher des pages Markdown dans un navigateur avec MDWiki


Exemples de résultat attendu : [Programme V3] [Programme V4]


Synthèse : [Lien]


Pour aller plus loin : "Dynamisez vos sites web avec JavaScript" sur OPENCLASSROOMS

Nov

2018

WEB6c

Approfond.


Synthèse JS

Navigateur


javaScript

&

jQWidgets

Présentation du tutoriel "Animer et tester un widget jQuery" et ressources au format pdf.


Problématique : Comment adapter le comportement d'un widget aux données à afficher ?


Activités : Modification des propriétés d'un widget jQuery (changement de la couleur du bord d'une jauge et de sa résolution en fonction de la valeur affichée, etc.). Instrumentation du code.

Remarques : Ce document fait la synthèse des TP Web6a et WEB6b. Il permet d'approfondir l'utilisation des structures algorithmiques de base en JavaScript. Il reprend les notions d'attribut, de méthode et de programmation interactive abordées avec JQuery.


Exemple de résultat attendu : Page 'Jauge animée en JS'


Synthèse : [Lien]


Pour aller plus loin : "Dynamisez vos sites web avec JavaScript" sur OPENCLASSROOMS

Nov

2017

WEB7

Approfond.

et

Mini projet

Navigateur
&
jQuery

Présentation du tutoriel "De l’action dans vos pages web !" et ressources au format pdf.


Problématique : Comment changer dynamiquement le design et le contenu textuel d'un site web ?

Remarques : Ce document est réalisé à partir d'un chapitre du livre "JQuery tête la première".


Activités : Approfondissement de la notion de programmation objet. Animations avec jQuery. Analyse d'un exemple sous la forme d'un mini projet.




Projet : Site SPA

Critères d'évaluation à [Télécharger]


Pour aller plus loin : le Web Storage (stockage des données locales): [Lien]

Sept

2019

WEB8

Découverte

Navigateur

&
PHP-MySQL

Présentation du tutoriel "A venir" et ressources au format pdf.


A venir en 2020


Juin

2019

WEB9

Découverte

Navigateur

&

Node-RED

Présentation du tutoriel "A venir" et ressources au format pdf.


A venir en 2020


Juil

2019

CI.5 : Communication entre systèmes

Thème :

Matériel :

Niveau :

Logiciels :


Liens :

TP Support Problématique / Activités Mise
à
jour
Sujet Cor.


Reseaux2

1SIN-TSIN


DIR-600

PC

Comprendre le modèle client-serveur appliqué aux pages web.


Activités :

- Configurer un serveur http sur un des postes d’un réseau local (LAN).

- Déployer un site web et le mettre à jour avec un logiciel de transfert de fichiers (protocole TFTP).

- Créer des hôtes virtuels.


Liens :

- Logiciel de transfert des fichiers : TFTPD32 ou TFTPD64

- Serveur HTTP : WampServer

Juill

2013


Reseaux3

1SIN-TSIN


Wanscam

PC

Tablette

Mettre en oeuvre des moyens de surveillance à distance :

- Configurer une caméra IP de surveillance et une tablette Androïde pour les intégrer à un réseau local.

- Afficher le flux vidéo de la caméra sur la tablette.

- Automatiser une surveillance à distance.

- Configurer un serveur et un client FTP.

- Configurer les services FTP et les services d'alarme de la caméra.


Liens :

- Client FTP : FileZilla

Juill

2013


Reseaux4

PANDA III

PC

Associer un protocole à une couche réseau.

Savoir reconnaître le rôle d’une couche réseau dans une architecture de protocoles.

Identifier les ports logiciels ouverts lors d’une transmission sur un réseau Ethernet.


Liens :

- Logiciel d'analyse de réseaux : Wireshark

- Article : "Technologie .NET en STI2D et S SI "

- Carte à microcontrôleur FEZ Panda : GHI electronics

Janv

2013


Synthèse

Réseaux

PANDA III

PC

Synthèse des TP 2, 3 et 4 réseaux

Oct

2012

Thème : Environnement

Matériel : Station météo WMR200 Oregon SCIENTIFIC

Niveau : TSIN


Logiciel : Cumulus


Liens :

- Informations : Station-meteo.com

- Mode d'emploi : pdf


METEO2

WMR200

OREGON

Transférer les données issues d'une station météorologique WMR200 OREGON vers un site web.


Pour cela :

- Configurer l'unité centrale d'une station OREGON WMR200

- Paramétrer le logiciel Cumulus pour acquérir les données issues de la station.

- Transmettre ces données à un site Web via une liaison FTP.


Liens :

- Site du fabricant de la station météo : OREGON WMR200

- Logiciel météo : Cumulus

- Site de test : Meteo PEM

Nov

2013