{} - Contributions de l’utilisateur [fr]

Jonquille

2021-04-25T10:53:03Z

Jonquille :

[[Fichier:Shéma11.JPG]]

== recherches préliminaires ==
[[Fichier:Recherches.JPG]]
J'ai passé l'essentiel du début d'année à explorer des sites qui pourraient me chauffer niveau base de donnée - D'abord j'ai voulu exploiter le côté "conspirationniste" des artistes présentés en cours donc je me suis orienté vers des liens possibles entre le soleil et le cours de la bourse - puis au fur et à mesure que l'année avançait et que c'était de plus en plus la cata pour mettre les mains sur un ordi ou trouver un moment pour apprendre les bases de python / comprendre le langage CSS abordés en cours, j'ai downgradé vers un site à priori assez facile d'accès

[https://johndoe.be/lab/brussels-bike-counters/]

[[Fichier:ERROR.png]]
On a essayé avec Chloé et Léo de suivre les instructions mais finalement il s'est avéré compliqué d'extraire des chiffres. Je verrai au second quadri si je trouve des astuces sinon je vais encore changer un ènième fois de site cible pour en dégoter un orienté texte.
== Inspi ==
à défaut d'avoir appris à codé j'ai appris à faire semblant
la preuve en vidéo à 8:25
[https://www.youtube.com/watch?v=acXKb-0NGxM&feature=youtu.be]
Puisque nerveusement j'ai eu du mal à investir un domaine aussi immense et exotique que la progra - seul à la ferme face à 70 tutos de 5 min sur le css- je me suis souvent trouvé dans la fuite donc j'ai décidé d'utiliser cette énergie produire quelque chose plutôt que de me consumer en angoisse. Voilà - je me suis tourné à l'intérieur et là jsuis parvenu à cibler des div.
== plan d'attaque ==

J'installe une petite routine, je suis tombé sur ce site ludique assez cool qui orbite autour d'une aventure.
[http://www.france-ioi.org/algo/chapter.php?idChapter=642]
J'aimerais continuer à fonctionner par équipe avec Léo et Chloé.

== 2ème quadri ==

== 16/02 ==

Je me suis procuré et j'ai commencé la semaine passée un cours sur udemy qui propose de mettre à plat les bases de python au sein même de blender.

C'est pile ce que je recherche, ça me permet de mettre un pied dans la porte en programmation, de me familiariser avec les bases en suivant une route balisée step by step à mon propre rythme de noob, le tout dans une logique d'une pierre deux coups - chaque pas en avant dans python m'avance de deux en anim 3D

== 2/03 ==

cette session j'ai appris à faire des boucles, for... in range (autant de fois que je le souhaite)
c'était chouette de voir directement l'impact en image et de pouvoir remanier à ma guise les modalités de la boucle en jouant avec les facteurs / variables etc ..
J'ai aussi appris comment on pouvait aisément se débrouiller sur blender en cochant l'option "tooltip" qui permet de prélever en utilisant la souris dirigée vers une action qui nous intéresse et ctrl+c, une portion de script qu'on peut ensuite utiliser à sa guise dans le texte editor
Enfin, j'ai utilisé ce que j'ai compris comme étant une sorte d'outil calculette incorporé "from math import" ... radians par ex - il y a des builds in qui me permettent d'effectuer des opérations simples, par ex de conversion de degrés en radians. ça ne me concerne pas encore mais c'est bon à savoir.

Bon, pour ne rien te cacher j'ai paniqué parce que j'arrivais pas à voir d'où un message d'erreur me parvenais - finalement j'vais un spacebar quasi indétectable en début de ligne - donc voilà, je dois être plus rigoureux, tant mieux, je vais mettre mes notes dans une enveloppe appelée "progression blender python".
[[Fichier:Prpr1.jpg]]
J'espère pouvoir commencer à m'aventurer un peu au-delà du tuto dans deux semaines?

== 8/03 ==

Cette semaine, j'ai appris à
écrire un une fonction qui renomme automatiquement les objets invoqués #super utile quand on bosse avec des séries de plusieurs dizaine d'objets en mm temps
déplacer les "vertices" d'un mesh par ex de 10 unités pour créer des volumes à partir de plans - dans ce cas-ci c'est pour créer un "studio "light" qui servira à projeter des textures pour créer un background d'anim.
C'est cool d'additionner les scriptes, les uns à la suite des autres. La semaine prochaine je prendrai le temps de partager mes avancées sur le wiki, comme tu l'as suggéré.
D'ici deux-trois semaines je m'attellerai à une mini anim avec Léo et un ami - j'ai dans la tête un plan avec des corbeaux qui s'élèvent en suivant une parfaite spirale.
Si c'est trop ambitieux, comme souvent dans mes projets, je me contenterai d'un défilé de cubes, tanpis !

[[Fichier:Prpr2.jpg]]

== 15/03 + 25/04 ==

[[Fichier:Prpr3.jpg]]

Cette semaine, les tutos se sont accélérés exceptionnellement - j'ai été frustré parce que finalement j'ai plus passé mon temps à recopier les lignes de codes avec beaucoup de vigilance - des fonctions interconnectées les unes aux autres dans le but d'obtenir un script qui produit une courbe - trajectoire que va suivre la série d'objets que nous avons matérialisés dans l'espace 3D. Bref, j'ai quand même pu explorer les possibilités qu'offrent le logiciel en matière d'animation.

J'espère dans les semaines qui précèdent mon jury m'associer avec un autre élève - Mondher ou Léo pour m'amuser un peu plus en hors piste.

Je vais aussi passer plus de temps dans mon jardin - à force de regarder l'écran tout l'hiver j'ai les yeux tout secs !
Belle semaine à vous tous et vive le printemps !

Jonquille

2021-04-25T10:41:54Z

Jonquille :

[[Fichier:Shéma11.JPG]]

== recherches préliminaires ==
[[Fichier:Recherches.JPG]]
J'ai passé l'essentiel du début d'année à explorer des sites qui pourraient me chauffer niveau base de donnée - D'abord j'ai voulu exploiter le côté "conspirationniste" des artistes présentés en cours donc je me suis orienté vers des liens possibles entre le soleil et le cours de la bourse - puis au fur et à mesure que l'année avançait et que c'était de plus en plus la cata pour mettre les mains sur un ordi ou trouver un moment pour apprendre les bases de python / comprendre le langage CSS abordés en cours, j'ai downgradé vers un site à priori assez facile d'accès

[https://johndoe.be/lab/brussels-bike-counters/]

[[Fichier:ERROR.png]]
On a essayé avec Chloé et Léo de suivre les instructions mais finalement il s'est avéré compliqué d'extraire des chiffres. Je verrai au second quadri si je trouve des astuces sinon je vais encore changer un ènième fois de site cible pour en dégoter un orienté texte.
== Inspi ==
à défaut d'avoir appris à codé j'ai appris à faire semblant
la preuve en vidéo à 8:25
[https://www.youtube.com/watch?v=acXKb-0NGxM&feature=youtu.be]
Puisque nerveusement j'ai eu du mal à investir un domaine aussi immense et exotique que la progra - seul à la ferme face à 70 tutos de 5 min sur le css- je me suis souvent trouvé dans la fuite donc j'ai décidé d'utiliser cette énergie produire quelque chose plutôt que de me consumer en angoisse. Voilà - je me suis tourné à l'intérieur et là jsuis parvenu à cibler des div.
== plan d'attaque ==

J'installe une petite routine, je suis tombé sur ce site ludique assez cool qui orbite autour d'une aventure.
[http://www.france-ioi.org/algo/chapter.php?idChapter=642]
J'aimerais continuer à fonctionner par équipe avec Léo et Chloé.

== 2ème quadri ==

== 16/02 ==

Je me suis procuré et j'ai commencé la semaine passée un cours sur udemy qui propose de mettre à plat les bases de python au sein même de blender.

C'est pile ce que je recherche, ça me permet de mettre un pied dans la porte en programmation, de me familiariser avec les bases en suivant une route balisée step by step à mon propre rythme de noob, le tout dans une logique d'une pierre deux coups - chaque pas en avant dans python m'avance de deux en anim 3D

== 2/03 ==

cette session j'ai appris à faire des boucles, for... in range (autant de fois que je le souhaite)
c'était chouette de voir directement l'impact en image et de pouvoir remanier à ma guise les modalités de la boucle en jouant avec les facteurs / variables etc ..
J'ai aussi appris comment on pouvait aisément se débrouiller sur blender en cochant l'option "tooltip" qui permet de prélever en utilisant la souris dirigée vers une action qui nous intéresse et ctrl+c, une portion de script qu'on peut ensuite utiliser à sa guise dans le texte editor
Enfin, j'ai utilisé ce que j'ai compris comme étant une sorte d'outil calculette incorporé "from math import" ... radians par ex - il y a des builds in qui me permettent d'effectuer des opérations simples, par ex de conversion de degrés en radians. ça ne me concerne pas encore mais c'est bon à savoir.

Bon, pour ne rien te cacher j'ai paniqué parce que j'arrivais pas à voir d'où un message d'erreur me parvenais - finalement j'vais un spacebar quasi indétectable en début de ligne - donc voilà, je dois être plus rigoureux, tant mieux, je vais mettre mes notes dans une enveloppe appelée "progression blender python".
[[Fichier:Pr_1.jpg]]
J'espère pouvoir commencer à m'aventurer un peu au-delà du tuto dans deux semaines?

== 8/03 ==

Cette semaine, j'ai appris à
écrire un une fonction qui renomme automatiquement les objets invoqués #super utile quand on bosse avec des séries de plusieurs dizaine d'objets en mm temps
déplacer les "vertices" d'un mesh par ex de 10 unités pour créer des volumes à partir de plans - dans ce cas-ci c'est pour créer un "studio "light" qui servira à projeter des textures pour créer un background d'anim.
C'est cool d'additionner les scriptes, les uns à la suite des autres. La semaine prochaine je prendrai le temps de partager mes avancées sur le wiki, comme tu l'as suggéré.
D'ici deux-trois semaines je m'attellerai à une mini anim avec Léo et un ami - j'ai dans la tête un plan avec des corbeaux qui s'élèvent en suivant une parfaite spirale.
Si c'est trop ambitieux, comme souvent dans mes projets, je me contenterai d'un défilé de cubes, tanpis !

[[Fichier:Pr_2.jpg]]

== 15/03 + 25/04 ==

[[Fichier:Pr_3]]

Cette semaine, les tutos se sont accélérés exceptionnellement - j'ai été frustré parce que finalement j'ai plus passé mon temps à recopier les lignes de codes avec beaucoup de vigilance - des fonctions interconnectées les unes aux autres dans le but d'obtenir un script qui produit une courbe - trajectoire que va suivre la série d'objets que nous avons matérialisés dans l'espace 3D. Bref, j'ai quand même pu explorer les possibilités qu'offrent le logiciel en matière d'animation.

J'espère dans les semaines qui précèdent mon jury m'associer avec un autre élève - Mondher ou Léo pour m'amuser un peu plus en hors piste.

Je vais aussi passer plus de temps dans mon jardin - à force de regarder l'écran tout l'hiver j'ai les yeux tout secs !
Belle semaine à vous tous et vive le printemps !

Fichier:Pr 3.JPG

2021-04-25T10:37:16Z

Jonquille :

Fichier:Pr 2.png

2021-04-25T10:33:17Z

Jonquille :

Fichier:Pr 1.png

2021-04-25T10:30:20Z

Jonquille :

Jonquille

2021-01-20T13:13:43Z

Jonquille :

Fichier:Shéma11.JPG

2021-01-20T13:13:25Z

Jonquille :

Fichier:ERROR.png

2021-01-20T12:52:49Z

Jonquille :

Fichier:Recherches.JPG

2021-01-20T11:29:34Z

Jonquille :

Jonquille

2020-12-10T09:24:10Z

Jonquille : Page créée avec « Fichier:Shéma 12.10.JPG »

[[Fichier:Shéma 12.10.JPG]]

Fichier:Shéma 12.10.JPG

2020-12-10T09:23:14Z

Jonquille : la donnée que je vais extraire du database de Brussels-by-bike

la donnée que je vais extraire du database de Brussels-by-bike

ERG::Code-2020-2

2020-12-10T09:06:05Z

Jonquille : /* Pages des étudiant.e.s */

==Introduction==
Ce cours est destiné aux étudiant.e.s de BAC3. Cette année, nous nous concentrons sur les bases de données, définies comme "une collection structurée d'éléments sur laquelle l'utilisateur.trice peut effectuer une série d'opérations: voir, naviguer, chercher" (Lev Manovich, ''Le langage des Nouveaux Médias'').

==Sessions==
===03 décembre 2020===
<syntaxhighlight lang="python">
#un programme qui récupère les données contenues dans les sélecteurs css suivants:
#article h1, div.lead, div.gr-media-image img, div.gr-article-content à partir d'une page d'article de lesoir.be

import mechanize

import lxml.html as lh

import cssselect

import ssl

#initialisation d'un objet "navigateur" avec la librairie mechanize
br = mechanize.Browser()

br.addheaders = [('User-agent', 'Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.0.1) Gecko/2008071615 Fedora/3.0.1-1.fc9 Firefox/3.0.1')]

br.set_handle_robots(False)
#fin de la configuration de mechanize

try:
_create_unverified_https_context = ssl._create_unverified_context
except AttributeError:
# Legacy Python that doesn't verify HTTPS certificates by default
pass
else:
# Handle target environment that doesn't support HTTPS verification
ssl._create_default_https_context = _create_unverified_https_context

data = br.open('https://www.lesoir.be/340088/article/2020-11-26/reouverture-des-commerces-fetes-ce-qui-sera-discute-par-le-comite-de', timeout=10.0)

#print(data.read())
#br.follow_link(text_regex=r"cheese\s*shop", nr=1)
#data = br.follow_link(url=r"/lesgrandsclassiques/Poemes", nr=0)

rawdata = data.read()
unicode = rawdata.decode('utf-8', 'ignore')
src = lh.fromstring(unicode)

#on convertit un sélecteur css en objets de type "cssselector"
selecteurs = cssselect.parse('article h1, article h2')
# 0
#[selecteur1, selecteur2]

#[selecteur de type cssselect]

for selecteur in selecteurs:
chemin_xpath = cssselect.HTMLTranslator().selector_to_xpath(selecteur, translate_pseudo_elements=True)
resultats = src.xpath(chemin_xpath)
for resultat in resultats:
print(resultat.text_content())
</syntaxhighlight>
===26 novembre 2020===
<syntaxhighlight lang="python">
#un programme qui récupère les données contenues dans les sélecteurs css suivants:
#article h1, div.lead, div.gr-media-image img, div.gr-article-content à partir d'une page d'article de lesoir.be

import mechanize

import lxml.html as lh

import cssselect

#initialisation d'un objet "navigateur" avec la librairie mechanize
br = mechanize.Browser()

br.addheaders = [('User-agent', 'Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.0.1) Gecko/2008071615 Fedora/3.0.1-1.fc9 Firefox/3.0.1')]

br.set_handle_robots(False)
#fin de la configuration de mechanize

data = br.open('https://www.lesoir.be/340088/article/2020-11-26/reouverture-des-commerces-fetes-ce-qui-sera-discute-par-le-comite-de', timeout=10.0)

print(data.read())
</syntaxhighlight>
<syntaxhighlight lang="python">
#un programme qui récupère les données contenues dans les sélecteurs css suivants:
#article h1, div.lead, div.gr-media-image img, div.gr-article-content à partir d'une page d'article de lesoir.be

import mechanize

import lxml.html as lh

import cssselect

import ssl

#initialisation d'un objet "navigateur" avec la librairie mechanize
br = mechanize.Browser()

br.addheaders = [('User-agent', 'Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.0.1) Gecko/2008071615 Fedora/3.0.1-1.fc9 Firefox/3.0.1')]

br.set_handle_robots(False)
#fin de la configuration de mechanize

try:
_create_unverified_https_context = ssl._create_unverified_context
except AttributeError:
# Legacy Python that doesn't verify HTTPS certificates by default
pass
else:
# Handle target environment that doesn't support HTTPS verification
ssl._create_default_https_context = _create_unverified_https_context

data = br.open('https://www.lesoir.be/340088/article/2020-11-26/reouverture-des-commerces-fetes-ce-qui-sera-discute-par-le-comite-de', timeout=10.0)

#print(data.read())
#br.follow_link(text_regex=r"cheese\s*shop", nr=1)
#data = br.follow_link(url=r"/lesgrandsclassiques/Poemes", nr=0)

rawdata = data.read()
unicode = rawdata.decode('utf-8', 'ignore')
src = lh.fromstring(unicode)

#une liste en python
# 0 1 2
liste = ['coucou', 'pouetpouet', 'byebye']

print(liste[2])

selecteurs = cssselect.parse('article h1')
#[selecteur de type cssselect]
chemin_xpath = cssselect.HTMLTranslator().selector_to_xpath(selecteurs[0], translate_pseudo_elements=True)
#selecteur de type xpath

resultats = src.xpath(chemin_xpath)
# 0
#[html element]
print(resultats[0].text_content())
</syntaxhighlight>

== Formation HTML/CSS utile en complément du cours ici : ==

https://www.youtube.com/watch?v=Y80juYcu3ZI&list=PLwLsbqvBlImHG5yeUCXJ1aqNMgUKi1NK3

===19 novembre 2020===

====html et css====
<syntaxhighlight lang="html5">
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Sélecteurs css</title>
<link href="styles.css" rel="stylesheet" type="text/css">
</head>
<body>
<section id="actualite">
<h1>Ma section actualité</h1>
<article class="breve">
<header>Chapeau de l'article</header>
<div>
Contenu de l'article <a href="http://www.curlybraces.be">Un lien vers un site</a>
<h3>Sous-titre de l'article</h3>
<time>13:00</time>
<time>13:00</time>
<time data-type="begin-hour">15:00</time>

</div>
<footer>Footer de l'article</footer>
</article>
<article class="article-full">
<header>Chapeau de l'article 2</header>
<div>
Contenu de l'article 2 <a href="http://www.curlybraces.be">Un lien vers un site</a>

</div>
<footer>Footer de l'article 2</footer>
</article>
<article class="article-full">
<header>Chapeau de l'article 3</header>
<div>
Contenu de l'article 3 <a href="http://www.curlybraces.be">Un lien vers un site</a>

</div>
<footer>Footer de l'article 3</footer>
</article>
</section>

<section id="archives">
<h1>Ma section Archives</h1>
<article class="breve">
<header>Chapeau de l'article</header>
<div>
Contenu de l'article <a href="http://www.curlybraces.be">Un lien vers un site</a>

</div>
<footer>Footer de l'article</footer>
</article>
</section>
</body>
</html>

</syntaxhighlight>

<syntaxhighlight lang="css">
/*pointeur css vers balise html*/
html, body{
margin:0;
padding:0;
}
h1{
font-family:Helvetica, Arial, sans-serif;
font-weight:normal;
margin:10px;
padding:10px;
border:1px solid black;
}
/*pointeur css vers un ID*/
section#archives{
background-color:gray;
}

article{
border-bottom:1px solid black;
}
/*pointeur css vers une classe*/
.breve{
font-size:48pt;
border-bottom:2px solid black;
}
.article-full{
font-size:16pt;
}
/* pointeur css avec chemin */
section#actualite a{
color:green;
}
section#actualite article.article-full a{
color:red;
}
/* pointeur css avec chemin vers un enfant précis d'une balise */
section#actualite article.article-full:nth-child(3) a{
color:pink;
}

/*pointeur css avec un chemin vers un élément qui suit directement un autre élément*/
h3+time{
background:green;
}

time[data-type='begin-hour']{
background:blue;
}

</syntaxhighlight>

====Librairies Python====
* pour naviguer:
** pycurl (http://pycurl.io/)
** urllib2 (https://docs.python.org/2/library/urllib2.html)
** requests (https://requests.readthedocs.io/en/master/)
** mechanize (https://mechanize.readthedocs.io/en/latest/index.html)
* pour parser:
** beautifulsoup (https://www.crummy.com/software/BeautifulSoup/bs4/doc/)
** lxml (https://lxml.de/xpathxslt.html)
** cssselect (https://cssselect.readthedocs.io/en/latest/)

*User agent :
**What is my browser (https://www.whatismybrowser.com/guides/the-latest-user-agent/firefox)
<syntaxhighlight lang="python">
#!/usr/bin/python
# -*- coding: utf-8 -*-

import mechanize
import lxml.html as lh
import cssselect

br = mechanize.Browser()
br.addheaders = [('User-agent', 'Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.0.1) Gecko/2008071615 Fedora/3.0.1-1.fc9 Firefox/3.0.1')]
br.set_handle_robots(False)
data = br.open('https://poesie.webnet.fr/lesgrandsclassiques/Authors/B', timeout=10.0)

#br.follow_link(text_regex=r"cheese\s*shop", nr=1)

#data = br.follow_link(url=r"/lesgrandsclassiques/Poemes", nr=0)

rawdata = data.read()
unicode = rawdata.decode('utf-8', 'ignore')
src = lh.fromstring(unicode)

for selector in cssselect.parse('.author-list__link'):
expression = cssselect.HTMLTranslator().selector_to_xpath(selector, translate_pseudo_elements=True)
for result in src.xpath(expression):
print(result.text_content())
print(result.get('href'))
</syntaxhighlight>

==Pages des étudiant.e.s==
[[Utilisateur:Simon BLONDEAU|Simon Blondeau]]

[[Page de William]]

[[Mondher]]

[[Lea]]

[[MP Antoin]]

[[Utilisateur:Pierreetheve|Pierre Ethève]]

[[Utilisateur:Chloé|Chloé]]

[[Jonquille]]

[[margot]]

[[Léo]]

==Déroulement du cours==
Le cours ne nécessite aucun prérequis si ce n'est une capacité d'attention pendant les séances. Cette attention implique qu'à certains moments, par exemple lors des moments de discussions ou de présentations, il sera demandé aux étudiant.e.s de fermer leur ordinateur, que l'usage des smartphones est interdit et que les étudiant.e.s doivent arriver à l'heure au cours (9h, le lundi matin).

Comme il s'agit d'un cours technique, les travaux se feront majoritairement en classe et il n'est pas absolument nécessaire de travailler en dehors du cours, à part pour documenter les travaux ou préparer leurs présentations (les cotations).

Le cours fonctionne en évaluation continue, ce qui signifie que chaque exercice réalisé en atelier aura une note attribuée. Pour réussir le cours, il faut essentiellement être présent.e.

À cette évaluation continue s'ajoute deux notes en décembre et en mai qui correspondent aux moments de cotations. Il est demandé pour ces cotations de présenter une sélection des travaux réalisés jusque là.

La difficulté technique, bien que présente, ne doit pas constituer une barrière pour assister au cours. Il ne sera pas demandé aux étudiant.e.s d'être performant.e.s mais plutôt de ne pas se braquer et d'accepter d'être inefficaces durant des périodes qui semblent parfois longues (voire trouver du plaisir dans ces périodes de recherches). L'entraide et le partage sont encouragés. Tout sera fait pour éviter des comportements de mise à distance du savoir entre celles et ceux "qui savent" et les "newbies".

Chaque étudiant.e a accès à ce wiki, qui servira durant toute l'année à documenter les travaux. La création des comptes pour le wiki se fait au début du deuxième cours (au moment de l'inscription au cours).

Fichier:Shéma 22.10.png

2020-10-22T09:05:36Z

Jonquille : je pense le mettre en lien avec soit le cours de la bourse, soit l'emplacement et la magnitude des derniers tremblements de terre importants

je pense le mettre en lien avec soit le cours de la bourse, soit l'emplacement et la magnitude des derniers tremblements de terre importants