Ressources du cours Web 2.0 2014

Publié le par

Ce cours s’adresse aux étudiants des options gravure, photographie, peinture, dessin, céramique, sculpture, espace urbain qui ont cours avec Serge. Pour les autres étudiants ayant cours avec Alexandre l’adresse de leur wiki est la suivante: http://an.stdin.fr/index.php/Accueil
Les deux pages se complètent.

Cette page a pour but de proposer un accès simple et facile aux références données durant le cours et à le compléter par d’autres liens. En aucun cas il ne s’agit d’un syllabus.

Les deux heures de cours se structurent généralement comme suit:

  • Réponses aux questions suite à l’exercice donné au cours précédent
  • Apprentissage technique (HTML, CSS, WordPress…)
  • Contexte culturel, historique, social des concepts, phénomènes abordés
  • Artistes utilisant les concepts évoqués ou en rapport avec l’exercice à réaliser pour la semaine suivante
  • Explication de l’exercice pour la semaine suivante.

Cours 1 du 13 janvier 2014

Quelques questions posées en introduction pour commencer à baliser le cours:

Communication

  • Qui ne possède pas de téléphone portable ? Et un smartphone connecté à Internet?
  • Qui a une connexion internet sur son téléphone portable ?
  • Qui a plusieurs adresses email et pourquoi ?)
  • Qui utilise un « Webmail » ?
  • Qui ne se souvient pas de son premier contact avec Internet ? Vous êtes des « digital native« .
  • Qui a déjà créé un site internet ?
  • Qui a créé une page Myspace et qui continue à la mettre à jour ?
  • Qui possède ou a possédé un blog, un Skyblog ?
  • Qui est sur Facebook ? (Combien d’amis ?)

