# Micro-service : Hub3E Bibliothèque Virtuelle

Le micro-service Hub3E Bibliothèque Virtuelle permet de convertir des documents PDF en document feuilletable et partageable à l'aide d'une technologie de consultation intuitive et innovante développée par Linkpart.

# Présentation du micro-service Hub3E Bibliothèque Virtuelle

### Introduction

Un document dans Hub3E Bibliothèque Virtuelle est un document PDF converti en livre virtuel dont on peut tourner les pages.

Le micro-service Hub3E Bibliothèque Virtuelle permet de convertir des documents PDF en document feuilletable dans un lecteur PDF innovant spécialement développé par Linkpart. Les documents enregistrés dans le micro-service Hub3E Bibliothèque Virtuelle sont partageable via un lien de partage facilement distribuable.

### Présentation du fonctionnement du micro-service

<div drawio-diagram="569"><img src="https://documentation-bookstack-files.s3.eu-west-3.amazonaws.com/uploads/images/drawio/2020-09/t7Jn8k5QFbnMGDhO-Drawing-Brendan-1599035473.png" alt=""/></div>

Le centre de formation envoie un document PDF au micro-service Hub3E Bibliothèque Virtuelle et ce document PDF est automatiquement transformé en livre électronique feuilletable, partageable simplement grâce à un lien d'accès direct :

