Deux curseurs, un fichier, un terminal visible par tous.
Bibliothèque d'applications · Éditeur de code : à venir
Écrivez-le ensemble. Écrivez-le au tableau.
Comment enseignez-vous ?
L'éditeur de code de Pencil Spaces intègre un éditeur de code fonctionnel directement sur le tableau sur lequel vous enseignez. Tous les participants de l'espace tapent dans le même fichier et voient où se trouve le curseur de chacun. Appuyez sur « Exécuter » et le résultat s'affiche simultanément pour tout le monde, dans l'un des 10 langages disponibles, du Python au Java en passant par le C++ et le Rust.
La boucle de votre élève affiche un résultat erroné. Ouvrez l'éditeur de code et observez-le taper, avec son curseur et le vôtre dans le même fichier. Appuyez ensemble sur « Exécuter » et vous verrez tous les deux le résultat ; vous pourrez ainsi lui montrer comment corriger le problème au lieu de lui lire les numéros de ligne.
Le bug d'un élève est une leçon pour toute la classe. Ouvrez l'éditeur de code, demandez-leur de saisir la correction au tableau et d'appuyer sur « Exécuter ». Tous les élèves voient le résultat au même moment, ainsi que le nom de celui qui a lancé l'exécution.
Les participants retiennent le code qu'ils tapent eux-mêmes. Ouvrez l'éditeur de code dans votre espace d'atelier : n'importe quel membre du groupe pourra alors écrire la ligne suivante. Cliquez sur « Exécuter » et tout le monde verra le résultat en même temps.
Affichez l'éditeur de code au tableau, à l'avant de la salle. Saisissez l'exemple, cliquez sur « Exécuter » et le résultat s'affichera sur l'écran de la salle de classe. Les élèves qui ouvrent Space sur leur ordinateur portable modifient le même fichier que vous.
Affichez l'éditeur de code sur l'écran partagé à l'avant de la salle. Les participants tapent le code en même temps sur leurs ordinateurs portables, dans le même fichier. Appuyez une fois sur « Exécuter » et toute la salle voit ce que fait le code.
Votre enfant apprend à programmer et son devoir ne fonctionne pas. Ouvrez l'éditeur de code dans votre Espace, assis à la table de la cuisine, puis cliquez ensemble sur « Exécuter ». Vous verrez tous les deux l'erreur, et il n'y a rien à installer sur l'ordinateur portable familial.
Coming to the Expert and Master plans, where it joins cloud recording and automated lesson summaries. See what each plan includes
Gratuit pendant 2 semaines avec n'importe quelle formule payante. Aucune carte bancaire requise.
Pourquoi c'est plus facile
Arrêtez d'enseigner la programmation via le partage d'écran.
Un seul fichier pour toute la salle.
Aucune configuration sur l'ordinateur portable familial.
Lors d'un appel vidéo, une seule personne est aux commandes. Votre élève partage son écran, vous lui lisez les numéros de ligne à voix haute et tout le monde attend qu'il trouve l'endroit en question. Dans l'éditeur de code, vous tapez tous les deux dans le même fichier.
Lors d'un appel vidéo, un élève partage son écran et le reste de la classe regarde. Lorsque la correction est proposée, tout le monde la copie dans son propre éditeur, mais certaines copies ne fonctionnent pas. Dans l'éditeur de code, la classe travaille sur un seul fichier.
Lors d'un appel vidéo, vous partagez votre écran, vous collez le code dans la fenêtre de discussion et vous attendez que chacun le copie dans ses propres outils. Ensuite, vous corrigez les configurations qui ne fonctionnent pas. Dans l'éditeur de code, le groupe travaille sur un seul fichier.
Dans la plupart des cours d'informatique, vous tapez le code sur le projecteur et les élèves le recopient dans leur propre éditeur. Il arrive parfois qu'il y ait une faute de frappe que l'on ne voit pas depuis l'avant de la salle. Dans l'éditeur de code, toute la classe travaille sur un seul et même fichier.
Dans la plupart des ateliers, vous tapez sur l'écran partagé et les participants recopient le code sur leur ordinateur portable. Il y a toujours quelqu'un qui prend du retard. Dans l'éditeur de code, tout le groupe travaille sur un seul et même fichier.
Pour initier un enfant à la programmation, il faut généralement commencer par installer des outils, puis corriger les éventuels problèmes d'installation. L'éditeur de code fonctionne dans un environnement de test cloud au sein de votre Espace ; l'ordinateur portable familial n'a donc besoin que d'un navigateur.
La méthode habituelle
- Demandez à votre élève de partager son écran.
- Lisez à haute voix la ligne et la position.
- Attends qu'ils le trouvent et qu'ils le retapent.
- Demandez-leur de lancer le programme et de vous lire le message d'erreur.
- Demandez à un élève de partager son écran.
- Lisez la solution à haute voix pendant que la classe attend.
- Demandez à tout le monde de le copier dans son propre éditeur.
- Aidez les élèves dont la copie ne s'affiche pas.
- Partagez votre écran et saisissez l'exemple.
- Colle le code dans la fenêtre de discussion.
- Attendez que tout le monde l'ait copié dans ses propres outils.
- Dépannez chaque configuration qui ne permet pas son exécution.
- Affichez l'exemple sur le projecteur.
- Les élèves le copient dans leur propre éditeur.
- Certains comportent une faute de frappe qui n'est pas visible de face.
- Parcourez les allées pour le trouver.
- Tapez l'exemple qui s'affiche sur l'écran partagé.
- Les participants le copient sur leur ordinateur portable.
- La configuration de certaines personnes ne permet pas de l'exécuter.
- Interrompre l'atelier pour réparer leur ordinateur portable.
- Déterminez quelle version de Python installer.
- Installez-le, puis un éditeur.
- Corrigez le paramètre qui empêche son fonctionnement.
- Je me mets enfin à faire mes devoirs.
Avec l'éditeur de code
- Ouvrez l'éditeur de code sur la carte.
- Écrivez la solution à un endroit bien visible.
- Lancer l'impression. Vous voyez tous les deux le résultat.
- Ouvrez l'éditeur de code sur la carte.
- Demandez à l'élève de taper la correction devant tout le monde.
- Impression d'essai. Chaque élève peut voir le résultat.
- Ouvrez l'éditeur de code dans votre espace de travail.
- Tout le monde écrit dans le même fichier.
- Tirage d'essai. Tout le groupe voit le résultat.
- Ouvrez l'éditeur de code sur le tableau à l'avant de la salle.
- Les élèves ouvrent le même espace sur leurs ordinateurs portables.
- Lancement de la presse. Le résultat s'affiche sur tous les écrans.
- Ouvrez l'éditeur de code sur l'écran partagé.
- Les participants écrivent dans le même fichier depuis leur ordinateur portable.
- Tirage d'essai. Toute la salle peut voir le résultat.
- Ouvrez l'éditeur de code dans votre Espace.
- Votre enfant tape du texte pendant que vous consultez le même fichier.
- Lancez l'impression. Vous voyez tous les deux ce qui s'est passé.
Contenu
Un véritable éditeur, directement dans votre Espace.
The Code Editor is built for teaching programming, from first loops to data structures and algorithms. It works like the editors programmers use every day, with files, a terminal and suggestions as you type.
Tapez dans le même fichier
Tous les participants à l'espace éditent simultanément. Chaque curseur porte un nom, ce qui vous permet de voir qui tape quoi et où.
Lancez-le pour tout le monde
Appuyez sur « Run » ou sur ⌘↵. Le résultat, le nom de la personne qui a lancé la commande et la durée de l'opération s'affichent dans un terminal visible par tous.
10 langues
Python, JavaScript, TypeScript, Java, C, C++, Rust, Go, Ruby et Bash. Choisissez-en un lorsque vous ajoutez un fichier.
One shared terminal
Programs that ask for input work too. Anyone in the Space can type into the shared terminal, and everyone sees the output.
Des bibliothèques telles que NumPy
Importez NumPy et les bibliothèques utilisées dans les projets réels, ou installez-en d'autres à l'aide de pip et npm depuis le terminal.
Plus d'un fichier
Ajoutez des fichiers à partir du panneau « Fichiers ». L'arborescence répertorie toutes les fonctions, ce qui vous permet d'y accéder directement.
Aide en cours de saisie
Activez IntelliSense pour bénéficier de suggestions, d'informations contextuelles et d'une vérification complète des erreurs dans tous les langages.
Paramètres gérés par l'hôte
La taille des tabulations, les suggestions et le soulignement des erreurs sont visibles par tous les participants de l'espace. Seul l'animateur peut les modifier.
Aucune installation requise
Le code s'exécute dans un environnement de test cloud dédié à votre Space ; ainsi, n'importe quel ordinateur portable, Chromebook ou iPad équipé d'un navigateur peut y accéder.
Avant, pendant et après
De l'échauffement à la récupération.
Avant le coursAvant le coursAvant l'atelierAvant les devoirs
Tout sera prêt à leur arrivée.
Ajoutez les fichiers de démarrage à l'avance. Ils restent dans l'espace de travail, ce qui permet à tout le monde de commencer directement par le premier exercice.
Pendant le coursEn coursPendant l'atelierPendant les devoirs
Réglez le problème tant qu'ils sont encore curieux.
Regardez-les taper, repérez la faute et cliquez ensemble sur « Exécuter ». Tout le monde voit la même erreur, puis la même correction.
Après le coursAprès le coursAprès l'atelierAprès les devoirs
Reprenez l'entraînement là où ils se sont arrêtés.
Les fichiers restent dans l'espace de travail ; ainsi, la prochaine fois, vous repartirez du même code.
Pour les établissements scolaires et les équipes
Tous les enseignants sont prêts à passer à l'exemple suivant.
Rien à mettre en place
Aucun logiciel sur aucun appareil.
Le code s'exécute dans un environnement de test dans le cloud ; il n'y a donc rien à installer ni à mettre à jour.
Une norme
Un éditeur par enseignant.
Chaque enseignant dispose du même éditeur, des mêmes langues et des mêmes paramètres.
Un endroit
Du code à côté de tout le reste.
Les enseignants chargés des mathématiques, des sciences et de la programmation dispensent l'ensemble de ces matières dans un seul et même « Space ».
Pour les entreprises de soutien scolaire
Tous les tuteurs sont prêts à passer à l'exemple suivant.
Aucune configuration requise
Les familles n'ont rien à installer.
Les élèves se connectent via leur navigateur, sans avoir à installer de logiciel sur leur ordinateur portable.
Une norme
Un éditeur par tuteur.
Chaque tuteur dispose du même éditeur, des mêmes langues et des mêmes paramètres.
Un endroit
La programmation, les mathématiques et bien plus encore.
Les tuteurs qui enseignent les mathématiques et la programmation utilisent un seul « Space » pour les deux matières.
Pour les équipes de formation
Tous les formateurs, prêts à passer à l'exemple suivant.
Aucune installation requise
Aucune configuration n'est nécessaire sur les ordinateurs portables des participants.
Le code s'exécute dans un environnement de test cloud, ce qui permet au premier exercice de démarrer à l'heure prévue.
Une norme
Un éditeur par atelier.
Chaque formateur dispose du même éditeur, des mêmes langues et des mêmes paramètres.
Commandes de l'hôte
Paramètres des commandes du simulateur.
Désactivez les suggestions pour une partie d'entraînement : cette modification s'applique à l'ensemble du groupe.
260 millions
minutes d'apprentissage en direct
162+
pays
4.8
sur G2
Ouvrez-la depuis la barre d'applications.
Applications
La barre d'applications située en bas de l'écran
⌘K
Tapez ensuite « éditeur de code »
⌘↵
Cela revient à cliquer sur « Exécuter »
The first run can take up to a minute while the sandbox starts, and so can the first run after 10 quiet minutes. The rest of the time, a short program runs in about a tenth of a second.
Réponses à vos questions sur la programmation.
Quels sont les langages de programmation pris en charge par l'éditeur de code ?
L'éditeur de code prend en charge 10 langages : Python, JavaScript, TypeScript, Java, C, C++, Rust, Go, Ruby et Bash. Vous choisissez le langage lorsque vous ajoutez un fichier, et un même éditeur peut contenir des fichiers dans différents langages, par exemple un fichier Python à côté d'un fichier JavaScript.
Est-ce que tout le monde dans l'espace peut taper le même code en même temps ?
Yes. Everyone in the Space edits the same files at the same time, and each cursor shows the person’s name. When anyone presses Run, everyone sees the output in one shared terminal, and anyone can type in when a program asks for input.
Est-ce que quelqu'un doit installer quelque chose ?
No. Code runs in a cloud sandbox for your Space, so a laptop, Chromebook or iPad with a web browser is enough. The first run can take up to a minute while the sandbox starts, and so can the first run after 10 quiet minutes.
Puis-je utiliser des bibliothèques telles que NumPy ?
Oui. Le code Python dans l'éditeur de code permet d'importer des bibliothèques telles que NumPy, et le terminal ouvre un shell dans lequel vous pouvez en installer d'autres à l'aide de pip ou de npm. Cela vous permet de passer des premières boucles à l'exploitation de données réelles.
Is it safe to run code in a Space?
Yes. Each board’s code runs in its own isolated sandbox, kept apart from Pencil Spaces’ own systems. Its internet access is limited to package registries, so code can install libraries but can’t reach other websites.
Which plans include the Code Editor?
The Code Editor is coming to the Expert and Master plans, where it joins cloud recording and automated lesson summaries. If you teach on another plan, moving up to Expert gets you recordings and summaries now and the Code Editor at launch. You can compare every plan on the pricing page.
Essayez-le lors de votre prochain cours.
Essayez-le lors de votre prochain cours.
Découvrez-le en action lors de votre prochain atelier.
Regarde-le fonctionner sur la table de la cuisine.
Coming soon to the apps tray on the Expert and Master plans.
Nouveau sur Pencil Spaces
Discutons ensemble de l'enseignement du code.
The Code Editor comes with the Expert and Master plans. We’ll walk you through what’s coming and what’s live today.
Gratuit pendant 2 semaines avec n'importe quelle formule payante. Aucune carte bancaire requise.
J'enseigne déjà chez Pencil Spaces
Recherchez-la dans votre barre d'applications.
It will appear in the apps tray on the Expert and Master plans. Updates land on What’s New.
