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 avec les technologies du Web


Organisation : Tableau de répartition des compétences et des connaissances dans les TP. [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 STI2D (option SIN) avec les tutoriels WEB1, WEB2 et WEB3.
La conception d'un site web, pour tout type d'écran est abordée en terminale avec le tutoriel web4 et les suivants.


Logiciels : Navigateur, serveur Apache, langages du web, frameworks jQuery.


Liens :

- Frameworks : jQuery, jQuery mobile, jQWidgets

- Editeur Visual Studio Code (site), Wiki VSCode

- Serveur Apache : WAMP Serveur

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

WEB0

Révisions de 1SIN

Navigateur

Présentation du TP et ressources au format pdf : [Lien]


Objectif : Concevoir une page web statique en partant de "zéro".


Activité : Codage de la structure et du design de la page.


Exemple de résultat attendu : Page 'Domotique'


Synthèse : [Lien]


Pour aller plus moins ou revoir les bases : Apprendre l'HTML

Oct

2018

WEB4

Smartphone
Tablette
&
jQuery mobile

Présentation du tutoriel et ressources au format pdf : [Lien]


Problématique : Comment réaliser un site pour mobile, soigné et fonctionnel ?


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


Exemple de résultat attendu :

Synthèse : [Lien]


Pour aller plus moins : Un site web dynamique avec jQuery

Oct

2018

WEB5

Navigateur

Présentation du tutoriel et ressources au format pdf : [Lien]


Problématique : Comment réaliser le gabarit d'un site web en partant de zéro?


Activité : Conception du gabarit d'un site web en quelques étapes simples.


Complément de cours dans Cours -> Terminale SIN -> CI4 -> Complément au TP WEB5


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


Synthèse : [Lien]


Pour aller plus moins ou revoir les bases :

Oct

2018

WEB6a

Navigateur
&
jQWidgets

Présentation du tutoriel et ressources au format pdf : [Lien]


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]

Nov

2018

WEB6b

Navigateur


javaScript

Présentation du tutoriel et ressources au format pdf : [Lien]


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 ?


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


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


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

Remarque : A faire avant WEB6c


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


Synthèse : [Lien]

Nov

2018

WEB6c

Navigateur


javaScript

&

jQWidgets

Présentation du tutoriel et ressources au format pdf : [Lien]


Problématique : Comment adapter le comportement d'un widget jauge à la valeur de la donnée affichée ?


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 et de la notion d'attribut, de méthode et de programmation interactive avec JQuery.


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


Synthèse : [Lien]

Nov

2017

WEB7

Navigateur
&
jQuery

Présentation du tutoriel et ressources au format pdf : [Lien]


Modification fin 2018

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


Approfondissement de la programmation objet. Animations avec jQuery.


Activités : Créer une page web dynamique côté client.


Critères d'évaluation : du site SPA [Télécharger]


Synthèse : [A venir]


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

Nov

2016

WEB8

Navigateur

&
PHP-MySQL
Fin 2018

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