JavaScool:ProgletsProcessing : Différence entre versions

De Sciencinfolycee
Aller à : navigation, rechercher
m
m
Ligne 2 : Ligne 2 :
 
== Les «educlets» et «proglets» de [http://www-sop.inria.fr/members/Cecile.Picard Cécile Picard-Limpens] dans [http://javascool.gforge.inria.fr JavaScool]. ==
 
== Les «educlets» et «proglets» de [http://www-sop.inria.fr/members/Cecile.Picard Cécile Picard-Limpens] dans [http://javascool.gforge.inria.fr JavaScool]. ==
  
<div>Une «proglet» permet de manipuler et d'expérimenter des algorithmes à travers des objets numériques.</div>
+
<div>Une «proglet» permet de manipuler un objet numérique et de le faire fonctionner avec des algorithmes.</div>
 +
<div>Une «educlet» permet de manipuler un objet numérique et de le faire fonctionner à travers une interface graphique.</div>
  
http://www.openprocessing.org/portal/?userID=8553
+
<div>English version [http://www.openprocessing.org/portal/?userID=8553 here]</div>
 
 
Pour s'initier à la programmation, nous vous offrons plusieurs proglets, sous forme d'exercices animés et interactifs,<sup>[#1 1]</sup> sont disponibles [http://javascool.gforge.inria.fr/v3/?page=api:/org/javascool/doc-files/about-proglets.htm ici]. dont certaines sont développées en [http://www.processing.org processing]<nowiki>: </nowiki>
 
 
 
{| class="table" width="90%" cellpadding="5px" align="center" bgcolor="#eeeeee"
 
| valign="top" |
 
| valign="top" |
 
| valign="top" |
 
| valign="top" |
 
| valign="top" |
 
| valign="top" |
 
| valign="top" | Auteur
 
| valign="top" |
 
|-
 
| valign="top" |
 
«Exploration sonore» <div>[[Image:smallImage.jpg]]</div>
 
| valign="top" |
 
[http://javascool.gforge.inria.fr/v3/?page=doc:/sketchbook/ExplorationSonore/activites-unplug.htm Description]
 
| valign="top" |
 
[http://vimeo.com/17929355 Demo]
 
| valign="top" |
 
[http://javascool.gforge.inria.fr/v3/?page=doc:/sketchbook/ExplorationSonore/about-proglet.htm Usage]
 
| valign="top" |
 
[http://www.openprocessing.org/visuals/?visualID=16032 Proglet]
 
| valign="top" |
 
[http://javascool.gforge.inria.fr/v3/?page=doc:/sketchbook/ExplorationSonore/sujet-creation-de-sons.htm Activité]
 
| valign="top" |
 
CP<sup>[#4 4]</sup>@[http://www.openprocessing.org/portal/?userID=8553 fuscia]
 
| valign="top" | permet de visualiser l'évolution temporelle et le contenu fréquentiel (le spectre) d'un son.
 
|-
 
| valign="top" |
 
«Cryptage RSA» <div>[[Image:smallImage.jpg]]</div>
 
| valign="top" |
 
[http://javascool.gforge.inria.fr/v3/?page=doc:/sketchbook/CryptageRSA/activites-unplug.htm Description]
 
| valign="top" |
 
| valign="top" |
 
[http://javascool.gforge.inria.fr/v3/?page=doc:/sketchbook/CryptageRSA/about-proglet.htm Usage]
 
| valign="top" |
 
[http://www.openprocessing.org/visuals/?visualID=16149 Proglet]
 
| valign="top" |
 
[http://javascool.gforge.inria.fr/v3/?page=doc:/sketchbook/CryptageRSA/sujet-about-cryptageRSA.htm Activité]
 
| valign="top" |
 
CP<sup>[#4 4]</sup>@[http://www.openprocessing.org/portal/?userID=8553 fuscia]
 
| valign="top" | permet de manipuler les concepts liés à l'encryptage/décryptage par clés publique et privée.
 
|-
 
| valign="top" |
 
«En Voiture» <div>[[Image:smallImage.jpg]]</div>
 
| valign="top" |
 
[http://javascool.gforge.inria.fr/v3/?page=doc:/sketchbook/EnVoiture/activites-unplug.htm Description]
 
| valign="top" |
 
| valign="top" |
 
[http://javascool.gforge.inria.fr/v3/?page=doc:/sketchbook/EnVoiture/about-proglet.htm Usage]
 
| valign="top" |
 
[http://www.openprocessing.org/visuals/?visualID=16153 Proglet]
 
| valign="top" |
 
[http://javascool.gforge.inria.fr/v3/?page=doc:/sketchbook/EnVoiture/sujet-about-voiture.htm Activité]
 
| valign="top" |
 
CP<sup>[#4 4]</sup>@[http://www.openprocessing.org/portal/?userID=8553 fuscia]
 
| valign="top" | 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.
 
|-
 
| valign="top" |
 
«Un graphe des chemins» <div>[[Image:smallImage.jpg]]</div>
 
| valign="top" |
 
[http://javascool.gforge.inria.fr/v3/?page=doc:/sketchbook/UnGrapheDesChemins/activites-unplug.htm Description]
 
| valign="top" |
 
[http://vimeo.com/17929441 Demo]
 
| valign="top" |
 
[http://javascool.gforge.inria.fr/v3/?page=doc:/sketchbook/UnGrapheDesChemins/about-proglet.htm Usage]
 
| valign="top" |
 
[http://www.openprocessing.org/visuals/?visualID=16148 Proglet]
 
| valign="top" |
 
[http://javascool.gforge.inria.fr/v3/?page=doc:/sketchbook/UnGrapheDesChemins/sujet-about-chemins.htm Activité]
 
| valign="top" |
 
CP<sup>[#4 4]</sup> @[http://www.openprocessing.org/portal/?userID=8553 fuscia]
 
| valign="top" | 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.
 
|}
 
 
 
<br />
 
 
 
<div>
 
 
 
== Autres «educlets». ==
 
 
 
<div>Ces «educlets» ne sont pas des «proglets» (on les utilisent en "cliquant", mais ne sont pas programmable).</div>
 
  
 
{| class="table" width="90%" cellpadding="5px" align="center" bgcolor="#eeeeee"
 
{| class="table" width="90%" cellpadding="5px" align="center" bgcolor="#eeeeee"
| valign="top" |
 
| valign="top" |
 
| valign="top" |
 
| valign="top" |
 
| valign="top" | Auteurs
 
| valign="top" |
 
|-
 
| valign="top" |
 
«Boite à Musique» <div>[[Image:smallImage.jpg]]</div>
 
| valign="top" |
 
[http://javascool.gforge.inria.fr/v3/?page=doc:/sketchbook/BoiteAMusique/activites-unplug.htm Description]
 
| valign="top" |
 
[http://vimeo.com/17928229 Demo]
 
| valign="top" |
 
[http://www.openprocessing.org/visuals/?visualID=16253 Proglet]
 
| valign="top" |
 
CP<sup>[#4 4]</sup>@[http://www.openprocessing.org/portal/?userID=8553 fuscia]
 
| valign="top" | permet de se familiariser à la notion de composition sonore et l'assemblage de sons.
 
|-
 
| valign="top" |
 
«Analyseur» <div>[[Image:smallImage.jpg]]</div>
 
| valign="top" |
 
[http://javascool.gforge.inria.fr/v3/?page=doc:/sketchbook/Analyseur/activites-unplug.htm Description]
 
| valign="top" |
 
| valign="top" |
 
[http://www.openprocessing.org/visuals/?visualID=16155 Proglet]
 
| valign="top" |
 
CP<sup>[#4 4]</sup>@[http://www.openprocessing.org/portal/?userID=8553 fuscia]
 
| valign="top" | permet de visualiser le contenu fréquentiel des graves aux aigus (le spectre) d'un son produit dans l'environnement.
 
|-
 
| valign="top" |
 
«Vaguelettes ajustables» <div>[[Image:smallImage.jpg]]</div>
 
| valign="top" |
 
[http://javascool.gforge.inria.fr/v3/?page=doc:/sketchbook/VaguelettesAjustables/activites-unplug.htm Description]
 
| valign="top" |
 
| valign="top" |
 
[http://www.openprocessing.org/visuals/?visualID=16159 Proglet]
 
| valign="top" |
 
CP<sup>[#4 4]</sup>@[http://www.openprocessing.org/portal/?userID=8553 fuscia]
 
| valign="top" | permet d'illustrer qu'est-ce qu'une onde, comment elle naît et se propage.
 
 
|-
 
|-
| valign="top" |
+
||
«Magnetophone» <div>[[Image:v3]]</div>
+
«Exploration sonore» <br><html>
| valign="top" |
+
<a href="http://javascool.gforge.inria.fr/documents/sketchbook/exploSonore/exploSonore.mov">
[http://javascool.gforge.inria.fr/v3/?page=doc:/sketchbook/Magnetophone/activites-unplug.htm Description]
+
<img width="400" alt="video" src="http://javascool.gforge.inria.fr/documents/sketchbook/exploSonore/ExplorationSonore_xml.png"/>
| valign="top" |
+
</html></div>
| valign="top" | (utilisable localement uniquement)
+
||
| valign="top" |
+
Accès à la '''[http://javascool.gforge.inria.fr/v4/index.php?page=proglets&action=show&id=exploSonore «proglets»]''' <br>
CP<sup>[#4 4]</sup>@[http://www.openprocessing.org/portal/?userID=8553 fuscia]
+
Accès à la '''[http://www.openprocessing.org/visuals/?visualID=16032 «educlet»]''' <br>
| valign="top" | permet permet d'enregistrer ses propres sons.
+
Accès à l''''[http://javascool.gforge.inria.fr/v4/documents/sketchbook/enVoiture/activites-unplug.htm activité]'''
 +
[http://vimeo.com/17929355 démonstration]
 +
||  
 +
permet de visualiser l'évolution temporelle et le contenu fréquentiel (le spectre) d'un son.
 
|}
 
|}
 
<br /></div>
 

Version du 31 août 2011 à 11:57

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
«Exploration sonore»
video

Accès à la «proglets»
Accès à la «educlet»
Accès à l'activité démonstration

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