« STIC:STIC I - exercice 6 (Volt) » : différence entre les versions
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 | 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 à 14:40
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
- Introduction à la programmation
- JavaScript
- Tutoriel JavaScript de base
- Il existe des dizaines de tutos sur le web et des livres