Pi-WebIde-Visualiseur - Historique des versions

Admin : /* Introduction */

2013-08-11T16:29:46Z

Introduction

Admin : /* Note importante */

2013-08-11T13:05:41Z

Note importante

Admin : /* Note importante */

2013-08-11T13:05:07Z

Note importante

Admin : /* Le visualiseur */

2013-08-11T12:28:21Z

Le visualiseur

Admin : /* Le visualiseur */

2013-08-11T12:05:58Z

Le visualiseur

Admin : /* Introduction */

2013-08-11T11:52:34Z

Introduction

Admin le 11 août 2013 à 11:52

2013-08-11T11:52:05Z

Admin le 11 août 2013 à 11:24

2013-08-11T11:24:04Z

Admin le 11 août 2013 à 11:15

2013-08-11T11:15:53Z

Admin : Page créée avec « {{Pi-WebIde-NAV}} Pour démarrer le visualiseur, ouvrir un script python que vous pouvez lancer. Dans le menu, il y aura un lien avec le titre "Visualize". Cliquez sur le li... »

2013-08-11T11:15:00Z

Page créée avec « {{Pi-WebIde-NAV}} Pour démarrer le visualiseur, ouvrir un script python que vous pouvez lancer. Dans le menu, il y aura un lien avec le titre "Visualize". Cliquez sur le li... »

Nouvelle page

{{Pi-WebIde-NAV}}

Pour démarrer le visualiseur, ouvrir un script python que vous pouvez lancer. Dans le menu, il y aura un lien avec le titre "Visualize". Cliquez sur le lien "Visualize".

