29 917
modifications
Modifications
Sauter à la navigation
Sauter à la recherche
Ligne 28 :
Ligne 28 : − + − + − + − 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 visualiseur
== Le visualiseur ==
== 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.
Vous y trouverez les boutons/liens suivants:
* '''First''' - Signifiant ''premier'', permet de revenir à la première ligne exécutée.
* '''Back''' - Signifiant ''en arrière'', permet de revenir à la ligne précédemment exécutée.
* '''Forward''' - Signifiant ''en avant'', permet de se déplacer sur prochaine la ligne exécutée.
* '''Last''' - Signifiant ''dernier'', permet de se déplacer sur la dernière ligne exécutée.
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'').
La colonne de droite (#3) affiche l'évolution de pile mémoire au cours de l’exécution des étapes ("''steps''") du programme. Vous verrez l'assignation de vos variables, la création des objets, etc.
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 :
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.
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.