Vous êtes ici : Accueil > SIGB > BCDI/E Sidoc > Insérer des médias dans E sidoc
Par : DocTice
Publié : 24 juillet 2011

Insérer des médias dans E sidoc

Pleine de bonnes résolutions, j’ai voulu compléter et personnaliser le CMS E sidoc pour le CDI.
J’ai commencé par la rubrique "Le lieu et équipements du CDI", et là j’ai vite été confrontée aux possibilités restreintes qui sont offertes par défaut. En effet, E sidoc n’offre pas la possibilité de joindre plusieurs images (une par article et c’est tout ! ). Une élève avait réalisé une visite virtuelle du CDI en vidéo il y a trois ans, impossible de l’intégrer...

J’ai donc cherché des solutions alternatives, comme le fil Twitter, ce n’est pas la panacée, mais cela permet quand même de rendre les articles plus attractifs, d’élargir les possibilités et de diversifier les contenus.

Attention : si vous ne comprenez rien au langage html et que le mot "embed" vous donne des boutons passez votre chemin...

La première chose à savoir est que vous ne pouvez quasiment rien stocker sur E sidoc, autrement dit vos images, vos vidéos, vos fichiers pdf ou autre doivent être hébergés ailleurs.
Si vous avez la chance d’avoir un site ou un blog pour le CDI ou même si vous avez quelques droits sur le site de votre établissement ça devrait être facile. Si ce n’est pas le cas, il faudra trouver des plateformes d’hébergement (Flickr, Issuu, Youtube...).
Pensez à en parler à votre chef d’établissement...


Insérer une image en copiant son adresse

1. Trouver les adresses URL des images

Les images qui sont enregistrées sur votre site ou sur votre blog possèdent une adresse URL. Pour connaître celle-ci, vous avez plusieurs possibilités en utilisant le clic droit de la souris positionnée sur l’image (navigateur Firefox) :
- Option afficher l’image : l’image apparait seule dans votre navigateur, son adresse URL est affichée dans la barre d’adresse
- Option information sur l’image : cette option de Firefox permet de connaître les adresses de toutes les images de la page visitée.

2. Insérer le code sur E sidoc

- Sur le CMS, ajouter un nouvel article dans la rubrique que vous souhaitez
- Sélectionnez l’option "éditer le code source html"

- Puis copiez l’adresse de votre image, vous l’encadrerez par le code :

- Cliquez sur "Mettre à jour", votre image doit apparaître. Si ce n’était pas le cas, vérifiez bien la présence des guillemets qui encadrent l’adresse.
- vous pouvez ensuite ajouter le texte que vous souhaitez

Voici le résultat pour le CDI de mon établissement :http://0762080y.esidoc.fr/node/8518

Et voilà, vous pouvez maintenant insérer des images dans tous vos articles sur E sidoc.

Insérer d’autres médias en copiant le code embed

Si vous hébergez des fichiers pdf sur les plateformes Issuu ou Calamaeo, vous pouvez aussi les insérer dans vos articles sur E sidoc. Il suffit pour cela de copier le code embed de votre publication et de le coller dans la page html de votre article.
Ex sur Issuu :


Copiez ce code dans la partie html de votre article, vous devez obtenir :

Cliquez sur mettre à jour, vous n’aurez pas d’aperçu de votre document dans l’éditeur de texte, mais un objet flash :

Votre document apparaitra une fois publié.

Le résultat sur Esidoc :http://0762080y.esidoc.fr/node/8520

Réalisée grâce à la méthode, la visite virtuelle du CDI :
http://0762080y.esidoc.fr/node/8519

Cette méthode permet donc d’insérer des médias dans vos articles E sidoc issus d’hébergements extérieurs.
J’ai testé l’hébergement d’images et de vidéos sur le site de mon académie, l’hébergement Flickr, Issuu et Youtube.
Si vous avez trouvé d’autres solutions je suis bien évidemment preneuse ! :-)