Instructable

De an
Révision de 24 mars 2016 à 15:43 par Aleray (discussion | contributions) (Page créée avec « == Instructable == Une des promesse de l'Internet est de créer un réseau de communication pair-à-pair, où la distinction consommateur et producteur s'efface. Le web... »)

(diff) ← Version précédente | Voir la version courante (diff) | Version suivante → (diff)
Aller à : navigation, rechercher

Instructable

Une des promesse de l'Internet est de créer un réseau de communication pair-à-pair, où la distinction consommateur et producteur s'efface. Le web à lui-même été créé dans cet esprit, avec l'idée de créer un système de partage des connaissances en permettant notamment la diffusion d'articles scientifiques. Depuis, de nombreux internautes se sont emparés de cet espace pour partager leurs connaissances sous différentes formes. Un petit tour d'horizon

Ailleurs

La recette comme citation culturelle

Arts performatifs

La question des instructions est très présente dans certaines formes d'art, par exemple dans la musique (partitions musicales) et parfois la danse. Un exemple, la notation Laban:

400px-Zorn_Cachucha.jpg

De nombreux exemples dans la danse contemporaines se trouvent dans la publication What's the score de Sarma.

Concept Art (et inspirations)

Software Art

Dans son texte Concepts, Notations, Software, Art (2002), Florian Cramer critique le fait que le code source et les programmeurs soient négligés dans l'art numérique. Il attribut ce fait à l'héritage de la philosophie romantique qui privilégie la perception (aisthesis) à la construction (poeisis), ou en d'autres termes qui privilégie le résultat au processus.

Il s'intéresse au code informatique comme langage et matériel artistique, faisant un parallèle avec l'art conceptuel. Le logiciel, avec d'un côté ses instructions et de l'autre sa performativité, est concerné par les deux derniers aspects des notions de concept, concept notation and execution.

Il considère également qu'un code n'a pas nécessairement besoin d'être exécuté pour exister, et que sa simple lecture (humaine) suffit. Il cite l'artiste Mez Breeze, qui un langage poétique ressemblant à un pseudo-code informatique et qui produit des textes intrinsèquement génératifs:


The [Socio]Paths D[L]ance [or: Emotional DogFooding]_ 		 

.the_paths._dance:

[k]nots+lie-tie-die-ing:[pre]tense+p[L]ocke[d.marked]t.emp[ty]athy:shift.the.conNec[k]tion.goal[postings]+drInk.the.f[K]ools.aid:
.....................................
....................................
....................................
.Ink.the.fools.aid
.[r]Ink.the.f[T]ools.aid
.[Dr]Ink.the.fools.[Br]aid
.DrInk.the.kool.aid
....................................
....................................
....................................
.pO/St.the.goal.shiftings:emP[i]tying.ur.tenses+checking.ur.neurosis.vowels:lye+[non-non-re]LAXing.along.the:

._[Em]paths._trance...

-- http://netwurker.livejournal.com/148813.html

Autres exemples:

  • dot.walk
  • Jaromil Fork Bomb

README, INSTALL

Les logiciels libres sont le plus souvent accompagnés de fichiers nommés README et/ou INSTALL. Ces fichiers servent généralement à donner des éléments de contexte préalables à l'installation, ainsi que des instructions sur le mode d'installation

HOWTOs

Une version succincte du fichier INSTALL pour démarrer rapidement.

FAQs

Frequently Asked Questions ou Foire Au Questions. Une forme populaire qui compile les réponses à des questions fréquentes, parfois posées par e-mail aux webmasters ou bien sur les forums de discussion Voir par exemple la FAQ d'Amiga

Cookbooks, recipes

Livres de cuisine et recettes. Pas seulement des instruction mais également des commentaires culturels

html-cookbook.jpg

Gambiarra

Improvisation, solutions de fortune. Voir le texte de Gabriel Menotti

L'artiste Kate Rich à produit une série d'œuvres sur ce principe:

gamb1.jpg

gamb9.jpg

gamb20.jpg

Bonus: comment décharger un tube de béton (non-armé)

Le code comme recette

Analogie recette de cuisine et logiciels.

"Si vous utilisez des recettes de cuisine, vous avez probablement fait l'expérience de recevoir la copie d'une recette de la part d'un ami qui la partage avec vous. Et vous avez sans doute fait également l'expérience - à moins d'être un néophyte complet - de changer cette recette. Cette modification, vous la transmettez à d'autres en faisant des copies. Un programme d'ordinateur est comme une recette de cuisine"

-- Richard Stallman, discours tenu à l'Université de New-York en 2001

Richard Stallman est l'inventeur du Copyleft et de la licence GNU GPL.

P1040639rr-400x300.jpg

P1040640rr-400x300.jpg

P1040641rr.jpg

P1040642rr-400x300.jpg

P1040643rr-400x300.jpg

P1040644rr-400x300.jpg

DIY, User Generated Content

Enzo Mari

dscn6394.jpg


Sites Web 2.0 autour du Do It Yourself

Exercice en cours

À l'initiative des artistes Kayle Brandon et Kate Rich, le projet Cube Cola créé un parallèle entre cuisine, do-it-yourself, développement logiciel et culture libre.

Ce projet est distribué sous la licence GNU GPL, conçue pour faire du logiciel un bien commun. cette licence nous invite à se réapproprier les projets distribués ainsi; c'est ce que nous allons faire.

Téléchargez l'archive. Dans le dossier HTML se trouve la page web à laquelle nous allons appliquer des styles à l'aide du langage dédié: le langage CSS.

La page HTML contient une balise 'link' qui créé un lien vers un fichier nommé 'styles.css', situé dans le dossier 'css'. À l'intérieur de se fichier texte, nous allons pouvoir créer des styles.

  • 1 fonte personnelle
  • un traitement graphique pour le préambule
  • un traitement graphique pour les listes
  • un traitement graphique pour les paragraphes, les titres
  • un traitement graphique pour les liens
  • un traitement graphique pour les images

Notes:

  • lister toutes les balises trouvées dans la page, leur particularités (script grep + sort + uniq)
  • mettre en ligne la feuille css une fois qu'on est satisfait.
  • éléments en bloc et en lignes
    • parallèle avec les feuilles de style de caractères et de paragraphe
    • balsamine: encadrer les mots. Quand l'interligne n'est pas suffisant, les bords se croisents. Moteur de ** composition structure en arbre, imbrication, récursion pas de block dans des inlines (ex. ul dans des p)
  • structure d'un projet
  • regarder le site sur différents navigateurs
  • meyer's reset.css
  • échange de feuilles de styles
  • [1] [2]
  • CSS Zen Garden (standards, XHTML/css)
  • Same Content, Different Message, Femke Snelting, 2006 [3]

Checklist

  • mettre des blocs dans des inlines?
  • comment trouver de l'aide sur le HTML/CSS?

Exercice pour le cours prochain

Élaborer ou se réapproprier une recette, **pas une recette de cuisine** (bricolage, art conceptuel etc.). Cette recette doit comporter au minium:

  • une table des matières, avec ancres
  • une liste d'ingrédients
  • une série d'instruction
  • des images

Mettre en page cette recette en utilisant une feuille de styles (CSS) externe.