{"id":81,"date":"2018-01-18T17:02:06","date_gmt":"2018-01-18T17:02:06","guid":{"rendered":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/?page_id=81"},"modified":"2018-01-30T15:59:01","modified_gmt":"2018-01-30T15:59:01","slug":"2-2-2-epub","status":"publish","type":"page","link":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/2-2-2-epub\/","title":{"rendered":"2.2.2. EPUB"},"content":{"rendered":"<div class=\"featured featured-blue\"><p>EPUB \u00e9s l\u2019est\u00e0ndard obert per a les publicacions digitals, darrerament adoptat pel consorci de la World Wide Web (W3C) encarregat de la gesti\u00f3 i impulsi\u00f3 dels est\u00e0ndards per a la web.<\/p>\n<\/div>\n<p>Aquest format, desenvolupat inicialment per l\u2019International Publishing Forum (IDPF), s\u2019ha popularitzat enormement els \u00faltims anys fins a ocupar tot l\u2019espai de la publicaci\u00f3 de llibres digitals fora de l\u2019ecosistema d\u2019Amazon.<\/p>\n<p>EPUB \u00e9s un format totalment accessible per als usuaris. Tenim a disposici\u00f3 l\u2019especificaci\u00f3 t\u00e8cnica i detallada del format per a ser capa\u00e7os de treballar-lo i adaptar-lo a les nostres necessitats. El fet que aquest format estigui basat en els est\u00e0ndards oberts fa que la seva evoluci\u00f3 i conservaci\u00f3 no depengui de cap empresa privada, i que es garanteixi una continu\u00eftat del format sumada a una evoluci\u00f3 progressiva entre versions que n\u2019assegura la intercompatibilitat.<\/p>\n<p>La definici\u00f3 oficial ens diu el seg\u00fcent:<\/p>\n<blockquote>\n<p class=\"DestacadoUOC\"><span lang=\"CA\">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.<\/span><\/p>\n<\/blockquote>\n<p class=\"DestacadoUOC\"><span lang=\"CA\"><div class=\"blockquote-author\"><p>W3C Digital Publishing<\/p>\n<\/div><\/span><\/p>\n<p>Una de les caracter\u00edstiques m\u00e9s importants del format \u00e9s el <strong>treball sobre el marcatge sem\u00e0ntic del contingut<\/strong>, gr\u00e0cies a l\u2019\u00fas de llenguatges basats en XML i en els est\u00e0ndards per a la web. Aquest marcatge sem\u00e0ntic, que es refereix al fet de donar informaci\u00f3 extra al sistema lector sobre el significat dels elements que formen el llibre, des d\u2019un t\u00edtol fins a un par\u00e0graf, passant per totes les tipologies possibles de contingut, \u00e9s la clau per a la transici\u00f3 cap a la web sem\u00e0ntica i un ecosistema digital capa\u00e7 d\u2019interpretar continguts, d\u2019entendre\u2019ls d\u2019alguna manera, a fi i efecte de fer cerques avan\u00e7ades, indexacions, compendis, resums, etc., i \u00e9s la base per a crear els nous models de negoci digital que hem presentat i que treballarem amb m\u00e9s detall al punt sobre models de negoci.<\/p>\n<p>M\u00e9s informaci\u00f3 a <a href=\"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/1-5-3-possibles-models-de-negoci-associats-als-productes-editorials-digitals\/\" target=\"_blank\" rel=\"noopener\">1.5.3 \u00abPossibles models de negoci associats als productes editorials digitals\u00bb<\/a>.<\/p>\n<div class=\"featured featured-grey\"><\/p>\n<p>Si b\u00e9 no \u00e9s aquest l\u2019espai per a parlar detalladament de la web sem\u00e0ntica, \u00e9s important entendre que el que s\u2019anomena <strong>web sem\u00e0ntica<\/strong> planteja conceptes i innovacions que han de transformar la manera en qu\u00e8 gestionem, classifiquem i accedim al continguts a la web. La web sem\u00e0ntica \u00e9s un conjunt d\u2019iniciatives plantejades perqu\u00e8 les dades i la informaci\u00f3 que es publiquen a la xarxa siguin llegibles i interpretables per aplicacions inform\u00e0tiques de manera molt m\u00e9s avan\u00e7ada i detallada que la que \u00e9s possible actualment. Amb l\u2019afegit de metadades sem\u00e0ntiques, que descriuen el contingut, el seu significat, etc., es permet que els continguts digitals siguin processats per sistemes inform\u00e0tics \u00abintel\u00b7ligents\u00bb per a indexar-los, transformar-los i mostrar-los a l\u2019usuari en funci\u00f3 de determinades variables condicionants.<\/p>\n<p>Vegem-ho en un exemple pr\u00e0ctic relacionat amb la ind\u00fastria editorial. Si nosaltres hem identificat en una col\u00b7lecci\u00f3 de llibres digitals el contingut m\u00e9s important, o els par\u00e0grafs m\u00e9s representatius de les obres, no amb vista al lector sin\u00f3 internament, en el codi, mitjan\u00e7ant l\u2019\u00fas d\u2019etiquetes de marcatge sem\u00e0ntic, el sistema podr\u00e0 capturar aquesta tipologia concreta de continguts i manipular-los digitalment. \u00c9s a dir, jo podr\u00e9 donar una instrucci\u00f3 a un sistema perqu\u00e8 capturi els par\u00e0grafs m\u00e9s importants de les obres i cre\u00ef una publicaci\u00f3 nova amb la fusi\u00f3 d\u2019aquesta informaci\u00f3. Si ampliem el marcatge sem\u00e0ntic a autors, tem\u00e0tiques, parts d\u2019un llibre, etc., r\u00e0pidament ens adonarem de les noves possibilitats que aquest tipus de tecnologies impliquen per a gestionar i publicar la informaci\u00f3. En parlarem amb una mica m\u00e9s d\u2019atenci\u00f3 a la secci\u00f3 sobre els nous models de negoci associats a la producci\u00f3 editorial digital.<\/p>\n<p>\n<\/div>\n<p>Les caracter\u00edstiques principals del format EPUB s\u00f3n les seg\u00fcents:<\/p>\n<ul>\n<li>Adaptable a qualsevol mida de pantalla i dispositiu.<\/li>\n<li>\u00c0mpliament est\u00e8s com a base per a publicar en la majoria de plataformes de publicaci\u00f3 en l\u00ednia.<\/li>\n<li>Separaci\u00f3 t\u00e8cnica entre el contingut i l\u2019estil de visualitzaci\u00f3, com en l\u2019entorn web, cosa que permet aprofitar els avantatges de la modificaci\u00f3 massiva d\u2019estils, la uniformitzaci\u00f3 d\u2019estils de col\u00b7leccions o la possibilitat de definir regles de visualitzaci\u00f3 diferents en funci\u00f3 de les variables de l\u2019entorn (pantalla, orientaci\u00f3, <em>zoom<\/em>, etc.).<\/li>\n<li>Incorporaci\u00f3 al format de les metadades (informaci\u00f3 sobre el contingut que permet als sistemes inform\u00e0tics processar-ne el significat i paper en la publicaci\u00f3).<\/li>\n<li>Edici\u00f3 del contingut en XHTML\/HTML, llenguatges de marcaci\u00f3 sem\u00e0ntica (no de programaci\u00f3) molt senzills d\u2019aprendre.<\/li>\n<li>Separaci\u00f3 nativa entre el contingut i l\u2019estructura d\u2019aquest, i els estils i les regles de visualitzaci\u00f3. Separaci\u00f3 f\u00e0cil entre tasques sobre l\u2019edici\u00f3 i el marcatge sem\u00e0ntic del contingut i la definici\u00f3 de l\u2019estil de la publicaci\u00f3.<\/li>\n<li>Fonts incorporades a la publicaci\u00f3 per a assegurar-ne la visualitzaci\u00f3 correcta.<\/li>\n<li>Estructura modular que permet treballar nom\u00e9s amb les funcionalitats b\u00e0siques del format i anar implementant funcions extres si \u00e9s necessari.<\/li>\n<li>Alta consideraci\u00f3 per a l\u2019accessibilitat i les tecnologies adaptatives.<\/li>\n<li>Incorporaci\u00f3 de funcionalitats extres com el <em>text-to-speech<\/em>, <em>media overlays<\/em>, etc.<\/li>\n<li>Desenvolupament continuat de noves opcions per a tot tipus de publicacions digitals, amb propostes accessibles i adaptables per a substituir els formats d\u2019impressi\u00f3 convencionals com PDF.<\/li>\n<li>Inclusi\u00f3 progressiva de la interactivitat mitjan\u00e7ant <em>scripts<\/em>, sempre amb una incorporaci\u00f3 progressiva que exigeix que aquest contingut no sigui imprescindible per a la comprensi\u00f3 del missatge, per a garantir una m\u00e0xima universalitzaci\u00f3 i accessibilitat global.<\/li>\n<\/ul>\n<div class=\"featured featured-grey\"><p>\n<strong>Scripts<\/strong><br \/>\nPetites porcions de codi que permeten al sistema incorporar funcionalitats de la programaci\u00f3 per a generar animacions, interaccions amb l\u2019usuari o modificacions in situ del contingut, etc.<\/p>\n<\/div>\n<div class=\"featured featured-blue\"><p>Des del punt de vista t\u00e8cnic, un arxiu EPUB \u00e9s una carpeta empaquetada<br \/>\nen ZIP que cont\u00e9, per una banda, els arxius de continguts i els recursos que formen el llibre (text, imatges, \u00e0udios, v\u00eddeos, etc.) i, per l\u2019altra, un conjunt d\u2019arxius t\u00e8cnics que permeten als sistemes lectors crear l\u2019estructura del llibre, entendre l\u2019ordre de reproducci\u00f3 dels continguts i finalment mostrar-lo al lector.<\/p>\n<\/div>\n<p>En primer lloc trobarem un conjunt d\u2019<strong>arxius est\u00e0ndards<\/strong>, que no varien, que indiquen al sistema l\u2019estructura de l\u2019EPUB i l\u2019identifiquen com a tal. Trobarem un arxiu (package.opf en la darrera versi\u00f3) que defineix quina \u00e9s estructura t\u00e8cnica del llibre, quins recursos el formen, en quin ordre s\u2019han de visualitzar, quines s\u00f3n les metadades generals de la publicaci\u00f3, etc. Aquest arxiu \u00e9s el que permet al sistema lector construir la publicaci\u00f3 amb sentit i posicionant els elements amb l\u2019ordre que correspon.<\/p>\n<p>Els <strong>arxius de contingut<\/strong> s\u00f3n arxius HTML (o <a href=\"https:\/\/www.w3.org\/TR\/xhtml1\/#xhtml\" target=\"_blank\" rel=\"noopener\">XHTML<\/a>) que recullen el text i l\u2019estructura principal d\u2019aquest, i les refer\u00e8ncies a tot el contingut extra del llibre, des de les imatges fins als enlla\u00e7os a contingut extern. A m\u00e9s, trobarem el full d\u2019estils (llenguatge <a href=\"https:\/\/www.w3.org\/Style\/CSS\/Overview.en.html\" target=\"_blank\" rel=\"noopener\">CSS<\/a>) que ens permet definir com s\u2019han de mostrar al lector els diferents elements del llibre (les fonts, la mida del text, l\u2019estil del t\u00edtol, les imatges, els marges, els efectes visuals, etc.).<\/p>\n<p>A m\u00e9s a m\u00e9s, un EPUB contindr\u00e0 un arxiu que recull la <strong>taula de continguts<\/strong> (TOC), que permet al programari lector crear un \u00edndex interactiu per a despla\u00e7ar-nos per la publicaci\u00f3.<\/p>\n<p>L\u2019<a href=\"javascript:void(0);\" class=\"tooltip\" data-toggle=\"popover\" data-placement=\"bottom\" data-content=\"Les carpetes TEXT, IMAGES, STYLES s\u00f3n opcionals per\u00f2 ajuden a mantenir endre\u00e7ats els arxius que formen el llibre.\" data-placement=\"top\" data-html=\"true\" >estructura d\u2019un arxiu EPUB<\/a> \u00e9s aquesta:<\/p>\n<table>\n<thead>\n<tr>\n<th>EPUB2<\/th>\n<th>EPUB3 (tamb\u00e9 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    estils.css\r\n\/TEXT\r\n    contingut1.xhtml\r\n    contingut2.xhtml\r\n\/IMAGES\r\n    imatge1.png\r\n    imatge2.png<\/pre>\n<\/td>\n<td>CARPETA EPUB<\/p>\n<pre>mimetype\r\n\/META-INF\r\n    container.xml\r\n\/EPUB\r\n    \/XHTML\r\n        contingut1.xhtml (html)\r\n        contingut2.xhtml (html)\r\n        nav.xhtml (Taula de continguts)\r\n    \/CSS\r\n        estils.css\r\n    \/IMG\r\n        imatge1.png\r\n        imatge2.png\r\n\r\n    package.opf\r\n<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Veurem m\u00e9s detalladament el proc\u00e9s de creaci\u00f3 d\u2019un llibre en format EPUB en el punt <a href=\"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/3-4-2-creacio-dun-arxiu-en-format-epub\/\" target=\"_blank\" rel=\"noopener\">3.4.2 \u00abCreaci\u00f3 d\u2019un arxiu en format EPUB\u00bb<\/a>, on parlarem de les diferents opcions disponibles quant al programari editor i els processos necessaris. Cal tenir en compte, no obstant aix\u00f2, que l\u2019amplitud del format \u00e9s enorme, i que, si b\u00e9 podem editar un llibre digital m\u00e9s o menys senzill amb pocs coneixements, per a implementar les funcionalitats avan\u00e7ades del format (<em>Media Overlays<\/em>, <em>Scripting<\/em>, <em>SVG<\/em>, <em>Fixed-Layout<\/em>, etc.) caldr\u00e0 dedicar un esfor\u00e7 a aprendre determinats processos i llenguatges que s\u00f3n m\u00e9s t\u00e8cnics.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aquest format, desenvolupat inicialment per l\u2019International Publishing Forum (IDPF), s\u2019ha popularitzat enormement els \u00faltims anys fins a ocupar tot l\u2019espai de la publicaci\u00f3 de llibres digitals fora de l\u2019ecosistema d\u2019Amazon. EPUB \u00e9s un format totalment accessible per als usuaris. Tenim a disposici\u00f3 l\u2019especificaci\u00f3 t\u00e8cnica i detallada del format per a ser capa\u00e7os de treballar-lo i [&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\/wp-json\/wp\/v2\/pages\/81"}],"collection":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/wp-json\/wp\/v2\/comments?post=81"}],"version-history":[{"count":16,"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/wp-json\/wp\/v2\/pages\/81\/revisions"}],"predecessor-version":[{"id":922,"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/wp-json\/wp\/v2\/pages\/81\/revisions\/922"}],"wp:attachment":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/wp-json\/wp\/v2\/media?parent=81"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}