Another teacher’s website

  http://bit.ly/elKMdM copy to clipboard + http://bit.ly/elKMdM RSS

Afficher un aperçu des pièces jointes

Afficher un aperçu des pièces jointes

avec le viewer de Google Documents

par SteF, le 23 février 2011 (maj 25 février 2011) BY-SA
6 commentaires
Pièces jointes

Donnez votre avis
25 votes

Sommaire

Google Document Viewer permet d’afficher un document bureautique placé en ligne. On peut donc s’en servir pour intégrer à une page web l’aperçu d’un document par ailleurs disponible en téléchargement. Cela permettra aux visiteurs d’avoir un aperçu du contenu d’une pièce jointe sans quitter la page et sans avoir besoin de télécharger et d’ouvrir le fichier.

Le rendu des documents est souvent altéré. On retrouve le fond, mais la mise en page est dégradée comme lorsqu’on importe un document dans Google Documents. Sauf bien entendu pour les fichiers pdf qui sont rendus fidèlement.

Voici une noisette et un modèle qui permettront d’automatiser l’affichage du contenu des pièces jointes directement sur la page de l’article ou de la rubrique. Il n’est pas nécessaire de posséder un compte Google pour utiliser ce service qui ne demande aucune identification.

Liens
- Google Document Viewer,
- Google Drive - Collaboration, partage et interactivité.

Noisette pour le portfolio

La noisette ci-dessous permettra d’appeler le modèle googleviewer à partir du portfolio pour les formats souhaités. Le code est à ajouter au squelette qui génère le portfolio sur votre site, juste après la balise #DESCRIPTIF.

Vous pouvez adapter ce code en fonction des types de fichiers pour lesquels vous souhaitez proposer un aperçu, le code ci-dessus appellera le modèle uniquement pour les formats PDF et Open Documents.

Lire aussi
- Infos sur le viewer sur le blog de Google Docs (vous y trouverez notamment la liste des formats pris en charge).
- Ajouter de nouveaux types de fichiers dans les pièces jointes acceptées par SPIP, sur spip.net.

Modèle pour l’aperçu

Zip - 715 octets
Modèle googleviewer
Modèle SPIP pour générer l’aperçu d’une pièce jointe

Le modèle ci-contre est à installer dans le dossier squelettes de votre site. Dézippez l’archive et copiez le dossier modeles dans votre dossier squelettes à la racine de SPIP.

Le modèle affiche un lien Aperçu, lorsque ce lien est cliqué, il est remplacé par un lien Masquer suivi d’une balise iframe qui intègre l’affichage du document joint par le viewer de Google Documents. Il utilise pour ça le critère ajax de SPIP qui pour ne charger que l’aperçu sans recharger le reste de la page. Ci-dessous le code du modèle.

Pour les formats autres que PDF, la conversion au format Google Documents entraîne des altérations de la mise en page, plus particulièrement si le document contient des tableaux un peu complexes, avec des cellules fusionnées. Pour tous les formats autre que PDF, le modèle ajoute la mention « La mise en page risque d’être altérée » — le document original est bien entendu préservé tel quel lorsqu’il est téléchargé.

Lien
- Exemple de rendu

Photo - Keyhole par neatlysliced - cc-BY-NC-SA

Pièces jointes à télécharger

  • Modèle googleviewer - Zip - 715 octets
    Modèle SPIP pour générer l’aperçu d’une pièce jointe
    Télécharger

Retour en haut de la page

5/11 Sommaire de la rubrique Précédent Suivant

Conditions d'utilisation

Le billet ci-dessus « Afficher un apercu des pieces jointes » par Stephane Busuttil, ainsi que — sauf mentions spécifiques — tous les documents accessibles sur cette page sont librement mis à disposition selon les termes de la licence Creative Commons Paternité - Partage des Conditions Initiales à l'Identique 3.0 Unported.

+ de détails

Votre avis sur cette page

25 votes

6 commentaires

Aller au dernier commentaire

  • laurenceb, le 24 février 2011 à 02:30

    excellent ! txs Stef :-)

  • laurenceb, le 24 février 2011 à 02:38

    record battu sur Absolutenglish : noisette installée et fonctionnelle en 5 minutes

  • SteF, le 24 février 2011 à 06:57

    nickel ! mais c’est bizarre, sur ton dernier article, le portfolio annonce ’layout may be altered’ alors que les PJ sont en PDF, normalement cet avertissement est limité aux autres formats ?

  • laurenceb, le 24 février 2011 à 11:54

    faudra que j’en parle à mon fournisseur de noisettes... je ne saurais te dire pourquoi.

  • SteF, le 24 février 2011 à 12:33

    hmm... il y avait une c**** dans la noisette, ou plutôt dans le modèle (parenthèse fermante après pdf à supprimer) — c’est corrigé dans l’article et la PJ.

  • laurenceb, le 24 février 2011 à 19:00

    corrigé, impec’


Vos réactions

Laissez ci-dessous vos commentaires, précisions, remarques et questions. Vos contributions ne s'affichent publiquement qu'après validation, trop de spam sinon.

Commenter
  • (Pour créer des paragraphes, laissez simplement des lignes vides.)

    texte
Qui êtes-vous ?

Retour en haut de la page

SPIP

SPIP est un logiciel unique, merveilleux et irremplaçable. Dans cette rubrique, quelques modestes contributions.

10 autres articles dans cette rubrique

Morceaux choisis


Contribuez à maintenir ces pages sur la toile.
Paiement sécurisé par Paypal ou CB

Frais d'hébergement depuis 2009 : 230 €
Total des dons depuis 2009 : 99 €

Another Teacher's Website est motorisé par SPIP.

Contribuez au contenu de ce site