Feuilleter un PDF en ligne : Différence entre versions

De Les Fabriques du Ponant
Aller à : navigation, rechercher
(Offre non-libre)
(Exemple en HTML)
 
(9 révisions intermédiaires par le même utilisateur non affichées)
Ligne 25 : Ligne 25 :
 
Pour Wordpress : il y a en a plusieurs  
 
Pour Wordpress : il y a en a plusieurs  
 
* Un visualisateur simple (sans effet Ouahou !) : https://fr.wordpress.org/plugins/pdf-embedder/
 
* Un visualisateur simple (sans effet Ouahou !) : https://fr.wordpress.org/plugins/pdf-embedder/
 +
* un qui pourrait intéresser : https://wordpress.org/plugins/flowpaper-lite-pdf-flipbook/
 
* Voir aussi : https://fr.wordpress.org/plugins/tags/pdf-viewer/
 
* Voir aussi : https://fr.wordpress.org/plugins/tags/pdf-viewer/
  
Ligne 37 : Ligne 38 :
  
 
===Offre libre===
 
===Offre libre===
Il existe des solution à installer sur ses serveurs. Mais cela demande de compétences techniques liées à l'administration serveur.
+
Il y a la trousse à outils de La Digitale (mais pas forcément ce qu'il nous faut):
 +
* https://digipdf.app/
 +
 
 +
Il existe des solutions à installer sur ses serveurs. Mais cela demande de compétences techniques liées à l'administration serveur.
 
* https://github.com/Nodlik/StPageFlip
 
* https://github.com/Nodlik/StPageFlip
 
* http://www.turnjs.com
 
* http://www.turnjs.com
Ligne 68 : Ligne 72 :
 
<html>
 
<html>
 
<iframe style='width:900px;height:500px' src='https://online.pubhtml5.com/rmoqm/uipm/'  seamless='seamless' scrolling='no' frameborder='0' allowtransparency='true' allowfullscreen='true' ></iframe>
 
<iframe style='width:900px;height:500px' src='https://online.pubhtml5.com/rmoqm/uipm/'  seamless='seamless' scrolling='no' frameborder='0' allowtransparency='true' allowfullscreen='true' ></iframe>
 +
</html>
 +
 +
====Exemple en HTML====
 +
On utilise ce code d'encapsulation (Source : https://fr.w3docs.com/snippets/html/comment-integrer-pdf-dans-html.html ):
 +
 +
<nowiki>
 +
<html>
 +
<!DOCTYPE html>
 +
<html>
 +
  <head>
 +
    <title>encapsulation</title>
 +
  </head>
 +
  <body>
 +
    <h1>Le cahier des questionnologues</h1>
 +
    <iframe src="https://wiki.lesfabriquesduponant.net/images/4/4d/Super_Brest_Cahier_Questionnologue.pdf" width="100%" height="1000px"> </iframe>
 +
  </body>
 +
</html>
 +
</html>
 +
</nowiki>
 +
 +
<html>
 +
<!DOCTYPE html>
 +
<html>
 +
  <head>
 +
    <title>encapsulation</title>
 +
  </head>
 +
  <body>
 +
    <h1>Le cahier des questionnologues</h1>
 +
    <iframe src="https://wiki.lesfabriquesduponant.net/images/4/4d/Super_Brest_Cahier_Questionnologue.pdf" width="100%" height="1000px"> </iframe>
 +
  </body>
 +
</html>
 
</html>
 
</html>

Version actuelle datée du 26 novembre 2024 à 18:36

Haaaa, l'effet "Ouahou !" du pdf qu'on feuillette en ligne et qui fait le bruit de la page du livre qu'on tourne !

Historiquement il y a eut Calaméo, une solution commerciale qui offrait un service gratuit assez large, mais le service s'est restreint et il faut maintenant payer pour avoir plus de 5 documents en ligne (à la date du 26 novembre 2024).

Bien sur, il n'ya rien de chiquant à payer pour avoir un service.

Cependant, il existe des logiciels libres qui peuvent offrir un service comparable. Sur cette page nous explorons l'offre identifiée sur le web.

Quel service rechercher ?

par ordre de complexité du service

  1. Permettre le téléchargement du PDF,
  2. Permettre d'afficher le PDF en ligne (la plupart des navigateurs modernes le font).
  3. Permettre de "feuilleter" le PDF en ligne.

Pour ce qui est de "feuilleter" le PDF en ligne, on peut souhaiter différents service :

  • Un plugin pour un site particulier (SPIP, Médiawiki, Wordpress),
  • Un code permettant l'encapsulation dans n'importe quel site (iFrame par exemple),
  • Héberger les fichiers sur nos propres serveurs,
  • Que l'affichage permette : le téléchargement du PDF, de récupérer un code d'encapsulation pour en permettre la réutilisation, ...
  • Que ce soit du logiciel libre.

Cela peut aller jusqu'à la création PDF interactifs et enrichis (incluants liens cliquables, formulaires, vidéos, sons et autres effets...)

L'offre existante

Les plugins

Pour Wordpress : il y a en a plusieurs

Pour Spip :

Pour Médiawiki :

Offre libre

Il y a la trousse à outils de La Digitale (mais pas forcément ce qu'il nous faut):

Il existe des solutions à installer sur ses serveurs. Mais cela demande de compétences techniques liées à l'administration serveur.

Pas encore prêt, mais en cours de déveloopement, basé sur H5P

Offre non-libre

Il existe des versions gratuites, souvent limitée (nombre de PDF, filigranne, pafois nombre de vues,...) et différentes versions payante offrants des services autres. la version payante, suivant les solutions, permet de télécharger une mini application ou une extension compatible Wordpress.

Liens vers quelques services

Par exemple :

PUBHTML5

voici les tarifs et options :

TarifsEtServicesPubHTML5-2024.png

Exemple de Calameo

Exemple de pubhtml5

Exemple en HTML

On utilise ce code d'encapsulation (Source : https://fr.w3docs.com/snippets/html/comment-integrer-pdf-dans-html.html ):

<html> <!DOCTYPE html> <html> <head> <title>encapsulation</title> </head> <body> <h1>Le cahier des questionnologues</h1> <iframe src="https://wiki.lesfabriquesduponant.net/images/4/4d/Super_Brest_Cahier_Questionnologue.pdf" width="100%" height="1000px"> </iframe> </body> </html> </html>

encapsulation

Le cahier des questionnologues

</html>