{} - Contributions de l’utilisateur [fr]

ERG::Code-2016-2

2017-03-30T08:00:23Z

Juliette : /* 04.05.2017: EDITION SPECIALE COTATIONS */

==Introduction==
Ce cours est destiné aux étudiants de BAC3. Il s'articule, cette année, autour des questions suivantes:
* Comment, à l'échelle d'un atelier, mettre en place une dynamique de mise en commun des connaissances liées au code et au numérique en général?
* Comment et pourquoi s'emparer en tant qu'artiste ou graphiste de langages et systèmes issus de l'industrie informatique?

==Agenda discussions==
Chaque semaine, un groupe de travail ou un étudiant présente un texte (en relation avec les projets liés aux thématiques définies en septembre), qui soulève des questions, problématiques, à discuter. La discussion est annoncée la semaine précédente pour que l'ensemble du groupe s'y prépare.

===16.02.2017/ La revue Dynastie : supports numérique, papier, ou hybride ?===

On a prévu du print, mais on ne sait pas encore si ce sera notre seul moyen de diffusion :
On a reçu des conseils très différents quant à une diffusion numérique (s'il en faut une) : mails, publication en ligne, newsletter ?
A comparer, quel est l'impact de la publication papier ? Ecologiquement, vaut mieux faire quoi ?
Quelles sont les différences de perception, les rapports à la lecture, dans les deux cas ?
Comment faire correspondre la version print et la version num, qui sont forcement différentes ?

Pas de panique on amène du café
A jeudi :)

[[ERG::160217 | Notes de la discussion]]

===23.02.2017 : rencontre Anne Laure Buisson===

===02.03.2017 : Martin et Laurie, "Expériences sur bibliothèque"===
Manipuler les données : collecter, décrire, classer, agir

Nous souhaitons revenir dans un premier temps sur le thème initial que nous avons choisi : "archive et base de données". Comment définir ces deux notions ? Comment se traduisent-telles aujourd'hui et quels enjeux soulèvent-elles ? Pour tenter d'y répondre, nous aborderons plus en détail les pratiques de la description, de l'indexation et de la classification. Comment classer aujourd'hui? Quels outils utiliser ?
Nous nous interrogeront plus particulièrement sur l'objet livre qui est l'élément central de notre projet pour glisser petit à petit vers une présentation plus précise de notre travail où nous exposerons les outils que nous avons mis en place et notre désir d'interaction avec les données que nous avons à notre disposition.

[[Notes de la discussion]]

===09.03.2017 : Giuliana, "Experience d'organisation d'un espace web comme un Atlas/carte mentale de la representation des emotion et de l'identité dans le virtuel"===