[![image-1599035623098.png](https://documentation-bookstack-files.s3.eu-west-3.amazonaws.com/uploads/images/gallery/2020-09/scaled-1680-/KHdjD7xG4dyLVlOu-image-1599035623098.png)](https://documentation-bookstack-files.s3.eu-west-3.amazonaws.com/uploads/images/gallery/2020-09/KHdjD7xG4dyLVlOu-image-1599035623098.png)

Note : cliquez sur l'image pour la voir en taille réelle.

### Plus d'informations sur le micro-service Hub3E Bibliothèque Virtuelle

Pour plus d'informations sur le micro-service ​Hub3E Bibliothèque Virtuelle, consultez la page :

[Gestion de la bibliothèque virtuelle](https://documentation.hub3e.com/books/e-learning/page/gestion-de-la-biblioth%C3%A8que-virtuelle)

# Gestion de la bibliothèque virtuelle

### Interface de gestion de la bibliothèque virtuelle

<div drawio-diagram="582"><img src="https://documentation-bookstack-files.s3.eu-west-3.amazonaws.com/uploads/images/drawio/2020-09/8lfXJcLb7S4ZFqop-Drawing-Brendan-1599814651.png" alt=""/></div>

<table border="1" id="bkmrk-1.-saisissez-le-nouv" style="border-collapse: collapse; width: 100%; height: 308px;"><tbody><tr style="height: 28px;"><td style="width: 5.06173%; border-style: hidden; height: 28px;">**<span style="color: #ff0000;">1.</span>**</td><td style="width: 94.9383%; border-style: hidden; height: 28px;">Bouton **créer un document**</td></tr><tr style="height: 28px;"><td style="width: 5.06173%; border-style: hidden; height: 28px;">**<span style="color: #ff0000;">2.</span>**</td><td style="width: 94.9383%; border-style: hidden; height: 28px;">Date de création du document</td></tr><tr style="height: 28px;"><td style="width: 5.06173%; border-style: hidden; height: 28px;">**<span style="color: #ff0000;">3.</span>**</td><td style="width: 94.9383%; border-style: hidden; height: 28px;">Nom du document</td></tr><tr style="height: 28px;"><td style="width: 5.06173%; border-style: hidden; height: 28px;">**<span style="color: #ff0000;">4.</span><span style="color: #ff0000;">  
</span>**</td><td style="width: 94.9383%; border-style: hidden; height: 28px;">Descriptif du document</td></tr><tr style="height: 28px;"><td style="width: 5.06173%; border-style: hidden; height: 28px;">**<span style="color: #ff0000;">5.</span>**</td><td style="width: 94.9383%; border-style: hidden; height: 28px;">Type du document</td></tr><tr style="height: 28px;"><td style="width: 5.06173%; border-style: hidden; height: 28px;">**<span style="color: #ff0000;">6.</span>**</td><td style="width: 94.9383%; border-style: hidden; height: 28px;">Dernier utilisateur à avoir modifié le document</td></tr><tr style="height: 28px;"><td style="width: 5.06173%; border-style: hidden; height: 28px;">**<span style="color: #ff0000;">7.</span>**</td><td style="width: 94.9383%; border-style: hidden; height: 28px;">Bouton **modifier** le document</td></tr><tr style="height: 28px;"><td style="width: 5.06173%; border-style: hidden; height: 28px;">**<span style="color: #ff0000;">8.</span>**</td><td style="width: 94.9383%; border-style: hidden; height: 28px;">Bouton de mise à jour du PDF du document. Il permet de téléverser un nouveau pdf qui remplacera l'ancien</td></tr><tr style="height: 28px;"><td style="width: 5.06173%; border-style: hidden; height: 28px;">**<span style="color: #ff0000;">9.</span>**</td><td style="width: 94.9383%; border-style: hidden; height: 28px;">Bouton **consulter le document**</td></tr><tr style="height: 28px;"><td style="width: 5.06173%; border-style: hidden; height: 28px;">**<span style="color: #ff0000;">10.</span>**</td><td style="width: 94.9383%; border-style: hidden; height: 28px;">Bouton **copier url du document**</td></tr><tr style="height: 28px;"><td style="width: 5.06173%; border-style: hidden; height: 28px;">**<span style="color: #ff0000;">11.</span>**</td><td style="width: 94.9383%; border-style: hidden; height: 28px;">Bouton **supprimer le document**</td></tr></tbody></table>

### Création d'un document

<div drawio-diagram="583"><img src="https://documentation-bookstack-files.s3.eu-west-3.amazonaws.com/uploads/images/drawio/2020-09/EWgxXxNBMA0IiE1K-Drawing-Brendan-1599815303.png" alt=""/></div>

<table border="1" id="bkmrk-1.-intitul%C3%A9-du-docum" style="border-collapse: collapse; width: 100%; height: 308px;"><tbody><tr style="height: 28px;"><td style="width: 5.06173%; border-style: hidden; height: 28px;">**<span style="color: #ff0000;">1.</span>**</td><td style="width: 94.9383%; border-style: hidden; height: 28px;">Intitulé du document, 255 caractères maximum</td></tr><tr style="height: 28px;"><td style="width: 5.06173%; border-style: hidden; height: 28px;">**<span style="color: #ff0000;">2.</span>**</td><td style="width: 94.9383%; border-style: hidden; height: 28px;">(Optionnel) Description du document, sans restriction de caractères</td></tr><tr style="height: 28px;"><td style="width: 5.06173%; border-style: hidden; height: 28px;">**<span style="color: #ff0000;">3.</span>**</td><td style="width: 94.9383%; border-style: hidden; height: 28px;">Type du document</td></tr><tr style="height: 28px;"><td style="width: 5.06173%; border-style: hidden; height: 28px;">**<span style="color: #ff0000;">4.</span><span style="color: #ff0000;">  
</span>**</td><td style="width: 94.9383%; border-style: hidden; height: 28px;">PDF, champ de type PDF de 10 Mo</td></tr><tr style="height: 28px;"><td style="width: 5.06173%; border-style: hidden; height: 28px;">**<span style="color: #ff0000;">5.</span>**</td><td style="width: 94.9383%; border-style: hidden; height: 28px;">Options d'affichage par défaut à l'ouverture du document</td></tr></tbody></table>

<p class="callout info">Information : l'option d'affichage **Affichage par défaut** privilégie l'affichage en double page sur les ordinateurs et l'affichage en simple page sur les téléphones et les tablettes.</p>

###  

### Mise à jour du PDF d'un document

Il permet de remplacer l'ancien PDF du document par un nouveau. Les contraintes suivantes s'appliquent au fichier :

- Doit être de type PDF
- Doit faire au maximum 10 Mo

<div drawio-diagram="585"><img src="https://documentation-bookstack-files.s3.eu-west-3.amazonaws.com/uploads/images/drawio/2020-09/7NUYNUJZbYUoQX2Y-Drawing-Brendan-1599815537.png" alt=""/></div>

<table border="1" id="bkmrk-1.-champ-de-s%C3%A9lectio" style="border-collapse: collapse; width: 100%; height: 308px;"><tbody><tr style="height: 28px;"><td style="width: 5.06173%; border-style: hidden; height: 28px;">**<span style="color: #ff0000;">1.</span>**</td><td style="width: 94.9383%; border-style: hidden; height: 28px;">Champ de sélection du fichier PDF</td></tr><tr style="height: 28px;"><td style="width: 5.06173%; border-style: hidden; height: 28px;">**<span style="color: #ff0000;">2.</span>**</td><td style="width: 94.9383%; border-style: hidden; height: 28px;">Bouton de mise à jour du PDF</td></tr></tbody></table>

### Plus d'informations sur le micro-service Hub3E Bibliothèque Virtuelle

Pour plus d'informations sur le micro-service ​Hub3E Bibliothèque Virtuelle, consultez la page :

[Gestion des types de documents](https://documentation.hub3e.com/books/e-learning/page/gestion-des-types-de-documents)

# Gestion des types de documents

### L'entité type document

Un type document est une entité composée seulement d'un intitulé (de type texte).

L'objectif est d'associer ce type de document à des documents de la bibliothèque virtuelle afin de pouvoir les classifier facilement.

### Page d'accueil des types de document

<div drawio-diagram="587"><img src="https://documentation-bookstack-files.s3.eu-west-3.amazonaws.com/uploads/images/drawio/2020-09/SgjllLxZDrRULDZ5-Drawing-Brendan-1599816052.png" alt=""/></div>

<table border="1" id="bkmrk-1.-saisissez-le-nouv" style="border-collapse: collapse; width: 100%; height: 140px;"><tbody><tr style="height: 28px;"><td style="width: 5.06173%; border-style: hidden; height: 28px;">**<span style="color: #ff0000;">1.</span>**</td><td style="width: 94.9383%; border-style: hidden; height: 28px;">Bouton **Retour à la Bibliothèque Virtuelle**</td></tr><tr style="height: 28px;"><td style="width: 5.06173%; border-style: hidden; height: 28px;">**<span style="color: #ff0000;">2.</span>**</td><td style="width: 94.9383%; border-style: hidden; height: 28px;">Bouton **Créer un type de document**</td></tr><tr style="height: 28px;"><td style="width: 5.06173%; border-style: hidden; height: 28px;">**<span style="color: #ff0000;">3.</span>**</td><td style="width: 94.9383%; border-style: hidden; height: 28px;">Nom du type de document</td></tr><tr style="height: 28px;"><td style="width: 5.06173%; border-style: hidden; height: 28px;">**<span style="color: #ff0000;">4.</span><span style="color: #ff0000;">  
</span>**</td><td style="width: 94.9383%; border-style: hidden; height: 28px;">Modifier le type de document</td></tr><tr style="height: 28px;"><td style="width: 5.06173%; border-style: hidden; height: 28px;">**<span style="color: #ff0000;">5.</span>**</td><td style="width: 94.9383%; border-style: hidden; height: 28px;">Supprimer le type de document</td></tr></tbody></table>

### Créer un type de document

<div drawio-diagram="588"><img src="https://documentation-bookstack-files.s3.eu-west-3.amazonaws.com/uploads/images/drawio/2020-09/9i8nhyhRMfvnoJVj-Drawing-Brendan-1599816308.png" alt=""/></div>

<table border="1" id="bkmrk-1.-intitul%C3%A9-du-type-" style="border-collapse: collapse; width: 100%; height: 140px;"><tbody><tr style="height: 28px;"><td style="width: 5.06173%; border-style: hidden; height: 28px;">**<span style="color: #ff0000;">1.</span>**</td><td style="width: 94.9383%; border-style: hidden; height: 28px;">**Intitulé du type de document, 255 caractères max**</td></tr><tr style="height: 28px;"><td style="width: 5.06173%; border-style: hidden; height: 28px;">**<span style="color: #ff0000;">2.</span>**</td><td style="width: 94.9383%; border-style: hidden; height: 28px;">Bouton **Créer** permettant de créer un type de document</td></tr></tbody></table>

### Plus d'informations sur le micro-service Hub3E Bibliothèque Virtuelle

Pour plus d'informations sur le micro-service ​Hub3E Bibliothèque Virtuelle, consultez la page :

[Utilisation du lecteur PDF](https://documentation.hub3e.com/books/e-learning/page/utilisation-du-lecteur-pdf)

# Utilisation du lecteur PDF

### Lecteur du document

[![image-1599722650727.png](https://documentation-bookstack-files.s3.eu-west-3.amazonaws.com/uploads/images/gallery/2020-09/scaled-1680-/3yNaPth0p8v4nGXF-image-1599722650727.png)](https://documentation-bookstack-files.s3.eu-west-3.amazonaws.com/uploads/images/gallery/2020-09/3yNaPth0p8v4nGXF-image-1599722650727.png)

<table border="1" id="bkmrk-1.-intitul%C3%A9-du-docum" style="border-collapse: collapse; width: 100%; height: 308px;"><tbody><tr style="height: 28px;"><td style="width: 5.06173%; border-style: hidden; height: 28px;">**<span style="color: #ff0000;">1.</span>**</td><td style="width: 94.9383%; border-style: hidden; height: 28px;">Afficher / Cacher le message</td></tr><tr style="height: 28px;"><td style="width: 5.06173%; border-style: hidden; height: 28px;">**<span style="color: #ff0000;">2.</span>**</td><td style="width: 94.9383%; border-style: hidden; height: 28px;">Bouton rechercher dans le document</td></tr><tr style="height: 28px;"><td style="width: 5.06173%; border-style: hidden; height: 28px;">**<span style="color: #ff0000;">3.</span>**</td><td style="width: 94.9383%; border-style: hidden; height: 28px;">Bouton **Page Précédente**</td></tr><tr style="height: 28px;"><td style="width: 5.06173%; border-style: hidden; height: 28px;">**<span style="color: #ff0000;">4.</span><span style="color: #ff0000;">  
</span>**</td><td style="width: 94.9383%; border-style: hidden; height: 28px;">Bouton **Page Suivante**</td></tr><tr style="height: 28px;"><td style="width: 5.06173%; border-style: hidden; height: 28px;">**<span style="color: #ff0000;">5.</span>**</td><td style="width: 94.9383%; border-style: hidden; height: 28px;">Bouton **Sélection de page**</td></tr><tr><td style="width: 5.06173%; border-style: hidden;">**<span style="color: #ff0000;">6.</span>**</td><td style="width: 94.9383%; border-style: hidden;">Type d'affichage du menu. Permet d'afficher soit le mode **Prévisualisation** qui permet de voir les pages du PDF soit 'Menu' qui permet de voir les titres et sous titres</td></tr><tr><td style="width: 5.06173%; border-style: hidden;">**<span style="color: #ff0000;">7.</span><span style="color: #ff0000;">  
</span>**</td><td style="width: 94.9383%; border-style: hidden;">Titres du PDF</td></tr><tr><td style="width: 5.06173%; border-style: hidden;">**<span style="color: #ff0000;">8.</span><span style="color: #ff0000;">  
</span>**</td><td style="width: 94.9383%; border-style: hidden;">Sous-titres du PDF</td></tr><tr><td style="width: 5.06173%; border-style: hidden;">**<span style="color: #ff0000;">9.</span><span style="color: #ff0000;">  
</span>**</td><td style="width: 94.9383%; border-style: hidden;">Boutons Zoom / Dézoom</td></tr><tr><td style="width: 5.06173%; border-style: hidden;">**<span style="color: #ff0000;">10.</span><span style="color: #ff0000;">  
</span>**</td><td style="width: 94.9383%; border-style: hidden;">Prévisualisation des pages du PDF</td></tr><tr><td style="width: 5.06173%; border-style: hidden;">**<span style="color: #ff0000;">11.</span><span style="color: #ff0000;">  
</span>**</td><td style="width: 94.9383%; border-style: hidden;">Basculer en mode **Présentation**</td></tr><tr><td style="width: 5.06173%; border-style: hidden;">**<span style="color: #ff0000;">12.</span><span style="color: #ff0000;">  
</span>**</td><td style="width: 94.9383%; border-style: hidden;">Imprimer le PDF</td></tr><tr><td style="width: 5.06173%; border-style: hidden;">**<span style="color: #ff0000;">13.</span><span style="color: #ff0000;">  
</span>**</td><td style="width: 94.9383%; border-style: hidden;">Télécharger le PDF</td></tr><tr><td style="width: 5.06173%; border-style: hidden;">**<span style="color: #ff0000;">14.</span><span style="color: #ff0000;">  
</span>**</td><td style="width: 94.9383%; border-style: hidden;">Ouvrir ce PDF dans une nouvelle fenêtre</td></tr><tr><td style="width: 5.06173%; border-style: hidden;">**<span style="color: #ff0000;">15.</span><span style="color: #ff0000;">  
</span>**</td><td style="width: 94.9383%; border-style: hidden;">Afficher le menu **Outils Complémentaires**</td></tr></tbody></table>

### Lecteur du document avec prévisualisation des pages

[![image-1599723198135.png](https://documentation-bookstack-files.s3.eu-west-3.amazonaws.com/uploads/images/gallery/2020-09/scaled-1680-/luBt0Jc1WQBL2aow-image-1599723198135.png)](https://documentation-bookstack-files.s3.eu-west-3.amazonaws.com/uploads/images/gallery/2020-09/luBt0Jc1WQBL2aow-image-1599723198135.png)

### Outils de consultation du document

[![image-1599723393988.png](https://documentation-bookstack-files.s3.eu-west-3.amazonaws.com/uploads/images/gallery/2020-09/scaled-1680-/ZHxQQls4F04N2pZU-image-1599723393988.png)](https://documentation-bookstack-files.s3.eu-west-3.amazonaws.com/uploads/images/gallery/2020-09/ZHxQQls4F04N2pZU-image-1599723393988.png)

<table border="1" id="bkmrk-1.-retourner-%C3%A0-la-pr" style="border-collapse: collapse;"><tbody><tr style="height: 28px;"><td style="width: 38px; border-style: hidden; height: 28px;">**<span style="color: #ff0000;">1.</span>**</td><td style="width: 652px; border-style: hidden; height: 28px;">Retourner à la première page du PDF</td></tr><tr style="height: 28px;"><td style="width: 38px; border-style: hidden; height: 28px;">**<span style="color: #ff0000;">2.</span>**</td><td style="width: 652px; border-style: hidden; height: 28px;">Retourner à la dernière page du PDF</td></tr><tr style="height: 28px;"><td style="width: 38px; border-style: hidden; height: 28px;">**<span style="color: #ff0000;">3.</span>**</td><td style="width: 652px; border-style: hidden; height: 28px;">Rotation du PDF dans le sens horaire</td></tr><tr style="height: 28px;"><td style="width: 38px; border-style: hidden; height: 28px;">**<span style="color: #ff0000;">4.</span><span style="color: #ff0000;">  
</span>**</td><td style="width: 652px; border-style: hidden; height: 28px;">Rotation du PDF dans le sens antihoraire</td></tr><tr style="height: 28px;"><td style="width: 38px; border-style: hidden; height: 28px;">**<span style="color: #ff0000;">5.</span>**</td><td style="width: 652px; border-style: hidden; height: 28px;">Lorsque activé, l'utilisateur peut sélectionner du texte dans le PDF</td></tr><tr><td style="width: 38px; border-style: hidden;">**<span style="color: #ff0000;">6.</span>**</td><td style="width: 652px; border-style: hidden;">Lorsque activé, l'utilisateur peut scroller à l'aide des cliques souris</td></tr><tr><td style="width: 38px; border-style: hidden;">**<span style="color: #ff0000;">7.</span><span style="color: #ff0000;">  
</span>**</td><td style="width: 652px; border-style: hidden;">Enlève la notion de page pour faire apparaître l'intégralité du PDF verticalement</td></tr><tr><td style="width: 38px; border-style: hidden;">**<span style="color: #ff0000;">8.</span><span style="color: #ff0000;">  
</span>**</td><td style="width: 652px; border-style: hidden;">Enlève la notion de page pour faire apparaître l'intégralité du PDF horizontalement</td></tr><tr><td style="width: 38px; border-style: hidden;">**<span style="color: #ff0000;">9.</span><span style="color: #ff0000;">  
</span>**</td><td style="width: 652px; border-style: hidden;">Enlève la notion de page pour faire apparaître des blocs de deux pages verticalement</td></tr><tr><td style="width: 38px; border-style: hidden;">**<span style="color: #ff0000;">10.</span><span style="color: #ff0000;">  
</span>**</td><td style="width: 652px; border-style: hidden;">Affiche les pages une par une</td></tr><tr><td style="width: 38px; border-style: hidden;">**<span style="color: #ff0000;">11.</span><span style="color: #ff0000;">  
</span>**</td><td style="width: 652px; border-style: hidden;"> Affiche les pages deux par deux la page impair étant à gauche</td></tr><tr><td style="width: 38px; border-style: hidden;">**<span style="color: #ff0000;">12.</span><span style="color: #ff0000;">  
</span>**</td><td style="width: 652px; border-style: hidden;">Affiche les pages deux par deux la page impair étant à droite</td></tr><tr><td style="width: 38px; border-style: hidden;">**<span style="color: #ff0000;">13.</span><span style="color: #ff0000;">  
</span>**</td><td style="width: 652px; border-style: hidden;">Affiche les propriétés du document (Nom, poids, date de création, date de modification ...)</td></tr></tbody></table>