Arts numériques/Internet

Comprendre les enjeux du réseau mondial par la tête ET par les mains.

Les graphistes formé à la mise en page « papier » sont souvent démunis lorsqu’ils doivent décliner un travail, pensé pour le prépresse, vers les supports du net. Pourtant, le travail en petites équipes ou en free-lance les oblige de plus en plus souvent à prendre en charge le versant « web » d’un projet.

S’il n’est pas nécessaire pour chaque graphiste de devenir programmeur, il doivent pouvoir jouer un rôle d’interface avec des interlocuteurs tels qu’intégrateurs, développeurs et webmasters. Cela passe par la compréhension des concepts clés du web, des limitations de ce support mais aussi des riches potentialités de cet outil de communication sans précédent.

Objectifs

 Clarifier les raisons historiques et pratiques qui ont vu émerger des concepts tels que la conformité aux standards, l’accessibilité, le codage sémantique, etc.
 Donner des outils pratiques permettant d’aborder les notions d’usabilité et d’ergonomie ainsi que l’organisation du travail autour de la construction d’un site web.
 Expérimenter les langages de base du web, html et css. Aborder des langages plus pointus comme le javascript, php et flash.
 Tracer une cartographie des technologies en usage sur le world wide web.
 Sensibiliser aux problématiques de droits lié à internet, aux enjeux de l’open Source et au partage du code.
 Former à l’utilisation de plusieurs CMS (systèmes de gestion de contenu ou « sites dynamiques ») permettant la mise en place rapide et effective d’un site web aux standards de qualité actuels.
 Comprendre les différences entre le prépresse et la publication en ligne, être un interlocuteur viable entre clients et métiers du net, avoir en main les bases nécessaires à une création graphique spécifique au net.

Contenu

Le cours alterne les formations techniques, des éclairages sur l’historique du net et des exercices pratiques autour d’exemples concrets.

L’apprentissage de html et css est l’occasion de faire l’historique de ce jeune médium et de l’histoire tumultueuse de son évolution. La guerre des navigateurs, la création du W3C, les enjeux des standards ont eu un impact fort sur la syntaxe même des codes, et permettent de comprendre les principales règles de « bonne conduite » de programmation, ainsi que d’anticiper les futures évolutions de l’outil internet.

Le javascript permet quant à lui de différencier les technologies « côté serveur » et « côté client », de comprendre les bases du « web 2.0 ».

Enfin, aborder la programmation en php est l’occasion de jeter un oeil sur la large offre de CMS existants (Wordpress, Joomla, Spip, Drupal, etc.), de le personnaliser par le développement d’un thème graphique à l’aide de html et css, ce qui boucle l’apprentissage.

Méthode

Formation technique
Les langages html, css, javascript sont abordés par la pratique, introduits par de la théorie et des exemples.

Exemples
Des exemples de sites sont montrés au cours de l’année ainsi que quelques expériences d’ordre artistique relevant de ce que l’on appelle « net art ». Ils sont analysés du point de vue de leur fonctionnement ergonomique, de leurs astuces de programmation et de leur innovation graphique.

Exercices pratiques
De nombreux exercices sont réalisés en classe en lien direct avec les techniques apprises.

Accès aux outils principaux et périphériques de la formation
Des logiciels gratuits et multiplateformes sont utilisés à toutes les étapes de travail, ce qui sensibilise les étudiants aux notions de partage du code, d’open source et aux questions de droit d’auteur.

Supports online
Le cours aura pour support un site web dédié, comportant les énoncés d’exercices, des exemples, de la documentation et des liens. Il a le statut de syllabus et d’outil de communication.

Accès autonome aux outils et savoirs
Des livres sont montrés lors du cours, dont ceux présents dans la bibliothèque, mais la documentation des technologies du web se trouve d’abord sur le net. Une série de sites de référence sont cités et il y est fait recours en permanence lors des exercices.

Evaluation

L’évalution porte sur les exercices qui accompagnent chaque apprentissage technique. A travers ceux-ci Il est demandé à l’étudiant de prouver l’assimilation pratique des techniques montrées, mais aussi de trouver une jonction entre son univers graphique personnel et le graphisme web. Deux épreuves écrites permettent d’évaluer l’assimilation théorique sous forme écrite.