Editing Presentation/Beyond-Social

<slidy theme="a" />

==Beyond Social: a hybrid publishing CMS (almost) from scratch==
I'll be talking about:
* Hybrid Publishing 
* How Beyond Social motivated the creation of a CMS?
* How can Beyond Social develop into new directions and become a tool for teaching
 
== First, concepts==
* Hybrid Publishing
** Any process that makes two or more instances of the same content public
** Outputs result from the same workflow, instead of isolated efforts
** Source content and public manifestations are interlinked: changes in content propagate to the outputs
** Possible outputs: a website, a fanzine, a book, an ebook, an animated gif, a sound piece or a video, etc 
** A new dynamic: designers don't not need to wait for the content to be finalized. Both processes can develop simultaneously and in dialog.

* CMS - Content management System
** "Is a set of processes and technologies that supports the '''collection''', '''managing''', and '''publishing''' of information in any form or medium."<ref>https://en.wikipedia.org/wiki/Content_management</ref>
** synonyms: publishing pipeline or workflow

 

==The beginning of Beyond Social==
Requirements:
* collaborative (remote) editing
* web publication

==Wiki: editing space==
http://beyond-social.org/wiki 

* web applications dedicated to collaborative content creation<ref>[http://upload.wikimedia.org/wikipedia/commons/3/31/Ward_Cunningham%2C_Inventor_of_the_Wiki.webm Interview with Ward Cunningham] - inventor of the first wiki</ref>
* anyone can become an editor
* all content (edited, unedited, draft) is public
* little editorial structure to begin with (only users and pages): allowing workflows and structures to develop based on project's needs (by using categories, templates, user roles, etc)
* revision system: keeping track of each page edit 
* enforces semantic structure within (articles) content - making possible conversion between formats 

Down-sides:
* not very intuitive
* difficult to change its visual form

==Glue: connecting spaces==
* [https://www.mediawiki.org/wiki/API:Main_page Wiki API] - a programming interface to the wiki.
* [http://pandoc.org/ Pandoc]: converts the content from wiki pages' content to HTML (More on Pandoc's role in hybrid publishing in <ref>D.P.T. Collective. 2014. From Print to Ebooks: A Hybrid Publishing Toolkit for the Arts. Vol. 1. Institute of Network Cultures. http://networkcultures.org/blog/publication/from-print-to-ebooks-a-hybrid-publishing-toolkit-for-the-arts/</ref>)
* gluing [https://gitlab.com/Castro0o/beyond-social/tree/v1 scripts]:
** API calls to fetch content from wiki
** Pandoc calls to convert content to HTML
** Website HTML pages generation, from the fetched wiki content

==Website: publishing space==
http://beyond-social.org/
* custom visual form: let's you decide how content should be presented:
** Table of contents 
** image gallery
* Web-to-print potential: using CSS for print
* pages are HTML files: easy to archive

Website design: [http://template01.info/ Template]


==Is it a Hybrid Publication?== 
* 2 formats: wiki, website
* 2 forms of accessing content: Table of Content, image gallery  
* One more format: printable PDF

==Tool for teaching-learning: digital & hybrid publishing==
* Environment for collaborative authorship and knowledge sharing: wikis, [http://piratepad.net/front-page/ etherpads], etc. 
* A teaching-learning resource, that develops over time, like Media Design [http://pzwiki.wdka.nl/mediadesign/Cookbook Cookbook] or [http://www.grafiwiki.nl/wiki/Hoofdpagina Grafiwiki] 
* Web ''languages'': HTML (structure and content), CSS (visual presentation), Javascript (interaction)
* Markup languages and structured content: their importance to hybrid publishing

== Experimental wiki based publications/works ==
Prototypes:
* [http://beyond-social.org/prototypes/author-maps/wiki-author-articles.html Beyond Social Users & Articles Map]
* [http://beyond-social.org/prototypes/2015-Baltimore-protests/index.html 2015 Baltimore protests: according to The Wikipedians]

Projects:
* [http://www.epicpedia.org/ Epicpedia] by Annemieke van der Hoek
* [http://p-dpa.net/work/iraq-war-wikihistoriography/ The Iraq War: A History of Wikipedia Changelogs] by James Bridle
* [http://toneelstof.be/ Toneelstof] and its [http://toneelstof.be/w wiki] by Femke Snelting and Michael Murtaugh


==Spin-offs==
Spin-offs where the same basic CMS (or publishing pipeline) is implemented to produce a hybrid publication from content stored in a wiki.

<small>Note: Although the basic mechanism is common, each project requires redesigning some of the protocols and operations, as well as its visual identity.</small>

==Piet Zwart Institute's Master Media Design & Communication: Graduation website==
http://pzimediadesign.nl/ 

* Created from [http://pzwiki.wdka.nl/mediadesign/Category:2015 wiki pages] dedicated to graduation works.
* Intention: 
** close to graduation show: displays only works from that year; 
** rest of the year: displays all [http://pzwiki.wdka.nl/mediadesign/Category:Graduation_work graduation works] from last 10 years 
* Resulted in the website: http://pzimediadesign.nl/
* Resulted in a print catalog [[File:Catalog.jpg|thumb]] 
<small>Website design: [http://template01.info/ Template]</small>

==Future: Master Media Design & Communication: Documentation project ==
Coordination: [http://aaaan.net/ Anette Dekker], Andre Castro,  Kimmy Spreeuwenberg 

''We want to challenge students to think and implement a hybrid publishing pipeline for the works developed for the documentation project. In concrete terms participants will be asked to:''

* Propose strategies for storing documentation works inside the MMDC wiki; 
* To develop the structure by which content is organized and easily found inside the wiki; 
* To elaborate the publishing pipeline the content needs to follow in order to arrive its public manifestations; 
* To elaborate the visual forms of those manifestations.


==Future: Interaction Station: DIY publication==
Using the [http://interactionstation.wdka.hro.nl/wiki/Main_Page Interaction Station's wiki] as the writing platform Yoana Buzova, intends to develop simple and practical DIY manuals explaining how to cheaply create materials such as conductive ink.

This project resembles the [http://flossmanuals.net/ FLOSS Manuals] in aim and approach, but outside the software world.

It would be interesting to find a entity, like FLOSS Manuals, that could make these manuals reach a wider audience.

==Future: Master of Design: research publication==



==References==

<references/>