• Slidy
  • Apropos : Différence entre versions

    De Ustensile
    Aller à : navigation, rechercher
    (Écrire le design)
    (Écrire le design)
    Ligne 126 : Ligne 126 :
     
    * Trouver de nouvelles manières de dessiner en créant ses outils, en modifiant des outils existants, en les utilisant de manière détournée
     
    * Trouver de nouvelles manières de dessiner en créant ses outils, en modifiant des outils existants, en les utilisant de manière détournée
     
    * S'aventurer, être curieux, bidouiller, se heurter, réparer, pratiquer
     
    * S'aventurer, être curieux, bidouiller, se heurter, réparer, pratiquer
     +
     +
    == Écrire le design: vocalises digitales ==
     +
    Elliot Dadat
     +
    [[Fichier:Elliot-espeak.wav]]
     +
     +
    <pre>
     +
    <speak version="1.0" xmlns="http://www.w3.org/2001/10/synthesis"; xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"; xsi:schemaLocation="http://www.w3.org/2001/10/synthesis http://www.w3.org/TR/speech-synthesis/synthesis.xsd"; xml:lang="en-US">
     +
     +
    <voice name="fr">
     +
    <prosody rate='normal'>
     +
     +
    bonjour. voici, ma chanson.
     +
     +
    <prosody pitch='10'> aaaaaaaaaaaa </prosody> <break time='1000ms' />
     +
    <prosody pitch='10'> aaaaaaaaaaaa </prosody> <break time='1000ms' />
     +
    <prosody pitch='10'> aaaaaaaaaaaa </prosody> <break time='1000ms' />
     +
    <prosody pitch='10'> aaaaaaaaaaaa </prosody> <break time='1000ms' />
     +
    <prosody pitch='10'> aaaaaaaaaaaa </prosody>
     +
    <prosody pitch='70'> iiiiiiiiiiii </prosody>
     +
    <prosody pitch='30'> iiiiiiii </prosody>
     +
    <prosody pitch='10'> aaaaaaaaaaaa </prosody>
     +
    <prosody pitch='90'> iiiiiiiiiiii </prosody>
     +
    <prosody pitch='30'> iiiiiiii </prosody>
     +
    <prosody pitch='10'> aaaaa </prosody> <prosody pitch='90'> aaaaa </prosody>
     +
    <prosody pitch='70'> iiiiiiiiiiii </prosody>
     +
    <prosody pitch='30'> iiiiiiii </prosody>
     +
    <prosody pitch='60'> aaaaa </prosody> <prosody pitch='90'> aaaaa </prosody>
     +
    <prosody pitch='70'> iiiiiiiiiiii </prosody>
     +
    <prosody pitch='30'> iiiiiiii </prosody>
     +
    <prosody pitch='10'> aaaaaaaaaaaa </prosody> <prosody pitch='40'> aaaaaaaaaaa </prosody>
     +
    <prosody pitch='30'> bababibibababibi </prosody> <prosody pitch='60'> bababibibababibi </prosody>
     +
    <prosody pitch='60'> aaaaaaaaaaaa </prosody> <prosody pitch='90'> aaaaaaaaaaa </prosody>
     +
    <prosody pitch='30'> bababibibababibi </prosody> <prosody pitch='60'> bababibibababibi </prosody>
     +
    <prosody pitch='10'> aaaaaa </prosody> <prosody pitch='90'> aaaaa </prosody> <prosody pitch='40'> aaaaaa </prosody> <prosody pitch='20'> aaaaa </prosody>
     +
    <prosody pitch='30'> bababibibababibi </prosody> <prosody pitch='60'> bababibibababibi </prosody>
     +
    <prosody pitch='10'> aaaaaa </prosody> <prosody pitch='90'> aaaaa </prosody> <prosody pitch='40'> aaaaaa </prosody> <prosody pitch='20'> aaaaa </prosody>
     +
    <prosody pitch='30'> bababibibababibi </prosody> <prosody pitch='60'> bababibibababibi </prosody>
     +
    <prosody pitch='80'> aaaaaa </prosody> <prosody pitch='90'> aaaaa </prosody> <prosody pitch='20'> aaaaaa </prosody> <prosody pitch='20'> aaaaa </prosody>
     +
    <prosody pitch='10'> aaaaaa </prosody> <prosody pitch='90'> aaaaa </prosody> <prosody pitch='40'> aaaaaa </prosody> <prosody pitch='20'> aaaaa </prosody>
     +
    <prosody pitch='40'> aaaaaa </prosody> <prosody pitch='20'> aaaaa </prosody> <prosody pitch='40'> aaaaaa </prosody> <prosody pitch='90'> aaaaa </prosody>
     +
    <prosody pitch='10'> aaaaaa </prosody> <prosody pitch='90'> aaaaa </prosody> <prosody pitch='40'> aaaaaa </prosody> <prosody pitch='20'> aaaaa </prosody>
     +
    <prosody pitch='80'> aaa </prosody> <prosody pitch='90'> aa </prosody> <prosody pitch='20'> aaa </prosody> <prosody pitch='50'> aa </prosody>
     +
    <prosody pitch='10'> aaa </prosody> <prosody pitch='90'> aa </prosody> <prosody pitch='40'> aaa </prosody> <prosody pitch='20'> aa </prosody>
     +
    <prosody pitch='40'> aaa </prosody> <prosody pitch='20'> aa </prosody> <prosody pitch='40'> aaa </prosody> <prosody pitch='90'> aa </prosody>
     +
    <prosody pitch='10'> aaa </prosody> <prosody pitch='90'> aa </prosody> <prosody pitch='40'> aaa </prosody> <prosody pitch='20'> aa </prosody>
     +
    <prosody pitch='10'> aaaaa </prosody> <prosody pitch='90'> aaaaa </prosody>
     +
    <prosody pitch='70'> iiiiiiiiiiii </prosody>
     +
    <prosody pitch='30'> iiiiiiii </prosody>
     +
    <prosody pitch='40'> aaa </prosody> <prosody pitch='20'> aa </prosody> <prosody pitch='40'> aaa </prosody> <prosody pitch='90'> aa </prosody>
     +
    <prosody pitch='10'> aaa </prosody> <prosody pitch='90'> aa </prosody> <prosody pitch='40'> aaa </prosody> <prosody pitch='20'> aa </prosody>
     +
    <prosody pitch='60'> aaaaa </prosody> <prosody pitch='90'> aaaaa </prosody>
     +
    <prosody pitch='70'> iiiiiiiiiiii </prosody>
     +
    <prosody pitch='90'> iiiiiiii </prosody>
     +
    <prosody pitch='40'> aaa </prosody> <prosody pitch='20'> aa </prosody> <prosody pitch='90'> aaa </prosody> <prosody pitch='90'> aa </prosody>
     +
    <prosody pitch='10'> aaa </prosody> <prosody pitch='90'> aa </prosody> <prosody pitch='90'> aaa </prosody> <prosody pitch='20'> aa </prosody>
     +
    <prosody rate='.30'>
     +
     +
    <prosody pitch='10'> aaaaaaaa </prosody>
     +
    <prosody pitch='40'> aaaaaaaa </prosody>
     +
    <prosody pitch='90'> aaaaaaaa </prosody>
     +
    <prosody pitch='40'> aaaaaaaa </prosody>
     +
    <prosody pitch='90'> aa </prosody>
     +
    <prosody pitch='80'> aa </prosody>
     +
    <prosody pitch='40'> aa </prosody>
     +
    <prosody pitch='50'> aa </prosody>
     +
    <prosody pitch='90'> aa </prosody>
     +
    <prosody pitch='80'> aa </prosody>
     +
    <prosody pitch='30'> aaaaaaaa </prosody>
     +
    <prosody pitch='60'> aaaaaaaa </prosody>
     +
    <prosody pitch='90'> a </prosody>
     +
    <prosody pitch='80'> a </prosody>
     +
    <prosody pitch='40'> aa </prosody>
     +
    <prosody pitch='50'> a </prosody>
     +
    <prosody pitch='90'> a </prosody>
     +
    <prosody rate='.10'> <prosody pitch='99'> aaaaaa </prosody> </prosody>
     +
     +
     +
    </prosody>
     +
     +
     +
    <break time='1000ms' />
     +
     +
    merci beaucoup.
     +
     +
     +
     +
     +
     +
    </prosody>
     +
     +
     +
     +
     +
     +
     +
    </speak>
     +
    </pre>
      
     
    == Écrire le design: dessin par instructions ==
     
    == Écrire le design: dessin par instructions ==

    Version du 1 avril 2014 à 23:23

    <slidy theme="ustensile" />
    

    Culture numérique à l’erg

    Culture numérique à l’erg : introduction

    « La culture numérique à l’erg » est une constellation de cours différents qui se rassemblent autour d’un effort commun : travailler avec les étudiants et entre nous, de manière collective et transversale. Le but de ce rassemblement est de comprendre et de pratiquer de manière approfondie (historique, philosophique et politique) les outils et les environnements actuels (quand nous disons actuels, nous entendons numériques). Nous voulons utiliser les outils existants et habiter les nouveaux espaces-temps de manière critique et productive. C’est-à-dire en problématisant et en questionnant dans nos pratiques toute étape qui serait pré-formatée et préconçue dans les logiciels commerciaux, au profit d’une expérimentation directe.

    Culture numérique à l’erg : introduction

    Le but n’est pas de devenir expert mais d’apprendre à produire en bidouillant, en bricolant et en inventant sa propre pratique. Cela nous semble en effet primordial au sein de systèmes (logiciels et pas seulement) actuels, qui tendent souvent à homogénéiser les pensées et les pratiques et à designer les apparences de la façon la plus lisse et rassurante possible. Nous ne recherchons pas la performativité ni même l’efficacité, mais plutôt la prise de risque, le lo-fi et la contestation constructive.

    Culture numérique à l’erg : introduction

    Pourquoi ? Parce que nous croyons que les technologies sont des cristallisations de plusieurs et diverses forces (politiques, esthétiques, économiques, etc.) qui ne sont pas elles-mêmes techniques. Ce ne sont donc pas tant les caractéristiques techniques d’Internet, par exemple, qui sont décisives pour la culture numérique (notre Zeitgeist) mais plutôt leurs effets. Non pas leur manière de fonctionner strictement parlant, mais les opérations qui soutiennent ces fonctionnements. Or, pour accéder à ces opérations, il y a deux chemins qui s’entrecoupent et deviennent un. On apprend à jouer avec les formats et conventions, à parler le code, à le plier et le déplier et à l’écrire tout en développant les outils théoriques (entre philosophie et poésie) pour comprendre ce que le code nous fait faire et ce que nous faisons au code (voir les déclarations d’amour en langage Python créées pour les portes ouvertes de l'erg :)

    Culture numérique à l’erg : historique

    La culture numérique à l’erg est un processus de travail en cours, qui s’installe progressivement. En d’autres mots, c’est en faisant qu’on avance.

    Libre Graphics

    En 2010, Ludivine Loiseau crée le cours Libre Graphics pour les Bac 1, pour expérimenter le design graphique à travers des outils logiciels libres et open source.

    Libre Graphics

    Un logiciel libre est un logiciel dont le code source, la manière dont il est fait, est accessible à tous. C'est un code que l'on peut librement étudier, s'approprier et répandre dans cette même logique de partage. L'inverse serait comme une recette de cuisine dont on ne pourrait pas avoir la recette, ou alors ne pas pouvoir la partager avec d'autres, ni même la changer s'il nous manque un ingrédient ou si nous voulons expérimenter une variation.

    Libre Graphics

    Si nous parlons de code source, nous ne préconisons pas que chacun doit devenir un programmeur mais qu'il soit confronté à la matérialité numérique plutôt que de la croire transparente. Aussi utiliser des logiciels libres dans une école d'art permet de sortir du moule créé par une gamme de logiciels privateurs devenus tristement la norme. Cela permet de se sensibiliser à trouver d'autres outils, les détourner, s'en créer de nouveaux.

    Libre Graphics

    Libre-graphics.png

    Zig Zag Animal

    En parallèle de Libre Graphics, Ludivine infuse quelques-uns de ces outils libres dans son cours de typographie Zig Zag Animal destiné aux bacheliers de l’option Typographie, toutes années confondues.

    → Pousser la typographie hors de son périmètre technique et sacré.

    Zig Zag Animal : stencils vynils

    DSCF1832.jpg

    Zig Zag Animal : Tetris HTML collectif

    Screenshot-from-2014-03-24-115758.png

    Collages/Codages et Toolbending

    En 2012, un double cours est créé pour les Bac 2 :

    • Toolbending mené par Femke Snelting ;
    • Collages/Codages mené par Madeleine Aktypi.

    Collages/Codages : pratiques et réseaux contemporains

    Les réseaux sociaux mettent en place de nouvelles formes d’espaces, ce qui n’est pas sans poser des questions politiques et sociales complexes. Comment pouvons-nous produire et réfléchir dans ces plateformes pré-formatées et contraignantes ?

    Collages/Codages : pratiques et réseaux contemporains

    La pratique du collage, inaugurée par les avant-gardes artistiques du XXe siècle (futurisme, cubisme, dada, surréalisme), et celle du codage (cybernétique, dream machines, copyleft, outils libres) sont les outils conceptuels à l'aide desquels le cours aborde les médias et les réseaux contemporains. Les étudiants se familiarisent avec l'histoire du collage en même temps qu'avec l'histoire de l'ordinateur.

    Collages/Codages

    Le cours favorise l'expérimentation libre en ligne à partir d'une réflexion sur les liens entre culture du partage actuelle et les pratiques du collage des avant-gardes artistiques du XXe siècle.


    Collages/Codages

    Rebecca licorne.png

    Rébecca Brunet, http://kikoulol.hotglue.me/start, 2014

    Collages/Codages

    Caula ctmieuxdemain2014.png

    Vito Caula, C'était mieux demain, https://soundcloud.com/cetait-mieux-demain, 2014

    Collages/Codages

    Arsene aaron.png

    Arsène Filiatreau, http://aaronswartzismynewhero.hotglue.me/, 2014

    Collages/Codages

    Renglet codlage.png

    Max Renglet, http://codlage.hotglue.me/, 2014

    Collages/codages

    Maryl donneesdevie.png

    Maryl Genc,https://metadata.hotglue.me/, 2013

    Toolbending

    Artistes, designers, cinéastes, écrivains… créent leur œuvres à l’aide d’ordinateurs. Ils utilisent les logiciels par défaut, les mêmes outils que tout le monde utilise.

    Toolbending

    Bien que les logiciels sont profondément ancrés dans notre pratique quotidienne, imaginez qu’ils soient des outils à penser, des instruments à développer l’imagination qui pourraient produire de nouvelles idées ?

    Toolbending: tiroir de cuisine

    Tiroir.JPG

    Toolbending: lettre d’amour en Python

    Love letter.png Max Renglet, You are certainly not the one

    The Networked Social

    En 2012, l’asbl Constant et Seda Gürses créent le cours The Networked Social pour les Bac 3.

    The Networked Social

    IMG_1137.JPG

    The Networked Social

    Nous utiliserons le concept de « networked social » pour engager une pensée critique sur le numérique et comment il sert de médiateur à nos vies. Les participants exploreront ces concepts à travers les différentes dynamiques qui rendent possibles un « networked social » :

    • l’interaction des réseaux avec les protocoles et les algorithmes;
    • la relation des réseaux avec la surveillance, la vie privée et la sécurité;
    • les économies et les marchés qui co-construisent les réseaux;
    • les interventions des politiciens…

    The Networked Social : Caméras de surveillance

    IMG_8800.JPG

    Écrire le design

    En 2013, Stéphanie Vilayphiou reprend le cours Libre Graphics. Tout en gardant le focus sur les logiciels libres, il s'agit d'aborder le design par le texte, utiliser des instructions pour dessiner et palper les algorithmes, se concocter des recettes de design et les partager.

    Écrire le design

    • Se confronter à une interface textuelle pour manipuler des signes
    • Comprendre les logiques de paradigmes logiciels, au-delà du mode d'emploi
    • Avoir une relation plus intime avec les outils
    • Se constituer une collection d'outils, plutôt qu'un outil monolithique/monopole
    • Questionner les standards, le vocabulaire des logiciels
    • Trouver de nouvelles manières de dessiner en créant ses outils, en modifiant des outils existants, en les utilisant de manière détournée
    • S'aventurer, être curieux, bidouiller, se heurter, réparer, pratiquer

    Écrire le design: vocalises digitales

    Elliot Dadat Fichier:Elliot-espeak.wav

    <speak version="1.0" xmlns="http://www.w3.org/2001/10/synthesis"; xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"; xsi:schemaLocation="http://www.w3.org/2001/10/synthesis http://www.w3.org/TR/speech-synthesis/synthesis.xsd"; xml:lang="en-US"> 
    
    <voice name="fr">
    <prosody rate='normal'>
    
    bonjour. voici, ma chanson.
    
    <prosody pitch='10'> aaaaaaaaaaaa </prosody> <break time='1000ms' />
    <prosody pitch='10'> aaaaaaaaaaaa </prosody> <break time='1000ms' />
    <prosody pitch='10'> aaaaaaaaaaaa </prosody> <break time='1000ms' />
    <prosody pitch='10'> aaaaaaaaaaaa </prosody> <break time='1000ms' />
    <prosody pitch='10'> aaaaaaaaaaaa </prosody>
    <prosody pitch='70'> iiiiiiiiiiii </prosody>
    <prosody pitch='30'> iiiiiiii </prosody>
    <prosody pitch='10'> aaaaaaaaaaaa </prosody>
    <prosody pitch='90'> iiiiiiiiiiii </prosody>
    <prosody pitch='30'> iiiiiiii </prosody>
    <prosody pitch='10'> aaaaa </prosody> <prosody pitch='90'> aaaaa </prosody>
    <prosody pitch='70'> iiiiiiiiiiii </prosody>
    <prosody pitch='30'> iiiiiiii </prosody>
    <prosody pitch='60'> aaaaa </prosody> <prosody pitch='90'> aaaaa </prosody>
    <prosody pitch='70'> iiiiiiiiiiii </prosody>
    <prosody pitch='30'> iiiiiiii </prosody>
    <prosody pitch='10'> aaaaaaaaaaaa </prosody> <prosody pitch='40'> aaaaaaaaaaa </prosody>
    <prosody pitch='30'> bababibibababibi </prosody> <prosody pitch='60'> bababibibababibi </prosody>
    <prosody pitch='60'> aaaaaaaaaaaa </prosody> <prosody pitch='90'> aaaaaaaaaaa </prosody>
    <prosody pitch='30'> bababibibababibi </prosody> <prosody pitch='60'> bababibibababibi </prosody>
    <prosody pitch='10'> aaaaaa </prosody> <prosody pitch='90'> aaaaa </prosody> <prosody pitch='40'> aaaaaa </prosody> <prosody pitch='20'> aaaaa </prosody>
    <prosody pitch='30'> bababibibababibi </prosody> <prosody pitch='60'> bababibibababibi </prosody>
    <prosody pitch='10'> aaaaaa </prosody> <prosody pitch='90'> aaaaa </prosody> <prosody pitch='40'> aaaaaa </prosody> <prosody pitch='20'> aaaaa </prosody>
    <prosody pitch='30'> bababibibababibi </prosody> <prosody pitch='60'> bababibibababibi </prosody>
    <prosody pitch='80'> aaaaaa </prosody> <prosody pitch='90'> aaaaa </prosody> <prosody pitch='20'> aaaaaa </prosody> <prosody pitch='20'> aaaaa </prosody>
    <prosody pitch='10'> aaaaaa </prosody> <prosody pitch='90'> aaaaa </prosody> <prosody pitch='40'> aaaaaa </prosody> <prosody pitch='20'> aaaaa </prosody>
    <prosody pitch='40'> aaaaaa </prosody> <prosody pitch='20'> aaaaa </prosody> <prosody pitch='40'> aaaaaa </prosody> <prosody pitch='90'> aaaaa </prosody>
    <prosody pitch='10'> aaaaaa </prosody> <prosody pitch='90'> aaaaa </prosody> <prosody pitch='40'> aaaaaa </prosody> <prosody pitch='20'> aaaaa </prosody>
    <prosody pitch='80'> aaa </prosody> <prosody pitch='90'> aa </prosody> <prosody pitch='20'> aaa </prosody> <prosody pitch='50'> aa </prosody>
    <prosody pitch='10'> aaa </prosody> <prosody pitch='90'> aa </prosody> <prosody pitch='40'> aaa </prosody> <prosody pitch='20'> aa </prosody>
    <prosody pitch='40'> aaa </prosody> <prosody pitch='20'> aa </prosody> <prosody pitch='40'> aaa </prosody> <prosody pitch='90'> aa </prosody>
    <prosody pitch='10'> aaa </prosody> <prosody pitch='90'> aa </prosody> <prosody pitch='40'> aaa </prosody> <prosody pitch='20'> aa </prosody>
    <prosody pitch='10'> aaaaa </prosody> <prosody pitch='90'> aaaaa </prosody>
    <prosody pitch='70'> iiiiiiiiiiii </prosody>
    <prosody pitch='30'> iiiiiiii </prosody>
    <prosody pitch='40'> aaa </prosody> <prosody pitch='20'> aa </prosody> <prosody pitch='40'> aaa </prosody> <prosody pitch='90'> aa </prosody>
    <prosody pitch='10'> aaa </prosody> <prosody pitch='90'> aa </prosody> <prosody pitch='40'> aaa </prosody> <prosody pitch='20'> aa </prosody>
    <prosody pitch='60'> aaaaa </prosody> <prosody pitch='90'> aaaaa </prosody>
    <prosody pitch='70'> iiiiiiiiiiii </prosody>
    <prosody pitch='90'> iiiiiiii </prosody>
    <prosody pitch='40'> aaa </prosody> <prosody pitch='20'> aa </prosody> <prosody pitch='90'> aaa </prosody> <prosody pitch='90'> aa </prosody>
    <prosody pitch='10'> aaa </prosody> <prosody pitch='90'> aa </prosody> <prosody pitch='90'> aaa </prosody> <prosody pitch='20'> aa </prosody>
    <prosody rate='.30'>
    
    <prosody pitch='10'> aaaaaaaa </prosody> 
    <prosody pitch='40'> aaaaaaaa </prosody> 
    <prosody pitch='90'> aaaaaaaa </prosody> 
    <prosody pitch='40'> aaaaaaaa </prosody>
    <prosody pitch='90'> aa </prosody> 
    <prosody pitch='80'> aa </prosody> 
    <prosody pitch='40'> aa </prosody> 
    <prosody pitch='50'> aa </prosody>
    <prosody pitch='90'> aa </prosody> 
    <prosody pitch='80'> aa </prosody>
    <prosody pitch='30'> aaaaaaaa </prosody> 
    <prosody pitch='60'> aaaaaaaa </prosody> 
    <prosody pitch='90'> a </prosody> 
    <prosody pitch='80'> a </prosody> 
    <prosody pitch='40'> aa </prosody> 
    <prosody pitch='50'> a </prosody>
    <prosody pitch='90'> a </prosody> 
    <prosody rate='.10'> <prosody pitch='99'> aaaaaa </prosody> </prosody> 
    
    
    </prosody> 
    
    
    <break time='1000ms' />
    
    merci beaucoup.
    
    
    
    
    
    </prosody>
    
    
    
    
    
    
    </speak> 
    

    Écrire le design: dessin par instructions

    IMG 20140227 120356.jpg


    Une boîte à outils

    Pour la rentrée 2014–2015, une nouvelle méthode sera mise en place de manière expérimentale qu'on a appelée Boîte à outils et qui doit introduire les étudiants à la culture du partage et de l'apprentissage collectif.

    Une boîte à outils

    L’objectif n’est pas de former des développeurs mais de comprendre les logiques mises en œuvre et d’ouvrir l’imaginaire des étudiants sur les potentiels créatifs des machines au-delà des paradigmes classiques d’interaction. Il s’agit d'une introduction théorico-pratique à la culture numérique comme méthode de travail.

    Une boîte à outils

    Cela passe par la compréhension des logiciels comme techniques mais aussi comme des incarnations de modes de pensée (aspect culturel). Les étudiants se constitueront une boîte à outils, en fonction de leurs intérêts et de leurs pratiques, qu’ils pourront combiner et réutiliser dans le but d’expérimenter par eux-mêmes d’autres outils.

    La méthode d’apprentissage de ce cours se base sur un changement dans la hiérarchie verticale « professeur → élève ». Les enseignants, tout autant que les étudiants, apprennent les uns des autres et sont invités à participer activement à cet échange de savoir-faire et d’idées, de pratiques et de contenus d’enseignement différents.