Modifications

Sauter à la navigation Sauter à la recherche
2 595 octets ajoutés ,  21 mars 2020 à 15:54
Ligne 1 : Ligne 1 : −
== Introduction ==
+
{{Python-Turtle-Online-NAV}}
 +
 
 +
== Introduction : apprendre Python à distance ==
 
Nous sommes en plein épidémie Covid-19 et le confinement scolaire commence à devenir long.
 
Nous sommes en plein épidémie Covid-19 et le confinement scolaire commence à devenir long.
   Ligne 8 : Ligne 10 :  
<div style="border: 1px solid #FF9933; background-color: #FFCC66; padding-top: 10px; padding-bottom: 10px; padding-left:10px; border-radius: 15px; margin-bottom: 10px; text-align: left;">'''Réflexion personnelle:''' ce serait bien d'avoir quelque-chose dans un navigateur (donc indépendant de la plateforme) mais qui puisse aussi fonctionner sur PC. Une solution qui puisse offrir une interaction avec les élèves parce qu'afficher des messages texte c'est un peu limite pour stimuler l'intérêt.</div>
 
<div style="border: 1px solid #FF9933; background-color: #FFCC66; padding-top: 10px; padding-bottom: 10px; padding-left:10px; border-radius: 15px; margin-bottom: 10px; text-align: left;">'''Réflexion personnelle:''' ce serait bien d'avoir quelque-chose dans un navigateur (donc indépendant de la plateforme) mais qui puisse aussi fonctionner sur PC. Une solution qui puisse offrir une interaction avec les élèves parce qu'afficher des messages texte c'est un peu limite pour stimuler l'intérêt.</div>
 
   
 
   
== Une solution intéressante ==
+
== Turtle, une solution intéressante ==
    
Vous souvenez-vous du [https://fr.wikipedia.org/wiki/Logo_(langage) langage Logo]?  
 
Vous souvenez-vous du [https://fr.wikipedia.org/wiki/Logo_(langage) langage Logo]?  
 +
 +
Le Logo est généralement connu par sa tortue (souvent représenté par un triangle) permettant d'apprendre à programmer en saisissant des instructions de tracé graphique (tracé de ligne, cercle, couleur, etc). Bien que logo soit un langage de programmation complet, il a été "victime de sa tortue" et fût vu comme un langage de programmation puéril cantonné à l'apprentissage des plus jeunes.
    
[[Fichier:ancien-logo.png]]
 
[[Fichier:ancien-logo.png]]
   −
J'en ai fais étant jeune et prenais beaucoup de plaisir à dessiner des maisons, des formes géométrique, des schémas, etc.
+
J'en ai fais étant jeune et prenais beaucoup de plaisir à dessiner des maisons, des formes géométrique, des schémas, des arbres, etc.
 +
 
 +
'''Turtle''' est une version Python de Logo, du coup, il est possible de faire du "Logo" (la partie graphique) en utilisant le langage Python. Nous en avions déjà parlé en 2019 dans [https://arduino103.blogspot.com/2019/01/python-turtle-faire-du-logo-mais-avec.html cet article de blog] et son utilisation en version Française. Aujourd'hui, nous rédigeons une documentation d'utilisation.
 +
 
 +
[[Fichier:Python-Turtle-Online-example.png|480px]]
 +
 
 +
* '''Turtle sur PC''' : Turtle est installé avec le langage Python.
 +
* '''Turtle en ligne''' : [https://repl.it/languages/python_turtle Turtle peut aussi être utilisé dans un navigateur]. Merci repl.it !
 +
 
 +
{{tmbox | text = Les lecteurs avisés remarqueront que les instructions de déplacement et dessin sont en anglais. Les plus jeunes n'auront aucun mal à mémoriser les éléments essentiels et peu nombreux. L'aspect ludique aide énormément. Les plus agés auront l'occasion de travailler un peu leur anglais de façon tout aussi ludique. }}
 +
 
 +
== Comment utiliser Turtle ==
 +
 
 +
=== Turtle dans un navigateur (Firefox) ===
 +
Nous avons repris l'exemple Logo ci-dessus...
 +
 
 +
[[Fichier:ancien-logo.png]]
 +
 
 +
... et réécrit celui-ci pour Python-Turtle
 +
 
 +
<syntaxhighlight lang="python">
 +
import turtle
 +
 
 +
t = turtle.Turtle()
 +
 
 +
for i in range(8):
 +
  t.forward(80)
 +
  t.right(135)
 +
</syntaxhighlight>
 +
 +
Exemple qui peut être saisi dans Python Turtle.
 +
 
 +
{{download-box|Démarrer Python Turtle en ligne|https://repl.it/languages/python_turtle}}
 +
 
 +
Ce qui produit la même figure avec [https://repl.it/languages/python_turtle Turtle en ligne (dans un navigateur)].
 +
 
 +
[[Fichier:turtle-en-ligne.png|800px]]
 +
 
 +
=== Turtle sur tablette (via Chrome) ===
 +
 
 +
Et cela fonctionne aussi bien avec le navigateur Chrome sur ma tablette.
 +
 
 +
[[Fichier:turtle-sur-tablette.png|640px]]
 +
 
 +
=== Turtle sur PC ===
 +
 
 +
Turtle sur mon PC Linux (en démarrant Python)
 +
 
 +
[[Fichier:turtle-sous-Linux.png|800px]]
 +
 
 +
== Conclusion ==
 +
 
 +
* C'est du Python
 +
* C'est facile
 +
* Cela présente une interaction graphique
 +
* C'est multi-plateforme
 +
 
 +
Bref, c'est une solution idéal comme support éducatif.
 +
 
 +
Elle n'est pas belle la vie ?
 +
 
 +
== Ensuite? ==
 +
Le menu en haut à gauche de l'écran permet d'accéder aux différents points de ce tutoriel.
 +
 
 +
Nous avons prévu quelques exemples rapides, un peu de traduction et puis qui sait peut être des exercices.
   −
Et bien il existe aussi en version Python de Logo (il s'appelle Turtle), du coup, il est possible de faire du Logo en Python.
+
Bonne lecture,
 +
Dominique
   −
* Turtle installé avec Python pour PC.
+
{{Python-Turtle-Online-TRAILER}}
* [https://repl.it/languages/python_turtle Turtle peut aussi être utilisé dans un navigateur] (merci repl.it !).
 
29 917

modifications

Menu de navigation