Feuilleter un PDF en ligne : Différence entre versions

De Les Fabriques du Ponant
Aller à : navigation, rechercher
(Offre non-libre)
 
(18 révisions intermédiaires par le même utilisateur non affichées)
Ligne 3 : Ligne 3 :
 
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).
 
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.
+
Bien sur, il n'ya rien de choquant à 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.
 
Cependant, il existe des logiciels libres qui peuvent offrir un service comparable. Sur cette page nous explorons l'offre identifiée sur le web.
Ligne 23 : Ligne 23 :
 
==L'offre existante==
 
==L'offre existante==
 
===Les plugins===
 
===Les plugins===
Pour Wordpress :
+
Pour Wordpress : il y a en a plusieurs
 +
* 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/
  
Pour Spip : https://contrib.spip.net/Visualiser-un-PDF-dans-un-article
+
Pour Spip :  
 +
* https://contrib.spip.net/Visualiser-un-PDF-dans-un-article
 +
* Voir aussi : https://plugins.spip.net/spip.php?page=recherche&compatible_spip=4.3&recherche=pdf
 +
 
 +
Pour Médiawiki :
 +
* https://www.mediawiki.org/wiki/Extension:PdfHandler/fr
 +
* https://www.mediawiki.org/wiki/Extension:PDFEmbed/fr
 +
* Voir Aussi : https://www.mediawiki.org/wiki/PDF_export
  
 
===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 36 : Ligne 49 :
  
 
===Offre non-libre===
 
===Offre non-libre===
Il existe des versions gratuites, souvent limitée (nombre de PDF, filigranne, pafois nombre de vues,...) et différebtes versions payante offrants des services autres.
+
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.
<html>
+
la version payante, suivant les solutions, permet de télécharger une mini application ou une extension compatible Wordpress.
<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>
 
  
 +
====Liens vers quelques services====
 
Par exemple :
 
Par exemple :
 +
* https://pubhtml5.com/
 
* https://fr.flipbuilder.com/
 
* https://fr.flipbuilder.com/
 
* https://fliphtml5.com/fr/
 
* https://fliphtml5.com/fr/
 
* https://www.calameo.com/
 
* https://www.calameo.com/
 +
 +
=====PUBHTML5=====
 +
voici les tarifs et options :
 +
 +
[[Fichier:TarifsEtServicesPubHTML5-2024.png|800px]]
 +
 +
====Exemple de Calameo====
 +
<html>
 +
<div style="text-align:center;"><div style="margin:8px 0px 4px;"><a href="https://www.calameo.com/books/00279815231abc4be6bbd" target="_blank">Catalogue Formation Professionnelle 2014-2015 Les Petits Débrouillards Midi-Pyrénées</a></div><iframe src="//v.calameo.com/?bkcode=00279815231abc4be6bbd" width="300" height="194" frameborder="0" scrolling="no" allowtransparency allowfullscreen style="margin:0 auto;"></iframe><div style="margin:4px 0px 8px;"><a href="http://www.calameo.com/">Publish at Calameo</a></div></div>
 +
</html>
 +
 +
====Exemple de pubhtml5====
 +
<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>
 +
</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>

Version actuelle datée du 10 décembre 2024 à 10:53

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