4. L'@telier ‐ 2009 ‐ Médiathèque de Lorient
WEB 2.0
• Le terme est inventé en 2004 par Dale Dougherty de la
société O'Reilly_Media
http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what‐is‐web‐20.html
•
• Le Web entrait dans une nouvelle phase le Web 2.0,
le Web précédent le 1.0 ne permettait que d'afficher des pages
statiques et dont le contenu n'était pas toujours mis à jour.
• En 2009, toutes les technologies de la communication convergent,
s’assemblent, fournissent l’image, le son, le lien, la localisation.
Le réseau est potentiellement partout, et nous y sommes au cœur.
4
5. Le Web 2.0 est relationnel et collaboratif.
• Chacun peut créer du contenu sur Internet (texte, audio,
vidéo, photo), et le partager.
• Ses défenseurs prônent l’utilisation des applications en ligne
gratuites ou facturées à la demande (c’est‐à‐dire des services)
plutôt que des logiciels installés sur les postes personnels et
dont il faut être propriétaire des licences.
• Ainsi les utilisateurs sont des co‐développeurs et non des
consommateurs du Web.
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 5
6. Le web 2.0 c’est donc
• Une plateforme laisse aux utilisateurs la possibilité de
remodeler les données et les outils web.
• Une application est un outil clé‐en‐main que l’utilisateur ne
peut modifier.
• Le Web 2.0 est une nouvelle possibilité d’utiliser le Web, plus
qu’une technologie innovante.
• Le Web n’est plus pensé comme une collection de sites à
visiter, mais cette fois comme une plateforme permettant
l’échange entre les utilisateurs, les services et les applications
en ligne.
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 6
11. Stockage de fichiers en ligne
Skydrive, un service
gratuit de Microsoft,
via Windows Live
hébergement de
fichiers – 5 GO
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 11
13. Bureau complet en ligne!
http://mybooo.com/
http://www.eyeos.org/
Qu'est‐ce que eyeOS?....Pour les utilisateurs
eyeOS est un nouveau type de système d'exploitation, où
tout réside au sein du navigateur internet.
Avec eyeOS, vous allez avoir votre bureau, vos applications
et vos fichiers toujours avec vous, depuis votre maison,
votre université, votre bureau ou la maison de votre voisin.
Ouvrez simplement un navigateur Internet, connectez vous
à votre système eyeOS et accédez à votre bureau personnel
et à tous vos documents exactement comme vous les avez
laissés la fois précédente…
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 13
16. UGC ‐ User Generated Content
Contenus Générés par les Utilisateurs :
• Acronyme inventé pour résumer le rôle de contribution active désormais
joué par les internautes dans la production de contenu web
• Plate‐forme UGC = support
favorisant la création et le partage
de contenus générés par les
utilisateurs
Wikipédia, Flickr, Youtube,
DailyMotion; Delicious...
• Tous créateurs ?
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 16
17. La règle des 1% du web 2.0
Pour 100 personnes en ligne :
1 personne va créer un contenu inédit,
1% de créateurs
10 vont interagir avec le contenu créé
et l’enrichir (commenter, améliorer,
recommander, noter ou voter, etc.),
10% de contributeurs
89 personnes vont consulter et
« consommer » le contenu.
89% d’utilisateurs / visiteurs
2% des utilisateurs de WikiPédia ont
créé 75% des articles de l’encyclopédie
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 17
18. Tag
• Etiquette ou mot‐clé : balise sémantique qui permet de qualifier un
contenu
• Etiquetage social
Système de classification collaborative de contenus web basé sur l’attribution de
tags librement choisis par les utilisateurs => Folksonomie
• Outil d’organisation de l’information :
‐ Sémantique : « wordtag » ‐ Spatiale : « geotag » ‐ Temporelle : « timetag »
• Related Tag Browser : outil pour rechercher et naviguer dans les photos
publiées sur Flickr à partir de leurs tags
Les tags expliqués aux enfants
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 18
19. Tag et folksonomie
• Terme issu de la contraction de
• folks (les gens) et de taxonomy (classification
hiérarchisée), => une folksonomie est un système de
classification collaborative et spontanée de contenus web,
basé sur l'attribution de mots‐clés ou marqueurs (tags)
librement choisis par des utilisateurs non spécialistes
• Les tags peuvent alors être regroupés et représentés sous la
forme d’un nuage de mots.
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 19
21. mashup
• Un mashup est un site web qui
utilise et croise le contenu
provenant d’autres sites pour
proposer un nouveau service.
FlickrVision
GoogleMaps + Flickr
• Cette capacité de mixage repose
sur l’ouverture des API.
2 exemples de mashups cartographiques
• API = interface de programmation TwitterVision
qui permet de recourir aux
GoogleMaps + Twitter
fonctions et contenus d’un site
web à partir de commandes
externes.
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 21
22. widget
• Un widget est un petit module, paramétrable et
personnalisable, qui permet d’embarquer de l’information et
de la transporter vers le point de destination de son choix
• 3 types de widgets :
‐ les widgets pour le web
‐ les widgets pour le bureau
‐ les widgets pour mobiles
Vidéo pour illustrer ce
thème
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 22
23. Les widgets
•
de Google
s’appellent
des gadgets
Netvibes
•
propose un
annuaire de
ses widgets
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 23
24. Les fils RSS
• RSS (Really Simple Syndication =
syndication vraiment simple)
• Moyen de syndication, capable
de récupérer le contenu brut
d'un site web sans s'occuper des
données liées à sa forme
Le RSS expliqué aux enfants en vidéo
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 24
25. Comment lire les fils RSS ?
• Grâce à un agrégateur, qui permet de s’abonner aux fils
et vérifie automatiquement les fils afin de signaler les
nouveautés
• Il en existe de 3 types :
• Les agrégateurs traditionnels : Bloglines, Google Reader,
Feedreader, Rssreader, Alertinfo …
• Les agrégateurs intégrés dans des applications bureautiques,
au navigateur ou au lecteur de mails (Marques‐pages
dynamiques, Thunderbird, Sage pour Firefox…)
• Les pages personnalisables : Netvibes, Igoogle
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 25
27. Social bookmarking
•Le social bookmarking ( « marque-page social », « navigation
sociale » ou « partage de signets ») est une façon pour les
internautes de stocker, de classer, de chercher et de partager
leurs liens favoris.
•Dans un réseau de bookmarking social, les utilisateurs
enregistrent des listes de ressources web qu’ils trouvent utiles.
•Ces listes sont accessibles aux utilisateurs du réseau. D’autres
utilisateurs ayant les mêmes centres d’intérêt peuvent consulter
les liens par sujet, catégorie, étiquette ou même de façon
aléatoire.
Partager les adresses de vos sites favoris
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 27
28. Blogs
Partager ses passions et ses opinions.
En décembre 2007, plus d’un internaute sur deux a
consulté un blog.
Le nombre de bloggeurs atteint 5 millions :
+ 24% en un an 1.
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 28
29. Les Blogs
• Exemple : Blogger : service en
•Système dynamique de
ligne de création de blog, gratuit
gestion de site web à partir
et sans publicité, proposé par
duquel une ou plusieurs Google
personnes s’expriment
régulièrement sous la forme
de billets classés par ordre
chronologique peuvent
interagir avec leurs visiteurs
via les commentaires
•Outil d’auto-publication et de
conversation
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 29
30. Les blogs
• Un blog ou blogue est un site Web constitué par la
réunion de billets classés la plupart du temps par ordre
anti‐chronologique (les plus récents en premiers).
• Chaque billet (appelé aussi note ou article) est, à l'image
d'un journal de bord ou d'un journal intime, un ajout au
blog ; le blogueur (celui qui tient le blog) y délivre un
contenu souvent textuel, enrichi d'hyperliens et
d'éléments multimédias, sur lequel chaque lecteur peut
généralement apporter des commentaires.
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 30
32. Hébergés ou sur un serveur ?
Avantages:
Blog crée en 3 minutes, aucune
opération technique n’est nécessaire
Avantage:
Blog entièrement maitrisé, le code
Inconvénient:
est accessible.
Peu de personnalisation ou alors en
version payante;
Inconvénient :
difficile de quitter la plateforme pour
L’installation et la personnalisation
changer de blog ou le faire évoluer…
demandent un minimum de
compétences techniques .
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 32
34. La blogosphère
Article sur l’état
de la blogosphère en 2008
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 34
35. wiki
• Outil de co‐écriture et de collaboration
•Un wiki est un système de gestion de contenu de site Web qui
rend les pages Web librement et également modifiables par tous
les visiteurs autorisés. On utilise les wikis pour faciliter l'écriture
collaborative de documents avec un minimum de contraintes….
(le plus célèbre : wikipedia)
•Un wiki est tout à fait adapté à la construction collective d’un
document retraçant les étapes d’un projet. Le wiki donne une
traçabilité des versions des documents (livrables) associés au
projet.
Le wiki expliqué en vidéo
•
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 35
36. Podcast
• Canal de distribution de • Podemus : service d’annuaire,
contenus multimédia, un moteur de recherche et lecteur
podcast est constitué de de podcasts audio et vidéo
fichiers audio ou vidéo francophone
encapsulés dans un flux RSS
• Un programme spécifique
permet de lire le contenu du
podcast et de le télécharger
pour le conserver sur
l’ordinateur ou le transférer
vers un autre support
numérique
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 36
37. • Les licences Creative Commons sont
des contrats‐type pour la mise à
disposition d’œuvres en ligne
(textes, photos, sons, sites web,
etc).
• Elles facilitent la réutilisation de
contenus en autorisant des tiers à
exercer des actes (reproduction,
diffusion, adaptation) qui
nécessitent normalement d'obtenir
préalablement l'autorisation des
titulaires de droit.
• Le principe de Creative Commons
expliqué en vidéo
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 37
38. Les réseaux sociaux
• La plupart des sites et services du web 2.0 combinent une
dimension personnelle (compte et profil personnalisables)
avec une dimension collective ou communautaire (échanger
avec les autres, partager ses propres contenus ou interagir
avec les leurs)
• L’individu n’intervient plus seulement « sur » le réseau
(approche technique) mais il peut aussi agir « en » réseau
(virage social du web). Il se situe désormais au centre de ses
multiples cercles relationnels … on parle alors de « réseautage
social »
Vidéo
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 38
40. Rester en contact avec ses relations professionnelles
et s’en créer de nouvelles
• Le Networking connaît un succès flamboyant. Avec 582 000
visiteurs uniques 2 en moyenne par mois en 2007, le site
Viadeo voit son audience moyenne mensuelle augmenter de
plus de 120% par rapport à 2006.
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 40
42. Twitter un réseau social en temps réel
Twitter est un outil de
réseau social et de
microblogging, qui
permet à l'utilisateur de
signaler à son réseau quot;ce
qu'il est en train de
fairequot;. Il est possible
d'envoyer et de recevoir
ces updates (mises à
jour) par le Web, par
messagerie instantanée
ou par messagerie
numérique.
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 42
43. Les mondes virtuels
La vie sur Second
Reportage sur Second Life
Life…reportage du 66
Arte ‐ Metropolis
minutes…
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 43
44. L’identité numérique
Un membre de réseau gère son
identité numérique.
Il construit sa réputation et son
•
influence.
Il organise (et élargit) ses
•
relations en ligne (familiales,
amicales, professionnelles) pour
collaborer et partager avec elles.
Vidéo instructive
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 44
46. Le cinéma, la vidéo, la télévision
• Vous êtes un créatifs ? Un caméscope, un ordinateur, vous
pouvez réalisez et diffuser sur les plateformes vidéo.
• Vous êtes cinéphile, amateur de documentaires, la VOD est à
portée de souris.
• Les télévisions du monde entier sont à portée de votre haut‐
débit
• Vous ne voulez pas payer votre place de cinéma, téléchargez
votre film (à vos risques et périls…)
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 46
47. Le téléchargement
• Le Peer to peer ou P2P une mutualisation très efficace des
données et une neutralité technique ex: la chaîne légale du
site Ratiatum
• 11 millions de personnes téléchargent tous les jours pour
échanger plus de 980 millions de fichiers de tout types et pas
tous illégaux!
• Les pratiques illégales sont bien ancrées pour toute une
génération : les iPod contiennent seulement 5 % de musique
achetée sur itunes et les lecteurs MP3 ?...
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 47
48. En conclusion : le Web 2.0 c’est …
• Un mouvement d’ampleur…brouillon, en
perpétuel changement.
• Une gigantesque soif de partager avec ses
proches ou le monde entier, de rester connecter.
• Des moyens techniques puissants de
mutualisation de l’information.
• Des risques encore mal évalués des menaces sur
nos libertés individuelles.
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 48
49. Création d’un blog
« Blogger »
Mode d’emploi
Nous allons pas à pas créer
et paramétrer un blog
en suivant le tutoriel.
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 49
50. Généralités
• Un blog peut être au choix un journal personnel, une tribune,
un lieu d’échanges, de débat, etc. Vous pouvez vous en servir
pour donner votre avis, faire entendre votre voix sur le Web.
• Vous pouvez inclure toutes les informations de votre choix
dans votre blog.
• Il s’agit d’un site Web sans cesse en mutation, vivant. Le
principe est de publier des notes, régulièrement, afin quelles
soient commentées par les internautes qui visitent vos pages.
• Généralement, un gros quart d’heure suffit à lancer votre blog
et à publier votre premier article.
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 50
51. Le vocabulaire du blogueur
Blog : site Web constitué par la réunion d’un ensemble de billets classés par ordre
•
chronologique, à l’image d’un journal de bord .
Blogueur : personne a qui appartient le blog.
•
Blogroll : liste de liens externes inclus sur les pages d’un blog .
•
Metablog : blog lui‐même consacré aux blogs, ou au phénomène du blogging.
•
Moblog : contraction de “Mobile Blog”. Caractérise un blog pouvant être mis à
•
jour à distance et en restant “mobile”, par exemple via un téléphone mobile ou un
assistant numérique.
Rétrolien (en anglais trackback) est un système de liens inter‐blogs semi‐
•
automatisé. Il permet aux auteurs de relier des billets de blogs différents et parlant
du même sujet, ou se faisant référence.
Flux rss : système utilisé pour diffuser les mises à jour de sites dont le contenu
•
change fréquemment. L’utilisateur s’abonne aux flux, ce qui lui permet de
consulter rapidement les dernières mises à jour sans avoir à se rendre sur le site.
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 51
52. Quelle plateforme choisir ?
Dossier sur le choix d’une plateforme.
La liste, page suivante, recense les principaux hébergeurs de blog,
elle n’est pas exhaustive.
Le choix d’un hébergeur dépend du coût (beaucoup sont gratuits),
des fonctionnalités offertes et du look’n'feel (spécifications) de
l’interface.
Pour créer son blog une étape indispensable consiste à ouvrir un
compte sur l’hébergeur de blog en remplissant le formulaire
d’inscription.
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 52
53. Exemples de plateforme
AceBlog (gratuit) Skyblog (gratuit)
• •
http://www.aceblog.fr/ http://www.skyblog.com/
Blogger (gratuit) Space‐blogs (gratuit)
• •
http://www.blogger.com/ http://www.space‐blogs.com/
BlogSpirit (gratuit ou formule payante) TooBlog (gratuit ou formules payantes)
• •
http://www.blogspirit.com/fr/ http://www.tooblog.fr/
CanalBlog (gratuit) Typepad (payant)
• •
http://www.canalblog.com/ http://www.sixapart.com/typepad/
Cigogne.net (gratuit) U‐Blog (gratuit ou formules payantes)
• •
http://www.cigogne.net/ http://www.u‐blog.com
Faistonblog.com (gratuit et options ViaBloga (payant)
• •
payantes) http://www.viabloga.com
http://www.faistonblog.com WordPress (gratuit ou formules payantes)
•
Haut et Fort (gratuit ou formule payante) http://fr.wordpress.com/
•
http://www.hautetfort.com/ ZeBlog (gratuit)
•
Joueb (gratuit ou formule payante) http://www.zeblog.fr/
•
http://www.joueb.com/ 20Six (gratuit ou formule payante)
•
Over‐Blog (gratuit et sans publicité) http://www.20six.fr/
•
http://www.over‐blog.com
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 53
54. Publier son blog
• La publication d’un blog se fait tout simplement à l’aide de
formulaires. Un simple clic suffit pour poster une note, un
commentaire, une image, voire parfois une vidéo.
• Toutefois, pour permettre au blog d’être lu par le plus grand
nombre, il sera généralement nécessaire d’activer l’option
“Syndication de contenu” ou “Fil RSS” afin de générer
automatiquement un fil RSS, c’est‐à‐dire un fichier utilisable
par les autres blogueurs pour publier vos notes sur leur blog !
( Plus d’information sur les fils RSS : http://www.commentcamarche.net/www/rss.php3 )
•
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 54
55. Blog hébergé sur un serveur
• Si l’idée d’avoir un blog identique à tous les
autres ne vous plait pas, que vous souhaitez
personnaliser ce dernier entièrement et que
mettre les mains dans le cambouis ne vous fait
pas peur (xhtml, css, php, installation de
modules, …), alors rien de tel que de passer à
l’étape supérieure.
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 55
57. Les moteurs de blog
Un moteur de blog est un logiciel qui permet de réaliser des sites
web basés sur le principe du blog. Il fait partie des systèmes de
gestion de contenu (CMS).
Ils sont parfois appelés logiciels de blog.
Les plus connus sont Dotclear et WordPress, mais ce ne sont pas les
seuls.
Les communautés de Dotclear et WordPress sont très actives et vous
trouverez de l’aide pour tous vos soucis.
De plus, de très nombreux plugins additionnels sont proposés pour
ajouter des fonctionnalités à votre blog.
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 57
59. Hébergement gratuit ou payant ?
• Concernant le choix d’une plateforme
d’hébergement, je vous invite à la lecture de revues
spécialisées. Ce monde évolue sans cesse.
• Le choix est à faire selon l’ambition de votre blog.
• Vous pouvez également lire cet article du blog de
l’@telier ou cet autre article du site Clubic.com.
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 59
61. Blogger est une plateforme de Blogs
appartenant au groupe Google.
•
Avec Blogger, vous aurez la possibilité de faire un blog sans être un expert
dans le domaine.
Moins d’une minute suffit à lancer votre blog puisqu’il vous suffit pour
•
cela de lui trouver un nom (non encore utilisé) puis de lui affilier un
modèle. Lorsque vous postez un article, vous pouvez paramétrer la police
de caractère et sa taille. La mise en page est facilitée par le placement et
la redimension des images. Vous avez la possibilité de joindre une photo
déjà en ligne, via son URL. Si vous possédez le logiciel Picasa, nous ne
saurions trop vous conseiller l’option Blog this qui permet de poster en un
clic toutes les photos de votre choix directement vers votre espace
personnel en ligne.
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 61
69. Prêts à créer votre blog sur Blogger ?
Quant au tableau de bord, il gère l’ensemble de vos blogs et votre profil
•
(puisque vous pouvez créer plusieurs blogs depuis le même compte
Google). Pour supprimer votre blog, vous devrez vous rendre dans les
Paramètres/Standard de votre interface de création.
• Prêts à créer votre blog sur Blogger ?
Alors, suivez les étapes suivantes :
1. Allez sur la page d’accueil de Blogger
(http://www.blogger.com) ou sur Google .
2. Cliquer sur la flèche « créez votre blog »
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 69
71. La suite…
3. Sur la page qui paraîtra mettez votre adresse E‐mail dans les deux
•
premières cases
L’adresse E‐mail que vous mettrez, une adresse Gmail (Google Mail) ou
autre est celle que vous utiliserez comme « Nom d’utilisateur » et qui vous
permettra de vous connecter à chaque fois que vous voudrez aller sur
votre compte Blogger.
Ce nom d’utilisateur doit rester secret et être connu seulement par vous
•
pour éviter que quelqu’un d’autre ne l’utilise pour se connecter à votre
compte et publier sur votre blog. Il en est de même pour le « Mot de
passe ».
4. Sur le deux cases suivant celle où vous avez mis votre adresse e‐mail,
mettez votre « Mot de passe ». Il doit être identique pour les deux cases
et comporter au moins 6 caractères. Vous pouvez y mélanger des lettres,
des chiffres, points, virgules, tirés, etc.
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 71
72. Puis ..
5. Sur la case suivante, vous mettrez votre « Nom d’affichage ». C’est le
•
nom qui apparaîtra à la fin de chacun de vos messages (articles/billets) et
qui indiquera l’auteur de celui‐ci.
6. L’une de dernière chose à faire sur la page est de mettre le mot de
vérification qui apparaît. C’est une mesure de sécurité prise par Blogger
pour s’assurer que ce ne sont pas des robots qui créent des blogs, mais
plutôt des personnes humaines.
7. Cochez sur la petite case après « Conditions d’utilisation » pour
accepter celles‐ci. Vous pouvez lire ces conditions en cliquant sur la phrase
« Conditions d’utilisation » qui est en bleu
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 72
73. C’est prêt…
8. Dès que vous avez bien remplis les 5 étapes précédentes, vous pouvez cliquer
•
sur « Continuer ». Vous serez conduit sur une nouvelle page si aucune anomalie
n’est constaté. Au cas contraire, vous devrez voir ce qui n’a pas été accepté et le
corriger, en n’oubliant pas de mettre les nouveaux mots de vérification qui
apparaîtront.
9. Vous serez maintenant amené à choisir un modèle parmi les 16 proposés par
Blogger. C’est modèle est en quelque sorte l’habit que portera votre blog.
Choisissez lui une belle robe. Si aucun modèle ne vous plaît, choisissez quand
même un, vous pourrez en changer quand vous aurez fini la création de votre blog.
Pour choisir un modèle, cochez sur la petite case ronde à côté du nom de celui‐ci
et cliquez sur continuer.
10. Sur la page suivante, vous recevrez la confirmation que votre blog a été créé et
•
que vous pouvez désormais y publier des messages (articles). Cliquez sur quot;Publier
des messagesquot;
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 73
109. Blogger
Vous pouvez créer et gérer plusieurs blog, depuis
votre compte Google
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 109
110. De la musique dans votre blog
Pas si simple …
Tout d’abord, il faut héberger son fichier son, sur un site donné (Google ¨Page
creator par exemple) et garder l’url vers le fichier sur un fichier notepad
• Voici maintenant les différentes façons dont vous pouvez
proposer de la musique sur votre blog
•
A. Vous pouvez proposer lien que les visiteurs pourront cliquer pour écouter la
musique. Le code ci‐dessus peut être mis dans un message ou dans un fichier
HTML/JAVASCRIPT (allez sur modèle, éléments de la page, cliquez sur “ajouter
un nouvel élément” et sur la pop‐up qui s’ouvre sélectionnez
HTML/JAVASCRIPT”).
•
<a href=quot;URL du fichier musicalquot;>Cliquez ici pour écouter la chanson</a>
•
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 110
111. Musique
• B. Vous pouvez aussi Proposer une console où les
visiteurs pourront contrôler le volume, et auront
la possibilité d’activer ou d’arrêter la lecture de la
chanson.
• Voici le code qui peut être inséré dans un article
ou un widget HTML/JAVASCRIPT
•
<embed autostart=quot;falsequot; height=quot;40quot;
loop=quot;truequot; playcount=quot;2quot; src=quot;URL du fichier
musicalquot; width=quot;300quot;/></embed>
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 111
112. <embed autostart=quot;falsequot; height=quot;40quot; loop=quot;truequot;
playcount=quot;2quot; src=quot;URL du fichier musicalquot;
width=quot;300quot;/></embed>
Voici quelques explications sur le code au dessus :
•
1. Insérez URL de votre fichier musical dans le code.
•
2. Le width qui est ici à 300, est la largeur que la console vas occuper dans votre article ou
•
dans votre barre latérale.quot; Vous devez l’ajuster pour qu’elle s’affiche entièrement à l’endroit
où vous l’insérez
3. Le height est la longueur de la console (ici 40).
•
4. L’attribut autostart a deux options. Si vous mettez quot;truequot;, la musique commencera à jouer
•
automatiquement dès que la page de l’article ou du blog dans lequel elle est insérée est
chargé. C’est toujours mieux de mettre quot;falsequot; car vous ne savez pas si c’est tous vos visiteurs
qui supporteront d’écouter votre musique.
5. L’attribut loop indique si la musique doit s’arrêter ou continuer à jouer après la première
•
fois. Si vous mettez quot;falsequot;, la musique s’arrête dès que le morceau arrive à la fin . Tandis que
si vous mettez quot;truequot;, la musique continuera à jouer jusqu’à ce que le visiteur appuie sur le
bouton pour stopper ou quand il quittera votre blog (soit la page sur laquelle la musique est
intégrée).
6. Vous pouvez aussi spécifier le nombre fois où la musique sera jouée en utilisant la balise
•
playcount=quot;2quot;. En mettant 2, la chanson sera jouée deux fois avant que la musique ne
s’arrête. Si vous voulez que la chanson ne soit joué qu’une seule fois, vous pouvez effacer
toute la balise playcount=quot;2quot;
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 112
113. Et c’est terminé…
C. Enfin, vous pouvez Insérer la musique dans le code html de votre blog
•
afin que celle‐ci joue à chaque page chargée sans donner la possibilité aux
lecteurs d’en contrôler la lecture. Pour cela, il vous suffit d’aller sur
“modèle”, “modifier le code html” et là mettre le code suivant juste après
la balise <Head> :
•
<embed autostart=quot;truequot; height=quot;0quot; loop=quot;truequot; src=quot;URL du fichier
musicalquot; width=quot;0quot;/>
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 113
115. FIN
• Blogger c’est pas très compliqué, c’est sans
pub, c’est gratuit.
• Alors, si on en a envie, pourquoi s’en priver.
• Bon blog
• Merci de votre attention.
L'@telier ‐ 2009 ‐ Médiathèque de Lorient 115