Apprendre à connaître le format EPUB : structure et contenu

Les livres électroniques ont révolutionné la manière dont un nombre croissant de personnes consomment du contenu écrit, offrant un accès pratique à une multitude de publications sur les liseuses, les appareils mobiles et les ordinateurs. Mais vous êtes-vous déjà demandé quelle technologie rendait tout cela possible ?

Il existe différents formats pour créer des livres électroniques, et l'un des plus populaires est le format EPUB, qui respecte les normes établies. Examinons le fonctionnement du format EPUB en créant notre propre livre électronique EPUB, puis en réutilisant certaines pages HTML existantes pour enrichir le contenu.

Qu’est-ce que EPUB ?

EPUB® (publication électronique) est une norme ouverte, développée par le International Digital Publishing Forum (IDPF), pour la création et la distribution de publications numériques, telles que les livres électroniques. Le contenu EPUB est "adaptable", ce qui signifie qu'il peut être consulté sur n'importe quel appareil de lecture électronique compatible avec cette norme (Kindle, Sony Reader, Nook, Kobo, etc.), ainsi que sur la plupart des smartphones et tablettes.

Un document EPUB est constitué de différents éléments, notamment l'OPS (structure de publication ouverte), l'OPF (format d'emballage ouvert), l'OCF (format de conteneur ouvert), ainsi que des fichiers XHTML, CSS, SVG, des images et d'autres types de fichiers, le tout intégré dans un format de fichier unique et interopérable, facilitant ainsi la distribution et la publication.

Modification et validation du contenu EPUB

Les composants qui constituent un document EPUB sont regroupés dans une archive compressée. XMLSpy inclut un éditeur EPUB qui permet de visualiser, d'ajouter, de supprimer, de valider et de modifier ces fichiers et dossiers. XMLSpy est même fourni avec un exemple de livre EPUB, ce qui vous permet d'explorer facilement ces fonctionnalités. Créons un livre électronique à partir de zéro afin de mieux comprendre la structure et les composants de chaque document. Dans cet exemple, nous allons créer un livre de recettes.

Commençons par sélectionner « Nouveau » dans le menu « Fichier », puis cliquez sur « Publication électronique .epub ». Une fois que nous aurons donné un nom à notre nouveau livre électronique et l'aurons enregistré, il s'ouvrira dans la vue d'archive XMLSpy sous forme de structure de base, comprenant tous les fichiers et dossiers nécessaires à la création d'un document EPUB valide.

Comme indiqué ci-dessus, chaque archive EPUB possède la structure et les éléments clés suivants :

|-- 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

Le fichier OPF, traditionnellement nommé content.opf, contient les métadonnées du livre numérique. Il est basé sur la spécification du format d'emballage ouvert (OPF).

Le fichier NCX (Navigation Control file pour XML), traditionnellement nommé toc.ncx, contient la table des matières du livre électronique. Il est basé sur la partie NCX de la spécification OPF.

Le dossier nommé META-INF doit contenir le fichier container.xml, qui pointe vers le fichier définissant le contenu du livre (le fichier OPF). Le fichier container.xml spécifie comment les fichiers de l'archive doivent être organisés, conformément aux règles définies dans la spécification du Format de conteneur ouvert (OCF).

XMLSpy offre des outils d'aide contextuels et des conseils d'édition utiles pour tous ces fichiers conformes aux normes. Commençons à créer le contenu de notre livre électronique en double-cliquant sur le fichier title.html. Une fois ouvert dans l'éditeur HTML d'XMLSpy, nous pouvons immédiatement voir ce qui doit être mis à jour en priorité.

Ajoutons du contenu initial en nous basant sur les espaces réservés du fichier, ainsi que des balises

et

pour le message de bienvenue.

Après avoir enregistré ces modifications, nous pouvons revenir à la vue "Archive" pour prévisualiser le contenu de notre document EPUB jusqu'à présent. Cliquer sur le bouton "Prévisualisation" génère un fichier HTML à partir du contenu de l'archive EPUB et l'affiche dans la vue intégrée "Navigateur" de XMLSpy.

Comme vous pouvez le constater, certaines informations obligatoires sont encore manquantes. Double-cliquez sur le fichier content.opf pour ajouter les métadonnées du livre électronique. Vous pouvez passer à la vue en grille pour saisir les données cette fois. Il est facile de passer de l'édition textuelle à l'édition graphique, selon vos préférences.

En cliquant à nouveau sur "Aperçu", on constate que les informations initiales sont complètes.

Avant de continuer, examinons.. valider le fichier EPUB Pour garantir la compatibilité, appuyez sur la touche F8.

Notre fichier est valide, et nous pouvons continuer à ajouter le reste du contenu à l'archive EPUB pour terminer notre livre électronique. Lorsque des erreurs sont présentes, la fenêtre de validation XMLSpy liste et décrit chaque erreur, avec un lien vers l'endroit où elle se produit dans le fichier, afin de faciliter le dépannage.

Réutilisation du contenu existant au format EPUB

De nos jours, les lecteurs disposent de nombreuses options pour consommer du contenu écrit, qu'il s'agisse de livres électroniques, de fichiers PDF ou de pages web. Il est donc de plus en plus courant de devoir rendre le même contenu accessible via différents canaux. Et plus il est facile de le faire, mieux c'est.

Il est facile de réutiliser du contenu HTML provenant d'un site web dans un document EPUB à l'aide de XMLSpy. Continuons avec notre exemple en ajoutant quelques pages HTML existantes du blog de cuisine de l'auteur afin de développer le contenu de l'ebook.

Nous pouvons ajouter ces articles de blog en cliquant sur le bouton "Ajouter un document" dans la vue "Archives", puis en parcourant les fichiers pour les sélectionner.

Nous devons également ajouter les images incluses dans les pages HTML. Étant donné que ce sont des fichiers binaires, la meilleure façon de procéder est d'ouvrir le document EPUB à l'aide de WinZip ou WinRAR et d'ajouter les fichiers nécessaires à l'archive.

Une fois que nous avons enregistré l'archive ZIP, le document EPUB dans XMLSpy reflète les modifications apportées.

Ensuite, mettons à jour le fichier sommaire (toc.ncx) pour qu'il pointe vers les pages HTML en créant un point de navigation (NavPoint) et une étiquette de navigation (NavLabel) distincts pour chaque page HTML...

...et mettez à jour le fichier content.opf pour inclure nos pages HTML dans le fichier manifeste EPUB.

Cette fois, lorsque nous cliquons sur "Aperçu", nous voyons les deux articles que nous avons ajoutés et nous pouvons accéder à chacun d'eux.

Notre livre numérique prend forme !

Il s'agit, bien sûr, d'un exemple très simple, mais il est utile pour comprendre la structure des documents EPUB et pour montrer à quel point il est facile de réutiliser du contenu existant au format EPUB. En plus de la vue d'archive, facile à utiliser, XMLSpy offre une assistance de modification intelligente pour les technologies nécessaires à la présentation des livres électroniques les plus sophistiqués : XML, XHTML, HTML, CSS, etc.

Pour visualiser la structure d'un livre EPUB complet, ouvrez le fichier TheCantervilleGhost.epub dans le projet XMLSpy Examples, ou consultez l'un des livres EPUB gratuits disponibles sur Internet. Une excellente source est Project Gutenberg.

Si vous n'êtes pas encore client d'XMLSpy, vous pouvez télécharger une version d'essai gratuite d'XMLSpy pour l'essayer dès maintenant.