WORKSHOP Flux de production

PAO Libre

*Porteurs du projet : Frank Adebiaye,Thomas Ricordeau & Anne-Catherine Céard, CNAP

*du mercredi 4 au vendredi 6 novembre 2015, de 9h00 à 12h00 et de 13h30 à 17h30

*Licence libre

*12 étudiants de DSAA1 & 11 étudiants de DSAA2

*Formation spécifique dans le cadre de la participation des étudiants de DSAA Design mention Graphisme au Salon Graphique #2015

*http://www.tonerkebab.fr/wiki/doku.php/wiki:projets:cnap-salon-graphique:cnap-salon-graphique

*http://www.fadebiaye.com

* Liens : CNAP Salon graphique #2015

Fichiers à télécharger

modele_cnap_print_conference.rar

1. Flux de production : principes

Une chaîne éditoriale est un procédé technologique et méthodologique consistant à réaliser un modèle de document, à assister dans les tâches de création du contenu et à automatiser la mise en forme [Scenari, la chaîne éditoriale libre]. Son atout premier est de réduire les coûts de production et de maintenance des contenus, et de mieux contrôler leur qualité.

Séparation des formats de création et de publication

La séparation entre les formats de création et de publication, également appelée séparation fond/forme [Instrumentation numérique des documents : pour une séparation fonds/forme] consiste à utiliser un format informatique pour la production du contenu et un ou plusieurs autres pour sa publication. Dans le cadre d'une chaîne éditoriale numérique, le passage du format de création aux formats de publication est assuré automatiquement par un programme informatique. L'intérêt de cette séparation est :

- de pouvoir utiliser des formats adaptés en fonction des objectifs opérationnels (créer, archiver, réutiliser, diffuser, etc.),

- de pouvoir disposer de plusieurs formats de publication à partir d'un seul format de création.

http://www.france-universite-numerique.fr/IMG/pdf/guide_chaines_editoriales.pdf

Ressources

-Gimp : http://www.gimp.org/

-Inkscape : https://inkscape.org/fr/

-Scribus : http://www.scribus.net/

-pdf2svg : http://www.cityinthesky.co.uk/opensource/pdf2svg/ (ou version démo de PStill : http://www.wizards.de/~frank/pstill.html#download)

-Sélection de caractères typographiques libres : http://forthcome.fr/links.html#libre_typography

-travail de la couleur (et bien plus) : http://www.w3schools.com/tags/ref_colornames.asp

-plateforme Hinterland : http://forthcome.fr/hinterland/index.html

- modèle de page HTML pour le print : http://www.alsacreations.com/astuce/lire/1160-une-feuille-de-styles-de-base-pour-le-media-print.html

- modèle ePub de Chapal & Panoz : https://app.box.com/s/imtrvl2hih893yz1un9a

Description

Création d'un document d'une douzaine de pages maximum dans le cadre d'un workflow libre énoncé comme suit :

1. Recensement et structuration des contenus dans un fichier HTML

2. Production d'un fichier PDF voire d'un fichier SVG

2bis. Intégration dans un logiciel de création de livre numérique

3. Finalisation du document imprimé

3bis. Finalisation du livre numérique

Tout au long du workshop, on s'assurera de la bonne documentation au fur et à mesure du processus.

Objectifs

- se familiariser avec les langages HTML et CSS dans un contexte de publication libre et multiplateforme - commencer à manipuler des logiciels libres de création graphique (GIMP, Inkscape et Scribus) - appréhender la logique pluri-médias à partir de la transformation d'un fichier HTML.

Déroulement prévu

• Jour 1 - présentation des contenus à exploiter - organisation du travail au sein des équipes - début de conceptualisation graphique - mise en place du fichier HTML

• Jour 2 - fin de la conceptualisation graphique - réalisation pour l'imprimé - déclinaison pour l'ePub

• Jour 3 - finalisation des livrables - finalisation de la documentation du processus

Matériel

* contenu (textes, images, illustrations) pour un volume d'environ 12 pages

-DSAA 1 : matériel textuel et iconographique élaboré pour la maquette du Salon graphique #2014

-DSAA 2 : matériel textuel et iconographique utile à la rédaction du Rapport de stage (UE8)

- navigateur web (de préférence Firefox)

suite : 2. FLUX DE PRODUCTION PAS À PAS

suite : 3. GÉNÉRER LES FONTES WEB

suite : 4. CONTRÔLE TECHNIQUE

suite : 5. PROCESSUS WEB TO PRINT