http://chticode.learn-si.ch/ 2026-05-02T08:10:00+00:00 http://chticode.learn-si.ch/ http://chticode.learn-si.ch/lib/exe/fetch.php?media=wiki:dokuwiki.svg text/html 2024-02-07T18:46:51+00:00 Anonymous (anonymous@undisclosed.example.com) http://chticode.learn-si.ch/doku.php?id=wiki:infofem:lda:cours2021:home&rev=1707331611&do=diff L Décodent l'@venir : programmation créative et fabrication Bienvenue à votre stage d'observation de découverte de la programmation créative pour la fabrication et des métiers de l'informatique. Durant cette semaine, vous allez découvrir ce qu'est l'informatique et son pouvoir de création et rencontrer des professionnelles qui partageront avec vous leur métier et leur parcours. text/html 2024-02-06T17:53:36+00:00 Anonymous (anonymous@undisclosed.example.com) http://chticode.learn-si.ch/doku.php?id=wiki:infofem:lda:cours2021:lda2021-appareil-photo&rev=1707242016&do=diff Exercice : Un appareil photo [appareil photo] [appareil photo annote] Dans cet exercice nous vous proposons de dessiner un appareil photo comme sur la photo de gauche. Petite aide : Toutes les informations nécessaires sont sur le schéma. C'est à vous ! Bon courage =) Rappel fonctions de base text/html 2024-02-06T11:24:47+00:00 Anonymous (anonymous@undisclosed.example.com) http://chticode.learn-si.ch/doku.php?id=wiki:infofem:lda:cours2021:lda2021-changement-police&rev=1707218687&do=diff Changer de police Processing propose plusieurs police pour votre texte, vous pouvez donc choisir une police différente de celle de base pour vos œuvres. Pour cela on va procéder par étapes : * Etape n°1 : importer une police de caractère Pour cela vous allez : text/html 2024-02-06T17:53:54+00:00 Anonymous (anonymous@undisclosed.example.com) http://chticode.learn-si.ch/doku.php?id=wiki:infofem:lda:cours2021:lda2021-chat&rev=1707242034&do=diff Exercice : Un Chat [chat] [chat annoté] Dans cet exercice nous vous proposons de dessiner un chat comme sur la photo de gauche. Petite aide : Sur la photo les moustaches ont une épaisseur de 13. Toutes les informations nécessaires sont sur le schéma grâce au repère. Sur ce schéma nous avons volontairement vidé les formes et dégrossi les traits pour que les coordonnées soient plus faciles à lire. text/html 2024-02-06T11:22:45+00:00 Anonymous (anonymous@undisclosed.example.com) http://chticode.learn-si.ch/doku.php?id=wiki:infofem:lda:cours2021:lda2021-dessiner-texte&rev=1707218565&do=diff Dessiner du texte Pour dessiner du texte, on doit indiquer à la découpeuse qu'on veut graver. On doit donner trois informations à l'ordinateur : * la taille du texte * le texte * la position du début du texte On va donc utiliser 3 fonctions : text/html 2024-02-06T17:30:00+00:00 Anonymous (anonymous@undisclosed.example.com) http://chticode.learn-si.ch/doku.php?id=wiki:infofem:lda:cours2021:lda2021-exercice-bateaux&rev=1707240600&do=diff Exercice : Des bateaux [Des bateaux] [bateau annoté] [petit cercle] Créez une fonction bateau qui dessine un bateau de la photo de gauche. Appelez ensuite 3 fois cette fonction pour reproduire la photo. Petite Aide : Vous avez toutes les informations sur la position et les dimensions text/html 2024-02-06T17:28:29+00:00 Anonymous (anonymous@undisclosed.example.com) http://chticode.learn-si.ch/doku.php?id=wiki:infofem:lda:cours2021:lda2021-exercice-bougies&rev=1707240509&do=diff Exercice : Des bougies [Des bougies] [bougies annotées] Créer une fonction bougie() qui dessine une bougie de la photo de gauche. Utilisez ensuite cette fonction plusieurs fois dans setup() afin de dessiner toutes les bougies sur la toile. Entre chaque utilisation de la fonction text/html 2024-02-06T17:38:34+00:00 Anonymous (anonymous@undisclosed.example.com) http://chticode.learn-si.ch/doku.php?id=wiki:infofem:lda:cours2021:lda2021-exercice-carres&rev=1707241114&do=diff Exercice : Des carrés [Des carrés][Schéma carré] Dans cet exercice, nous allons essayer de comprendre comment fonctionne cette notion de paramètre. Vous allez devoir reproduire le dessin de la photo de gauche. Pour cela vous allez créer une fonction carre(x,y,cote) dont les paramètres sont : text/html 2024-02-06T17:49:47+00:00 Anonymous (anonymous@undisclosed.example.com) http://chticode.learn-si.ch/doku.php?id=wiki:infofem:lda:cours2021:lda2021-exercice-de&rev=1707241787&do=diff Exercice : Un Dé [dé4] [dé annoté] Dans cet exercice nous vous proposons de dessiner un dé de 4 comme sur la photo de gauche. Utiliser les fonctions black() et white() pour avoir les bonnes couleurs. Petite aide : Toutes les informations nécessaires sont sur le schéma. text/html 2024-02-06T17:21:36+00:00 Anonymous (anonymous@undisclosed.example.com) http://chticode.learn-si.ch/doku.php?id=wiki:infofem:lda:cours2021:lda2021-exercice-etoile&rev=1707240096&do=diff Exercice : Une étoile [l'étoile] À l'aide de la fonction line, écrivez un programme qui dessine une étoile. Vous avez un exemple de résultat du programme sur la photo de gauche. Comme vous pouvez le voir l'étoile est composée de : -> 10 lignes pour former ses 5 branches. text/html 2024-02-06T17:41:09+00:00 Anonymous (anonymous@undisclosed.example.com) http://chticode.learn-si.ch/doku.php?id=wiki:infofem:lda:cours2021:lda2021-exercice-fenetre&rev=1707241269&do=diff Exercice : Des Fenêtres [des fenêtres] [des fenêtres annotés] Toujours en utilisant la notion de fonction à paramètres, écrivez une fonction fenetre qui dessine des fenêtres comme celles de la photo de gauche. Pour cela vous devez : 1) écrire la fonction fenetre qui devra prendre text/html 2024-02-06T17:23:17+00:00 Anonymous (anonymous@undisclosed.example.com) http://chticode.learn-si.ch/doku.php?id=wiki:infofem:lda:cours2021:lda2021-exercice-fusee&rev=1707240197&do=diff Exercice : Une fusée [une fusée] [fusée annotée] À l'aide des différentes fonctions que nous avons vues (rect,ellipse,triangle), écrivez un programme qui dessine une fusée. Vous avez un exemple de résultat du programme sur la photo de gauche. Comme vous pouvez le voir la text/html 2024-02-06T11:13:24+00:00 Anonymous (anonymous@undisclosed.example.com) http://chticode.learn-si.ch/doku.php?id=wiki:infofem:lda:cours2021:lda2021-exercice-ligne-point&rev=1707218004&do=diff Exercice : Lignes et Points Recopiez le repère ci-contre sur une feuille et placez : → un point de coordonnées (10,20) → une ligne entre les points A(40,20) et B(40,90) → une ligne entre les points C(70,20) et D(130,20) → une ligne entre les points text/html 2024-02-06T17:45:07+00:00 Anonymous (anonymous@undisclosed.example.com) http://chticode.learn-si.ch/doku.php?id=wiki:infofem:lda:cours2021:lda2021-exercice-mandala1tour&rev=1707241507&do=diff Exercice : Mandala 1 tour [Mandala] En utilisant la fonction mandala, réalisez le dessin de la photo de gauche. Vous devrez créer une fonction motif_carre qui dessine un carré à la position (x,y) Petite aide : -> le grand cercle est de centre(150,150) et de diamètre 200. text/html 2024-02-06T17:32:47+00:00 Anonymous (anonymous@undisclosed.example.com) http://chticode.learn-si.ch/doku.php?id=wiki:infofem:lda:cours2021:lda2021-exercice-montagne&rev=1707240767&do=diff Exercice : Des montagnes [Des montagnes] [montagnes annotés] En utilisant une boucle for, comme dans l'exemple que nous avons vu dans le cours, dessiner une chaîne de montagnes (voir photo ci-contre). Pour réaliser ce dessin, vous devez utiliser 2 fois la fonction line dans la boucle, pour créer une text/html 2024-02-06T17:27:12+00:00 Anonymous (anonymous@undisclosed.example.com) http://chticode.learn-si.ch/doku.php?id=wiki:infofem:lda:cours2021:lda2021-exercice-poisson&rev=1707240432&do=diff Exercice : Un Poisson [Un poisson] [poisson annotee] Compléter la fonction poisson() qui dessine le poisson de la photo de gauche et la fonction setup(). Petite aide : vous avez toutes les informations nécessaires sur la photo : Coordonnées des différents points : text/html 2024-02-06T17:34:02+00:00 Anonymous (anonymous@undisclosed.example.com) http://chticode.learn-si.ch/doku.php?id=wiki:infofem:lda:cours2021:lda2021-exercice-quadrillage&rev=1707240842&do=diff Exercice : Un quadrillage [quadrillage] [quadrillage annoté] En utilisant une boucle for, réalisez un quadrillage comme sur la photo de gauche. Dans la boucle vous dessinerez 2 carrés (celui du haut et celui du bas). Vous aurez donc besoin des coordonnées du point supérieur gauche text/html 2024-02-06T11:20:23+00:00 Anonymous (anonymous@undisclosed.example.com) http://chticode.learn-si.ch/doku.php?id=wiki:infofem:lda:cours2021:lda2021-exercice-rectangle-carre&rev=1707218423&do=diff Exercice : Rectangle et carré Recopiez le repère ci-contre sur une feuille et placez : -> un rectangle dont le point supérieur gauche se trouve à la coordonnée (30,30), la largeur est 30 et la hauteur est 70. -> un rectangle dont le coin supérieur gauche se trouve à la coordonnée text/html 2024-02-06T17:20:29+00:00 Anonymous (anonymous@undisclosed.example.com) http://chticode.learn-si.ch/doku.php?id=wiki:infofem:lda:cours2021:lda2021-exercice-smiley&rev=1707240029&do=diff Exercice : Un Smiley [smiley][smiley annote] À l'aide des différentes fonctions que nous avons vues (line,ellipse), complétez un programme qui dessine un smiley. Vous avez un exemple de résultat du programme sur la photo de gauche. Comme vous pouvez le voir le text/html 2024-02-06T11:19:23+00:00 Anonymous (anonymous@undisclosed.example.com) http://chticode.learn-si.ch/doku.php?id=wiki:infofem:lda:cours2021:lda2021-exercice-triangle-et-cercle&rev=1707218363&do=diff Exercice : Triangle, cercle et ellipse Recopiez le repère ci-contre sur une feuille et placez : -> une ellipse de centre (60,50), de diamètre horizontal 40, et de diamètre vertical 80 -> un cercle de centre (120,110) et de diamètre (horizontal et vertical) text/html 2024-02-06T17:35:20+00:00 Anonymous (anonymous@undisclosed.example.com) http://chticode.learn-si.ch/doku.php?id=wiki:infofem:lda:cours2021:lda2021-exercice-yams&rev=1707240920&do=diff Exercice : Un Yams [yams] [yams annoté] Dans le jeu Yatzee, la main la plus forte est 5 dés de même valeur. En utilisant une boucle for, réalisez un yams de 1 comme sur la photo de gauche. Petite Aide : Vous avez beaucoup d'informations sur le schéma de gauche. Faites votre boucle sur les text/html 2024-02-06T17:39:51+00:00 Anonymous (anonymous@undisclosed.example.com) http://chticode.learn-si.ch/doku.php?id=wiki:infofem:lda:cours2021:lda2021-exercice-yeux&rev=1707241191&do=diff Exercice : Des yeux [des yeux] [des yeux annotés] En utilisant la notion de fonction que nous venons de voir, écrivez un programme qui dessine des yeux (comme la photo ci-contre). Pour cela vous devez : 1) écrire une fonction oeil qui permettra de dessiner un seul oeil text/html 2024-02-06T11:26:21+00:00 Anonymous (anonymous@undisclosed.example.com) http://chticode.learn-si.ch/doku.php?id=wiki:infofem:lda:cours2021:lda2021-fonctionnement-decoupeuse&rev=1707218781&do=diff Comprendre comment fonctionne la découpeuse laser Comme nous l'avons vu précédemment, pour ce stage nous n'allons utiliser que 3 couleurs : le noir, le bleu et le rouge qui correspondent aux trois actions que la découpeuse laser peut effectuer. text/html 2024-02-06T17:48:40+00:00 Anonymous (anonymous@undisclosed.example.com) http://chticode.learn-si.ch/doku.php?id=wiki:infofem:lda:cours2021:lda2021-fonctionnement-vinyle&rev=1707241720&do=diff Comment fonctionne la découpeuse vinyle Pour l'instant nous nous sommes concentrés sur la découpeuse laser, mais vous pouvez également floquer une oeuvre sur un tissu. Le flocage consiste à découper une matière plastique qui va pouvoir être transférée ensuite sur un tissu en le chauffant. text/html 2024-02-06T17:18:07+00:00 Anonymous (anonymous@undisclosed.example.com) http://chticode.learn-si.ch/doku.php?id=wiki:infofem:lda:cours2021:lda2021-formes-disponibles&rev=1707239887&do=diff Explorer les différentes formes de base disponibles pour nos créations Quelques notions 1) La Toile Avant de commencer, il faut indiquer la taille de la toile qu'on va utiliser pour dessiner. Pour cela on utilise l'instruction : size(largeur, hauteur) text/html 2024-02-06T17:43:56+00:00 Anonymous (anonymous@undisclosed.example.com) http://chticode.learn-si.ch/doku.php?id=wiki:infofem:lda:cours2021:lda2021-mandala&rev=1707241436&do=diff Exemple de réalisation : Un Mandala Vous avez maintenant tous les outils techniques nécessaires pour la réalisation de votre oeuvre. Maintenant ce qu'il vous faut c'est : de l'imagination. Pour vous aider, voici un exemple (dont vous pourrez vous servir) de ce que vous pouvez réaliser : text/html 2024-02-06T17:46:13+00:00 Anonymous (anonymous@undisclosed.example.com) http://chticode.learn-si.ch/doku.php?id=wiki:infofem:lda:cours2021:lda2021-mandala2tours&rev=1707241573&do=diff Exercice : Mandala 2 tours [mandala] En utilisant la fonction mandala, réalisez le dessin de la photo de gauche. Vous devrez créer une fonction motif_cercles qui dessine trois petits cercles Petite aide : -> le grand cercle est de centre(150,150) et de diamètre 200. text/html 2024-02-06T17:47:02+00:00 Anonymous (anonymous@undisclosed.example.com) http://chticode.learn-si.ch/doku.php?id=wiki:infofem:lda:cours2021:lda2021-mandala3tours&rev=1707241622&do=diff Exercice : Mandala 3 tours [mandala] En utilisant la fonction mandala, réalisez le dessin de la photo de gauche. Vous devrez créer trois fonctions motif_carre(x,y), motif_cercle(x,y) et motif_rectangle(x,y) qui dessinent les trois motifs. Petite aide : -> text/html 2024-02-06T11:27:55+00:00 Anonymous (anonymous@undisclosed.example.com) http://chticode.learn-si.ch/doku.php?id=wiki:infofem:lda:cours2021:lda2021-medaillon&rev=1707218875&do=diff Exemple de réalisation : Le médaillon Voici un petit plus que vous pouvez apporter à votre oeuvre : un médaillon. L'idée est d'insérer votre réalisation à l'intérieur d'un médaillon : ainsi vous pourrez en faire un porte-clé, un bijou ou même simplement l'accrocher sur un mur. Vous pourrez également combiner le mandala et le médaillon pour avoir une oeuvre complète et très jolie. text/html 2024-02-06T17:37:00+00:00 Anonymous (anonymous@undisclosed.example.com) http://chticode.learn-si.ch/doku.php?id=wiki:infofem:lda:cours2021:lda2021-notion-fonction-parametre&rev=1707241020&do=diff Créer des fonctions avec paramètres Maintenant nous allons apprendre à créer des fonctions un peu plus complexes : des fonctions avec paramètres. Par exemple les fonctions rect(x,y,largeur,hauteur), line(xA,yA,xB,yB) sont des fonctions avec paramètres car nous avons besoin d'informations pour les faire fonctionner. Les valeurs que nous mettons dans les parenthèses sont appelées text/html 2024-02-06T17:25:31+00:00 Anonymous (anonymous@undisclosed.example.com) http://chticode.learn-si.ch/doku.php?id=wiki:infofem:lda:cours2021:lda2021-notion-fonction&rev=1707240331&do=diff Créer nos propres formes et les réutiliser Maintenant que nous avons vu comment utiliser les formes basiques disponibles, nous allons pouvoir dessiner nos propres formes plus complexes qui seront composées de ces formes basiques. Nous allons aborder ici une nouvelle notion : les text/html 2024-02-06T17:31:24+00:00 Anonymous (anonymous@undisclosed.example.com) http://chticode.learn-si.ch/doku.php?id=wiki:infofem:lda:cours2021:lda2021-notion-repetition&rev=1707240684&do=diff Faire répéter des actions à la machine Nous allons maintenant voir un outil supplémentaire qui va nous permettre de créer nos dessins encore plus facilement et rapidement. Pour l'instant si nous voulons faire dessiner 9 cercles à l'ordinateur, nous devons faire 9 appels à la fonction text/html 2024-02-06T11:23:26+00:00 Anonymous (anonymous@undisclosed.example.com) http://chticode.learn-si.ch/doku.php?id=wiki:infofem:lda:cours2021:lda2021-notion-variables&rev=1707218606&do=diff Variables : Un peu de mémoire cela peut servir Dans certaines situations, nous aurons besoin de mémoriser et nommer certaines informations, ces situations correspondent à la notion de variables en informatique. Par exemple : → Le cours précédent nous a montré aussi qu'il est parfois pratique de text/html 2024-02-06T11:25:24+00:00 Anonymous (anonymous@undisclosed.example.com) http://chticode.learn-si.ch/doku.php?id=wiki:infofem:lda:cours2021:lda2021-pinceaux-disponibles&rev=1707218724&do=diff Différents types de pinceaux a/ Les couleurs Pour choisir une couleur on va procéder de 2 façons différentes : * Si nous voulons une couleur en niveau de gris, on va utiliser un seul nombre entre 0 (correspondant au noir) et 255 (correspondant au text/html 2024-02-06T11:09:22+00:00 Anonymous (anonymous@undisclosed.example.com) http://chticode.learn-si.ch/doku.php?id=wiki:infofem:lda:cours2021:lda2021-premier-programme&rev=1707217762&do=diff Étudier un premier programme fabriquant un objet (très) simple Nous allons créer un premier programme et, pour cela, il faut savoir se repérer dans un plan. Le schéma à gauche illustre le repère qui est défini dans Processing. L'origine se trouve en haut à gauche, l'axe des text/html 2024-02-06T11:02:27+00:00 Anonymous (anonymous@undisclosed.example.com) http://chticode.learn-si.ch/doku.php?id=wiki:infofem:lda:cours2021:lda2021-preparer-environnement&rev=1707217347&do=diff Préparer votre environnement pour créer votre premier programme Icône de Processing Pour créer nos programmes, nous avons besoin de configurer un outil qui s'appelle Processing. C'est un logiciel gratuit disponible sur le site processing.org : attention veillez à charger la version 3.xx text/html 2024-02-06T11:29:49+00:00 Anonymous (anonymous@undisclosed.example.com) http://chticode.learn-si.ch/doku.php?id=wiki:infofem:lda:cours2021:lda2021-preparersvg&rev=1707218989&do=diff Préparer son fichier image pour la découpeuse laser Pour pouvoir découper notre oeuvre avec la découpeuse laser, nous allons utiliser deux fonctions afin de l'enregistrer en une image. Tout d'abord au tout début de notre fichier nous allons ajouter la ligne text/html 2024-02-06T11:04:22+00:00 Anonymous (anonymous@undisclosed.example.com) http://chticode.learn-si.ch/doku.php?id=wiki:infofem:lda:cours2021:lda2021-principes-decoupeuse&rev=1707217462&do=diff Comprendre le fonctionnement de la découpeuse laser Avant d'écrire notre premier programme, il est important de comprendre les principes de base d'une découpeuse laser. En effet, nous allons créer des programmes qui vont générer des images, ces dernières étant ensuite interprétées par la découpeuse laser afin de produire un objet en bois. text/html 2024-02-06T11:11:06+00:00 Anonymous (anonymous@undisclosed.example.com) http://chticode.learn-si.ch/doku.php?id=wiki:infofem:lda:cours2021:lda2021-rappel-repere&rev=1707217866&do=diff Rappel : Repère et Coordonnées d'un point Un repère est caractérisé par un axe des abscisses (l'axe des x en rouge) et un axe des ordonnées (l'axe des y en bleu). Vous devez avoir l'habitude de travailler avec un repère comme celui de gauche, avec l'axe des ordonnées vers le haut. text/html 2024-02-06T11:22:03+00:00 Anonymous (anonymous@undisclosed.example.com) http://chticode.learn-si.ch/doku.php?id=wiki:infofem:lda:cours2021:lda2021-utiliser-une-fonction&rev=1707218523&do=diff Comprendre et utiliser les fonctions Qu'est ce qu'une fonction : Une fonction est un ensemble d'instructions réalisant une tâche. Dans ce cours nous nous servirons de fonctions qui dessinent une forme géométrique. Une fonction est caractérisée par un