Outils gratuits de présentation de documents «animés» Issuu - Slideshare

Transcription

1 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 ( ) 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 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 : - page 1 / 12 -

2 Ensuite un mail vous est envoyé, et pour finir l inscription vous devez ouvrir cet et cliquer sur le lien de confirmation. «Skip this step» pour passer cette étape - page 2 / 12 -

3 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 -

4 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 -

5 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=" bembed/viewers/style1/v1/issuuvie wer.swf?mode=embed&layout=htt p%3a%2f%2fskin.issuu.com%2fv%2fli ght%2flayout.xml&showflipbtn= true&documentid= e1d011afb4b9db7fe4d & amp;docname=catalogue_formation &username=CA18&loadingI nfotext=catalogue%20de%20formatio n&et= &er=75" /><param name="allowfullscreen" value="true"/><param name="menu" value="false"/><embed src=" mbed/viewers/style1/v1/issuuviewe r.swf" type="application/x-shockwave-flash" allowfullscreen="true" menu="false" style="width:420px;height:293px" flashvars="mode=embed&layout=http%3a%2f%2fskin.issuu.com%2fv%2flight%2flayout.xm - page 5 / 12 -

6 l&showflipbtn=true&documentid= e1d011afb4b9db7fe4d &docname=catalogue_formation &username=ca18&loadinginfotext=catalogue%20de%20formation&et= &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 -

7 Voilà le résultat : Le clic sur la miniature ouvre la vue plein écran : - page 7 / 12 -

8 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 est en français et offre des fonctionnalités analogues. En français, vous avez aussi un site nommé wobook.com : - page 8 / 12 -

9 Articles comparatifs entre issuu et calameo Articles comparant diverses solutions 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). Des diaporamas ou documents bureautiques animés avec Slideshare Pour 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 -

10 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 -

11 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 -

12 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 -