JavaScool:ProgletsProcessing - Historique des versions

Vthierry le 31 août 2011 à 11:17

2011-08-31T11:17:24Z

Vthierry le 31 août 2011 à 11:16

2011-08-31T11:16:28Z

Vthierry le 31 août 2011 à 11:15

2011-08-31T11:15:41Z

Vthierry le 31 août 2011 à 11:14

2011-08-31T11:14:19Z

Vthierry le 31 août 2011 à 10:57

2011-08-31T10:57:15Z

Voir les modifications

Vthierry le 30 août 2011 à 12:15

2011-08-30T12:15:35Z

Vthierry : Page créée avec « Catégorie:JavaScoolRes NOTOC == Les «educlets» et «proglets» de [http://www-sop.inria.fr/members/Cecile.Picard Cécile Picard-Lippens] dans [http://javascool.gf... »

2011-08-19T12:47:45Z

Page créée avec « Catégorie:JavaScoolRes __NOTOC__ == Les «educlets» et «proglets» de [http://www-sop.inria.fr/members/Cecile.Picard Cécile Picard-Lippens] dans [http://javascool.gf... »

Nouvelle page

[[Catégorie:JavaScoolRes]] __NOTOC__
== Les «educlets» et «proglets» de [http://www-sop.inria.fr/members/Cecile.Picard Cécile Picard-Lippens] 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>

http://www.openprocessing.org/portal/?userID=8553

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"
| 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>
| valign="top" |
[http://javascool.gforge.inria.fr/v3/?page=doc:/sketchbook/Magnetophone/activites-unplug.htm Description]
| valign="top" |
| valign="top" | (utilisable localement uniquement)
| valign="top" |
CP<sup>[#4 4]</sup>@[http://www.openprocessing.org/portal/?userID=8553 fuscia]
| valign="top" | permet permet d'enregistrer ses propres sons.
|}

<br /></div>

@@ 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>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"

@@ Ligne 99 : / Ligne 99 : @@
 ||
 * [http://javascool.gforge.inria.fr/v4/documents/sketchbook/Magnetophone/activites-unplug.htm «activité»]
 |}

@@ Ligne 7 : / Ligne 7 : @@
 <div>English version [http://www.openprocessing.org/portal/?userID=8553 here]</div>
-{| class="table" width="90%" cellpadding="5px" align="center" bgcolor="#eeeeee"
+{| class="table" width="90%" cellpadding="5px" align="center"
 |-
 ||
@@ Ligne 73 : / Ligne 73 : @@
 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"/>
@@ Ligne 79 : / Ligne 80 : @@
 * [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"/>
@@ Ligne 86 : / Ligne 90 : @@
 * [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"/>

@@ Ligne 13 : / Ligne 13 : @@
 <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"/>
-</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.
 |}

@@ Ligne 1 : / Ligne 1 : @@
 [[Catégorie:JavaScoolRes]] __NOTOC__
-== Les «educlets» et «proglets» de [http://www-sop.inria.fr/members/Cecile.Picard Cécile Picard-Lippens] 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>