Difference between revisions of "Courses/Hybrid publishing"

From Publication Station
(draft slides)
Line 44: Line 44:


==Multichannel publishing workflows== 
==Multichannel publishing workflows== 
* ePub
* ePub
* PDF  
* PDF  
Line 65: Line 66:
==Markups==
==Markups==


* what is markup 
==Marking the text==
* different markups: HTML, Wiki syntax, Markdown 
"In electronic processing of texts, this hierarchical ordering <nowiki>[...]</nowiki> as well as additional reading aids such bold or italic text, is made possible by using specific formatting codes. '''This process is called markup and the codes are called markup element'''"<ref name="FromPrint"[http://www.publishinglab.nl/blog/publication/from-print-to-ebooks-a-hybrid-publishing-toolkit-for-the-arts/ From Print to Ebooks: a Hybrid Publishing Toolkit for the Arts] / >
* plain text files
* do: create one markup file in either in HTML or Wiki syntax (from Beyond Social/Publication Station/Wikipedia)
* how to turn this file into a hybrid publication (in multiple formats)? 


==plain text==
<div background="yellow">
* difference between plain text and binary file
* plain text editors
* WYSIWYG editors & visual markups
"'What You See Is What You Get' (WYSIWYG) markup languages used in word processors such as Microsoft Word, WordPerfect or OpenOffice, where text which is marked up in a certain way (such as italic or bold) is immediately displayed that way, so that there is no visible distinction between the conceptual structure and the visual representation."
</div>


==Pandoc - a markup converter ==
==Different Markup languages==
Each markup uses a different marking syntax


 ...
[http://en.wikipedia.org/wiki/HTML HTML]:
<source lang="html4strict">
<h1>Revenge of the Text</h1>
<p>There is a room in the <strong>Musée d’Orsay</strong> that I call the <em>room of possibilities</em>.</p>
<p>That room contains:</p>
<ul>
  <li>a snow flake</li>
  <li>the end of a cloud</li>
  <li>a bit of nothing</li>
</ul>
</source>


converting to: 
[http://en.wikipedia.org/wiki/Wiki_markup Wiki markup]:
<pre>
= Revenge of the Text =
There is a room in the '''Musée d’Orsay''' that I call the ''room of possibilities''.


* HTML - web    (options: --standalone, --css, title, etc - so they get a sense of the options)  
That room contains:
* HTLM - self-contained mulimedia e-books based on single HTML files 
* a snow flake
* EPUB (options: --epub-stylesheet, --epub-cover, --epub-chapter-level)
* the end of a cloud
* a bit of nothing
</pre>
[http://en.wikipedia.org/wiki/Markdown Markdown]:
<pre>
# Revenge of the Text
There is a room in the **Musée d’Orsay** that I call the *room of possibilities*.


<br />
That room contains:
* a snow flake
* the end of a cloud
* a bit of nothing
</pre>




Epub - as an editable format 
<span style="background:yellow">Always use plain-text editors or Markdown-dedicate-WSIWYG-editors to write in Markdown. Using a text-processor like MS Word,Libreoffice or Mac text editor will result on binary or rich text formats. We need to work with plain-text files</span>


Calibre's edit book function to 


* open an epub
==Create one plain-text file==
* navigate structure 
in either in HTML or Wiki syntax.
* change content, style, metadata


<br />
You can:
* write them from scratch
* copy HTML content from any website with "View Source"
* copy Wiki content from any wiki: [http://publicationstation.wdka.hro.nl/wiki Publication Station], [http://beyond-social.org/wiki/ Beyond Social], [http://wikipedia.com/ Wikipedia], etc
* edit that is there


Save it in a folder dedicated folder.


* @Andre: converting to PDF - a complicated case. different approaches tried: ICML+inDesign (@Andre todo: Add wikipage with notes on ICML + inDesign), Weasyprint (HTML + CSS) http://publicationstation.wdka.hro.nl/wiki/index.php/Research/Web-to-print/WeasyPrint
* <br />
==turn this file into into other formats== 
???


==Pandoc - a markup converter ==
''If you need to convert files from one markup format into another, pandoc is your swiss-army knife''


<br />
<span style="background:yellow">Pandoc conversions images</span>


<div style="background:yellow">
== Pandoc - converting to HTLM==


'''(@Michelle) Discussion w. participants what role do they see publishing play in an art school '''
== Pandoc - converting to ePub==


* Can it help communicate the research and works developed by students and staff? And if so, how?
==Converting to single-file self-contained e-books ==
* Shall it be integrated into the curricula as way to foster reading &amp; writing methodologies, critical reflection, collaborative work, and ''DIY publishing tools''?     


<br />


* HTML - web    (options: --standalone, --css, title, etc - so they get a sense of the options)  
* HTLM - self-contained mulimedia e-books based on single HTML files 
* EPUB (options: --epub-stylesheet, --epub-cover, --epub-chapter-level)
</div>


* '''5pm (@Kimmy/@Aldje)''' Device lap-opening: '''HHP projects presentation '''


<br />






=concept map=
==Epub An editable format ==
(to be turn on to image )


Markups - Structured text
Calibre's edit book function to 
* ICML
* Mediawiki
* HTML


Pandoc - conversion software
* open an epub
* navigate structure 
* change content, style, metadata


ePub - ebook format
<br />
 
= plan =
== Markups ==
===structured text in page centered layouts===
Question: What steps do you take in order to start the layout of text, handed over from the author or editor?
 
Usual answer: strip text of all formatting.
 
Question: Would a process that preserves text marks, marginalia and structure - italics, bolds, footnotes, sections' hierarchy - help the layout design, and publishing process? 
 
=== What are Markups ===
Markups <nowiki>==</nowiki> structured text.
 
Allow text marks, marginalia and structure be preserved from markup to markdown.
 
===Pandoc===
Introduction: converting .docx to ICML.
 
Exercise: convert a .docx to ICML, place it in inDesign and produce its layout by using chapter and paragraph styles.
 
Repeat the same process but using [http://publicationstation.wdka.hro.nl/wiki publication stations' wiki]'s pages as source.
 
-----
1hour 
 
==ePub==
=== discussion ===
what do you think about ePub ebooks?
* Do you own a table or e-reader?
* Do you read "books" in ePub format?
* Do you see advantages of ePub over PDF? And disadvantages?
* Are there limitations to ePub?
during discussion distribute different tables and e-reader containing the same publications: ''Broken Kindle Screen'', Network Notebook: Selfie, ...? 
 
===What is ePub===
* zip file, containing:
** HTML files - chapters
** book images
** CSS style-sheet
** metadata file
** Table of Contents file
** ...?
 
===Pandoc and Epub===
Exercise: Simple conversion to Epub with Pandoc
 
Notice: missing essential elements such as metadata, cover, style
 
===Hybrid Publishing Resources===
Padoc can produce richer epubs, if metadata files, cover image, and css style sheet are specified. Yet doing so manually results in long commands, which often need to be repeated as result of the output.
 
Hybrid Publishing Resources is a framework for the production of ePubs (and other formats: ICML, HTML), which automates Pandoc conversions, through a structure of folders and editable plain files (e.g. metadata.xml file contain the metadata for the ePub) and a recipe book - a <code>makefile</code>
 
Exercise: Use HPR to produce a plain ePub. Edit the CSS file and metadata file to produce more a richer ePub.
 
===Extra: HPR produce HTML===
Demonstrate
 
----
1.30h


==Discussion ==
==converting to PDF==
A complicated case.


Question: How do you see hybrid Publishing being explored in WdKA?
Different approaches tried:  
* ICML+inDesign [[Research/ICML |Research on ICML & inDesign]]<span style="background:yellow">(@Andre todo: Add wikipage with notes on ICML + inDesign)
* [Weasyprint](HTML + CSS)  [[Research/Web-to-print/WeasyPrint|Research on Weasyprint]]


Question: Could this process be transmitted to students?


---
30min




[[Category:Courses]]
[[Category:Courses]]

Revision as of 10:18, 4 March 2016

practicals


Plan

Hybrid publishing @ WdKA

  • What is hybrid publishing.
  • Motivations, concepts, tools, strategies, formats that have been present in hybrid publishing efforts of WdKA. 
  • Role of publishing in an art school. 
  • Presentation publications developed to date and in-progress. 
  • Inauguration the device lab.


Why publishing?

  • hybrid publishing as an extension of efforts from Publication station - establishing dialog between analog & digital 
  • publishing as a way to expose the research undertaken within WdKA
  • publishing as a learning tool
  • continuation of Digital Publishing Toolkit project & From Print to Ebooks – a Hybrid Publishing Toolkit for the Arts


How hybrid?

Hybrid publishing

Ludovico quote on hybrid publishing

Examples of hybrid publications:

==Multichannel publishing workflows== 

  • ePub
  • PDF
  • self-contained single-file HTML e-books
  • Comic book Archive

multichanel workflow


Tools for hybrid publishing

open source, simple tools that work in combination, forming publishing pipelines


Hands-on exploration of strategies and tools

Markups

Marking the text

"In electronic processing of texts, this hierarchical ordering [...] as well as additional reading aids such bold or italic text, is made possible by using specific formatting codes. This process is called markup and the codes are called markup element"<ref name="FromPrint"From Print to Ebooks: a Hybrid Publishing Toolkit for the Arts / >

plain text

  • difference between plain text and binary file
  • plain text editors
  • WYSIWYG editors & visual markups

"'What You See Is What You Get' (WYSIWYG) markup languages used in word processors such as Microsoft Word, WordPerfect or OpenOffice, where text which is marked up in a certain way (such as italic or bold) is immediately displayed that way, so that there is no visible distinction between the conceptual structure and the visual representation."

Different Markup languages

Each markup uses a different marking syntax

HTML:

<h1>Revenge of the Text</h1>
 <p>There is a room in the <strong>Musée d’Orsay</strong> that I call the <em>room of possibilities</em>.</p>
 <p>That room contains:</p>
 <ul>
  <li>a snow flake</li>
  <li>the end of a cloud</li>
  <li>a bit of nothing</li>
 </ul>

Wiki markup:

= Revenge of the Text =
There is a room in the '''Musée d’Orsay''' that I call the ''room of possibilities''.

That room contains:
* a snow flake
* the end of a cloud
* a bit of nothing

Markdown:

# Revenge of the Text
There is a room in the **Musée d’Orsay** that I call the *room of possibilities*.

That room contains:
* a snow flake
* the end of a cloud
* a bit of nothing


Always use plain-text editors or Markdown-dedicate-WSIWYG-editors to write in Markdown. Using a text-processor like MS Word,Libreoffice or Mac text editor will result on binary or rich text formats. We need to work with plain-text files


Create one plain-text file

in either in HTML or Wiki syntax.

You can:

Save it in a folder dedicated folder.


==turn this file into into other formats==  ???

Pandoc - a markup converter 

If you need to convert files from one markup format into another, pandoc is your swiss-army knife

Pandoc conversions images

Pandoc - converting to HTLM

Pandoc - converting to ePub

Converting to single-file self-contained e-books

  • HTML - web    (options: --standalone, --css, title, etc - so they get a sense of the options)  
  • HTLM - self-contained mulimedia e-books based on single HTML files 
  • EPUB (options: --epub-stylesheet, --epub-cover, --epub-chapter-level)



Epub An editable format

Calibre's edit book function to 

  • open an epub
  • navigate structure 
  • change content, style, metadata


converting to PDF

A complicated case.

Different approaches tried: