Traitement d’image !

cm 2019-05 ICN triangle de Maxwell

On veut finir enfin cette création numérique, à l’aide du document ci-dessous (travaux rendus en première sur MBN, travail terminé ensemble en seconde)


TP : traitement d’image pixel par pixel avec PIL/pillow

On part de cette image, à enregistrer dans le dossier de travail sous ‘Taormine.jpg’.

Taormine

Tester ce code :

import PIL.Image as Image
im = Image.open('taormine.jpg')
print("Image chargée")

largeur,hauteur=im.size
pix = im.load()

#N&B
print("Début du traitement N&B")
for y in range(hauteur):
    for x in range(largeur):
        (r,v,b)=pix[x,y]
        moyenne=(r+v+b)//3
        pix[x,y]=(moyenne,moyenne,moyenne)
im.save('N&B.jpg')
print("Image N&B enregistrée")
print("Fin du traitement N&B")

Convaincu.e ?

Reste à obtenir toutes celles-là ! Et d’autres ?

Le tableau en seconde ICN 2GT9 :

Pour vendredi … 7 juin, dernier cours :’-( , venir avec un « selfie » sur fond vert flash ou une couleur improbable unie.

Le but est de réaliser un « fake selfie » :

 

Triangle de Maxwell – en python ?

Comme l’a dit le physicien américain Richard Feynman « C’est parce que la vitesse de la lumière est supérieure à celle du son que certains ont l’air brillants avant d’avoir l’air cons » !

cm 2019-05 ICN triangle de Maxwell

On va essayer… il nous faut la bibliothèque PIL ou pillow qui crée, modifie et enregistre des images … cliquer sur « lire la suite »…

Lire la suite

Triangle de Maxwell

On veut réaliser une création numérique : un beau « triangle de Maxwell »

cm 2019-05 ICN triangle de Maxwell

Qu’est-ce que c’est ?

Mais d’abord, quelques notions commentées :

Et une réalisation sous geogebra pour obtenir ceci :

cm 2019-05-02 ICN 2GT9 Triangle Maxwell

Prochaine étape : le réaliser en python ! A suivre…

TP noté – html – css – dernier jet avec un menu

Cette semaine essayons d’intégrer un menu et plusieurs pages à notre site web :

Ça se passe dans une balise nav à mettre par exemple au début du body dans laquelle on met :

<ul>
	<li><a href="epagneul.html">Epagneul</a></li>
	<li><a href="moi.html">Moi</a></li>
	<li><a href="... .html">Mathonomie ICN Seconde</a></li>
</ul>

Il suffit ensuite de copie la page epagneul.html et l’appeler moi.html pour que ce menu fonctionne. Changer le contenu de la page moi.html !

Enfin, pour que ce menu soit mis en forme, ça se passe dans… le css !

Par exemple :

nav
{
  position: fixed;
  top: 10px;
  left: 5px;
  width: 98%;
}

nav a, a:visited, a:focus, a:active
{
  text-decoration: none;
  color: black;
}

nav a:hover
{
  text-decoration: none;
  color: #bb0000;
}
nav ul
{
  list-style-type: none;
  padding-left: 0;
  margin-top: 0;
  display: flex;
  justify-content: space-around;
  background-color: lightgrey;
  box-shadow: 5px 5px 15px black;
}

La semaine dernière, j’ai affiné les notes provisoires, on continue cette semaine !

Rendez-vous le … 3 mai !

Suite et fin du TP noté – html – css

La semaine dernière, j’ai mis des notes provisoires, on continue cette semaine !

Rappel : on dispose dans le dossier « classes/classe de 2GT9/Cours/ICN » d’un dossier « icn-tp-html-css-epagneul ». Vous l’avez copié dans votre dossier « classes/classe de 2GT9/Devoir/(Vous) ».

TP : modifier les fichiers

  • epagneul.html
  • /styles/epagneul.css

Pour que la page « epagneul.html » ressemble au modèle « modele.png » contenue dans le dossier.

Les textes sont à copier/coller depuis le fichier « textes.txt ».

Pour y arriver, rechercher sur internet les attributs css possibles et demander l’aide du professeur.

Vous pouvez travailler à deux sur le même poste.

Bon courage !