Atelier sur la création de médias interactifs
Annonce de séminaire (16 juin 2017)
Suite à mon atelier
sur les médias interactifs, on m'a demandé d'expliquer les
bases de la création de tels médias.
Voici les exemples que nous étudierons (disponibles hors ligne dans un fichier zip)
• un exemple très simple : déplacer un cercle, avec ou sans trace
• un exemple simple de média interactif : tracés avec ou sans symétries
• un autre exemple de média interactif, utilisant une figure GeoGebra
Voici les logiciels utilisés pour créer les exemples ci-dessus
• la bibliothèque p5.js (bibliothèque JavaScript très utile)
• l'éditeur Brackets (pour l'écriture de nos programmes)
• le navigateur Chrome (pour exécuter nos programmes dans Brackets)
• le logiciel QuickTime Player (pour faire nos enregistrements audio/vidéo)
et aussi QuickTime Player 7 Pro (pour d'autres options)
• le logiciel HandBrake (conversions, recadrages, etc.)
• conversion au format mp4 (vidéo) : MPEG Streamclip
• conversion au format mp3 (audio) : To MP3 Converter
Références utiles
• les diapos utilisées lors de la présentation
• référence p5.js
• référence dom pour p5.js
• référence JavaScript pour GeoGebra
• cours d'initiation à la programmation avec p5.js
• vidéos d'initiation à p5.js (par Daniel Shiffman)
* les bases
* la programmation web
* les vidéos
Voici les exemples que nous étudierons (disponibles hors ligne dans un fichier zip)
• un exemple très simple : déplacer un cercle, avec ou sans trace
• un exemple simple de média interactif : tracés avec ou sans symétries
• un autre exemple de média interactif, utilisant une figure GeoGebra
Voici les logiciels utilisés pour créer les exemples ci-dessus
• la bibliothèque p5.js (bibliothèque JavaScript très utile)
• l'éditeur Brackets (pour l'écriture de nos programmes)
• le navigateur Chrome (pour exécuter nos programmes dans Brackets)
• le logiciel QuickTime Player (pour faire nos enregistrements audio/vidéo)
et aussi QuickTime Player 7 Pro (pour d'autres options)
• le logiciel HandBrake (conversions, recadrages, etc.)
• conversion au format mp4 (vidéo) : MPEG Streamclip
• conversion au format mp3 (audio) : To MP3 Converter
Références utiles
• les diapos utilisées lors de la présentation
• référence p5.js
• référence dom pour p5.js
• référence JavaScript pour GeoGebra
• cours d'initiation à la programmation avec p5.js
• vidéos d'initiation à p5.js (par Daniel Shiffman)
* les bases
* la programmation web
* les vidéos
Nouvelles suivantes
Nouvelles de 2018
- Galerie GeoGebra
- IGNITE (GRMS) + AMQ
- Partage avec p5Visuel
- p5Visuel au GRUTEAM
- Tortue Visible p5Visuel
- algoGGB + p5Visuel
- Problèmes pour p5Visuel
- algoGGB visuel amélioré
- p5Visuel en version 1.0
- Éditeur web pour SPAF
- Formation p5Visuel UQAM
Nouvelles de 2017
- p5Visuel: création en cours
- Blockly et algoGGB
- Atelier GRMS-AMQ 2017
- Programmation GeoGebra
- LangageGraphique revisité
- MàJ de mon site web
- Création médias interactifs
- Atelier médias interactifs
- SPAF pour le web
- Nouvelle vidéo interactive
- Randonneur GeoGebra
Nouvelles de 2016
- Nouveau site web math
- Fin des applets Java
- Ateliers GRMS et AMQ
- Jouer sans internet
- POV-Ray sur Mac (suite)
- Jeu de multiplication
- Programmation DGPad
- Apprentissage de P5.JS
- LangageGraphique (Final)
Nouvelles de 2015
- LiveCode sur le Web
- Une vidéo interactive
- Nouvelle version de SPAF
- Formation au GRUTEAM
- Les SCF en éducation
- Preuves maths et techno
- Présentation de SPAF
- L'algèbre dynamique ???
Nouvelles de 2014
- Trois ateliers en octobre
- Formules mathématiques
- Site Web d'Expresso
- LiveCode vise le Web
- Publication du GETEM
- Project Mathematics
- Refonte de mon site Web
- Fini les calculatrices...
- Techno change les maths
- GeoGebra moins convivial
- Polya et technologie
Nouvelles de 2013
- 3e document interactif
- GeoGebra sur tablettes
- Outils inforatiques...
- Site de LangageGraphique
- LangageGraphique (Office)
- 2 documents interactifs
- POV-Ray sur Mac
- Surprenant Keynote
- NetLogo : libre et spécial
- Archimedes Geo3D (UQAM)
- LiveCode libre disponible
- Graphiques progressifs
- GeoGebra vs BlueGriffon
- Familles de fonctions
- Archimedes Geo3D
- Nspire sur iPad
- TI-Connect sur Mac
- LiveCode sera libre
- Expresso version finale
- Dessiner ses calculs