Giuliana :
Experience d'organisation d'un espace web comme un Atlas/carte mentale de la representation des emotion et de l'identité dans le virtuel.
J'ai collectionné et transformé du materiel trouvé sur internet (reseaux,youtube, google image) et j'ai créer des blocs, ou mieux des chemins en faisant des connexions avec des textes et des sons.
Ce que j'aimerais obtenir c'est un petit voyage dans le paysage émotionnel (en ligne avec une deconstruction des categories et des stereotypes en mettant en valeur l'interaction/dialogue entre les images statiques - en mouvement - les sons - les textes - lits/écrits

pour today ça serait cool de réfléchir ensemble sur le concept de atlas meme, different de l'archive, j'en ai une idée qui vient du Bilderatlas Mnémosyne (1927-1929) réalisé par Aby Warburg et du travail de Didi-Huberman : ou plus simplement d'un article qui met en valeur les points qui m'intéressent de leur travail :
here it is [https://arlap.hypotheses.org/2835]
"Ce passage des archives qui ne peuvent se penser qu’en visant la totalité, aux tables de montage, et donc à l’atlas, qui résultent de coupes : ces juxtapositions, coordination (plutôt que subordination) permettent de construire un parcours en « zigzag plutôt qu’une ligne rectiligne », « oscillation plutôt que position » (p. 280). Tout semble alors concentrer la force de la proposition dans les transitions, les interstices plus que dans une quelconque méthode déductive ou inductive."
et puis sur ce que vous imaginez en parlant de paysage émotionnel, d'identité dans le virtuel et d'espace privée/public choses déjà discutes mais bon juste pour focaliser le sujet

quelle est votre experience de l'espace web, surtout de l'utilisation personnelle (no boulot), comment vous pensez ça serait possible recréer l'intimité qu'on semble pouvoir obtenir devant un écran, dans un espace plus large (ex.projection) et est-t il possible de créer une experience immersive de l'espace virtuel à travers cette carte? faut il écrire une histoire ? faut il créer un personnage voyageur? i dont knooow
voilà je cherche à créer un peu une narration qui ne subisse pas les limitations structurelles des pages enfilées une après l'autre, du coup si vous avez des examples qui pourrait concerner cette recherche bring em to me s'il vous plait

eh tres désolée pour mon français longue souffrance !!!

===16.03.2017: Margot, faire son site web en tant que designer graphique===
Margot et c'est un secret

[[ERG::160317 | Notes de la discussion]]

===20.04.2017===
===27.04.2017===
===04.05.2017: EDITION SPECIALE JULIETTE===
Pas encore de sujet, mais probablement sur des trucs interactifs. TMTC.

===11.05.2017: EDITION SPECIALE COTATIONS===

==Cours==
===[[ERG::150916|Cours du 15.09.16: Introduction]]===
===[[ERG::220916|Cours du 22.09.16: Pistes de travail]]===
===[[ERG::290916|Cours du 29.09.16: Expérimentations 1]]===
===[[ERG::061016|Cours du 06.10.16: Expérimentations 2]]===
===[[ERG::201016|Cours du 20.10.16: Expérimentations 3]]===
===[[ERG::271016|Cours du 27.10.16: Expérimentations 4]]===
===[[ERG::101116|Cours du 10.11.16: Expérimentations 5]]===
===[[ERG::171116|Cours du 17.11.16: Expérimentations 6]]===
===[[ERG::241116|Cours du 24.11.16: Expérimentations 7]]===
===[[ERG::011216|Cours du 01.12.16: Expérimentations 8]]===
===[[ERG::221216|Cours du 22.12.16: Expérimentations 9]]===
===[[ERG::020217|Cours du 02.02.17: Expérimentations 10]]===

==Groupes de travail==
===[[ERG::codepourcode | Code pour le code]]===

===[[ERG::codesecret | Code secret]]===

===[[ERG::archives | Archives et bases de données]]===

===[[ERG::interactionsphysiques | Interactions physiques]]===

===[[ERG::sonsvisions | Son et Vision]]===

===[[ERG::Expériences_sur_bibliotheque | Expériences sur bibliothèque]]===

ERG::201016

2016-11-17T10:38:05Z

Juliette : /* Interactions physiques */

===[[ERG::codepourcode | Code pour le code]]===
* Julie Patard
* Melanie Utzmann-North

===[[ERG::interactionsphysiques | Interactions physiques]]===

Gabriel - Léo - Zoé - Hélène - Juliette

« Interactions physiques »
Etablir un but / un projet, une direction, d’ampleur assez importante, mais une première étape à mettre en place rapidement. Quelle direction dans le monde d’interaction physique ? Réfléchir à une direction.

Diviser le travail en petites étapes, rester ouvert à l’expérimentation et au changement de direction.

Gabriel - Léo - Juliette
Envie d’un livre amplifié, interactif. Livre avec des câbles, des encres conductrices ? Pouvoir activer du son, des signaux particuliers, en tournant des pages, ou tacitement. Un livre-robot. Une carte d’anniversaire musicale, mais plus sophistiquée, de l’ampleur d’une édition.

Hélène
Rasberry-Pi ? Possibilité d’enregistrement de données lorsque la carte n’est pas connectée à une ordinateur ? Restitution de mouvement ?

Zoé
C’est très bien.

Juliette
Projet perso proposé au groupe : autour du livre spam, de la navigation internet matérialisée autour du thème de la perturbation et de l’interruption, interaction avec le lecteur pour activer ou faire cesser des choses.

Gabriel
Rendre du contenu visible, disponible par l’interaction avec le livre. Encre thermo-sensible => éditions volumiques ?

Léo
Petite histoire de narration, et interagir dans la narration avec l’Arduino.
Si’nspirer des livres pour enfants, dessiner au bic puis effacer etc…

=Lionel :
Muscles électroniques : fils à mémoire de forme, ça chauffe et ça se contracte => pour un pop-up ! (qui bouge tout seul)
Système de scan de bouquins automatique : dispositif pour tourner les pages seuls (pendant la prise en photos) soufflerie, ventouse, etc…
Tourner les pages automatique julien Maire : un fil passe et prend la page (comme un fil à couper le beurre) à et tourne la page.

Liste des trucs trucs qui nous intéresse à mettre en place dans un livre :

- Déclenchement de son
-> faire sortir un son enregistré ?
-> déclencher un son par le toucher

- La lumière
-> allumer une led pour faire une ambiance ou écrire un mot

- Le mouvement d’objets, de pages, de pop-up
-> savoir se servir d’un fil à mémoire de forme

- La chaleur (apparition de contenu texte ou image)
-> Faire apparaitre des informations (image ou texte)

- Encres conductrices
-> Poudre de métal dans la peinture
-> Insérer dans une cartouche pour impression

Objectif séance :
Juste partir sur les pop-up ? Se concentrer sur une seule chose pour ne pas se disperser, et arriver à un résultat. Faire un truc papier et l’augmenter ensuite par des moyens Arduino.
Gun truc en papier qui se déplie ? Est-ce que ça a un intérêt ?
Ce qui serait chouette c’est d’avoir un truc qui brouille la lecture, qui empêche de lire, qui perturbe ?
Comment faire autrement que d’acheter des fils à mémoire de forme ? (€€€€)
On pourrait d’abord partir du système, pour décider dans quoi investir, et l’intégrer dans le livre.
Ou alors à partir du moment où le pop up apparait, il bloquerait les pages suivantes.

Résultat de la séance :
En attendant de pouvoir ramener du matériel adapté (ou en acheter), on essaye de mettre en place des connexions dans la cadre d’une maquette de livre : par exemple, compléter un circuit pour allumer une LED en fermant une page, ou l'allumer en appuyant sur un piezo caché entre deux pages...

Code :

Code pour
int x = 0; // variable pour établir le contact ou non d'un livre (toute les pins ensemble)

void setup()
{
Serial.begin(9600);
pinMode(2, INPUT); // contact doigt => allumer les led
pinMode(3, INPUT); // contact folio => désactiver le livre si HIGH
pinMode(13, OUTPUT); // sein gauche&droit
}

void loop()
{
if (digitalRead(3) == LOW) //si le courant passe cf. un doigt est en contact
{
Serial.write ("livre fermé");
Serial.print ('\n');
x = 1;
}
else
{
Serial.print ("le livre est ouvert");
Serial.print ('\n');
x = 0;
}

while (x == 0 && digitalRead(2) == LOW) //si le courant passe cf. un doigt est en contact
{
digitalWrite(13, HIGH); // allumer sein
delay (500); // check visuel du if
digitalWrite(13, LOW); // éteindre sein
Serial.print ("le courant passe");
Serial.print ('\n');
}

}

===[[ERG::sonsvisions | Son et Vision]]===

ERG::201016

2016-10-20T10:21:32Z

Juliette : /* Interactions physiques */

ERG::archives

2016-10-05T17:29:31Z

Juliette : Page créée avec « Martin - Hélène - Margot - Juliette --- === Archives et bases de données === Nous nous sommes intéressés au fonctionnement d’une base de données. Nous sommes tou... »

Martin - Hélène - Margot - Juliette

---

=== Archives et bases de données ===
Nous nous sommes intéressés au fonctionnement d’une base de données. Nous sommes tous novices (‘une base quoi ?’), sauf Martin, qui nous montre rapidement à quoi cela ressemble sur celle de son site : cela se matérialise comme un grand tableau, comme un Excel déformé, pas très pratique à lire, ni à écrire. En réalité, c’est un simple lieu de stockage dans lequel sont rangées toutes les données auquel un site peut avoir besoin de stocker pour y faire appel plus tard, et auquel on accède généralement (pour le commun des mortels) par le biais d’une interface graphique qui en rend à la fois la consultation mais aussi les ajouts bien plus aisés et agréables.
Nous avons ainsi élaboré une exploration ludique pour en comprendre le fonctionnement rapide : sur papier, nous avons tenté de dresser des bases de données concernant nos dernières courses, repas, visites de sites internet, etc…
Une fois qu’on s’est bien amusés (on est pas au bagne, non plus), on essaye d’analyser un peu ce que ces premiers essais nous on fait produire : à la fois une multitude de critères, mais aussi de réponses. Parmi celles-ci, on en trouve de différents types : par exemple, une réponse booléenne est une réponse binaire (oui ou non) alors qu’un « string » désigne une (courte) suite de caractères. Cela serait assez important si nous avions conçue une base de données numérique, car l’interface varie en fonction du type de réponse que l’on attend de l’utilisateur. Par exemple, si j’attends une réponse de type oui/non (est-ce que tu aimes le gateau au chocolat ?), alors il pourrait s’agir de deux boutons dont un seul pourrait être sélectionné simultanément, et à l’inverse, si je pose une question ouverte (quel est ton gateau préféré ?) », j’ai besoin que l’utilisateur puisse écrire à minima quelques mots.

=== Une bibliothèque commune ? ===

Ainsi, une fois que nous avons compris le fonctionnement (la version simplifiée en tout cas), il nous apparait comme assez chouette l’idée de pouvoir mettre cela en application dans un projet un peu plus ambitieux qu’une simple feuille de papier et des sujets triviaux (même si assez drôles). L’idée générale qui se dégage serait celle de la mise en place d’une plateforme de bibliothèque commune entre les élèves de la classe. Il serait possible pour l’utilisateur à la fois de consulter les livres possédés par les contributeurs, mais aussi d’ajouter à la collection un ou plusieurs ouvrages de sa collection personnelle.

Pour cela, nous divisons des tâches (pistache) :

*dresser la liste des critères qui s’appliquent à un livre dans ce cas (titre, auteur, propriétaire, isbn, etc…)
* penser l’interface (choix graphiques mais aussi de fonctionnement pratique en ce qui concerne la consultation ainsi que l’ajout de livres à la base de données)
* se pencher sur la connexion de cette base de données avec un serveur ( langage mySQL et tout le reste du bazar pas facile)

ERG::interactionsphysiques

2016-09-22T09:21:12Z

Juliette :

''De la captation et de la restitution physique. Lien avec l'édition ?
''

Hélène / Pierre / Gabriel / Juliette

'''Hélène'''

* Lien avec l’édition
* Carnets de recherches
* Captation vidéo spectacle de dance named sound sculpture vimeo - Daniel Frank et Cedric Kieler https://vimeo.com/38840688

'''Pierre'''

* Autour de l’impression, hacking d’imprimante (Xavier Antin = https://xavierantin.fr/)
* Systèmes d’impression physiques alternatives (programmation d’un système d’impression)
* Impression point par point / bitmap / images matricielles
* Programmation des métiers à tisser avec cartes perforées
* Programme qui se « re-tape » physiquement lors de son exécution = boucle infini du programme qui s’exécute

'''Gabriel'''

* Lien entre le numérique et le physique
* Instruction code => devient un objet physique
* Coder procession pour impression 3D -> WIKIMAL / wiki.imal.org/project/pierres-procédurales (martin campillo)
* Projet année passée programmation (MALware - dotdotdot.be/erg)
* Médor - OSP (http://osp.kitchen/)
* Lionel maes- homeopage http://imal.org/fr/about/lionel%20maes

'''Juliette'''

* Intégration de capteurs dans un livre papier
* Arduino -> Makey Makey
* Benjamin Gaulon - Recyclism http://www.recyclism.com/
* Editions volumiques http://volumique.com/v2/

'''Objectif''' :
* Utiliser Makey Makey / Expérimenter, allumer une diode, récupérer un signal, …

ERG::interactionsphysiques

2016-09-22T09:16:46Z

Juliette : Page créée avec « ''De la captation et de la restitution physique. Lien avec l'édition ? '' Hélène / Pierre / Gabriel / Juliette '''Hélène''' Lien avec l’édition Carnets de rec... »

''De la captation et de la restitution physique. Lien avec l'édition ?
''

Hélène / Pierre / Gabriel / Juliette

'''Hélène'''

Lien avec l’édition
Carnets de recherches
Captation vidéo spectacle de dance named sound sculpture vimeo - Daniel Frank et Cedric Kieler https://vimeo.com/38840688

'''Pierre'''

Autour de l’impression, hacking d’imprimante
(Xavier Antin = https://xavierantin.fr/)
Systèmes d’impression physiques alternatives (programmation d’un système d’impression)
Impression point par point / bitmap / images matricielles
Programmation des métiers à tisser avec cartes perforées
Programme qui se « re-tape » physiquement lors de son exécution = boucle infini du programme qui s’exécute

'''Gabriel'''

Lien entre le numérique et le physique
Instruction code => devient un objet physique
Coder procession pour impression 3D -> WIKIMAL / wiki.imal.org/project/pierres-procédurales (martin campillo)
Exemples :
Projet année passée programmation (MALware - dotdotdot.be/erg)
Médor - OSP
Lionel maes- homeopage http://imal.org/fr/about/lionel%20maes

'''Juliette'''

Intégration de capteurs dans un livre papier
Arduino -> Makey Makey
Benjamin Gaulon - Recyclism http://www.recyclism.com/
Editions volumiques http://volumique.com/v2/

'''Objectif''' :
Utiliser Makey Makey / Expérimenter, allumer une diode, récupérer un signal, …