Différences entre les versions de « ERG::Code-2016-1 »

De {}
Aller à la navigation Aller à la recherche
(Page créée avec « ==Introduction== Le cours traite des codes informatiques comme outils omniprésents, à comprendre, étudier, tordre, détourner, en tant qu’individu créateur, engagé.... »)
 
 
(31 versions intermédiaires par 2 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
 
==Introduction==
 
==Introduction==
Le cours traite des codes informatiques comme outils omniprésents, à comprendre, étudier, tordre, détourner, en tant qu’individu créateur, engagé. Il s’agit de favoriser l’émergence d’écritures singulières, de comprendre et de se confronter aux notions fondamentales de la programmation. Par "enseigner l’écriture du code", j’entends, en abordant des langages de programmation spécifiques, transmettre les logiques, symboles et structures qu’ils partagent tous. Le but étant de donner les clés suffisantes pour pouvoir apprendre n’importe quel langage de manière autonome, de pouvoir analyser et composer des algorithmes, pouvoir structurer et réellement "écrire avec le code". Chaque notion vue sera toujours mise en relation avec des pratiques d’écritures contemporaines ; scientifiques, artistiques, graphiques. Ce cours porte sur deux années consécutives (BAC2 et BAC3) et propose de parcourir durant ce laps de temps une série de langages, liés au web frontend (HTML, CSS, Javascript, SVG) ou backend (PHP, Python, XML, mySQL), liés à la création numérique (Processing, Python, Openframeworks, Cinder) ou à l’informatique physique (RaspberryPI, Arduino).
+
Ce cours est destiné aux étudiants de BAC2. En utilisant les langages de programmation web html/css/javascript, Nous essayerons, cette année, de cerner quelques notions propres à la programmation et d'envisager leur utilisation dans nos pratiques respectives.
 +
 
 +
==Cours==
 +
===[[ERG::190916|Cours du 20.09.16: Introduction + html et css, la base]]===
 +
 
 +
===Cours du 04.10.16: Html et css, positionner des éléments===
 +
[http://curlybraces.be/sessions/erg/20161004siteblocs.zip Scripts vu au cours]
 +
 
 +
===Cours du 11.10.16: Internet et mise en ligne + introduction à javascript===
 +
[http://curlybraces.be/sessions/erg/20161011js_intro.zip Scripts vu au cours]
 +
 
 +
===Cours du 18.10.16: Introduction à javascript===
 +
[http://curlybraces.be/sessions/erg/20161018js_intro.zip Scripts vu au cours]
 +
 
 +
===Cours du 25.10.16: Introduction à jquery + lancement projet===
 +
[[ERG::posterprint|Projet 1: Poster print]]
 +
 
 +
===[[ERG::081116|Cours du 08.11.16: Flyers génératifs 1/2]]===
 +
 
 +
===[[ERG::151116|Cours du 15.11.16: Flyers génératifs 2/2]]===
 +
 
 +
===[[ERG::221116|Cours du 22.11.16: Flowcharts]]===
 +
 
 +
===[[ERG::281116|Cours du 28.11.16 - Tutorat]] ===
 +
 
 +
===[[ERG::131216|Cours du 13.12.16]]===
 +
 
 +
== Retours données en cours ==
 +
 
 +
=== Malika ===
 +
 
 +
Poster qui permet de générer des compositions sur base d'une auto-évaluation d'un personne par rapport a son bonheur. L'utilisateur s'évalue sur une série de de critère une série sur une échelle de 1 à 7. Les résultats sont utilisés comme input.
 +
 
 +
Trouver des principes de composition qui permettent de mettre en scène les différents paramètres. Par exemple, regarder du côté de la [https://fr.wikipedia.org/wiki/Psychologie_de_la_forme Gestalt Theorie], du [https://fr.wikipedia.org/wiki/Feng_shui Feng Shui] ou du [https://fr.wikipedia.org/wiki/Jardin_sec Zen].
 +
 
 +
=== Theo ===
 +
 
 +
Fonte dégénérative. Le poster met en scène un glyphe qui se voit altéré à chaque rafraîchissement de la page, jusqu'à n'être plus reconnaissable.
 +
 
 +
Il faut maintenant préciser le principe de destruction de la fonte, et trouver un procédé pour le réaliser.
 +
 
 +
Regarder du cote de SVG. Trouver une manière d'altérer la position des points ou la définition des courbes. En décrire le principe. Ou bien utiliser des outils existants, tels que la fonction "simplify path" d'inkscape.
 +
 
 +
* http://letterror.com/fontcatalog/fontfont-beowolf/
 +
* http://build.letterror.com/writing/is-best-really-better/
 +
* https://dmitrybaranovskiy.github.io/raphael/
 +
 
 +
=== Jayson ===
 +
 
 +
Le poster reconstitue la trame d'une journée fictive de Jayson. Les fragments de récits sont tirés d'un journal tenu par Jayson sur une semaine, dans lequel il décrit toutes les actions qu'il a effectué dans la journée.
 +
 
 +
Le poster serait accompagné d'illustrations. dont l'orientation graphique reste encore à préciser.
 +
 
 +
Il faut désormais trouver une structure permettant de donner une cohérence au récit (quelles sont les moments-charnière d'une journée?)
 +
 
 +
* [http://www.softcinema.net Soft Cinema]
 +
* [https://fr.wikipedia.org/wiki/Morphologie_du_conte Vladimir Propp, morphologie du conte]
 +
* [http://www.allocine.fr/film/fichefilm_gen_cfilm=8962.html Smoking/No Smoking]
 +
 
 +
=== Samuel ===
 +
 
 +
Plusieurs idées, Mais celle qui semble l'emporter en terme d'envie est celle de pouvoir montrer les code informatique sous-jacent. Cette intérêt est déjà présent dans un travail plus ancien où Samuel à injecté la représentation hexadécimale d'un image dans cette même image.
 +
 
 +
L'autre idée est de travailler sur des compos de dessins combinatoires (sans beaucoup plus de précision).
 +
 
 +
Pour les compos combinatoires:
 +
 
 +
* http://research.lafkon.net/projects
 +
* http://www.1000dessins.com/
 +
 
 +
Pour le code sous-jacent:
 +
 
 +
* [http://www.ryojiikeda.com/Ryoji Ikeda].
 +
* [view-source:http://wwwwwwwww.jodi.org/]
 +
 
 +
=== Cécile ===
 +
 
 +
Deux idées:
 +
 
 +
# Outil de peinture à la souris générateur de formes
 +
# larsen visuel (mise en abîme)
 +
 
 +
À priori, Cécile s'oriente plutôt vers la première idée. Dans la veine d'outils comme [https://scriptographer.org Scriptographer] ou [http://www.oozemove.com/ des peintures de Rafaël Rozendaal], il s'agit de proposer une brosse "programmatique" permettant de faire des peintures numériques. À la manière des filtres audio reverb, ou fade-in, les traces laissées par les brosses pourraient varier d'intensité ([http://jqueryui.com/easing/ easing]).
 +
 
 +
=== Arthur ===
 +
 
 +
Projet de publicités génératives dans le but de déconstruire le langage publicitaire. Le dernier développement du projet s'oriente vers les pubs automobiles, et en particulier vers les pubs WV et leur ton autain.
 +
 
 +
Plusieurs publicités et leurs slogans seraient générées. Une attention serait donnée au textes longsque l'on peut trouver sur les publicités anciennes, et que supposément peu de personnes lisent. Il faut encore réfléchir aux autres variables des affiches (typo? etc.).
 +
 
 +
* [http://www.huffingtonpost.fr/2015/09/22/publicites-volkswagen-detournement_n_8176760.html Article du Huffington sur le détournement de pubs VW]
 +
* [http://publicdomainday.constantvzw.org/ Public Domain Day] (expérimentation avec leschaines de Markov)
 +
* [https://fr.wikipedia.org/wiki/Cha%C3%AEne_de_Markov Chaines de Markov]
 +
* [http://yeslab.org/ Yes men]
 +
 
 +
Quelques techniques de génération de texte:
 +
 
 +
* http://dcode.fr/chaine-markov-texte
 +
* https://fr.wikipedia.org/wiki/Permutation
 +
* http://geogeo.jodi.org/gps/spam/index.html
 +
 
 +
=== Raphael ===
 +
 
 +
base de données de termes... liste à cocher... que le tout soit plus important que la somme des parties!
 +
 
 +
* [http://yeslab.org/ Yes Men]
 +
* http://epicpedia.org/
 +
 
 +
=== Eyal ===
 +
 
 +
Créer des vis à vis
 +
 
 +
* claude closky
 +
* http://dinakelberman.tumblr.com/
 +
* http://sebastianschmieg.com/searchbyimage/
 +
* http://www.arpla.fr/canal11/category/edition/
 +
* http://aan.stdin.fr/index.php/Web_2016-04-14
 +
 
 +
=== Meret ===
 +
 
 +
Le projet s'oriente vers la capture vidéo/photo et la manipulation de cette capture pour en faire un poster. La finalité n'est pas encore claire, mais les exemples donnés par Meret sur [[ERG::Leprojetdemeret|sa page]] donnent un avant-goût.
 +
 
 +
* luna maurer sky catcher
 +
* lust capture bureau
 +
* http://roelwouters.com/the-wex-machine
 +
 
 +
=== Luca ===
 +
 
 +
Comment parler d'espace dans le numérique? Comment faire en sorte que le programme soit sensible à son environnement au moment de l'impression des posters. Un poster qui prend en compte son contexte.
 +
 
 +
L'idée est d'explorer la géographie du réseau et d'utiliser ces différentes informations pour influencer sur le poster.
 +
 
 +
Quelques exemples
 +
 
 +
* réseau wifi
 +
* ping
 +
* traceroute
 +
 
 +
De manière plus large, on peut imaginer prendre en compte d'autres paramètres de l’environnement à travers les différents capteurs de l’ordinateur (luminosité ambiante, etc.)
 +
 
 +
* http://whatismyipaddress.com/traceroute-tool
 +
* http://www.onemannation.com/otherworks/the-idea-i-thought-of-to-be-so-wonderful
 +
 
 +
==Projets==
 +
[[ERG::posterprint|Projet 1: Poster print]]
 +
 
 +
[[ERG::Program Design|Program design]]

Version actuelle datée du 7 février 2017 à 08:36

Introduction

Ce cours est destiné aux étudiants de BAC2. En utilisant les langages de programmation web html/css/javascript, Nous essayerons, cette année, de cerner quelques notions propres à la programmation et d'envisager leur utilisation dans nos pratiques respectives.

Cours

Cours du 20.09.16: Introduction + html et css, la base

Cours du 04.10.16: Html et css, positionner des éléments

Scripts vu au cours

Cours du 11.10.16: Internet et mise en ligne + introduction à javascript

Scripts vu au cours

Cours du 18.10.16: Introduction à javascript

Scripts vu au cours

Cours du 25.10.16: Introduction à jquery + lancement projet

Projet 1: Poster print

Cours du 08.11.16: Flyers génératifs 1/2

Cours du 15.11.16: Flyers génératifs 2/2

Cours du 22.11.16: Flowcharts

Cours du 28.11.16 - Tutorat

Cours du 13.12.16

Retours données en cours

Malika

Poster qui permet de générer des compositions sur base d'une auto-évaluation d'un personne par rapport a son bonheur. L'utilisateur s'évalue sur une série de de critère une série sur une échelle de 1 à 7. Les résultats sont utilisés comme input.

Trouver des principes de composition qui permettent de mettre en scène les différents paramètres. Par exemple, regarder du côté de la Gestalt Theorie, du Feng Shui ou du Zen.

Theo

Fonte dégénérative. Le poster met en scène un glyphe qui se voit altéré à chaque rafraîchissement de la page, jusqu'à n'être plus reconnaissable.

Il faut maintenant préciser le principe de destruction de la fonte, et trouver un procédé pour le réaliser.

Regarder du cote de SVG. Trouver une manière d'altérer la position des points ou la définition des courbes. En décrire le principe. Ou bien utiliser des outils existants, tels que la fonction "simplify path" d'inkscape.

Jayson

Le poster reconstitue la trame d'une journée fictive de Jayson. Les fragments de récits sont tirés d'un journal tenu par Jayson sur une semaine, dans lequel il décrit toutes les actions qu'il a effectué dans la journée.

Le poster serait accompagné d'illustrations. dont l'orientation graphique reste encore à préciser.

Il faut désormais trouver une structure permettant de donner une cohérence au récit (quelles sont les moments-charnière d'une journée?)

Samuel

Plusieurs idées, Mais celle qui semble l'emporter en terme d'envie est celle de pouvoir montrer les code informatique sous-jacent. Cette intérêt est déjà présent dans un travail plus ancien où Samuel à injecté la représentation hexadécimale d'un image dans cette même image.

L'autre idée est de travailler sur des compos de dessins combinatoires (sans beaucoup plus de précision).

Pour les compos combinatoires:

Pour le code sous-jacent:

Cécile

Deux idées:

  1. Outil de peinture à la souris générateur de formes
  2. larsen visuel (mise en abîme)

À priori, Cécile s'oriente plutôt vers la première idée. Dans la veine d'outils comme Scriptographer ou des peintures de Rafaël Rozendaal, il s'agit de proposer une brosse "programmatique" permettant de faire des peintures numériques. À la manière des filtres audio reverb, ou fade-in, les traces laissées par les brosses pourraient varier d'intensité (easing).

Arthur

Projet de publicités génératives dans le but de déconstruire le langage publicitaire. Le dernier développement du projet s'oriente vers les pubs automobiles, et en particulier vers les pubs WV et leur ton autain.

Plusieurs publicités et leurs slogans seraient générées. Une attention serait donnée au textes longsque l'on peut trouver sur les publicités anciennes, et que supposément peu de personnes lisent. Il faut encore réfléchir aux autres variables des affiches (typo? etc.).

Quelques techniques de génération de texte:

Raphael

base de données de termes... liste à cocher... que le tout soit plus important que la somme des parties!

Eyal

Créer des vis à vis

Meret

Le projet s'oriente vers la capture vidéo/photo et la manipulation de cette capture pour en faire un poster. La finalité n'est pas encore claire, mais les exemples donnés par Meret sur sa page donnent un avant-goût.

Luca

Comment parler d'espace dans le numérique? Comment faire en sorte que le programme soit sensible à son environnement au moment de l'impression des posters. Un poster qui prend en compte son contexte.

L'idée est d'explorer la géographie du réseau et d'utiliser ces différentes informations pour influencer sur le poster.

Quelques exemples

  • réseau wifi
  • ping
  • traceroute

De manière plus large, on peut imaginer prendre en compte d'autres paramètres de l’environnement à travers les différents capteurs de l’ordinateur (luminosité ambiante, etc.)

Projets

Projet 1: Poster print

Program design