PUNTPIXEL heeft in samenwerking met uitgeverij Valiz en de grafisch ontwerpers van Meeus Ontwerpt een EPUB-publicatieplatform ontwikkeld, waarmee via een online applicatie (EPUBster) publicaties in EPUB-formaat kunnen worden aangemaakt, samengesteld, gewijzigd, opgeslagen en geproduceerd.

Valiz, Meeus Ontwerpt en PUNTPIXEL hebben zich allereerst gezamenlijk gericht op de totstandkoming van een EPUB-versie van een nieuwe uitgave uit de serie Context Without Walls genaamd Common Skin. De publicaties in deze serie belichten het werk van kunstenaars van over de hele wereld. De publicaties zijn meertalig en bevatten zowel essays, als beelden. Het grafisch ontwerp voor de gedrukte en de digitale variant van deze serie zijn van de hand van Meeus Ontwerpt. De transformatie van de printversie naar de EPUB editie betreft niet louter een één op één vertaling: voor de digitale variant is er niet alleen naar de complexiteit van het ontwerp gekeken maar ook naar de wijze van produceren van de boeken in serie. Hiervoor is door PUNTPXIEL een speciaal publicatieplatform ontwikkeld.

Context Without Walls – a generative workflow with EPUBster
Valiz, Meeus Ontwerpt and PUNTPIXEL have collaborated on the development of an EPUB version of Common Skin, a publication in the series Context Without Walls. The multilanguage publications in this series focus on artists from all over the world and contain essays as well as pictures. Meeus Ontwerpt designed the physical and digital publication variants. The transformation from a printed version to an EPUB is not a one-on-one translation, the limitations of graphic design in the EPUB format and the complexities of the production process for a series of publications had to be considered. Therefore PUNTPIXEL developed a publication platform assisting with the production of EPUBs. During the presentation Meeus Ontwerpt, Valiz and PUNTPIXEL will show the end results and explain some the choices made during the development process.

Website Digital Publishing Toolkit
Uitgeverij Valiz

Developing EPUBster
With EPUBster (for lack of a better name) we tried to develop a web application allowing publishers to edit and create EPUBs. We us the term ‘publisher’ very loosely in this instance, also referring to developers, designers or editors. EPUBster was partly developed for Amsterdam based publisher Valiz and designers Meeus Ontwerpt in order for them to create a series of books titled “Context Without Walls”. Their feedback at various points prompted some of the design and implementation decisions. As such the application is intended as a general purpose tool for generating EPUBs, but incorporating some very specific features, such as support for multiple indices.

The application can be broken down in a few components:
– A very simple metadata editor offering just the necessary fields as defined in the EPUB standard;
– Section or chapter editor, used for rearranging and deleting chapters in an EPUB;
– Content editor allowing the user to manipulate the text of a section/chapter;
– Options to add a book cover and CSS styling.

After creating an edition, filling in the required metadata and creating some chapters, the user is then able to generate or preview an EPUB based on the inputted data.

The same components used to build the application are represented in the user interface. The interface allows the publisher to author a publication step-by-step, from primary information and metadata input in the first tab of EPUBster to adding a cover as the last step of the process. To assist the user with the creation of a publication and provide a flexible workflow, one can switch between tabs and components of the application. This allows for a non-lineair workflow and the possibility of adding chapters to a publication or change the design by adding different CSS-files at a later stage.

The Application
At the time we decided to build the application using a PHP framework, CakePHP. Having developed multiple applications using the framework, CakePHP proved to be a familiar environment allowing us to rapidly prototype the features of the application. One of the downsides of CakePHP is the slowness of the framework compared to other offerings and the reliance on what’s often called “automagic” in Cake’s documentation. As our recent experiences with the Laravel framework, partly built on Symfony, have been very positive, the initial choice for CakePHP as a foundation doesn’t seem as straightforward at this point.

One of the restrictions that guided the development process was the requirement that the application should run on very common server hardware. As a lot of webhosting environments are of the “shared hosting” variety, making use of shell programs was out of the question. It would be relatively simple to build a web GUI on top of calibre’s command line interface or a document converter like pandoc. Instead we relied on PHP libraries for most of the generative features of the web application. Asbjorn Grandt’s PHPePub forms the core of the application and was packaged, with some modifications, as a Cake plugin in order to receive content from EPUBster’s MySQL database containing the publication data.

At first we focussed on processing Markdown formatted text as input for the various chapters/sections in a publication. After storing the Markdown text in a database this is then converted to HTML and subsequently processed by PHPePub. The conversion is done using the Markdown Extra library packaged as Cake plugin by Maury M. Marques. Based on feedback by Meeus Ontwerpt the focus of the editor has shifted to a more WYSIWYG (What You See Is What You Get) orientated approach, while still supporting Markdown. The WYSIWYG editor is an extended version of Davi Ferreira’s Medium Editor. As the editor manipulates HTML directly, no conversion is necessary prior to generating an EPUB. Due to the fact that the editor uses HTML5’s contenteditable behaviour there is support for parsing rich text pasted from text editors and word processors. Bolds, italics, colours, etc. will be pasted as HTML in a contenteditable element. This introduces several problems however, as some word processors (notably Microsoft Word) wrap formatted text in tags with a lot of style attributes, resulting in a lot of undesirable and superfluous markup when generating an EPUB. Stripping the unwanted markup (font-families, line-height, etc.), while leaving the desirable elements (bold, italic, etc.) in place took some modification of the Medium Editor’s codebase.

In earlier versions of the application it was only possible to preview a draft edition by generating an EPUB, downloading the file to the user’s harddrive and previewing said file in an ereader like calibre or iBooks. To provide a more immediate way to preview draft editions we decided to implement a JavaScript EPUB viewer. ReadiumJS seemed like a natural choice, as the project is backed by several large publishers and the International Digital Publishing Forum, the curators of the EPUB standard. However at the time of implementation, ReadiumJS – which is still in heavy development – proved to be too unstable for production use. Instead we opted for epub.js by Fred Chasen, an actively developed JavaScript library comparable to ReadiumJS which offers a more robust experience. When a user previews an edition in EPUBster an EPUB is generated on the fly and rendered in the browser using epub.js.

The current version of EPUBster is available on GitHub. As it stands the application should be considered of alpha quality and could do with a lot more testing and polish. Testing of the EPUBs generated by the application on several ereading devices should be a priority, for example, should development on the application continue in some for or other. However, it should currently be possible to create a fully-fledged EPUB 3 without much trouble using the tools provided by EPUBster.


Meer weten over dit project?

Jorrit Sybesma
Neem contact op met Jorrit Sybesma