{"id":625,"date":"2018-01-29T16:30:44","date_gmt":"2018-01-29T16:30:44","guid":{"rendered":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/?page_id=625"},"modified":"2018-01-30T17:54:09","modified_gmt":"2018-01-30T17:54:09","slug":"2-2-2-epub","status":"publish","type":"page","link":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/es\/2-2-2-epub\/","title":{"rendered":"2.2.2. EPUB"},"content":{"rendered":"<div class=\"featured featured-blue\"><p>EPUB es el est\u00e1ndar abierto para las publicaciones digitales, \u00faltimamente adoptado por el consorcio de la World Wide Web (W3C) encargado de la gesti\u00f3n e impulsi\u00f3n de los est\u00e1ndares para la web.<\/p>\n<\/div>\n<p>Este formato, desarrollado inicialmente por el International Publishing Forum (IDPF), se ha popularizado enormemente en los \u00faltimos a\u00f1os, hasta ocupar todo el espacio de la publicaci\u00f3n de libros digitales fuera del ecosistema de Amazon.<\/p>\n<p>EPUB es un formato totalmente accesible para los usuarios. Tenemos a disposici\u00f3n la especificaci\u00f3n t\u00e9cnica y detallada del formato para ser capaces de trabajarlo y adaptarlo a nuestras necesidades. El hecho de que este formato est\u00e9 basado en los est\u00e1ndares abiertos hace que su evoluci\u00f3n y conservaci\u00f3n no dependa de ninguna empresa privada, y que se garantice una continuidad del formato sumada a una evoluci\u00f3n progresiva entre versiones que asegura su intercompatibilidad.<\/p>\n<p>La definici\u00f3n oficial nos dice lo siguiente:<\/p>\n<blockquote>\n<p class=\"DestacadoUOC\">EPUB<sup>\u00ae<\/sup> is the distribution and interchange format standard for digital publications and documents based on Web Standards. EPUB defines a means of representing, packaging and encoding structured and semantically enhanced Web content \u2014including XHTML, CSS, SVG, images, and other resources\u2014 for distribution in a single-file format.<\/p>\n<\/blockquote>\n<p class=\"DestacadoUOC\"><div class=\"blockquote-author\"><p>W3C Digital Publishing<\/p>\n<\/div><\/p>\n<p>Una de las caracter\u00edsticas m\u00e1s importantes del formato es el <strong>trabajo sobre el marcado sem\u00e1ntico del contenido<\/strong>, gracias al uso de lenguajes basados en XML y en los est\u00e1ndares para la web. Este marcado sem\u00e1ntico, que se refiere al hecho de dar informaci\u00f3n extra al sistema lector sobre el significado de los elementos que forman el libro, desde un t\u00edtulo hasta un p\u00e1rrafo, pasando por todas las tipolog\u00edas posibles de contenido, es la clave para la transici\u00f3n hacia la web sem\u00e1ntica y un ecosistema digital capaz de interpretar contenidos, de entenderlos de alguna manera, para hacer b\u00fasquedas avanzadas, indexaciones, compendios, res\u00famenes, etc., y es la base para crear los nuevos modelos de negocio digital que hemos presentado y que trabajaremos con m\u00e1s detalle en el punto sobre modelos de negocio.<\/p>\n<p>M\u00e1s informaci\u00f3n en\u00a0<a href=\"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/es\/1-5-3-possibles-models-de-negoci-associats-als-productes-editorials-digitals\/\" target=\"_blank\" rel=\"noopener\">1.5.3 \u00abPosibles modelos de negocio asociados a los productos editoriales digitales\u00bb<\/a>.<\/p>\n<div class=\"featured featured-grey\"><\/p>\n<p>Si bien no es este el espacio para hablar en detalle de la web sem\u00e1ntica, es importante entender que lo que se denomina <strong>web sem\u00e1ntica<\/strong> plantea conceptos e innovaciones que tienen que transformar la manera en que gestionamos, clasificamos y accedemos a los contenidos en la web. La web sem\u00e1ntica es un conjunto de iniciativas planteadas para que los datos y la informaci\u00f3n que se publican en la Red sean legibles e interpretables por aplicaciones inform\u00e1ticas de manera mucho m\u00e1s avanzada y detallada que la que es posible actualmente. Con el a\u00f1adido de metadatos sem\u00e1nticos, que describen el contenido, su significado, etc., se permite que los contenidos digitales sean procesados por sistemas inform\u00e1ticos \u00abinteligentes\u00bb para indexarlos, transformarlos y mostrarlos al usuario en funci\u00f3n de determinadas variables condicionantes.<\/p>\n<p>Ve\u00e1moslo en un ejemplo pr\u00e1ctico relacionado con la industria editorial. Si nosotros hemos identificado en una colecci\u00f3n de libros digitales el contenido m\u00e1s importante, o los p\u00e1rrafos m\u00e1s representativos de las obras, no seg\u00fan el lector sino internamente, en el c\u00f3digo, mediante el uso de etiquetas de marcado sem\u00e1ntico, el sistema podr\u00e1 capturar esta tipolog\u00eda concreta de contenidos y manipularlos digitalmente. Es decir, yo podr\u00e9 dar una instrucci\u00f3n a un sistema para que capture los p\u00e1rrafos m\u00e1s importantes de las obras y cree una publicaci\u00f3n nueva con la fusi\u00f3n de esta informaci\u00f3n. Si ampliamos el marcado sem\u00e1ntico a autores, tem\u00e1ticas, partes de un libro, etc., r\u00e1pidamente nos daremos cuenta de las nuevas posibilidades que este tipo de tecnolog\u00edas implican para gestionar y publicar la informaci\u00f3n. Hablaremos de ello con algo m\u00e1s de atenci\u00f3n en el apartado sobre los nuevos modelos de negocio asociados a la producci\u00f3n editorial digital.<\/p>\n<p>\n<\/div>\n<p>Las caracter\u00edsticas principales del formato EPUB son las siguientes:<\/p>\n<ul>\n<li>Adaptable a cualquier tama\u00f1o de pantalla y dispositivo.<\/li>\n<li>Ampliamente extendido como base para publicar en la mayor\u00eda de las plataformas de publicaci\u00f3n en l\u00ednea.<\/li>\n<li>Separaci\u00f3n t\u00e9cnica entre el contenido y el estilo de visualizaci\u00f3n, como en el entorno web, lo que permite aprovechar las ventajas de la modificaci\u00f3n masiva de estilos, la uniformizaci\u00f3n de estilos de colecciones o la posibilidad de definir reglas de visualizaci\u00f3n diferentes en funci\u00f3n de las variables del entorno (pantalla, orientaci\u00f3n, <em>zoom<\/em>, etc.).<\/li>\n<li>Incorporaci\u00f3n al formato de los metadatos (informaci\u00f3n sobre el contenido que permite a los sistemas inform\u00e1ticos procesar su significado y papel en la publicaci\u00f3n).<\/li>\n<li>Edici\u00f3n del contenido en XHTML\/HTML, lenguajes de marcaci\u00f3n sem\u00e1ntica (no de programaci\u00f3n) muy sencillos de aprender.<\/li>\n<li>Separaci\u00f3n nativa entre el contenido y la estructura de este, y los estilos y las reglas de visualizaci\u00f3n. Separaci\u00f3n f\u00e1cil entre tareas sobre la edici\u00f3n y el marcado sem\u00e1ntico del contenido y la definici\u00f3n del estilo de la publicaci\u00f3n.<\/li>\n<li>Fuentes incorporadas a la publicaci\u00f3n para asegurar su visualizaci\u00f3n correcta.<\/li>\n<li>Estructura modular que permite trabajar solo con las funcionalidades b\u00e1sicas del formato e ir implementando funciones extra si es necesario.<\/li>\n<li>Alta consideraci\u00f3n para la accesibilidad y las tecnolog\u00edas adaptativas.<\/li>\n<li>Incorporaci\u00f3n de funcionalidades extra como el <em>text-to-speech<\/em>, <em>media overlays<\/em>, etc.<\/li>\n<li>Desarrollo continuado de nuevas opciones para todo tipo de publicaciones digitales, con propuestas accesibles y adaptables para sustituir los formatos de impresi\u00f3n convencionales como PDF.<\/li>\n<\/ul>\n<h4><\/h4>\n<div class=\"featured featured-grey\"><\/p>\n<h4><em><strong>Scripts\u00a0\u00a0\u00a0\u00a0<\/strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <\/em><\/h4>\n<p>Peque\u00f1as porciones de c\u00f3digo que permiten al sistema incorporar funcionalidades de la programaci\u00f3n para generar animaciones, interacciones con el usuario o modificaciones <em>in situ<\/em> del contenido, etc.<\/p>\n<p>\n<\/div>\n<div class=\"featured featured-blue\"><p>Desde el punto de vista t\u00e9cnico, un archivo EPUB es una carpeta empaquetada en ZIP que contiene, por un lado, los archivos de contenidos y los recursos que forman el libro (texto, im\u00e1genes, audios, v\u00eddeos, etc.) y, por otro, un conjunto de archivos t\u00e9cnicos que permiten a los sistemas lectores crear la estructura del libro, entender el orden de reproducci\u00f3n de los contenidos y finalmente mostrarlo al lector.<\/p>\n<\/div>\n<p>En primer lugar, encontraremos un conjunto de <strong>archivos est\u00e1ndar<\/strong>, que no var\u00edan, que indican al sistema la estructura del EPUB y lo identifican como tal. Encontraremos un archivo (package.opf en la \u00faltima versi\u00f3n) que define cu\u00e1l es estructura t\u00e9cnica del libro, qu\u00e9 recursos lo forman, en qu\u00e9 orden se tienen que visualizar, cu\u00e1les son los metadatos generales de la publicaci\u00f3n, etc. Este archivo es el que permite al sistema lector construir la publicaci\u00f3n con sentido y posicionando los elementos con el orden que corresponde.<\/p>\n<p>Los <strong>archivos de contenido<\/strong> son archivos HTML (o <a href=\"https:\/\/www.w3.org\/TR\/xhtml1\/#xhtml\" target=\"_blank\" rel=\"noopener\">XHTML<\/a>) que recogen el texto y la estructura principal de este, as\u00ed como las referencias a todo el contenido extra del libro, desde las im\u00e1genes hasta los enlaces a contenido externo. Adem\u00e1s, encontraremos la hoja de estilos (lenguaje <a href=\"https:\/\/www.w3.org\/Style\/CSS\/Overview.en.html\" target=\"_blank\" rel=\"noopener\">CSS<\/a>) que nos permite definir c\u00f3mo se deben mostrar al lector los diferentes elementos del libro (las fuentes, el tama\u00f1o del texto, el estilo del t\u00edtulo, las im\u00e1genes, los m\u00e1rgenes, los efectos visuales, etc.).<\/p>\n<p>Adem\u00e1s, un EPUB contendr\u00e1 un archivo que recoge la <strong>tabla de contenidos<\/strong> (TOC), que permite al software lector crear un \u00edndice interactivo para desplazarnos por la publicaci\u00f3n.<\/p>\n<p>La  es esta:<\/p>\n<table>\n<thead>\n<tr>\n<th>EPUB2<\/th>\n<th>EPUB3 (tambi\u00e9n 3.0.1)<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>CARPETA EPUB<\/p>\n<pre>\/META-INF\r\n    container.xml\r\nmimetype\r\ncontent.opf\r\ntoc.ncx\r\n\/STYLES\r\n    estilos.css\r\n\/TEXT \r\n    contenido1.xhtml\r\n    contenido2.xhtml \r\n\/IMAGES \r\n    imagen1.png\r\n    imagen2.png\r\n<\/pre>\n<\/td>\n<td>CARPETA EPUB<\/p>\n<pre>mimetype\r\n\r\n\/META-INF\r\n    container.xml\r\n\/EPUB \r\n\/XHTML\r\n    contenido1.xhtml (html)\r\n    contenido2.xhtml (html)\r\nnav.xhtml (Tabla de contenidos)\r\n\/CSS\r\n    estils.css \r\n\/IMG\r\n    imagen1.png\r\n    imagen2.png\r\n\r\npackage.opf\r\n<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Veremos m\u00e1s en detalle el proceso de creaci\u00f3n de un libro en formato EPUB en el apartado\u00a0<a href=\"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/es\/3-4-2-creacio-dun-arxiu-en-format-epub\/\" target=\"_blank\" rel=\"noopener\">3.4.2 \u00abCreaci\u00f3n de un archivo en formato EPUB\u00bb<\/a>, donde hablaremos de las diferentes opciones disponibles en cuanto al software editor y los procesos necesarios. Hay que tener en cuenta, sin embargo, que la amplitud del formato es enorme y que, si bien podemos editar un libro digital m\u00e1s o menos sencillo con pocos conocimientos, para implementar las funcionalidades avanzadas del formato (<em>Media Overlays<\/em>, <em>Scripting<\/em>, <em>SVG<\/em>, <em>Fixed-Layout<\/em>, etc.) habr\u00e1 que dedicar un esfuerzo a aprender determinados procesos y lenguajes que son m\u00e1s t\u00e9cnicos.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Este formato, desarrollado inicialmente por el International Publishing Forum (IDPF), se ha popularizado enormemente en los \u00faltimos a\u00f1os, hasta ocupar todo el espacio de la publicaci\u00f3n de libros digitales fuera del ecosistema de Amazon. EPUB es un formato totalmente accesible para los usuarios. Tenemos a disposici\u00f3n la especificaci\u00f3n t\u00e9cnica y detallada del formato para ser [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false},"acf":[],"_links":{"self":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/es\/wp-json\/wp\/v2\/pages\/625"}],"collection":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/es\/wp-json\/wp\/v2\/comments?post=625"}],"version-history":[{"count":4,"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/es\/wp-json\/wp\/v2\/pages\/625\/revisions"}],"predecessor-version":[{"id":1098,"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/es\/wp-json\/wp\/v2\/pages\/625\/revisions\/1098"}],"wp:attachment":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/es\/wp-json\/wp\/v2\/media?parent=625"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}