Aprendiendo sobre EPUB: Estructura y contenido

Los libros electrónicos han revolucionado la forma en que un número cada vez mayor de personas consumen contenido escrito, permitiendo un acceso cómodo a una gran variedad de publicaciones en lectores electrónicos, dispositivos móviles y ordenadores. ¿Pero alguna vez se ha preguntado por la tecnología que hace todo esto posible?

Existen varios formatos utilizados para crear libros electrónicos, y uno de los más populares es el formato EPUB, que se basa en estándares. Veamos cómo funciona EPUB creando nuestro propio libro electrónico en formato EPUB, y luego adaptando algunas páginas HTML existentes para ampliar el contenido.

¿Qué es EPUB?

EPUB® (publicación electrónica) es un estándar abierto del Foro Internacional de Publicación Digital (IDPF) para la creación y distribución de publicaciones digitales, como libros electrónicos. El contenido de EPUB es "adaptable", lo que significa que puede ser visualizado en cualquiera de los numerosos lectores electrónicos que soportan este estándar (Kindle, Sony Reader, Nook, Kobo, etc.), así como en la mayoría de los teléfonos inteligentes y tabletas.

Un documento EPUB está compuesto por OPS (Estructura de Publicación Abierta), OPF (Formato de Empaquetado Abierto), OCF (Formato de Contenedor Abierto), XHTML, CSS, SVG, imágenes y otros tipos de archivos, todo ello en un único formato de archivo interoperable, que facilita su distribución y publicación.

Edición y validación del contenido EPUB

Los componentes que conforman un documento EPUB se encuentran empaquetados en un archivo comprimido (zip). XMLSpy incluye un editor de EPUB para visualizar, añadir, eliminar, validar y editar estos archivos y carpetas. XMLSpy incluso viene con un ejemplo de libro EPUB para que pueda explorar esta funcionalidad fácilmente. Vamos a crear un libro electrónico desde cero para que podamos analizar mejor la estructura y los componentes de cada documento. En este ejemplo, crearemos un libro de recetas.

Comencemos seleccionando "Nuevo" en el menú "Archivo", y luego haciendo clic en "Publicación electrónica .epub". Una vez que introduzcamos un nombre para nuestro nuevo libro electrónico y lo guardemos, se abrirá en la vista de archivo de XMLSpy como una estructura básica que incluye todos los archivos y carpetas necesarios para crear un documento EPUB válido.

Como se muestra arriba, cada archivo EPUB tiene la siguiente estructura y los siguientes componentes clave:

|-- Mimetype file (Archive) |-- META-INF folder |             -- container.xml |-- DOCUMENT folder (In the screenshot above, OEBPS is the Document folder.) |             -- contains HTML, CSS, image files, plus OPF and NCX files

El archivo OPF, tradicionalmente llamado "content.opf", contiene los metadatos del libro digital. Se basa en la especificación del Formato de Empaquetado Abierto (OPF).

El archivo NCX (archivo de control de navegación para XML), tradicionalmente llamado toc.ncx, contiene el índice del libro electrónico. Se basa en la parte NCX de la especificación OPF.

La carpeta llamada META-INF debe contener el archivo container.xml, que apunta al archivo que define el contenido del libro (el archivo OPF). El archivo container.xml especifica cómo deben organizarse los archivos del archivo según las normas establecidas en la especificación del Formato de Contenedor Abierto (OCF).

XMLSpy ofrece herramientas de ayuda contextual y consejos útiles para la edición de todos estos archivos basados en estándares. Comencemos a crear el contenido de nuestro libro electrónico haciendo doble clic en el archivo "title.html". Al abrirse en el editor HTML de XMLSpy, podremos ver de inmediato qué elementos necesitan ser actualizados primero.

Añadamos ahora algo de contenido inicial, basándonos en los marcadores de posición del archivo, así como etiquetas

y

para el mensaje de bienvenida.

Una vez guardados estos cambios, podemos volver a la vista "Archivo" para previsualizar el contenido de nuestro documento EPUB hasta el momento. Al hacer clic en el botón "Previsualizar", se genera un archivo HTML a partir del contenido del archivo EPUB y se muestra en la vista integrada de navegador de XMLSpy.

Como pueden ver, todavía faltan algunos datos obligatorios. Hagamos doble clic en el archivo content.opf para añadir los metadatos del libro electrónico. Esta vez, podemos cambiar a la vista de cuadrícula para introducir los datos. Es fácil alternar entre los métodos de edición basados en texto y los métodos gráficos, según sus preferencias.

Hacer clic en "Vista previa" nuevamente muestra que la información que proporcionamos inicialmente es completa.

Antes de continuar, vamos a.. validar el archivo EPUB Para garantizar la interoperabilidad, presione la tecla F8.

Nuestro archivo es válido, y podemos continuar agregando el resto del contenido al archivo EPUB para finalizar nuestro libro electrónico. Cuando se detectan errores, la ventana de validación de XMLSpy muestra y describe cada instancia, con un enlace a la ubicación donde ocurre el error en el archivo, para facilitar la resolución de problemas.

Reutilización de contenido existente en formato EPUB

Con la gran cantidad de opciones que los lectores tienen hoy en día para consumir contenido escrito, desde libros electrónicos hasta archivos PDF y páginas web, se ha convertido en una práctica común que el mismo contenido esté disponible para su consulta a través de múltiples canales. Y cuanto más fácil sea lograrlo, mejor.

Es fácil reutilizar contenido HTML de un sitio web en un documento EPUB utilizando XMLSpy. Continuemos con nuestro ejemplo añadiendo algunas páginas HTML existentes del blog de cocina del autor para ampliar el contenido del libro electrónico.

Podemos añadir esos artículos del blog haciendo clic en el botón "Añadir documento" en la vista de "Archivo" y luego navegando para seleccionar los archivos.

También necesitamos añadir las imágenes que se encuentran en las páginas HTML. Dado que estos son archivos binarios, la mejor manera de hacerlo es abrir el documento EPUB utilizando WinZip o WinRAR y añadir los archivos necesarios al archivo.

Una vez que guardamos el archivo ZIP, el documento EPUB en XMLSpy refleja los cambios.

A continuación, actualicemos el archivo de la tabla de contenidos (toc.ncx) para que apunte a las páginas HTML, creando un elemento NavPoint y una etiqueta NavLabel separados para cada página HTML...

...y actualizar el archivo content.opf para incluir nuestras páginas HTML como parte del manifiesto del EPUB.

Esta vez, cuando hacemos clic en "Vista previa", vemos los dos artículos que hemos añadido y podemos acceder a cada uno de ellos.

¡Nuestro libro electrónico está tomando forma!

Este es, por supuesto, un ejemplo muy sencillo, pero es útil para comprender la estructura de los documentos EPUB y para demostrar lo fácil que es reutilizar contenido existente en formato EPUB. Además de la interfaz de visualización de archivos, fácil de usar, XMLSpy ofrece un soporte de edición inteligente para las tecnologías necesarias para la presentación de libros electrónicos más sofisticados: XML, XHTML, HTML, CSS, etc.

Para ver la estructura de un libro EPUB completo, abra el archivo TheCantervilleGhost.epub en el proyecto XMLSpy Examples, o acceda a uno de los libros EPUB gratuitos disponibles en Internet. Una excelente fuente es Project Gutenberg.

Si aún no es cliente de XMLSpy, puede descargar una versión de prueba gratuita de XMLSpy para probarlo ahora mismo.