http://pads.ustensile.be/s/2016-2017_M_art-graphisme.md

Art et diffusion numérique

![] (http://pads.ustensile.be/ether/up/cafe1b8e57389005a75d38d0b863c16c.jpg)

Des outils libres

Qu'est-ce qu'un outil libre (ou open source)

Liberté n°0

Liberté n°1

Liberté n°2

Liberté n°3

Devoir n°0

Devoir n°1

Différents types de licences libres

• Licence GNU/GPL
• Licence Art libre
• Licence Creative Commons
• Licence BSD
• Licence MIT
• …

Licences dans la typographie

EULA = End User Licence Agreement = Licence maison

Un exemple assez récurrent:

Restrictions. Licensee may not, and must ensure that no Person is able to:

a. extract, decompile, modify, reformat, translate, reverse-engineer, assemble, re-digitize, or discover the source code of, or remove or disable any Security Feature of, any Licensed Software or other H&Co Property;

b. duplicate, share, license, sell, rent, lease, transfer, assign, distribute, offer or otherwise commercially exploit the Licensed Software, or any portion thereof, to any third party by any means without the express written consent of H&Co, except as expressly set forth in this Agreement;

c. alter, remove or obscure H&Co’s proprietary notices, including copyright, trademark, or other legal notices in any H&Co Property;

d. create any customization, variant, adaptation or Derivative Work of any Licensed Software or other H&Co Property, or any font software, font design, or typography that incorporates or imitates the data, design, or design statistics of, or that is substantially similar to, the Licensed Software;

http://www.typography.com/home/eula.php

Des fontes libres SVP

• Bibliothèques de fontes
  • http://fontlibrary.org & https://fontlibrary.org/en/search?query=erg+school
  • http://google.com/fonts
  • http://usemodify.com
  • http://typotheque.interstices.io/
• Micro-fonderies:
  • OSP: http://osp.kitchen/foundry
  • Sébastien Sanfilippo: http://love-letters.be
  • Velvetyne: http://www.velvetyne.fr/

Pourquoi le logiciel libre?

Pourquoi le logiciel libre?

• Pour pouvoir modifier des choses qui ne nous conviennent pas forcément dans nos outils quotidiens
• Pour expérimenter de nouveaux outils
• Pour utiliser des logiciels dans un autre but que celui d'origine
• Ne pas tomber dans une routine de confort

Des outils libres pour l'imprimé

Inkscape

Affiches de la Cave 12 (Genève) par Harrisson

Inkscape

Inkscape

GraphViz

LibreOffice Writer

Openbaar Schrijver

LibreOffice Calc

Balsamine 2011–2012

HTML + CSS

Workshop à l'ESADSE

Villa Arson, diplômés 2015

Des outils libres pour le web

Dans les nuages

Wordpress

http://wordpress.com

Tumblr

https://www.tumblr.com/

Hotglue

http://hotglue.me

Hotglue

Les pieds sur terre

Via un hébergement classique (solution la moins chère et parfois gratuite)

• pages HTML statiques
• pages HTML dynamiques avec PHP, parfois Python

Stacey

http://staceyapp.com/

Pages statiques

Projet de Giuliana d'Alonzo: http://shame.net16.net/

Script pour générer une page web

Utiliser un soupçon de programmation pour générer une page web.

Via un serveur dédié VPS

Pour pouvoir installer ce qu'on veut.

Ethertoff

http://osp.kitchen/tools/ethertoff

Ethertoff

Ethertoff

Plateformes de diffusion

Quelques définitions

• plateforme:

  Une plate-forme (pluriel : plates-formes) est au sens large un lieu surélevé et plan, sur lequel on peut placer, orienter, entreposer différentes choses. Une plate-forme est en informatique une base de travail à partir de laquelle on peut écrire, lire, utiliser, développer un ensemble de logiciels. (wikipedia)

• plateforme collaborative

  Une plate-forme de travail collaboratif est un espace de travail virtuel. C'est un outil, parfois sous la forme d'un site internet, qui centralise tous les outils liés à la conduite d'un projet, la gestion des connaissances ou au fonctionnement d'une organisation1 et les met à disposition des acteurs. Wikipedia

• Une plateforme éditoriale

  est un outil de travail collaboratif utilisable en ligne au moyen d'un navigateur web permettant la gestion et/ou la production de publications destinées à l'impression (ou publications print). Les solutions les plus ergonomiques permettent aux collaborateurs de "rentrer" littéralement dans la mise en page d'un document pour intégrer leurs rédactionnels ou leurs photos. Wikipedia

• diffusion:

  Dans le langage courant, le terme diffusion fait référence à une notion de « distribution », de «mise à disposition» (diffusion d'un produit, d'une information), voire de « vaporisation » (diffuseur d'un parfum). (Wikipedia)

écriture collaborative

• le pad, ici même, Titanpad (avec compte), Framapad, beta Etherpad, tous provenant de Etherpad (à installer sur son propre serveur)
• Etherclac : système de tableur collaboratif en ligne
• MediaWiki
• Wikibook: système pour passer d'un Mediawiki en ligne à un livre

des plateformes, des projets...

plateformes éditoriales

• Ariane Bosshard Tunes
  

• f-u-t-u-r-e.org, projet éditorial basé sur la plateforme éditoriale Ethertoff, conçue par Open Source Publishing.

• Revolution a reader Annotate et son système d'annotation en ligne, édité par Publications Studio

• Conversations, un projet édité par l'ASBL Constant grâce au système ''etherpash'' développé par Christoph Haag, Xavier Klein, Femke Snelting. Lui aussi basé sur une suite d'outils tailor made provenant d'une écriture collaborative dans des pads vers le print en passant par les formats .pdf, .html, .odt et LaTex.

Comment se diffuse l'art dans les médias numériques?

Les réseaux sociaux

• Facebook, Tumblr, Instagram
• une alternative libre: Diaspora

Les Blogs

• Bezembinder
• Manystuff

Les applications

• Guillaume Leblon
  

Les plateformes de diffusion

• Vork
• Artstack
• Google Cultural Institute

de la diffusion à la curation

• Curators
• Curiator: Curation collaborative Mais c'est aussi un réseau social... Comment donc définir ce qui constitue la diffusion en art en ligne? Si on part du postulat que tout est publication, (du post au livre), tout alors peut-être considérer comme diffusion. Ce qui diffère: les outils et les type de réseau. Il importe de se positionner aussi dans ce sens.

publier: du web au livre

• David Horvitz: a wikipedia reader
  
• Library of the Printed Web (1,2,3)
  
  Paul Soulellis, PrintedWeb New York, NY USA
  Library of the Printed Web is a physical archive and Tumblr devoted to web-to-print artists’ books, zines and other printout matter. It is also the publisher of Printed Web. Founded by Paul Soulellis in 2013, Library of the Printed Web is "web culture articulated as printed artifact," characterized as an "accumulation of accumulations," much of it printed on demand. It has also been described as an archive of archives. Techniques for appropriating web content used by artists in the collection include grabbing, hunting, scraping and performing, detailed by Soulellis in "Search, Compile, Publish."

La version print on demand
le pdf

from digital to print: l'impression/diffusion à la demande

• lulu, Blurb et leur dérive authorship...

exemple de détournements:
- James Goggin’s : Dear Lulu
print-on-demand calibration student workshop project for Hochschule Darmstadt is on display in its various editions including the newly published
- Dear MagCloud.
- Also available: Dear Kolofon and Dear Blurb, a 96pp print-on-demand colour calibration test book.

• l'expresso book machine

Entre diffusion et création

• Site du photographe Eric Tabuchi, qui fonctionne sur un système de combinatoires

• Miranda July et Harel Fletcher.
  Ce site proposait à tous des assignments, et les consignait.
  Par exemple:

• Montez en haut d'un arbre et prenez une photo de la vue.

• Faites une bannière d'encouragement. ... Des centaines de participations de partout dans le monde ont été consignées sur le site. Quand le site s'est arrêté, il a été racheté par le musée de San Francisco.
  

• Rafael Rozendaal, ou le website comme une sorte de pratique picturale et de détournement des codes et outils liés au web
  
  

• Y0UNG-HAE CHANG:

Références

• N.