Feat(NSI): initialise la séquence sur le JS

This commit is contained in:
Bertrand Benjamin 2023-02-21 10:37:57 +01:00
parent b03c41a0e7
commit ad16052702
4 changed files with 114 additions and 2 deletions

View File

@ -0,0 +1,7 @@
\begin{exercise}[subtitle={<++>}, step={1}, origin={<++>}, topics={ Interaction web }, tags={ Javascript, Web }]
<++>
\end{exercise}
\begin{solution}
<++>
\end{solution}

View File

@ -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 dun système dexploitation. Utiliser les commandes de base en ligne de commande. Gérer les droits et permissions daccès aux fichiers.
- Les différences entre systèmes dexploitation libres et propriétaires sont évoquées. Les élèves utilisent un système dexploitation libre. Il ne sagit pas dune étude théorique des systèmes
* - Modalités de linteraction entre lhomme et la machine
- Identifier les différents composants graphiques permettant dinteragir avec une application Web.
- Il sagit dexaminer le code HTML dune 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 lutilisateur dans une page Web
- Analyser et modifier les méthodes exécutées lors dun clic sur un bouton dune 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.

View File

@ -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}

View File

@ -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