JavaScool:ProgletsProcessing : Différence entre versions

De Sciencinfolycee
Aller à : navigation, rechercher
m
m
 
(3 révisions intermédiaires par le même utilisateur non affichées)
Ligne 5 : Ligne 5 :
 
<div>Une «educlet» permet de manipuler un objet numérique et de le faire fonctionner à travers une interface graphique.</div>
 
<div>Une «educlet» permet de manipuler un objet numérique et de le faire fonctionner à travers une interface graphique.</div>
  
<div>English version [http://www.openprocessing.org/portal/?userID=8553 here]</div>
+
<div>English version on '''[http://www.openprocessing.org/portal/?userID=8553 fuscia@openprocessing.org]'''</div>
  
{| class="table" width="90%" cellpadding="5px" align="center" bgcolor="#eeeeee"
+
{| class="table" width="90%" cellpadding="5px" align="center"
 
|-
 
|-
 
||
 
||
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é»]
 +
||
 +
Permet d'enregistrer ses propres sons.  
 
|}
 
|}

Version actuelle datée du 31 août 2011 à 12:17

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 on fuscia@openprocessing.org

«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.

«Analyseur»
video

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

Permet d'enregistrer ses propres sons.