{"id":949,"date":"2024-11-11T20:59:00","date_gmt":"2024-11-11T19:59:00","guid":{"rendered":"http:\/\/labodemaths.fr\/WordPress3\/?p=949"},"modified":"2024-11-12T07:43:28","modified_gmt":"2024-11-12T06:43:28","slug":"snt-tp-image-numerique-1","status":"publish","type":"post","link":"https:\/\/labodemaths.fr\/WordPress3\/snt-tp-image-numerique-1\/","title":{"rendered":"SNT : TP Image num\u00e9rique 1"},"content":{"rendered":"\n<h2>Mise en Place<\/h2>\n\n\n\n<ul><li>Cr\u00e9er un dossier \u00ab\u00a0Images_num\u00e9riques\u00a0\u00bb dans votre dossier SNT, et cr\u00e9er un sous-dossier TP1 dans ce dossier Images_num\u00e9riques.<\/li><li>ouvrir l&rsquo;\u00e9diteur de code \u00ab\u00a0Notepad\u00a0\u00bb qui se trouve sur votre bureau,<\/li><li>cr\u00e9er un nouveau fichier avec Notepad,<\/li><li>copier-coller le texte ci-dessous :<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>P1\n# Un exemple bitmap de la lettre \"J\"\n7 11\n0 0 0 0 0 0 0\n0 0 0 0 0 1 0\n0 0 0 0 0 1 0\n0 0 0 0 0 1 0\n0 0 0 0 0 1 0\n0 0 0 0 0 1 0\n0 0 0 0 0 1 0\n0 1 0 0 0 1 0\n0 0 1 1 1 0 0\n0 0 0 0 0 0 0\n0 0 0 0 0 0 0<\/code><\/pre>\n\n\n\n<ul><li>enregistrer votre fichier dans votre dossier TP1 avec le nom suivant : <\/li><li><strong>image1.pbm<\/strong>.<\/li><li>Ouvrir ce fichier avec Gimp.<\/li><\/ul>\n\n\n\n<p>Bravo, vous avez cr\u00e9e votre premi\u00e8re image num\u00e9rique avec un \u00e9diteur de code ( on peut le faire aussi avec un simple \u00e9diteur de texte ).<br>Votre image est au format .pbm soit Portable BitMap.<\/p>\n\n\n\n<h2>Exercice 1 : pixel art en noir et blanc<\/h2>\n\n\n\n<p class=\"has-very-light-gray-background-color has-background\">Si le syst\u00e8me d&rsquo;exploitation de votre ordinateur ne permet pas une visualisation directe de l&rsquo;image, vous pouvez utiliser des outils en ligne de conversion de format : <a rel=\"noreferrer noopener\" aria-label=\"https:\/\/onlineconvertfree.com\/fr\/ (s\u2019ouvre dans un nouvel onglet)\" href=\"https:\/\/onlineconvertfree.com\/fr\/\" target=\"_blank\">https:\/\/onlineconvertfree.com\/fr\/<\/a><br>par exemple.<br>Il faut alors convertir votre image au format .jpg ou .png.<\/p>\n\n\n\n<p>Modifier votre fichier <strong>image1.pbm<\/strong> pour obtenir une image similaire \u00e0 celle ci-dessous :<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" width=\"318\" height=\"159\" src=\"https:\/\/labodemaths.fr\/WordPress3\/wp-content\/uploads\/2019\/11\/alien1.png\" alt=\"\" class=\"wp-image-950\" srcset=\"https:\/\/labodemaths.fr\/WordPress3\/wp-content\/uploads\/2019\/11\/alien1.png 318w, https:\/\/labodemaths.fr\/WordPress3\/wp-content\/uploads\/2019\/11\/alien1-300x150.png 300w\" sizes=\"(max-width: 318px) 100vw, 318px\" \/><\/figure><\/div>\n\n\n\n<h2>Exercice 2 : Pixel art avec d\u00e9grad\u00e9 de gris.<\/h2>\n\n\n\n<h4>A) Mise en place<\/h4>\n\n\n\n<p>Proc\u00e9der comme pr\u00e9c\u00e9demment en copiant le texte ci-dessous et en l&rsquo;enregistrant sous le nom<strong> image2.pgm<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>P2\n# Affiche le mot \"FEEP\" (exemple de la page principale de Netpbm \u00e0 propos de PGM)\n# on donne les dimensions de la future image\n24 7\n# on pr\u00e9cise le nbre max de niveaux de gris d\u00e9sir\u00e9, ici 15\n15\n0  0  0  0  0  0  0  0  0  0  0  0  0  0  0  0  0  0  0  0  0  0  0  0\n0  3  3  3  3  0  0  7  7  7  7  0  0 11 11 11 11  0  0 15 15 15 15  0\n0  3  0  0  0  0  0  7  0  0  0  0  0 11  0  0  0  0  0 15  0  0 15  0\n0  3  3  3  0  0  0  7  7  7  0  0  0 11 11 11  0  0  0 15 15 15 15  0\n0  3  0  0  0  0  0  7  0  0  0  0  0 11  0  0  0  0  0 15  0  0  0  0\n0  3  0  0  0  0  0  7  7  7  7  0  0 11 11 11 11  0  0 15  0  0  0  0\n0  0  0  0  0  0  0  0  0  0  0  0  0  0  0  0  0  0  0  0  0  0  0  0<\/code><\/pre>\n\n\n\n<p>Ouvrir votre image avec Gimp.<br><br>Bravo, vous venez de cr\u00e9er votre premi\u00e8re image au format Portable GreyMap<\/p>\n\n\n\n<h4>B) Modifier votre image<\/h4>\n\n\n\n<p>Fermer Gimp<br>Reprenez votre fichier pr\u00e9c\u00e9dent et modifier le pour obtenir une image avec votre pr\u00e9nom ou vos initiales en d\u00e9grad\u00e9s de gris .<\/p>\n\n\n\n<h2>Exercice 3 : un peu de couleur.<\/h2>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" width=\"225\" height=\"225\" src=\"https:\/\/labodemaths.fr\/WordPress3\/wp-content\/uploads\/2019\/11\/alien2.png\" alt=\"\" class=\"wp-image-951\" srcset=\"https:\/\/labodemaths.fr\/WordPress3\/wp-content\/uploads\/2019\/11\/alien2.png 225w, https:\/\/labodemaths.fr\/WordPress3\/wp-content\/uploads\/2019\/11\/alien2-150x150.png 150w\" sizes=\"(max-width: 225px) 100vw, 225px\" \/><\/figure><\/div>\n\n\n\n<h4>A) Mise en place<\/h4>\n\n\n\n<p>Identique aux pr\u00e9c\u00e9dentes avec le code ci-dessous et le nom <strong>image3.ppm <\/strong>pour Portable PixMap format.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>P3\n# Le P3 signifie que les couleurs sont en ASCII, \n# par 3 colonnes et 3 lignes,\n 3 3\n# ayant 255 pour valeur maximum, et qu'elles sont en RGB.\n# c'est \u00e0 dire obtenue par superposition des 3 canaux de couleurs\n# Rouge Vert Bleu\n255\n255  0   0    255  0   0      255  0   0\n<meta charset=\"utf-8\">255  0   0    <meta charset=\"utf-8\">255  0   0      <meta charset=\"utf-8\"><meta charset=\"utf-8\">255  0   0\n<meta charset=\"utf-8\">255  0   0    255  0   0      255  0   0<\/code><\/pre>\n\n\n\n<p>Enregistrer votre fichier et l&rsquo;ouvrir avec Gimp.<br>Vous obtenez un carr\u00e9 de couleur Rouge.<br>Modifier votre fichier pour obtenir un carr\u00e9 de couleur :<br>&#8211; rouge clair,<br>&#8211; vert,<br>&#8211; bleu,<br>&#8211; noir,<br>&#8211; blanc,<br>&#8211; jaune<br>Vous pouvez mettre \u00e0 pr\u00e9sent en couleur vos aliens.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" width=\"225\" height=\"225\" src=\"https:\/\/labodemaths.fr\/WordPress3\/wp-content\/uploads\/2019\/11\/alien3.png\" alt=\"\" class=\"wp-image-952\" srcset=\"https:\/\/labodemaths.fr\/WordPress3\/wp-content\/uploads\/2019\/11\/alien3.png 225w, https:\/\/labodemaths.fr\/WordPress3\/wp-content\/uploads\/2019\/11\/alien3-150x150.png 150w\" sizes=\"(max-width: 225px) 100vw, 225px\" \/><\/figure><\/div>\n\n\n\n<p>Pour en savoir plus sur ces 3 formats d&rsquo;images :<br><a href=\"https:\/\/fr.wikipedia.org\/wiki\/Portable_pixmap#PGM\">https:\/\/fr.wikipedia.org\/wiki\/Portable_pixmap#PGM<\/a><\/p>\n\n\n\n<h3>Exercice 4<\/h3>\n\n\n\n<p>On peut cr\u00e9er m\u00eame nos images directement en python.<br>Ouvrir un fichier avec votre \u00e9diteur python.<br>Copier-coller le code ci-dessous :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>largeur=70\nhauteur=70\n\n#On ouvre un fichier en \u00e9criture\nf=open(\"image_en_python.pbm\",\"w\" )\n\n# On \u00e9crit P1 sur la 1\u00b0 ligne\nf.write (\"P1\")\n# on passe \u00e0 la ligne :\nf.write(\"\\n\")\n# on \u00e9crit la valeur de largeur , espace , la valeur de hauteur :\nf.write(str(largeur)+\" \"+str(hauteur))\n\n\n# pour chaque ligne :\nfor j in range(hauteur) :\n    f.write(\"\\n\")\n    for i in range(largeur) :\n        if (i+j)%2==0:\n            f.write(\"0\")\n        else :\n            f.write(\"1\")\n        if i&lt;largeur-1:\n            f.write(\" \")\n#f.write(\"\\n\")\n# on ferme le f i chi e r :\nf.close( )\n<\/code><\/pre>\n\n\n\n<p>Enregistrer votre fichier dans votre dossier TP1 du dossier Images_num\u00e9riques.<\/p>\n\n\n\n<p>Ex\u00e9cuter votre programme et ouvrir l&rsquo;image <meta charset=\"utf-8\">image_en_python.pbm avec Gimp.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mise en Place Cr\u00e9er un dossier \u00ab\u00a0Images_num\u00e9riques\u00a0\u00bb dans votre dossier SNT, et cr\u00e9er un sous-dossier&#8230;<\/p>\n<div class=\"more-link-wrapper\"><a class=\"more-link\" href=\"https:\/\/labodemaths.fr\/WordPress3\/snt-tp-image-numerique-1\/\">Read the post<span class=\"screen-reader-text\">SNT : TP Image num\u00e9rique 1<\/span><\/a><\/div>\n","protected":false},"author":2,"featured_media":952,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[56,1],"tags":[],"_links":{"self":[{"href":"https:\/\/labodemaths.fr\/WordPress3\/wp-json\/wp\/v2\/posts\/949"}],"collection":[{"href":"https:\/\/labodemaths.fr\/WordPress3\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/labodemaths.fr\/WordPress3\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/labodemaths.fr\/WordPress3\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/labodemaths.fr\/WordPress3\/wp-json\/wp\/v2\/comments?post=949"}],"version-history":[{"count":12,"href":"https:\/\/labodemaths.fr\/WordPress3\/wp-json\/wp\/v2\/posts\/949\/revisions"}],"predecessor-version":[{"id":2338,"href":"https:\/\/labodemaths.fr\/WordPress3\/wp-json\/wp\/v2\/posts\/949\/revisions\/2338"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/labodemaths.fr\/WordPress3\/wp-json\/wp\/v2\/media\/952"}],"wp:attachment":[{"href":"https:\/\/labodemaths.fr\/WordPress3\/wp-json\/wp\/v2\/media?parent=949"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/labodemaths.fr\/WordPress3\/wp-json\/wp\/v2\/categories?post=949"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/labodemaths.fr\/WordPress3\/wp-json\/wp\/v2\/tags?post=949"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}