« STIC:STIC I - exercice 6 (Volt) » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
(Page créée avec « {{stic12}} <categorytree mode="pages" depth="0" style="float:right; clear:right; margin-left:3px; border:1px solid gray; padding:0.7ex; background-color:#f9f9f9;">STIC</ca... »)
 
Aucun résumé des modifications
Ligne 5 : Ligne 5 :
Cet exercice vous permet:
Cet exercice vous permet:


* ...
* L'application des concepts de la programmation avec JavaScript dans une application desktop
* L'introduction à un langage de programmation qui intéragit avec le système
* Les opérations de base sur les fichiers de manière automatisée (lecture, écriture, ...)
* Créer des interactions/manipulations qui "durent" dans le temps (i.e. ne disparaissent pas une fois fermée la fenêtre du browser)
* Approfondir la connaissance d'une approche évenementiel/asynchone


=== Tâche ===
=== Tâche ===


Imaginez un design pédagogique qui nécessite des ...
Imaginez un design pédagogique qui peut être implementé sous forme de (simple!) logiciel desktop. Le logiciel doit au moins présenter :


* ...
* Une interface graphique HTML + CSS qui prévoit au moins un élément interactif (bouton, form, ...)
* Cet élément interactif doit impliquer une opération sur le système, par exemple :
** Écrire le résultat d'une interaction dans un fichier
** Lire des donnes depuis un fichier et faire quelque chose d'intéressant
** Lire des données depuis le web et faire quelque chose d'intéressant


Il faut également contribuer au wiki (comme pour tous les exercices)
Il faut également contribuer au wiki (comme pour tous les exercices)

Version du 4 décembre 2015 à 15:40

Cette page fait partie des cours STIC I et STIC II

Enoncé de l'exercice 6

Cet exercice vous permet:

  • L'application des concepts de la programmation avec JavaScript dans une application desktop
  • L'introduction à un langage de programmation qui intéragit avec le système
  • Les opérations de base sur les fichiers de manière automatisée (lecture, écriture, ...)
  • Créer des interactions/manipulations qui "durent" dans le temps (i.e. ne disparaissent pas une fois fermée la fenêtre du browser)
  • Approfondir la connaissance d'une approche évenementiel/asynchone

Tâche

Imaginez un design pédagogique qui peut être implementé sous forme de (simple!) logiciel desktop. Le logiciel doit au moins présenter :

  • Une interface graphique HTML + CSS qui prévoit au moins un élément interactif (bouton, form, ...)
  • Cet élément interactif doit impliquer une opération sur le système, par exemple :
    • Écrire le résultat d'une interaction dans un fichier
    • Lire des donnes depuis un fichier et faire quelque chose d'intéressant
    • Lire des données depuis le web et faire quelque chose d'intéressant

Il faut également contribuer au wiki (comme pour tous les exercices)

Outil

  • Editeur de programmation
  • Node.js installé sur votre ordinateur

Contraintes

  • Contenu de la page selon vos envies (mais en rapport avec une thématique MALTT)
  • ...
  • Vous pouvez utiliser du clipart (SVG ou autre) fait par d'autres, mais à condition d'indiquer la source dans votre page HTML et dans le rapport.

Le rapport:

  • Titre, auteur et date
  • Liens vers le résultat (fichier HTML) et indiquez avec quelle configuration on peut voir votre contenu.
  • Objectifs de la page: Elle sert à quoi / quelle population ? (Evitez de parler de vos propres objectifs d'apprentissage....)
  • Discussion du design
  • La production: bref résumé de la démarche
  • Difficultés, auto-évaluation, remarques
  • Ressources utilisées, bibliographie.

A rendre

Emplacement du rapport avec les liens vers le dispositif html/svg:

/etu-maltt/volt/<login>/stic-1/ex6/

Délai

  • à déterminer !!!

Autre exercice de la même période

Activité en salle de classe

Programme

  • 09:00 - 09:30 : ...
  • 09:30 - 10:30 : ...
  • -- pause --
  • 11:00 - 11:45 : ...
  • 11:45 - 12:30 : ...

Contributions Wiki

C'est la première année qu'on aborde "sérieusement" JavaScript en STIC I, par conséquence les ressources wiki disponibles à présent sont limitées et créées en peu de temps, il manque par conséquent une structure des pages. Voici quelques conseils pour les contributions :

Contributions de "base"/minimalistes

Contributions "intermédiaire"

Contributions avancées

Autres possibilités

  • Poursuivre page créée en P2
  • Pages plus théoriques sur la programmation (e.g. programmation dans les écoles, etc.)

Liens

Technique

JavaScript

Pour aller plus loin

Bibliographie