Objectif:

1. Savoir ouvrir un compte chez Google et obtenir une adresse de courriel anonyme chez Google Mail
2. Savoir ouvrir des comptes associés à l’adresse GMail sur des services de stockage de contenus :
   

• FlickR (Photos) (ouverture préalable d’un compte Yahoo),
• Daily Motion (Vidéos)
• Box.net (stockage en ligne)

Pré-requis :

1. Disposer d’un compte Google Mail et chez Yahoo!Mail

1°) Leçon

Rien de sorcier pour mettre en ligne et gérer des dossiers de médias. De nombreux services permettent de télécharger directement depuis le navigateur vos fichiers, et proposent toutes sortes de facilités pour les gérer et les publier :

• organisation en dossiers ou en albums
• mode public ou mode privé
• réutilisation des fichiers sur d’autres sites ou blogs
• collaboration : création d’une communauté ou d’une “chaine”

Une fois en ligne, l’exploitation de ces médias dans votre blog est très simple . Soit vous utilisez l’URL (l’adresse Internet du fichier) pour faire un lien vers celui-ci, soit vous enrobez (intégrez) le média directement dans la page ou dans l’article de blog. Le résultat : une “lucarne” qui afficher du contenu qui se trouve sur un autre site. C’est un des concept-clé du Web 2.0, l’encapsulage. Voir ici , paragraphe “Des services qui communiquent mieux entre eux”

Pour débuter, je recommande ces trois sites spécialisés qui proposent à leur niveau plein de fonctionnalités intéressantes et gratuites :

• Les photos, tu peux les publier sur un site comme http://www.FlickR.com (un service de Yahoo!). Tu y gère des albums-photo public et privé

• Pour les vidéos, je recommande d’ouvrir un compte chez http://www.DailyMotion.com. Idem : accès public ou privé

• Pour les sons ou tous les autres fichiers, les stocker dans un compte gratuit (1 Go) http://www.Box.net . Idem accès public ou privé

Nous allons, avant de commencer à publier le blog WordPress, mettre en place des outils de création, de stockage de contenus et de collaboration :

2°) Travaux pratiques

• Créer son album-photo :
  Ouvre un compte chez Yahoo.fr puis chez Flickr. et montes une photo dans Flickr, à déclarer comme étant “publique”. Suivre les consignes sur le site
• Créer son espace de stockage en ligne :
  Ouvre un compte chez Box.net , crée un dossier Public et montes y un fichier de ton choix (PDF, son…)
• Créer sa vidéothèque en ligne :
  Ouvre un compte chez Dailymotion ou YouTube, montes y une première vidéo
• Crie apres chaque tâche “Hosanna ! Ca marche”.

Pour simplifier la gestion du “système de publication” que tu es en train de mettre en place, ouvres tous ces comptes

• en utilisant le même LOGIN à chaque fois : un ID anonyme de type jacquet2007
• en utilisant le même MOT DE PASSE à chaque fois : je recommande 8 caractères (4 lettres et quelques chifres).
• en utilisant comme adresse de couriel ton adresse email Google Mail. Ex “jacquet2007@gmail.com”

Archives les courriels de confirmation expédiés par chaque service dans un dossier spécifique “Mes Comptes” de a Boite aux Lettres chez Google Mail. Notes à part (fichier Excel ou autre) les ID et mot de passe de chaque site cela pourra être utile plus tard ….

2°) Exercice

a) crées ta carte perso chez Google Maps , avec un repère sur ton point de départ, Vezelay.
b) En mode Administration, menu Apparence / Widgets : ajouter des widgets pour personnaliser les 2 colonnes latérales :

• META
• LIENS
• CATEGORIES
• NUAGES DE TAGS
• FLICKR (il faut coller le flux RSS de ton album-photo)

Enregistrer- Admirer le résultat

c) En mode Administration, Menu Gérer/Liens, supprimez les liens WordPress et créer les liens vers ton autre blog, ton site marchand, l’espace FLICKR , la carte Google Maps. Admirer le résultat

A+

Patrick

• 

Google Maps pour les cartes et la géolocalisation
Exemple chez google et dans un article de ce site

et d’autres services que tu ne soupçonnes même pas !
Tu y dépose tes contenus et ensuite comme pour Google MAPS on utilise soit le lien direct vers le fichier (URL), soit on copie/colle un code HTML dans un article du blog pour l’y afficher, ou dans un cadre de la page comme le font notre couple de marcheurs qui publie ses photos chez FLICKR : http://www.flickr.com/photos/24381967@N03/

Pour les cartes :

A partir de Google MAPS (il faut se créer un compte GOOGLE de préférence cela simplifie la suite) grace à l’option “Créez votre carte”, tu crées une carte personnelle et tu l’annote (repères, trajet, …)

• Voici l’URL de la carte “ISSY ici” que j’y ai enregistrée :

  http://maps.google.fr/maps/ms?ie=UTF8&hl=fr&msa=0&ll=48.820386,2.255824&spn=0.00249,0.004699&t=h&z=18&msid=101133726438815008628.00044f57b8ef797d14fdd

• et le code HTML pour la faire apparaitre dans un article :
  <iframe width=”425″ height=”350″ frameborder=”0″ scrolling=”no” marginheight=”0″ marginwidth=”0″ src=”http://maps.google.fr/maps/ms?ie=UTF8&hl=fr&msa=0&ll=48.823927,2.262681&spn=0.040876,0.075188&t=h&msid=101133726438815008628.00044f57b8ef797d14fdd&output=embed&s=AARTsJrKLeD9C3pSx1rAy41yed2POqtbjA”></iframe><br /><small><a href=”http://maps.google.fr/maps/ms?ie=UTF8&hl=fr&msa=0&ll=48.823927,2.262681&spn=0.040876,0.075188&t=h&msid=101133726438815008628.00044f57b8ef797d14fdd&source=embed” style=”color:#0000FF;text-align:left”>Agrandir le plan</a></small>

Ca marche dans Google Mapshttp://maps.google.fr/maps/ms?f=q&hl=fr&geocode=&ie=UTF8&msa=0&t=h&msid=101504981906089218143.0004472a1483eaf07797e&ll=48.819623,2.25179&spn=0.009961,0.018797&z=16&iwloc=0004472a2a17784a1b4bd