JavaScool:ProgletsProcessing : Différence entre versions

De Sciencinfolycee
Aller à : navigation, rechercher
m
m
Ligne 13 : Ligne 13 :
 
<a href="http://javascool.gforge.inria.fr/documents/sketchbook/exploSonore/exploSonore.mov">
 
<a href="http://javascool.gforge.inria.fr/documents/sketchbook/exploSonore/exploSonore.mov">
 
<img width="400" alt="video" src="http://javascool.gforge.inria.fr/documents/sketchbook/exploSonore/ExplorationSonore_xml.png"/>
 
<img width="400" alt="video" src="http://javascool.gforge.inria.fr/documents/sketchbook/exploSonore/ExplorationSonore_xml.png"/>
</html></div>
+
</a></html>
 
||
 
||
Accès à la '''[http://javascool.gforge.inria.fr/v4/index.php?page=proglets&action=show&id=exploSonore «proglets»]''' <br>
+
* [http://javascool.gforge.inria.fr/v4/index.php?page=proglets&action=show&id=exploSonore «proglets»]
Accès à la '''[http://www.openprocessing.org/visuals/?visualID=16032 «educlet»]''' <br>
+
* [http://www.openprocessing.org/visuals/?visualID=16032 «educlet»]
Accès à l''''[http://javascool.gforge.inria.fr/v4/documents/sketchbook/enVoiture/activites-unplug.htm activité]'''
+
* [http://javascool.gforge.inria.fr/v4/documents/sketchbook/exploSonore/activites-unplug.htm «activité»]
[http://vimeo.com/17929355 démonstration]
+
* [http://vimeo.com/17929355 «démonstration»]
 
||  
 
||  
permet de visualiser l'évolution temporelle et le contenu fréquentiel (le spectre) d'un son.
+
Permet de visualiser l'évolution temporelle et le contenu fréquentiel (le spectre) d'un son.
 +
|-
 +
||
 +
«Cryptage RSA» <br><html>
 +
<a href="http://javascool.gforge.inria.fr/documents/sketchbook/cryptageRSA/cryptageRSA.mov">
 +
<img width="400" alt="video" src="http://javascool.gforge.inria.fr/documents/sketchbook/cryptageRSA/CryptageRSA_xml.png"/>
 +
</a></html>
 +
||
 +
* [http://javascool.gforge.inria.fr/v4/index.php?page=proglets&action=show&id=cryptageRSA «proglets»]
 +
* [http://www.openprocessing.org/visuals/?visualID=16149 «educlet»]
 +
* [http://javascool.gforge.inria.fr/v4/documents/sketchbook/exploSonore/activites-unplug.htm «activité»]
 +
* [http://javascool.gforge.inria.fr/documents/sketchbook/cryptageRSA/cryptageRSA.mov «démonstration»]
 +
||
 +
Permet de manipuler les concepts liés à l'encryptage/décryptage par clés publique et privée.
 +
|-
 +
||
 +
«En Voiture» <br><html>
 +
<a href="http://javascool.gforge.inria.fr/documents/sketchbook/enVoiture/enVoiture.mov">
 +
<img width="400" alt="video" src="http://javascool.gforge.inria.fr/documents/sketchbook/enVoiture/EnVoiture_xml.png"/>
 +
</a></html>
 +
||
 +
* [http://javascool.gforge.inria.fr/v4/index.php?page=proglets&action=show&id=enVoiture «proglets»]
 +
* [http://www.openprocessing.org/visuals/?visualID=16153 «educlet»]
 +
* [http://javascool.gforge.inria.fr/v4/documents/sketchbook/enVoiture/activites-unplug.htm «activité»]
 +
* [http://javascool.gforge.inria.fr/documents/sketchbook/enVoiture/enVoiture.mov «démonstration»]
 +
||
 +
Vise à s’approprier les différents éléments caractéristiques d’un graphe, en vue de saisir les algorithmes qui en font usage 1/2.
 +
|-
 +
||
 +
«Un graphe des chemins» <br><html>
 +
<a href="http://javascool.gforge.inria.fr/documents/sketchbook/grapheEtChemins/grapheEtChemins.mov">
 +
<img width="400" alt="video" src="http://javascool.gforge.inria.fr/documents/sketchbook/grapheEtChemins/UnGrapheDesChemins_xml.png"/>
 +
</a></html>
 +
||
 +
* [http://javascool.gforge.inria.fr/v4/index.php?page=proglets&action=show&id=grapheEtChemins «proglets»]
 +
* [http://www.openprocessing.org/visuals/?visualID=16148 «educlet»]
 +
* [http://javascool.gforge.inria.fr/v4/documents/sketchbook/grapheEtChemins/activites-unplug.htm «activité»]
 +
* [[http://vimeo.com/17929441 «démonstration»]
 +
||
 +
Vise à s’approprier les différents éléments caractéristiques d’un graphe, en vue de saisir les algorithmes qui en font usage 2/2.
 +
|-
 +
||
 +
«Boite à Musique» <br><html>
 +
<a href="http://javascool.gforge.inria.fr/documents/sketchbook/BoiteAMusique/BoiteAMusique.mov">
 +
<img width="400" alt="video" src="http://javascool.gforge.inria.fr/documents/sketchbook/BoiteAMusique/BoiteAMusique_xml.png"/>
 +
</a></html>
 +
||
 +
* [http://www.openprocessing.org/visuals/?visualID=16253 «educlet»]
 +
* [http://javascool.gforge.inria.fr/v4/documents/sketchbook/BoiteAMusique/activites-unplug.htm «activité»]
 +
* [[http://vimeo.com/17928229 «démonstration»]
 +
||
 +
Permet de se familiariser à la notion de composition sonore et l'assemblage de sons.
 +
|-
 +
«Analyseur» <br><html>
 +
<img width="400" alt="video" src="http://javascool.gforge.inria.fr/documents/sketchbook/Analyseur/Analyseur_xml.png"/>
 +
</html>
 +
||
 +
* [http://www.openprocessing.org/visuals/?visualID=16155 «educlet»]
 +
* [http://javascool.gforge.inria.fr/v4/documents/sketchbook/Analyseur/activites-unplug.htm «activité»]
 +
|| Permet de visualiser le contenu fréquentiel des graves aux aigus (le spectre) d'un son produit dans l'environnement.
 +
«Vaguelettes ajustables» <br><html>
 +
<img width="400" alt="video" src="http://javascool.gforge.inria.fr/documents/sketchbook/VaguelettesAjustables/VaguelettesAjustables_xml.png"/>
 +
</html>
 +
||
 +
* [http://www.openprocessing.org/visuals/?visualID=16159 «educlet»]
 +
* [http://javascool.gforge.inria.fr/v4/documents/sketchbook/VaguelettesAjustables/activites-unplug.htm «activité»]
 +
|| Permet d'illustrer ce qu'est une onde, comment elle naît et se propage.
 +
«Magnetophone»  <br><html>
 +
<img width="400" alt="video" src="http://javascool.gforge.inria.fr/documents/sketchbook/Magnetophone/Magnetophone_xml.png"/>
 +
</html>
 +
||
 +
* [http://javascool.gforge.inria.fr/v4/documents/sketchbook/Magnetophone/activites-unplug.htm «activité»]
 
|}
 
|}

Version du 31 août 2011 à 12:14

Les «educlets» et «proglets» de Cécile Picard-Limpens dans JavaScool.

Une «proglet» permet de manipuler un objet numérique et de le faire fonctionner avec des algorithmes.
Une «educlet» permet de manipuler un objet numérique et de le faire fonctionner à travers une interface graphique.
English version here
«Analyseur»
video

«Exploration sonore»
video

Permet de visualiser l'évolution temporelle et le contenu fréquentiel (le spectre) d'un son.

«Cryptage RSA»
video

Permet de manipuler les concepts liés à l'encryptage/décryptage par clés publique et privée.

«En Voiture»
video

Vise à s’approprier les différents éléments caractéristiques d’un graphe, en vue de saisir les algorithmes qui en font usage 1/2.

«Un graphe des chemins»
video

Vise à s’approprier les différents éléments caractéristiques d’un graphe, en vue de saisir les algorithmes qui en font usage 2/2.

«Boite à Musique»
video

Permet de se familiariser à la notion de composition sonore et l'assemblage de sons.

Permet de visualiser le contenu fréquentiel des graves aux aigus (le spectre) d'un son produit dans l'environnement.

«Vaguelettes ajustables»
video

Permet d'illustrer ce qu'est une onde, comment elle naît et se propage.

«Magnetophone»
video