Différences entre les versions de « ERG::Code-2016-1 »
(22 versions intermédiaires par 2 utilisateurs non affichées) | |||
Ligne 17 : | Ligne 17 : | ||
[[ERG::posterprint|Projet 1: Poster print]] | [[ERG::posterprint|Projet 1: Poster print]] | ||
− | ===Cours du 08.11.16: Flyers génératifs 1/2=== | + | ===[[ERG::081116|Cours du 08.11.16: Flyers génératifs 1/2]]=== |
− | ===Cours du | + | ===[[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
Cours du 11.10.16: Internet et mise en ligne + introduction à javascript
Cours du 18.10.16: Introduction à javascript
Cours du 25.10.16: Introduction à jquery + lancement projet
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.
- 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?)
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:
- 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 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.).
- Article du Huffington sur le détournement de pubs VW
- Public Domain Day (expérimentation avec leschaines de Markov)
- Chaines de Markov
- 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!
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 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