Consommation

  • Chaines youtube ? Comment regarder vous des films (streaming, torrent…? Comment s’informer, site de journaux en ligne

Gestion de son identité:

  • Qui a déjà exposé son travail ? Qui a déjà exposé sur Internet ?
  • Qui utilise son vrai nom sur Internet ? (un ou plusieurs pseudo. ?)
  • Qui a un mot de passe unique ?

Moyen d’information

  • Qui utilise Wikipedia ?
  • Qui a déjà réalisé une modification sur Wikipedia ?
  • Qui utilise les flux RSS ?
  • Qui utilise Twitter ?

Histoire d’Internet:

  • Différence entre le web et internet ?
  • Quand est né Internet et où ?
  • Quand est né le web et où ?
  • Les différents services d’internet ?

Une Histoire d’Internet. Une histoire du Web.

La page Wikipedia consacrée au Web 2.0. L’article fondateur de septembre 2005 de Tim O’Reilly traduit en français: « Qu’est ce que le Web 2.0« . Et cinq ans plus tard, du même, un article qui fait le point sur l’évolution:  » Le Web à la puissance 2 : le Web 2.0 cinq ans plus tard« .

Technique:
HTML: Les bases du HTML sur le site du Zéro. Les balises vues: <HTML> <HEAD><TITLE><BODY> <H1><H2><H3><P><HR>.

Art:
Un artiste utilisant en 1994 ces bases: Heat Bunting, CV et projets, my first web page, Phone In (@king X)

 

Le contexte de l’exercice:
Histoire de Wikipedia. Le New York Times Spécial édition. Le cas Philippe Manoeuvre. La fausse citation de Maurice Jarre.

Exercice: Réaliser un changement, une modification, une amélioration, un ajout au site Wikipedia (http://www.wikipedia.org/). Poster sur son blog une copie d’écran avant et une copie d’écran après modification. Expliquer dans le même post la modification et donner l’URL de la page. A réaliser avant le cours du 20 janvier 2014.

Cours 2 du 20 janvier 2014

Panne d’électricité. J’improvise donc un cours ex cathedra sur le ftp, l’origine du net.art et sa monétisation.

FTP:

  • La page à propos du FTP sur wikipedia
  • Filezilla, un logiciel libre multi plateforme de transfert FTP.

Netart :

Visionnage d’une interview filmée d’un collectionneur de net art.

Pas d’exercice à réaliser.

Cours 3 du 27 janvier 2014

Wikipedia

  • Wikipedia comme réseau social. Exemple de fontionnement de wikipedia avec la page consacrée à la vidéo surveillance ou celle consacrée à l’escroquerie. Guerre d’édition par exemple la page du congo belge.
  • Exposition Hight and low  New-York dans les années 80 ( le catalogue est à la bibliothèque).
  • Le logiciel utilisé par Wikipedia: Mediawiki
  • Le langage de markup de wikipedia.

Hébergement, définition, historique, Recherche (Free hosting),
Proposition pour un hébergeur gratuit (en anglais) :

Le FTP
Filezilla, un logiciel libre multi plateforme de transfert FTP.

HTML: Les bases du HTML sur le site du Zéro. Suite des balises (les nouvelles en gras):

<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<H1></H1>
<H2></H2>
<P></P>
<H2></H2>
<P></P>
<HR>
<IMG SRC= »ordi.gif » WIDTH=40 HEIGHT=30 ALT= »Mon ordinateur »>
</BODY>
</HTML>

Des artistes utilisant Wikipedia:

Exercices: Mettre en ligne une première page HTML ( une page de présentation de son travail personnel) chez un hébergeur gratuit, par exemple chez Zymic ou http://www.000webhost.com/
Poster l’adresse sur son Blog avant le cours du 3 février 2014.

Cours 4 du 3 février 2014

Info festival: Transmediale.

Netart: My name is Janez Jansa, the film that inspires you to google your name again.

HTML:

  • Upgrader son outil d’édition et d’écriture HTML: passer de TextEdit à Sublime Text.
  • HTML et CSS: leurs champs d’application. CSS Zen Garden,
  • Titre (H1), sous-titre (H2), listes (OL, UL), Paragraphe (P), images (IMG), citation (BLOCKQUOTE).
  • Lien hypertexte (balise A) sur du texte, sur une image.  Les pages qui lui sont consacrées sur le site Openclassrooms.
  • Lien absolu/lien relatif
  • L’encodage des caractères spéciaux en HTML.
  • Une liste de logiciels FTP alternative à Filezilla.

Exercice:

Créer et mettre en ligne deux autres pages HTML complétant celle de l’exercice précédant. Ces trois pages doivent contenir des liens permettant de naviguer entre chacune des trois pages.
Poster l’adresse sur son Blog avant le cours du 10 février 2014.

Cours 5 du 10 février 2014

Art:

 

Traceroute:

HTML/CSS

CSS :

 Pas d’exercice.

Cours 6 du 17 février 2014

Exposition netart:

xpogallery
OFFLINE ART:  NEW2
Exposition collective, commissariat par Aram Bartholl du 21 fevrier au 14 mars 2013 !
Cory Arcangel, Kim Asendorf, Claude Closky, Constant Dullaart, Dragan Espenschied, Faith Holland, JODI, Olia Lialina, Jonas Lund, Evan Roth, Phil Thompson, Emilie Gervais & Sarah Weis

Netart:

Trois sites de netart basés sur le monochrome: Bluemonochrome, Purple
purple et Tweeting colors

html/CSS:

Cours 7 du 24 février 2014

Pas de cours

Cours 8 du 17 mars 2014

Pas de cours

Cours 9 du 24 mars 2014

HTML/CSS

CSS :

La balise DIV

Le positionnement en CSS. Une explication basée en partie sur l’histoire des logiques de positionnement depuis la fin des années 90 jusqu’à aujourd’hui. Vous pouvez retrouver une partie des logiques du cours sur ce site en anglais:

http://www.barelyfitz.com/screencast/html-training/css/positioning/

et en français sur celui-ci:

http://deptinfo.cnam.fr/~pons/TOTO/positionement.html

Cours 10 du 31 mars 2014

HTML/CSS

CSS :

960 grid system

Présentation du travail de fin d’année sur l’hypertexte.
Les références de la présentation.
Le briefing.

Exercice:

Réaliser une copie en HTML et CSS d’un tableau de Josef Albers ou Piet Mondrian en utilisant les méthodes de positionnement de DIV en CSS. Cette page doit aussi contenir une reproduction photo ou un lien vers l’œuvre originale copiée. Mettre en ligne cette page. Poster sur son blog l’URL de la page. Travail à réaliser pour le 28 avril 2014.

Cours 11 du 28 avril 2014

CMS:

Glitch art:

Exercice:
Installer un WordPress chez 000webhost. Poster sur son blog l’URL de la page. Travail à réaliser pour le 5 mai 2014.

=====================================================

=====================================================

Cours 12 du 5 mai 2014

Google analytis.

WordPress: