Pi-WebIde-Utiliser

De MCHobby - Wiki
Sauter à la navigation Sauter à la recherche


MCHobby investit du temps et de l'argent dans la réalisation de traduction et/ou documentation. C'est un travail long et fastidieux réalisé dans l'esprit Open-Source... donc gratuit et librement accessible.
SI vous aimez nos traductions et documentations ALORS aidez nous à en produire plus en achetant vos produits chez MCHobby.


Le WebIDE d'AdaFruit dispose d'un grand nombre de fonctionnalités.
Elles ne sont pas toutes forcement évidentes à maitriser. Voici donc une liste de ces fonctionnalités, et de leur fonctionnement.

Comme le WebIDE est encore en cours de développement, AdaFruit a besoin de votre aide pour traquer les bugs. Utilisez le lien ci-dessous pour nous soumettre vos questions sur Github. NB: L'anglais est de rigueur.

https://github.com/adafruit/Adafruit-WebIDE/issues

Pi-WebIde-Utiliser-01.jpg

Lors du premier chargement de WebIDE, vous devriez voir quelque chose de similaire à ce que vous voyez ci-dessus (cliquez sur l'image pour la voir à sa grandeur maximum).

  1. Ceci est votre nom d'utilisateur Bitbucket. Sur l'image le lien est inactif.
    Vérifiez que ce nom d'utilisateur soit correct et correspond à votre compte utilisateur Bitbucket. Cliquer sur ce lien affiche les paramètres ("settings" en anglais) de WebIde
  2. Liste de tous vos dépôts. Le dépôt de code Python Adafruit Raspberry Pi (https://github.com/adafruit/Adafruit-Raspberry-Pi-Python-Code.git) est automatiquement créé et chargé dans votre compte Bitbucket lors de l'installation de WebIDE. AdaFruit à également créé un dépôt my-pi-projects.
    Si une icône classeur s'y trouve, cela signifie qu'il contient des fichiers.
    Si l'icone est une flèche ">", cela signifie qu'il s'agit d'un fichier éditable dans WebIDE.
  3. Cliquez ici pour obtenir une copie d'une source Github ou Bitbucket disponible sur le Net. Suivez les instructions de la fenêtre contextuelle.
  4. LE bouton Terminal est disponible depuis n'importe quel "écran" de WebIDE. Cliquer sur celui-ci permet d'activer un terminal. Toutes les commandes que vous y entrerez seront transférées et exécutées directement sur votre Raspberry Pi. Ce sera un outil vraiment pratique pour installer des bibliothèques/logiciels sur votre sans quitter WebIDE. Vraiment pratique!
  5. Lors de votre connexion sur WebIde (ou du rafraichissement de WebIDE dans votre navigateur), vous serez accueilli par un message sympathique. Lisez le, il contient des nouvelles de WebIDE. Cette zone servira également à l'édition du contenu des fichiers.

Pi-WebIde-Utiliser-02.jpg

Il existe des comportements spécifiques dans WebIDE lorsque vous visionnez des exemples et code issus d'Adafruit:

  1. Comme avec n'importe quelle portion de code, vous pouvez simplement exécuter celui-ci sur votre Raspberry Pi en cliquant sur le bouton "Run" ("Run" signifiant exécuter).
    Le terminal s'ouvre automatiquement lorsque vous cliquez sur "Run".
  2. Le code Adafruit est en lecture seule, mais vous pouvez copier facilement ce code dans votre répertoire "my-pi-projects". En cliquant sur ce lien "Copy this project to My Pi Project" (Copier ce project vers My Pi Project), il copiera le répertoire et tout son contenu.

Pi-WebIde-Utiliser-03.jpg

L'écran ci-dessus est typiquement ce que vous verrez lorsque de code est copié, importé, ou entièrement créé dans votre répertoire my-pi-projects (ou autre répertoire).

  1. Pressez ce bouton si vous désirez créer un nouveau fichier. Assurez vous d'y ajouter le bon suffixe (le type de fichier), comme .py à la fin du nom pour un fichier Python, sinon l'éditeur ne le reconnaîtra pas et ne saura pas quoi en faire.
    Cliquer ensuite sur "save" (sauver) pour ajouter votre nouveau fichier au répertoire courant.
  2. Vous pouvez également télécharger un fichier contenant déjà du code et disponible sur votre ordinateur (un squelette de votre programme par exemple). Encore un fois, assurez vous de le nommer correctement avant de l'importer. Vous pouvez aussi importer des images dans le répertoire. Ces images sont visibles directement dans l'IDE).
  3. N'oubliez pas de cliquer "save" (sauver) après avoir effectué des modifications dans votre code, cela mettra votre fichier à-jour dans votre compte Bitbucket.

Pi-WebIde-Utiliser-04.jpg

Renommer et effacer des fichiers facilement!

  1. Simplement cliquer droit sur n'importe quel fichier affiche une boîte de dialogue.
    1. Elle vous permet d'en changer le nom en cliquant sur "Rename"
    2. ou de l'effacer de façon permanente en cliquant sur "delete".

Un nouveau nom de fichier vous sera demandé si vous cliquez sur "Rename" (renommer). Effectuez le changement, ensuite cliquez "save" (Sauver).

Pi-WebIde-Utiliser-05.jpg

En haut à droite de WebIDE, vous devriez voir les mots "Connected" et "Log out".

  1. Si un "Connected" vert est affiché, cela signifie que WebIDE est en cours de communication avec votre Raspberry Pi.
    Si WebIDE n'est pas connecté, WebIDE essaiera de se connecter à votre Pi pendant un moment, puis il finira par abandonner.
    Il vous demandera alors de vous reconnecter à votre Pi et de rafraichir la page dans votre navigateur.
  2. Vous pouvez vous déconnecter de votre compte Bitbucket à tout moment en cliquant "Log out".

Ce qui n'est pas visible dans l'image ci-dessus, c'est la fonction "auto-update" (mise-à-jour automatique). Vous verrez apparaître un un message entre "Connected" et "Log out" si AdaFruit publie une mise-à-jour pour le WebIDE. Cliquez simplement sur ce lien, attendez quelques instants et WebIDE téléchargera, décompressera et installera la mise-à-jour. Au terme de cette opération votre Pi redémarrera automatiquement. Votre navigateur sera même rafraichit pour vous. C'est aussi simple que cela.

Réactualisez régulièrement votre navigateur pour savoir si des mises-à-jour sont disponibles.

Lorsque WebIDE est installé, vous pouvez facilement arrêter votre Pi (shutdown -h now) ou le redémarrer (shutdown -r now) grâce au terminal. Démarrez simplement votre Pi la prochaine fois que vous voulez utiliser WebIDE sur votre Pi, saisissez simplement raspberrypi.local dans votre navigateur pour être à nouveau dans WebIDE.


Source: [1]

Réalisé avec l'aide de Mr Carette J. à qui nous remettons tous nos remerciements.

Tutoriel créé par Tyler Cooper pour AdaFruit Industries. Tutorial created by Tyler Cooper for AdaFruit Industries.

Toute référence, mention ou extrait de cette traduction doit être explicitement accompagné du texte suivant : «  Traduction par MCHobby (www.MCHobby.be) - Vente de kit et composants » avec un lien vers la source (donc cette page) et ce quelque soit le média utilisé.

L'utilisation commercial de la traduction (texte) et/ou réalisation, même partielle, pourrait être soumis à redevance. Dans tous les cas de figures, vous devez également obtenir l'accord du(des) détenteur initial des droits. Celui de MC Hobby s'arrêtant au travail de traduction proprement dit.

Traduit avec l'autorisation d'AdaFruit Industries - Translated with the permission from Adafruit Industries - www.adafruit.com