Présentation de www.issuu.com

Outils gratuits de présentation de documents « animés »
Issuu - Slideshare
Rédacteur :
C.NOEL
Date de diffusion :
19/10/2009
Publier un document sous forme de « feuilleteur »
Un feuilleteur appelé aussi « page flip » ou « flipping book » ou « livre virtuel flash » ou « catalogue
interactif », … est un livre ou un document que l’on peut feuilleter à l’écran, en tournant les pages.
Il existe principalement 2 méthodes pour construire ce feuilleteur :
•
Soit s’inscrire sur un site de partage de document ( www.issuu.com, www.fr.calameo.com, … ) et
transformer son document « online ». Ce sont des sites qui permettent l’upload puis le stockage et
le partage de documents à la manière de Youtube (pour la liberté de visionnage sur une page
dédiée sur leur site ou via un code embed).
•
Soit utiliser un logiciel qui génère ce catalogue à partir d’un pdf ou d’images jpg, mais cette
solution exige des connaissances techniques (souvent du XML, du javascript) et demande plus de
temps …
Présentation de www.issuu.com
Le seul pré requis pour utiliser ce site est d’avoir le lecteur « flash » à jour et un navigateur récent.
La première chose à faire est de créer un compte (Sign Up). Votre identifiant sera utilisé pour accéder
à votre espace web issuu selon le modèle : http://issuu.com/mon_identifiant .
- page 1 / 12 -
Outils gratuits de présentation de documents « animés »
Issuu - Slideshare
Rédacteur :
C.NOEL
Date de diffusion :
19/10/2009
Ensuite un mail vous est envoyé,
et pour finir l’inscription vous devez ouvrir cet email et cliquer sur le lien de confirmation.
« Skip this step » pour passer cette étape
- page 2 / 12 -
Outils gratuits de présentation de documents « animés »
Issuu - Slideshare
Rédacteur :
C.NOEL
Date de diffusion :
19/10/2009
“Done, now take me to my home”
Pour ajouter un document, cliquer sur « Upload Document »
Remplissez le formulaire : Browse : parcourir pour aller chercher le document, indiquer un titre, une
description, au moins 2 mots clés, séparés par des virgules, puis choisir un type de document, tous
ces champs sont obligatoires.
- page 3 / 12 -
Outils gratuits de présentation de documents « animés »
Issuu - Slideshare
Rédacteur :
C.NOEL
Date de diffusion :
19/10/2009
Ensuite, dans la partie media, vous
pouvez ajouter du son (par http), dans
la partie « Publishing options », vous
pouvez déterminer si votre publication
est privée ou publique, pour des
documents à destination d’un intranet
ou extranet, vous pouvez choisir
« private » afin que votre document ne
soit visible que dans votre espace de
publication et non sur l’internet (google,
le portail issuu, …).
Puis dans « Sharing options », vous
pouvez autoriser ou non les
commentaires, les évaluations et les
téléchargements.
Enfin cliquez sur Upload file.
Attendez que le fichier se charge. Une fois uploadé, votre document est disponible dans votre espace
publication.
Cliquez en haut à droite sur « My library » :
- page 4 / 12 -
Outils gratuits de présentation de documents « animés »
Issuu - Slideshare
Rédacteur :
C.NOEL
Date de diffusion :
19/10/2009
Dans cette interface, vous pouvez gérer vos documents et récupérer le code HTML à copier / coller
dans un élément de contenu du kit.
Ouverture du document (Open)
Pour récupérer le code, cliquer sur Embed.
Vous pouvez personnaliser votre rendu :
Mode souble ou simple page,
taille du catalogue à afficher,
couleur du fond, …
Ensuite copier le champ « Embed
code », qui se trouve en haut à gauche
de cette fenêtre.
Ce code ressemble à ceci :
<object
style="width:420px;height:293px"
><param name="movie"
value="http://static.issuu.com/we
bembed/viewers/style1/v1/IssuuVie
wer.swf?mode=embed&amp;layout=htt
p%3A%2F%2Fskin.issuu.com%2Fv%2Fli
ght%2Flayout.xml&amp;showFlipBtn=
true&amp;documentId=091017164503174e1d011afb4b9db7fe4d3853086558&
amp;docName=catalogue_formation20
0809&amp;username=CA18&amp;loadingI
nfoText=catalogue%20de%20formatio
n&amp;et=1255801020941&amp;er=75"
/><param name="allowfullscreen"
value="true"/><param name="menu"
value="false"/><embed
src="http://static.issuu.com/webe
mbed/viewers/style1/v1/IssuuViewe
r.swf" type="application/x-shockwave-flash" allowfullscreen="true" menu="false"
style="width:420px;height:293px"
flashvars="mode=embed&amp;layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Flight%2Flayout.xm
- page 5 / 12 -
Outils gratuits de présentation de documents « animés »
Issuu - Slideshare
Rédacteur :
C.NOEL
Date de diffusion :
19/10/2009
l&amp;showFlipBtn=true&amp;documentId=091017164503174e1d011afb4b9db7fe4d3853086558&amp;docName=catalogue_formation200809&amp;username=CA18&amp;loadingInfoText=catalogue%20de%20formation&amp;et=125580102
0941&amp;er=75" /></object>
Ensuite vous pouvez copier ce code et le coller dans un element de contenu de type html dans une
page du kit de publication.
Dans le backend, ajoutez un élément de contenu de type html :
Indiquez un Nom puis collez le code dans le champ HTML
- page 6 / 12 -
Outils gratuits de présentation de documents « animés »
Issuu - Slideshare
Voilà le résultat :
Le clic sur la miniature ouvre la vue plein écran :
- page 7 / 12 -
Rédacteur :
C.NOEL
Date de diffusion :
19/10/2009
Outils gratuits de présentation de documents « animés »
Issuu - Slideshare
Rédacteur :
C.NOEL
Date de diffusion :
19/10/2009
En vue plein écran : vous visualisez aussi des liens vers d’autres publications dans la partie droite, ce
qui peut être gênant … (comme dans Youtube avec les vidéos associées qui sont proposées à la fin
de la lecture de votre vidéo).
Un autre inconvénient avec issuu est que ce site est en anglais et que certaines options apparaissent
aussi en anglais dans le résultat de la génération de votre catalogue en ligne.
Vous pouvez utiliser issuu comme un moteur de recherche des publications et récupérer les codes
embed de publications que vous pouvez aussi intégrer sur votre site (le mieux est de demander quand
même l’accord du publicateur par mail !).
Le site http://fr.calameo.com est en français et offre des fonctionnalités analogues.
En français, vous avez aussi un site nommé wobook.com :
- page 8 / 12 -
Outils gratuits de présentation de documents « animés »
Issuu - Slideshare
Rédacteur :
C.NOEL
Date de diffusion :
19/10/2009
Articles comparatifs entre issuu et calameo
http://www.choblab.com/web-tools/calameo-ou-issuu-vos-publications-sur-le-web-90.html
http://www.generationcyb.net/Comparaison-de-deux-services-de,1554
Articles comparant diverses solutions
http://marguerite.conceptbb.com/s-auto-editer-rever-livre-f29/s-editer-par-le-livre-dit-ebook-ou-virtuelt334.htm
Un autre site est très connu et offre des fonctionnalités gratuites : scribd, mais la publication est plutôt
sous forme de simple reader intégré (bien pour les pdf, les rapports).
http://www.scribd.com
Des diaporamas ou documents bureautiques animés avec Slideshare
Pour http://www.slideshare.net, le principe est le même : vous créez un compte, puis vous pouvez
uploader et partager des documents, mais la présentation finale est plus adaptée aux diaporamas.
Upload your slideshow (powerpoint, ppt, pps, openoffice, pdf,..)
- page 9 / 12 -
Outils gratuits de présentation de documents « animés »
Issuu - Slideshare
Rédacteur :
C.NOEL
Date de diffusion :
19/10/2009
Browse and select files : parcourir sur votre poste pour pointer sur le fichier.
Presentations: PowerPoint - ppt, pps, pot, pptx, potx, ppsx; OpenOffice - odp, pdf; Apple Keynote key, zip or pdf.
Documents & Spreadsheets: Microsoft Office - doc, docx, rtf, xls; OpenOffice - odt, ods, pdf; iWork
Pages.
Ensuite vous retrouvez des champs à renseigner : titre, description, mots-clés, catégorie
Puis le type de diffusion : public ou privé.
Cliquez sur Publish :
Dans MySlideSpace, vous pouvez gérer vos publications et voir aussi l’état d’avancement de la
transformation du document que vous venez d’uploader.
- page 10 / 12 -
Outils gratuits de présentation de documents « animés »
Issuu - Slideshare
Rédacteur :
C.NOEL
Date de diffusion :
19/10/2009
Une fois dans votre bibliothèque, les propriétés du document peuvent être modifiées :
Vous pouvez autoriser ou non le téléchargement, pour une diffusion privée, vous pouvez autoriser ou
non la récupération du code html et l’affichage en dehors de slideshare.
Pour récupérer le code html du document : soit vous le retrouvez à droite dans le champ embed, soit il
faut cliquer d’abord sur le document puis en dessous sur « more share option » :
Puis en bas : vous pouvez récupérer le code « embed »
- page 11 / 12 -
Outils gratuits de présentation de documents « animés »
Issuu - Slideshare
Rédacteur :
C.NOEL
Date de diffusion :
19/10/2009
C’est ce code que vous pouvez copier/coller dans un élément de contenu de type html dans le
backend du kit de publication :
Et voici le résultat :
- page 12 / 12 -