Webdoc - Partagez vos passions autrement

Webdoc, une autre façon de publier et partager du contenu sur le Web

Webdoc permet de créer en quelques clics du contenu multimédias et de le partager sur les principaux réseaux sociaux (Facebook, Twitter et Google+).

Disposant d'un outil d'édition simple d'emploi, les vidéos, les sons et les diaporamas sont créés par un glisser-déplacer. Des Apps permettent d'ajouter un diaporama de Flickr ou de Picasa Albums Web. Des goodies facilitent la mise en forme d'une présentation de Slideshare ou d'une vidéo de YouTube. Les photos peuvent être présentées dans un album ou dans un diaporama.

Un Webdoc avec un diaporama et une vidéo : 

L'insertion d'un Webdoc sur un Site ou un Blog se fait avec le code embarqué, soit un tag iframe.

<iframe title="webdoc" width="500" height="810"
src="http://www.webdoc.com/embed/C4FD782C-46A0-0001-CD85-1180CEF01631" frameborder="0" scrolling="no"></iframe>

En savoir plus

Le site de Webdoc
Insérer un Webdoc sur Google Sites

Gadget Blogger pour insérer une image sonore

Une utilisation du lecteur Flash Dewplayer pour jouer un son lors du survol d'une image avec la souris

Le Gadget Blogger insère une image qui joue un fichier *.mp3 au survol par la souris. Le Gadget utilise le lecteur Flash Dewplayer qui est intégré dans le Gadget.
Le fichier *.mp3 à jouer peut être hébergé sur une page classeur de Google Sites.

Le Gadget

• Insérer une image sonore

image-sonore-b.xml




Ajouter le Gadget sur son Blog

Soit avec le bouton Add to Blogger, soit par Présentation / Ajouter un gadget. Choisir ensuite Ajouter votre propre (Gadget). Saisir l'URL du gadget à ajouter : 

Image sonore

http://prac-gadget.googlecode.com/files/image-sonore-b.xml

Les paramètres des Gadgets

• Image sonore

URL : l'URL de l'image à afficher
MP3 : l'URL du fichier son (*.mp3) à jouer au survol par la souris

PWH : largeur de l'image en pixels
PHT : hauteur de l'image en pixels

CCOL : #rrggbb ou transparent. La couleur du conteneur. Par défaut le conteneur est transparent.

Les caractéristiques du gadget

• L'image peut être hébergée sur Picasa Albums Web et le fichier son sur Google Sites

Un exemple

J'ai utilisé, non pas un Gadget Blogger pour cet exemple, mais la version Gadget Google afin d'afficher l'image sonore dans le html de ce message.

• Le Château de Vufflens en hiver. Extrait de Jean-Sébastien Bach, Magnificat BWV 243 Gloria Patri.
  
  Survolez l'image avec la souris !

Gadget Google ou Gadget Blogger

Un Gadget Google peut être placé dans un message du Blog. Un Gadget Blogger ne peut être inséré qu'aux endroits prévus à cet effet (colonnes, en-tête ou pied du Blog).


Plus d'informations

Insérer une image sonore avec un Gadget Google

Des lecteurs simples pour jouer un fichier *.mp3 sur son Blog

Le site de Dewplayer

Sonoriser ses images avec Dewplayer

Des Gadgets pour son Blog


Copyright photo

© photo : www.diapo.ch et Clos Domaines et Châteaux

Des Gadgets Blogger pour Google+

Des Gadgets Google pour afficher le flux d'un utilisateur de Google+, un moteur de recherche sur Google+ et un Badge avec les statistiques.

Google+ dans sa version initiale ne comporte pas d'API. Grace aux Gadget Blogger nous pouvons afficher le Flux RSS (Atom) d'un utilisateur via PlusFeed, intégrer un Moteur de Recherche et afficher un badge avec les statistiques Google+.




Les Gadgets

• Moteur de recherche sur Google+

google-plus-search-b.xml

• Un Badge avec les Statistiques Google+

google-plus-statistics-b.xml

• Afficher le Flux RSS (Atom) d'un utilisateur de Google+

google-plus-feed-b.xml

• Afficher le Flux RSS (Atom) d'un utilisateur de Google+, avec vignettes

google-plus-feed-thumb-b.xml





Ajouter le Gadget sur son Blog

Soit avec le bouton Add to Blogger, soit par Présentation / Ajouter un gadget. Choisir ensuite Ajouter votre propre (Gadget). Saisir l'URL du gadget à ajouter : 

Moteur de recherche sur Google+

http://prac-gadget.googlecode.com/files/google-plus-search-b.xml

Un Badge avec les Statistiques Google+

http://prac-gadget.googlecode.com/files/google-plus-statistics-b.xml

Afficher le Flux RSS (Atom) d'un utilisateur de Google+

http://prac-gadget.googlecode.com/files/google-plus-feed-b.xml

Afficher le Flux RSS (Atom) d'un utilisateur de Google+, avec vignettes

http://prac-gadget.googlecode.com/files/google-plus-feed-thumb-b.xml

Les paramètres des Gadgets

• Moteur de recherche sur Google+

PUSER : lien sur le texte Google+

Par exemple le profil Google+ d'un utilisateur : 

https://plus.google.com/115854656993758258488/posts?hl=fr

BKCOL : #rrggbb couleur du fond du gadget
BCOL : #rrggbb couleur de la bordure
CCOL : #rrggbb couleur du conteneur, ou transparent

• Un Badge avec les Statistiques Google+

GID : l'identifiant Google+ de l'utilisateur

L'URL du profil d'un utilisateur se présente comme suit : 

https://plus.google.com/115854656993758258488/posts?hl=fr

115854656993758258488 est l'dentifiant de l'utilisateur

CCOL : #rrggbb couleur du conteneur, ou transparent

• Afficher le Flux RSS (Atom) d'un utilisateur de Google+, avec ou sans vignettes

GID : l'identifiant Google+ de l'utilisateur

L'URL du profil d'un utilisateur se présente comme suit : 

https://plus.google.com/115854656993758258488/posts?hl=fr

115854656993758258488 est l'dentifiant de l'utilisateur

NBR : nombre de messages à afficher . De 1 à 100, par défaut 12
LNK : URL du lien sur le titre du Flux

SCOL : #rrggbb couleur du fond du lecteur de Flux
FCOL : #rrggbb couleur de la police
HCOL : #rrggbb couleur du lien au survol de la souris
LCOL : #rrggbb couleur du fond du texte
BCOL : #rrggbb couleur de la bordure
CCOL : #rrggbb couleur du conteneur, ou transparent

Des exemples

Les Gadgets sur un modèle Picture Window



A titre d'exemple, j'ai utilisé 3 Gadgets Google, pour placer les gadgets dans le corps du message.

Le Moteur de recherche



Mes Statistiques de Google+



Mon Flux sur Google+

Le Flux de Max Cutts sur Google+

Plus d'informations

Des Gadgets Google pour Google+

Les Flux RSS

Les statistiques Google+

PlusFeed la redirection du Flux d'un utilisateur de Google+

Un Gadget pour insérer un lecteur de Flux

Pour Google Sites, le Flux d'un utilisateur de Google+, le moteur de recherche et les statistiques Google+

Une video : Les Réseaux Sociaux