ERG::Code-2016-1

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 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

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?)

• Soft Cinema
• Vladimir Propp, morphologie du conte
• 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:

• Ikeda.
• [view-source:http://wwwwwwwww.jodi.org/]

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.).

• 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!

• 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 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

Projet 1: Poster print

Program design