Studio
Pratiques
Algorithmiques

Jeff Guess - École Nationale Supérieure d'Arts Paris-Cergy

Dans le contexte actuel, l’accent sera résolument mis sur des pratiques web. Si vous avez envie d’élargir et enrichir vos travaux en intégrant des pratiques en réseaux, ce studio est pour vous ! Il s’agit de créer des plateformes web (avec texte, image, vidéo, objets 3D), des Twitterbots et autres générateurs de textes et d’images, des d’outils spécifiques pour vos performances, des interfaces utilisant des données en temps réel, etc.

Studio Pratiques Algorithmiques se présente comme une introduction méthodique et intensive à la programmation informatique. Le code est pensé ici comme une écriture qui génère automatiquement des formes. Nous le travaillerons à la fois comme une matière artistique et un ensemble de connaissances techniques permettant de mieux saisir des logiques souterraines à notre époque, le glissement vers une algorithmisation généralisée.

Le studio est conçu de manière à faire circuler les savoirs et les compétences de chacun.e par le biais de discussions, lectures de textes théoriques, projets collectifs, l’entraide, présentations par les étudiants de leurs recherches récentes, et la mise en ligne des codes sources, des tutoriels, des liens.

Pour la partie pratique, nous apprendrons à coder en utilisant un ensemble de standards (HTML5, CSS3, JavaScript), d’environnements de travail (Visual Studio Code) et d’outils open-source (p5.js et Node.js) en vue de créer des projets en ligne.

Une partie importante du studio sera dédiée à l’apprentissage de p5.js, un environnement de programmation en open-source conçu par et pour des artistes. Il s'agira d'apprendre les bases (les variables, les décisions, les boucles, les fonctions) de tout algorithme en vue d'intégrer cette forme d'écriture performative au sein de pratiques nécessitant la création d'outils informatiques spécifiques.

Des moments réguliers toute au long de l’année seront prévus pour situer ce travail plastique dans une actualité artistique et théorique : des lectures de textes, des discussions, et notamment des titleventions d’artistes, théoriciens et curateurs travaillant dans le domaine des nouveaux médias. Ces moments sont conçus pour mieux connaître l’histoire de l’informatique et de la cybernétique en vue de nourrir une réflexion sur des enjeux contemporains : l'automatisation, l'intelligence artificielle, la gouvernementalité algorithmique, la surveillance, etc.

L’idée est d’avoir une approche globale en expérimentant avec la matière même de ce qui rend ce nouveau monde possible, le code.

Github

Pratiques Algorithmiques
Code source du cours

Planning

26 oct 20 Introduction P5
2 nov 20 Introduction HTML / CSS
9 nov 20 Workshop avec Sarah Garcin
16 nov 20 Workshop avec Sarah Garcin
23 nov 20 Travail sur projets
30 nov 20 Workshop avec Sarah Garcin
7 déc 20 Grilles
14 déc 20 Grilles II + p5
4 jan 21
11 jan 21
25 jan 21 (Zoom)
1 fév 21 (Zoom)
8 fév 21 (Zoom)

Workshop - Sarah Garcin

Le Github de Sarah
Paged.js
Paged.js ancienne documentation, peut-être plus accessible
Daniel Shiffman's Javascript playlist

Tutorials, code

p5 !
p5 reference
p5 tutorials
Tutoriel p5 en français
Gerard Paresys
Global and instance mode
Daniel Shiffman, Code! Programming with p5.js
Daniel Shiffman, The Coding Train
Daniel Shiffman, Learning Processing: A Beginner's Guide to Programming Images, Animation, and Interaction, version p5
Daniel Shiffman, The Nature of Code, version p5
Alison Parrish, Creative Coding
Tim Rodenbroeker, p5 and VSCode

Shay Howe, Learn to Code HTML & CSS
Shay Howe, Learn to Code Advanced HTML & CSS

Projets

Espace Virtuel du Jeu de Paume
Gaïté Lyrique - Laboratoire
Glass Bead

APIs

List of public APIs

Outils

Visual Studio Code
P5 web editor
p5live
Color picker
Emmet Cheatsheet
freesound.org
Box model
Responsive Web Cheatsheet

Typographie

Fonts Ninja
Modular Scale
Fonts in Use, notamment la partie 'Typefaces'
Google, Type system
Google, Understanding typography
Google Fonts
Velvetyne - Typographie Open Source
Transfonter
Print Stylesheets