[[Fichier:Pi-WebIde-Visu-01.png]] [http://learn.adafruit.com/assets/3437 ]

Une fois le lien cliqué, il faudra de quelques secondes à quelques minutes pour charger, dépendant de ce que votre script doit effectuer. Parfois lorsqu'il est aussi simple que d'allumer quelques LED's, ou afficher quelques lignes, il sera chargé vraiment rapidement. La chose à surveiller est que vous n'ayez pas de boucle infinie dans votre code, comme par exemple lorsque votre script est conçu pour enregistrer périodiquement la température.

L'écran suivant vous montre ce qui suit :

[[Fichier:Pi-WebIde-Visu-02.png]] [http://learn.adafruit.com/assets/3438 ]

La barre d'outils (#1) vous permet de parcourir votre programme. Vous pouvez naviguer de la façon désirée , en avant, en arrière, sauter au départ, ou à la fin.

Le code (#2) est listé à gauche. Pendant que vous parcourrez votre programme, vous verrez deux flèches dans la gouttière gauche qui vous indiqueront quelle ligne est exécutée (vert), et laquelle sera exécutée en cliquant "Forward" (rouge).

La colonne de droite affiche la pile mémoire (#3) que votre programme exécute. Vous verrez l'assignation de vos variables, la création des objets, etc.

Le panneau du bas est la sortie de votre programme (#4). Chaque fois que vous avez une déclaration "print", ou tout autre type de sortie, vous la verrez s'afficher dans cette section.

Voici une capture d'écran qui vous montre le déroulement d'un programme :

[[Fichier:Pi-WebIde-Visu-03.png]] [http://learn.adafruit.com/assets/3439 ]

La chose à noter concernant le visualiseur est que votre script entier est exécuté sur le serveur, il vous renvoie les retours de votre script dans WebIDE. ce n'est pas un débogueur en temps réel (mais WebIDE le fait aussi bien!). Par exemple, si vous avez une LED qui doit s'allumer dans votre programme, elle s'allumera rapidement et nous renvoie sa réponse, et au cours de votre programme, la LED ne s'allumera pas comme elle est déjà allumée.

Le crédit pour le visualiseur est rendu à Philip Guo à[http://pythontutor.com/ pythontutor.com]. Nous avons dérivé, torturé, converti, et modifié cette création open source pour quelle fonctionne simplement avec notre WebIDE.

{{Pi-WebIde-NAV}}

@@ Ligne 10 : / Ligne 10 : @@
 * "Comment fonctionne la récursivité?",
 * "Comment fonctionne l'appel de fonction?",
-* "Comment fonctionne les méthodes avec les lists? des méthodes tels que "append"".
+* "Comment fonctionne les méthodes avec les listes? des méthodes tels que "append"".
 == Démarrer le visualiseur ==

@@ Ligne 75 : / Ligne 75 : @@
 Par exemple, si vous avez une LED qui doit s'allumer dans votre programme, elle s'allumera rapidement au cours de l'exécution par le visualiseur.
-Ensuite, pendant que vous parcourez les étapes dans le visualiseur, cette dernière ne s'allumera plus... puisque vous inspectez les étapes dans le visualiseur et '''non réellement exécuter''' le programme.
+Ensuite, pendant que vous parcourez les étapes dans le visualiseur, cette dernière ne s'allumera plus... puisque vous inspectez les étapes dans le visualiseur et '''non re-exécuter''' le programme en mode pas-à-pas.
 Le crédit pour le visualiseur est a rendre à Philip Guo de [http://pythontutor.com/ pythontutor.com]. Adafruit Industries à dérivé, converti et modifié cette création open-Source pour quelle fonctionne avec WebIDE.
 {{Pi-WebIde-TRAILER}}

@@ Ligne 71 : / Ligne 71 : @@
 == Note importante ==
-La chose à noter concernant le visualiseur est que votre script entier est exécuté sur le serveur, il vous renvoie les retours de votre script dans WebIDE. ce n'est pas un débogueur en temps réel (mais WebIDE le fait aussi bien!). Par exemple, si vous avez une LED qui doit s'allumer dans votre programme, elle s'allumera rapidement et nous renvoie sa réponse, et au cours de votre programme, la LED ne s'allumera pas comme elle est déjà allumée.
+La chose à noter concernant le visualiseur est que votre script est exécuté en entier sur le serveur, puis vous renvoie les retours de votre script dans WebIDE. Ce n'est pas un débogueur en temps réel, même si WebIDE dispose aussi d'un débogueur.
-Le crédit pour le visualiseur est rendu à Philip Guo à[http://pythontutor.com/ pythontutor.com]. Nous avons dérivé, torturé, converti, et modifié cette création open source pour quelle fonctionne simplement avec notre  WebIDE.
+Par exemple, si vous avez une LED qui doit s'allumer dans votre programme, elle s'allumera rapidement au cours de l'exécution par le visualiseur.
 {{Pi-WebIde-TRAILER}}

@@ Ligne 28 : / Ligne 28 : @@
 == Le visualiseur ==
 Une fois le visualiseur ("Visualizer" en anglais) démarré, WebIDE vous affichera l'écran suivant:
@@ Ligne 47 : / Ligne 49 : @@
 Le panneau du bas (#4) affiche la sortie de votre programme. Chaque fois que vous avez une instruction "print", ou tout autre type de sortie, vous le résultat de ces instruction s'afficher dans cette section.
 Voici une capture d'écran qui vous montre le déroulement d'un programme :
 [[Fichier:Pi-WebIde-Visu-03.png]]
 La chose à noter concernant le visualiseur est que votre script entier est exécuté sur le serveur, il vous renvoie les retours de votre script dans WebIDE. ce n'est pas un débogueur en temps réel (mais WebIDE le fait aussi bien!). Par exemple, si vous avez une LED qui doit s'allumer dans votre programme, elle s'allumera rapidement et nous renvoie sa réponse, et au cours de votre programme, la LED ne s'allumera pas comme elle est déjà allumée.

@@ Ligne 2 : / Ligne 2 : @@
 == Introduction ==
-Le visualiseur est une fonctionnalité concue pour aider à comprendre le fonctionnement du code python d'un programme à un niveau plus fondamental. Il vous permet de voir ce que l'interpréteur Python fait lorsque qu'il exécute les différentes étapes/intructions du programme. Vous pouvez voir des opérations comme d'assignation des variables, création d'objets, etc.
+{{bloc-etroit|text=Le visualiseur est une fonctionnalité concue pour aider à comprendre le fonctionnement du code python d'un programme à un niveau plus fondamental. Il vous permet de voir ce que l'interpréteur Python fait lorsque qu'il exécute les différentes étapes/intructions du programme. Vous pouvez voir des opérations comme d'assignation des variables, création d'objets, etc.
 D'une façon générale, le visualiseur un bon outil à utiliser si l'on a besoin de comprendre ce que que fait un script relativement simple.
 Le visualiseur permet de répondre à différentes quesions comme:

@@ Ligne 28 : / Ligne 28 : @@
 == Le visualiseur ==
-Une fois le visualiseur ("Visualize" en anglais) démarré, WebIDE vous affichera l'écran suivant:
+Une fois le visualiseur ("Visualizer" en anglais) démarré, WebIDE vous affichera l'écran suivant:
-[[Fichier:Pi-WebIde-Visu-02.png]] [http://learn.adafruit.com/assets/3438  ]
+[[Fichier:Pi-WebIde-Visu-02.png]]
-La barre d'outils (#1) vous permet de parcourir votre programme. Vous pouvez naviguer de la façon désirée , en avant, en arrière, sauter au départ, ou à la fin.
+La barre d'outils (#1) vous permet de parcourir votre programme. Vous pouvez naviguer a votre guise dans votre programme, en avant, en arrière, sauter au départ, ou à la fin.
-Le code (#2) est listé à gauche. Pendant que vous parcourrez votre programme, vous verrez deux flèches dans la gouttière gauche qui vous indiqueront quelle ligne est exécutée (vert), et laquelle sera exécutée en cliquant  "Forward" (rouge).
+Vous y trouverez les boutons/liens suivants:
-La colonne de droite affiche la pile mémoire (#3) que votre programme exécute. Vous verrez l'assignation de vos variables, la création des objets, etc.
+Le centre de la barre (#1) affiche également le texte "Step 1 of 29" signifiant ''étape 1 de 29''.
-Le panneau du bas est la sortie de votre programme (#4). Chaque fois que vous avez une déclaration "print", ou  tout autre type de sortie, vous la verrez s'afficher dans cette section.
+Le code (#2) est affiché à gauche. Pendant que vous parcourrez votre programme, vous verrez deux flèches dans la marge gauche qui vous indiqueront quelle ligne est exécutée (vert), et une flèche rouge pour indiqué celle qui sera exécutée en cliquant "Forward" ("Forward" signifie ''en avant/vers l'avant'').
 Voici une capture d'écran qui vous montre le déroulement d'un programme :
-[[Fichier:Pi-WebIde-Visu-03.png]] [http://learn.adafruit.com/assets/3439  ]
+[[Fichier:Pi-WebIde-Visu-03.png]]
 La chose à noter concernant le visualiseur est que votre script entier est exécuté sur le serveur, il vous renvoie les retours de votre script dans WebIDE. ce n'est pas un débogueur en temps réel (mais WebIDE le fait aussi bien!). Par exemple, si vous avez une LED qui doit s'allumer dans votre programme, elle s'allumera rapidement et nous renvoie sa réponse, et au cours de votre programme, la LED ne s'allumera pas comme elle est déjà allumée.

@@ Ligne 1 : / Ligne 1 : @@
 {{Pi-WebIde-NAV}}
-{{bloc-etroit|text=Pour démarrer le visualiseur, ouvrir un script python que vous pouvez lancer. Dans le menu, il y aura un lien avec le titre "Visualize". Cliquez sur le lien "Visualize".}}
+== Introduction ==
-[[Fichier:Pi-WebIde-Visu-01.png]] [http://learn.adafruit.com/assets/3437  ]
+D'une façon générale, le visualiseur un bon outil à utiliser si l'on a besoin de comprendre ce que que fait un script relativement simple.
-{{bloc-etroit|text=Une fois le lien cliqué, il faudra de quelques secondes à quelques minutes pour charger, dépendant de ce que votre script doit effectuer. Parfois lorsqu'il est aussi simple que d'allumer quelques LED's, ou afficher quelques lignes, il sera chargé vraiment rapidement. La chose à surveiller est que vous n'ayez pas de boucle infinie dans votre code,  comme par exemple lorsque votre script est conçu pour enregistrer périodiquement la température.
+Le visualiseur permet de répondre à différentes quesions comme:
 }}
 [[Fichier:Pi-WebIde-Visu-02.png]] [http://learn.adafruit.com/assets/3438  ]

← Version précédente		Version du 11 août 2013 à 11:24
Ligne 28 :		Ligne 28 :
	Le crédit pour le visualiseur est rendu à Philip Guo à[http://pythontutor.com/ pythontutor.com]. Nous avons dérivé, torturé, converti, et modifié cette création open source pour quelle fonctionne simplement avec notre WebIDE.		Le crédit pour le visualiseur est rendu à Philip Guo à[http://pythontutor.com/ pythontutor.com]. Nous avons dérivé, torturé, converti, et modifié cette création open source pour quelle fonctionne simplement avec notre WebIDE.

−	{{Pi-WebIde-~~NAV~~}}	+	{{Pi-WebIde-TRAILER}}