From ad16052702cde87c6004c53e18468aeba6c65724 Mon Sep 17 00:00:00 2001
From: Bertrand Benjamin <benjamin.bertrand@opytex.org>
Date: Tue, 21 Feb 2023 10:37:57 +0100
Subject: [PATCH] =?UTF-8?q?Feat(NSI):=20initialise=20la=20s=C3=A9quence=20?=
 =?UTF-8?q?sur=20le=20JS?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 1NSI/08_Interaction_web/exercises.tex       |  7 +++
 1NSI/08_Interaction_web/index.rst           | 58 +++++++++++++++++++++
 1NSI/08_Interaction_web/plan_de_travail.tex | 44 ++++++++++++++++
 1NSI/index.rst                              |  7 ++-
 4 files changed, 114 insertions(+), 2 deletions(-)
 create mode 100644 1NSI/08_Interaction_web/exercises.tex
 create mode 100644 1NSI/08_Interaction_web/index.rst
 create mode 100644 1NSI/08_Interaction_web/plan_de_travail.tex

diff --git a/1NSI/08_Interaction_web/exercises.tex b/1NSI/08_Interaction_web/exercises.tex
new file mode 100644
index 0000000..3a55ea8
--- /dev/null
+++ b/1NSI/08_Interaction_web/exercises.tex
@@ -0,0 +1,7 @@
+\begin{exercise}[subtitle={<++>}, step={1}, origin={<++>}, topics={ Interaction web }, tags={ Javascript, Web }]
+    <++>
+\end{exercise}
+
+\begin{solution}
+    <++>
+\end{solution}
diff --git a/1NSI/08_Interaction_web/index.rst b/1NSI/08_Interaction_web/index.rst
new file mode 100644
index 0000000..acd4062
--- /dev/null
+++ b/1NSI/08_Interaction_web/index.rst
@@ -0,0 +1,58 @@
+Interaction web
+###############
+
+:date: 2023-02-21
+:modified: 2023-02-21
+:authors: Benjamin Bertrand
+:tags: Javascript, Web
+:category: 1NSI
+:summary: Programmation javascript et évènement sur une page web.
+
+
+Éléments du programme
+=====================
+
+.. list-table:: Interaction Homme machine sur le web
+    :header-rows: 1
+
+    * - Contenus
+      - Capacités attendues
+      - Commentaires
+    * - Systèmes d'exploitation
+      - Identifier les fonctions d’un système d’exploitation. Utiliser les commandes de base en ligne de commande. Gérer les droits et permissions d’accès aux fichiers.
+      - Les différences entre systèmes d’exploitation libres et propriétaires sont évoquées. Les élèves utilisent un système d’exploitation libre. Il ne s’agit pas d’une étude théorique des systèmes
+
+    * - Modalités de l’interaction entre l’homme et la machine
+      - Identifier les différents composants graphiques permettant d’interagir avec une application Web.
+      - Il s’agit d’examiner le code HTML d’une page comprenant des composants graphiques et de distinguer ce qui relève de la description des composants graphiques en HTML de leur comportement (réaction aux événements) programmé par exemple en JavaScript.
+
+    * - Événements
+      - Identifier les événements que les fonctions associées aux différents composants graphiques sont capables de traiter.
+      -
+
+    * - Interaction avec l’utilisateur dans une page Web
+      - Analyser et modifier les méthodes exécutées lors d’un clic sur un bouton d’une page Web.
+      -
+
+
+Progression
+===========
+
+Étape 1: Découverte du language Javascript dans la console
+----------------------------------------------------------
+
+Toutes les activités de cette étape se dérouleront dans la console du navigateur. On commencera pas un effet Wahou du javascript. Puis une étude un peu plus théorique du corpus de javascript.
+
+Bilan: Description du language JS, comparaison du corpus de Python et de Javascript.
+
+Étape 2: Trouver les interactions possibles
+-------------------------------------------
+
+Des pages HTML avec du code javascript intégré ou importé. Les élèves doivent comprendre les interactions et décortiquer le code javascript.
+
+Bilan: importer du code JS dans une page HTML et
+
+Étape 3: Page HTML avec CSS et Javascript
+-----------------------------------------
+
+Des pages HTML à reproduire et des interactions à ajouter.
diff --git a/1NSI/08_Interaction_web/plan_de_travail.tex b/1NSI/08_Interaction_web/plan_de_travail.tex
new file mode 100644
index 0000000..410471d
--- /dev/null
+++ b/1NSI/08_Interaction_web/plan_de_travail.tex
@@ -0,0 +1,44 @@
+\documentclass[a4paper,12pt]{article}
+\usepackage{myXsim}
+
+\author{Benjamin Bertrand}
+\title{Interaction web - Plan de travail}
+\tribe{1NSI}
+\date{février 2023}
+
+\pagestyle{empty}
+
+\DeclareExerciseCollection{banque}
+\xsimsetup{
+}
+
+
+\begin{document}
+\maketitle
+
+% Résumé
+
+\bigskip
+
+Savoir-faire de la séquence
+\begin{itemize}
+    \item
+\end{itemize}
+
+\bigskip
+
+Ordre des étapes à respecter
+
+
+\section{}
+
+\listsectionexercises
+
+
+\pagebreak
+
+\input{exercises.tex}
+\printcollection{banque}
+
+
+\end{document}
diff --git a/1NSI/index.rst b/1NSI/index.rst
index 0c9ff91..aafd341 100644
--- a/1NSI/index.rst
+++ b/1NSI/index.rst
@@ -2,7 +2,7 @@ Spécialité première NSI
 #######################
 
 :date: 2022-07-25
-:modified: 2023-02-14
+:modified: 2023-02-21
 :authors: Bertrand Benjamin
 :category: 1NSI
 :tags: Progression
@@ -74,7 +74,10 @@ Période 4
     Table de caractères, encodage et manipulation des str en Python
 
 .. big_button::
-   :title: Interaction home machine (javascript)
+   :title: Interaction home machine - javascript
+   :link: ./08_Interaction_web
+
+   Programmation Javascript, corpus et interaction sur le web.
 
 .. big_button::
    :title: Recherche pas dichotomie