SlideShare une entreprise Scribd logo
Initiation à la création
        d’un blog
      avec Blogger


             L’@telier

      L'@telier ‐ 2009 ‐ Médiathèque de Lorient   1
L’environnement du blog

• Un blog est une forme très simplifiée 
  d’un site internet.

• Parcourons donc l’environnement actuel 
  du monde de l’internet : le web 2.0 


                L'@telier ‐ 2009 ‐ Médiathèque de Lorient   2
Généralités sur le web 2.0




       L'@telier ‐ 2009 ‐ Médiathèque de Lorient   3
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
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
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
Avoir sa page d’accueil personnalisable




          L'@telier ‐ 2009 ‐ Médiathèque de Lorient   7
Ses photos en ligne, et celles des autres




          L'@telier ‐ 2009 ‐ Médiathèque de Lorient   8
Ses vidéos en ligne et celles des autres.




           L'@telier ‐ 2009 ‐ Médiathèque de Lorient   9
Des outils de bureautique en ligne




          L'@telier ‐ 2009 ‐ Médiathèque de Lorient   10
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
Messagerie instantanée en ligne




       L'@telier ‐ 2009 ‐ Médiathèque de Lorient   12
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
Pour découvrir des sites web 2.0 sur 
     des plateformes dédiées




    http://www.go2web20.net/
            L'@telier ‐ 2009 ‐ Médiathèque de Lorient   14
L’utilisateur, créateur de contenus




           L'@telier ‐ 2009 ‐ Médiathèque de Lorient   15
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
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
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
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
Nuage de tags de Dailymotion 




        L'@telier ‐ 2009 ‐ Médiathèque de Lorient   20
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
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
Les widgets 
•
    de Google 
    s’appellent 
    des gadgets


    Netvibes 
•
    propose un 
    annuaire de 
    ses widgets




                   L'@telier ‐ 2009 ‐ Médiathèque de Lorient   23
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
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
Partager




L'@telier ‐ 2009 ‐ Médiathèque de Lorient   26
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
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
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
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
•Le principe du blog (contraction de web log = journal web) est un 
support de publication en ligne simple et rapide à mettre en 
œuvre. 
•Le blog permet aux lecteurs de réagir via les commentaires.

• Les blogs proposent des fils RSS de façon native

•Comment créer un blog ?
‐ Ouvrir un compte chez un hébergeur
‐ Ou installer un logiciel (Wordpress ou Dotclear) sur un serveur

                  Aucune connaissances techniques
              n’est nécessaire si on choisit un hébergeur


                        L'@telier ‐ 2009 ‐ Médiathèque de Lorient   31
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
Un agrégateur de blogs




    L'@telier ‐ 2009 ‐ Médiathèque de Lorient   33
La blogosphère




      Article sur l’état 
de la blogosphère en 2008

     L'@telier ‐ 2009 ‐ Médiathèque de Lorient   34
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
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
• 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
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
Rester connecté avec sa communauté
Internet a toujours été un vecteur de communication ou de mise en relation 
            avec  les outils webmail et la messagerie instantanée




                        L'@telier ‐ 2009 ‐ Médiathèque de Lorient             39
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
Facebook
• Interagir avec ses réseaux : Facebook, à l’origine site communautaire d’une 
  université américaine, s’est implanté en France où il connaît un succès 
  fabuleux : de 241 000 visiteurs en juillet 2007 à près de 2 millions en 
  décembre.




                         L'@telier ‐ 2009 ‐ Médiathèque de Lorient         41
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
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
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
La musique, la vidéo en ligne




     L'@telier ‐ 2009 ‐ Médiathèque de Lorient   45
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
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
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
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
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
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
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
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
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
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
L’ hébergement
• L’ hébergeur
De nombreux hébergeurs vous offrent, gratuitement ou non, d’héberger
votre site web. Cela signifie que vous pouvez aussi choisir d’utiliser cet espace 
pour y installer un blog.

    Le principe
•
  Vous déposez sur votre serveur un ensemble de fichiers, très souvent, 
  vous procédez à une installation en ligne, et c’est parti ! 
• L’avantage, c’est que vous êtes le seul maitre à bord. Un nouveau plugin 
  vous intéresse ? Vous l’installez. Vous êtes graphiste et les thèmes 
  proposés par défaut ne vous plaisent pas ? Vous faites le vôtre, unique. 
• Cela signifie aussi que s’il y a un problème de fonctionnement, c’est votre 
  faute… et que les mises à jour (indispensables pour la sécurité de votre 
  blog) vous incombent.


                           L'@telier ‐ 2009 ‐ Médiathèque de Lorient            56
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
Les moteurs de blog
En voici quelques‐uns :
• BlogCMS http://blogcms.com/

• Dotclear http://www.dotclear.net/

• Serendipity  http://www.s9y.org/

• SimplePHPblog  http://www.simplephpblog.com/

• WordPress http://fr.wordpress.org/.




                    L'@telier ‐ 2009 ‐ Médiathèque de Lorient   58
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
Créer son blog
CREATION D’UN 
     BLOG 
     chez
 « BLOGGER » 




        L'@telier ‐ 2009 ‐ Médiathèque de Lorient   60
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
Un blog ?




L'@telier ‐ 2009 ‐ Médiathèque de Lorient   62
A quoi ça sert ?




 L'@telier ‐ 2009 ‐ Médiathèque de Lorient   63
Un lien social ?




 L'@telier ‐ 2009 ‐ Médiathèque de Lorient   64
La présentation du blog




     L'@telier ‐ 2009 ‐ Médiathèque de Lorient   65
Envoyer des photos




   L'@telier ‐ 2009 ‐ Médiathèque de Lorient   66
Blogger de votre téléphone




       L'@telier ‐ 2009 ‐ Médiathèque de Lorient   67
On démarre…




L'@telier ‐ 2009 ‐ Médiathèque de Lorient   68
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
Accès à la plateforme de blog

                                                    Connectez 
                                                     vous sur 
                                                      Google




        L'@telier ‐ 2009 ‐ Médiathèque de Lorient          70
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
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
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
Créer votre compte




   L'@telier ‐ 2009 ‐ Médiathèque de Lorient   74
Un compte Google




  L'@telier ‐ 2009 ‐ Médiathèque de Lorient   75
Choisir un nom




 L'@telier ‐ 2009 ‐ Médiathèque de Lorient   76
L’adresse URL




L'@telier ‐ 2009 ‐ Médiathèque de Lorient   77
Choisir son modèle




   L'@telier ‐ 2009 ‐ Médiathèque de Lorient   78
C’est fait




L'@telier ‐ 2009 ‐ Médiathèque de Lorient   79
Mon premier article




   L'@telier ‐ 2009 ‐ Médiathèque de Lorient   80
Je peux insérer divers éléments




         L'@telier ‐ 2009 ‐ Médiathèque de Lorient   81
Le mode administrateur : les paramètres




           L'@telier ‐ 2009 ‐ Médiathèque de Lorient   82
Le mode administrateur : les paramètres




           L'@telier ‐ 2009 ‐ Médiathèque de Lorient   83
Le mode administrateur : les paramètres




           L'@telier ‐ 2009 ‐ Médiathèque de Lorient   84
Le mode administrateur : les paramètres




           L'@telier ‐ 2009 ‐ Médiathèque de Lorient   85
Le mode administrateur : Edition




         L'@telier ‐ 2009 ‐ Médiathèque de Lorient   86
Le mode administrateur : Archivage




         L'@telier ‐ 2009 ‐ Médiathèque de Lorient   87
E‐Mail




L'@telier ‐ 2009 ‐ Médiathèque de Lorient   88
Le blog sur internet




L'@telier ‐ 2009 ‐ Médiathèque de Lorient   89
Votre page d’accueil – côté public




          L'@telier ‐ 2009 ‐ Médiathèque de Lorient   90
Mise en page




L'@telier ‐ 2009 ‐ Médiathèque de Lorient   91
Les éléments de la page




Chacun des éléments est
modifiable, déplaçable selon
sa nature
                      L'@telier ‐ 2009 ‐ Médiathèque de Lorient   92
Polices et couleurs




   L'@telier ‐ 2009 ‐ Médiathèque de Lorient   93
Modifier le code HTML




     L'@telier ‐ 2009 ‐ Médiathèque de Lorient   94
Changer de modèle




   L'@telier ‐ 2009 ‐ Médiathèque de Lorient   95
Ecrire un second article




     L'@telier ‐ 2009 ‐ Médiathèque de Lorient   96
Ecrire…penser aux mots‐clés




       L'@telier ‐ 2009 ‐ Médiathèque de Lorient   97
Modifier les messages




     L'@telier ‐ 2009 ‐ Médiathèque de Lorient   98
Ajouter une image




   L'@telier ‐ 2009 ‐ Médiathèque de Lorient   99
Récupération d’une image 
  dans notre ordinateur




     L'@telier ‐ 2009 ‐ Médiathèque de Lorient   100
Aperçu de l’article avec la nouvelle image




            L'@telier ‐ 2009 ‐ Médiathèque de Lorient   101
Insérer une vidéo

Cas n° 1,
vous avez
repéré une
vidéo sur
une
plateforme
de partage
de vidéos.




                                                           102
               L'@telier ‐ 2009 ‐ Médiathèque de Lorient
Capture du code à insérer

Suivre le conseil
du site




                    L'@telier ‐ 2009 ‐ Médiathèque de Lorient   103
Coller le code en ouvrant 
« modifier le code HTML »




       L'@telier ‐ 2009 ‐ Médiathèque de Lorient   104
Sauvegarder, ou publier l’article 




          L'@telier ‐ 2009 ‐ Médiathèque de Lorient   105
C’est fait, regardez le résultat




         L'@telier ‐ 2009 ‐ Médiathèque de Lorient   106
Vue du site, la vidéo apparait, 
     prête à être lancer




         L'@telier ‐ 2009 ‐ Médiathèque de Lorient   107
Accéder à votre blog depuis votre 
        compte Google




           L'@telier ‐ 2009 ‐ Médiathèque de Lorient   108
Blogger
Vous pouvez créer et gérer plusieurs blog, depuis
votre compte Google




                  L'@telier ‐ 2009 ‐ Médiathèque de Lorient   109
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
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
<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
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
Un blog sur Blogger




   L'@telier ‐ 2009 ‐ Médiathèque de Lorient   114
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

Contenu connexe

Tendances

Un blog, Kézaco ?
Un blog, Kézaco ? Un blog, Kézaco ?
Un blog, Kézaco ?
E2m Gig
 
Panorama des outils collaboratifs du web 2.0
Panorama des outils collaboratifs du web 2.0Panorama des outils collaboratifs du web 2.0
Panorama des outils collaboratifs du web 2.0
sophiebocquet
 
Bibliothèque 2.0 - la médiatisation des savoirs
Bibliothèque 2.0 - la médiatisation des savoirsBibliothèque 2.0 - la médiatisation des savoirs
Bibliothèque 2.0 - la médiatisation des savoirs
Christophe Poupet
 
Mididizi netvibes-jja
Mididizi netvibes-jjaMididizi netvibes-jja
Mididizi netvibes-jja
Commissariat Easi-Wal
 
Netvibes
NetvibesNetvibes
Les 10 principaux outils du Web2.0
Les 10 principaux outils du Web2.0Les 10 principaux outils du Web2.0
Les 10 principaux outils du Web2.0
Henri Kaufman
 
Outils Web 2.0 pour l'enseignement
Outils Web 2.0 pour l'enseignementOutils Web 2.0 pour l'enseignement
Outils Web 2.0 pour l'enseignement
Stéphane Bazan
 
Créer un blog de bibliothèque
Créer un blog de bibliothèqueCréer un blog de bibliothèque
Créer un blog de bibliothèque
webmaster87
 
Blog en bibliothèque : créer et animer
Blog en bibliothèque : créer et animerBlog en bibliothèque : créer et animer
Blog en bibliothèque : créer et animer
Dujol Lionel
 
Tutoriel SPIP
Tutoriel SPIPTutoriel SPIP
Tutoriel SPIP
Cyberco
 
Introduction aux outils du Web 2.0
Introduction aux outils du Web 2.0 Introduction aux outils du Web 2.0
Introduction aux outils du Web 2.0
URFIST de Rennes
 
Formation WordPress à Blida
Formation WordPress à BlidaFormation WordPress à Blida
Formation WordPress à Blida
Gd6d
 
Introduction aux blogs
Introduction aux blogsIntroduction aux blogs
Introduction aux blogs
olivier
 
Presentation joomla
Presentation joomlaPresentation joomla
Presentation joomla
Cynapsys It Hotspot
 
Utiliser WordPress
Utiliser WordPressUtiliser WordPress
Utiliser WordPress
Daniel GUEYSSET
 
Wordpress notes de cours
Wordpress notes de coursWordpress notes de cours
Wordpress notes de cours
michel.titeux
 
Formation wordpress
Formation wordpressFormation wordpress

Tendances (20)

Un blog, Kézaco ?
Un blog, Kézaco ? Un blog, Kézaco ?
Un blog, Kézaco ?
 
Panorama des outils collaboratifs du web 2.0
Panorama des outils collaboratifs du web 2.0Panorama des outils collaboratifs du web 2.0
Panorama des outils collaboratifs du web 2.0
 
Bibliothèque 2.0 - la médiatisation des savoirs
Bibliothèque 2.0 - la médiatisation des savoirsBibliothèque 2.0 - la médiatisation des savoirs
Bibliothèque 2.0 - la médiatisation des savoirs
 
Mididizi netvibes-jja
Mididizi netvibes-jjaMididizi netvibes-jja
Mididizi netvibes-jja
 
Netvibes
NetvibesNetvibes
Netvibes
 
Ajax1 v3+
Ajax1 v3+Ajax1 v3+
Ajax1 v3+
 
Les 10 principaux outils du Web2.0
Les 10 principaux outils du Web2.0Les 10 principaux outils du Web2.0
Les 10 principaux outils du Web2.0
 
Outils Web 2.0 pour l'enseignement
Outils Web 2.0 pour l'enseignementOutils Web 2.0 pour l'enseignement
Outils Web 2.0 pour l'enseignement
 
Créer un blog de bibliothèque
Créer un blog de bibliothèqueCréer un blog de bibliothèque
Créer un blog de bibliothèque
 
Blog en bibliothèque : créer et animer
Blog en bibliothèque : créer et animerBlog en bibliothèque : créer et animer
Blog en bibliothèque : créer et animer
 
Tutoriel SPIP
Tutoriel SPIPTutoriel SPIP
Tutoriel SPIP
 
Introduction aux outils du Web 2.0
Introduction aux outils du Web 2.0 Introduction aux outils du Web 2.0
Introduction aux outils du Web 2.0
 
Le Web 2
Le Web 2Le Web 2
Le Web 2
 
Formation WordPress à Blida
Formation WordPress à BlidaFormation WordPress à Blida
Formation WordPress à Blida
 
Introduction aux blogs
Introduction aux blogsIntroduction aux blogs
Introduction aux blogs
 
Presentation joomla
Presentation joomlaPresentation joomla
Presentation joomla
 
Utiliser WordPress
Utiliser WordPressUtiliser WordPress
Utiliser WordPress
 
Le web 2.0
Le web 2.0Le web 2.0
Le web 2.0
 
Wordpress notes de cours
Wordpress notes de coursWordpress notes de cours
Wordpress notes de cours
 
Formation wordpress
Formation wordpressFormation wordpress
Formation wordpress
 

En vedette

Evelin mariela de leon oliva trabajo de la nube
Evelin mariela de leon oliva trabajo de la nubeEvelin mariela de leon oliva trabajo de la nube
Evelin mariela de leon oliva trabajo de la nube
evelinnnmarielaaa
 
Clase 6 Práctica 2 Teclado
Clase 6 Práctica 2 TecladoClase 6 Práctica 2 Teclado
Clase 6 Práctica 2 Teclado
AdulTICo
 
Atos Consulting : Connexion #4
Atos Consulting : Connexion #4Atos Consulting : Connexion #4
Atos Consulting : Connexion #4
Nicole Turbé-Suetens
 
EJERCICIO 6
EJERCICIO 6 EJERCICIO 6
EJERCICIO 6
MATEMATICA AVANZADA
 
Presentacion navideña y fin de año
Presentacion navideña y fin de añoPresentacion navideña y fin de año
Presentacion navideña y fin de año
14121975
 
Recursos periféricos.
Recursos periféricos.Recursos periféricos.
Recursos periféricos.
LupisGomez99
 
ACTIVIDAD GRUPAL 6
ACTIVIDAD GRUPAL 6ACTIVIDAD GRUPAL 6
ACTIVIDAD GRUPAL 6
amileg3
 
kksjsjsiadllvkkvsbnjfjf,jnfkjlnvdfkjlnfjlfnvkm.nkjmjfkv
kksjsjsiadllvkkvsbnjfjf,jnfkjlnvdfkjlnfjlfnvkm.nkjmjfkvkksjsjsiadllvkkvsbnjfjf,jnfkjlnvdfkjlnfjlfnvkm.nkjmjfkv
kksjsjsiadllvkkvsbnjfjf,jnfkjlnvdfkjlnfjlfnvkm.nkjmjfkv
luisesproman
 
El aparato circulatorio
El aparato circulatorioEl aparato circulatorio
El aparato circulatorio
noticiasmolonas
 
Gendarme Retraite
Gendarme RetraiteGendarme Retraite
Gendarme Retraite
zalinet
 
Participación de los padres en el centro docente.
Participación de los padres en el centro docente.Participación de los padres en el centro docente.
Participación de los padres en el centro docente.
Silvia_toledo_cobisa
 
Taare
TaareTaare
Que es un blog
Que es un blogQue es un blog
Que es un blog
Daniel Torres
 
Archivo recuperado 1
Archivo recuperado 1Archivo recuperado 1
Archivo recuperado 1
turo90
 
La Marche De Lhunanité
La Marche De LhunanitéLa Marche De Lhunanité
La Marche De Lhunanité
ecodu
 
Atos Origin : accord groupe télétravail
Atos Origin : accord groupe télétravailAtos Origin : accord groupe télétravail
Atos Origin : accord groupe télétravail
Nicole Turbé-Suetens
 
La participación
La participaciónLa participación
La participación
fermintoro4
 
Gira de eventos – VideoCorp International – Integración Audiovisual
Gira de eventos – VideoCorp International – Integración AudiovisualGira de eventos – VideoCorp International – Integración Audiovisual
Gira de eventos – VideoCorp International – Integración Audiovisual
VideoCorp
 
La vida es el arte del encuentro
La vida es el arte del encuentroLa vida es el arte del encuentro
La vida es el arte del encuentro
cafeca07
 
L'identité numérique : vers la collaboration
L'identité numérique : vers la collaborationL'identité numérique : vers la collaboration
L'identité numérique : vers la collaboration
richard peirano
 

En vedette (20)

Evelin mariela de leon oliva trabajo de la nube
Evelin mariela de leon oliva trabajo de la nubeEvelin mariela de leon oliva trabajo de la nube
Evelin mariela de leon oliva trabajo de la nube
 
Clase 6 Práctica 2 Teclado
Clase 6 Práctica 2 TecladoClase 6 Práctica 2 Teclado
Clase 6 Práctica 2 Teclado
 
Atos Consulting : Connexion #4
Atos Consulting : Connexion #4Atos Consulting : Connexion #4
Atos Consulting : Connexion #4
 
EJERCICIO 6
EJERCICIO 6 EJERCICIO 6
EJERCICIO 6
 
Presentacion navideña y fin de año
Presentacion navideña y fin de añoPresentacion navideña y fin de año
Presentacion navideña y fin de año
 
Recursos periféricos.
Recursos periféricos.Recursos periféricos.
Recursos periféricos.
 
ACTIVIDAD GRUPAL 6
ACTIVIDAD GRUPAL 6ACTIVIDAD GRUPAL 6
ACTIVIDAD GRUPAL 6
 
kksjsjsiadllvkkvsbnjfjf,jnfkjlnvdfkjlnfjlfnvkm.nkjmjfkv
kksjsjsiadllvkkvsbnjfjf,jnfkjlnvdfkjlnfjlfnvkm.nkjmjfkvkksjsjsiadllvkkvsbnjfjf,jnfkjlnvdfkjlnfjlfnvkm.nkjmjfkv
kksjsjsiadllvkkvsbnjfjf,jnfkjlnvdfkjlnfjlfnvkm.nkjmjfkv
 
El aparato circulatorio
El aparato circulatorioEl aparato circulatorio
El aparato circulatorio
 
Gendarme Retraite
Gendarme RetraiteGendarme Retraite
Gendarme Retraite
 
Participación de los padres en el centro docente.
Participación de los padres en el centro docente.Participación de los padres en el centro docente.
Participación de los padres en el centro docente.
 
Taare
TaareTaare
Taare
 
Que es un blog
Que es un blogQue es un blog
Que es un blog
 
Archivo recuperado 1
Archivo recuperado 1Archivo recuperado 1
Archivo recuperado 1
 
La Marche De Lhunanité
La Marche De LhunanitéLa Marche De Lhunanité
La Marche De Lhunanité
 
Atos Origin : accord groupe télétravail
Atos Origin : accord groupe télétravailAtos Origin : accord groupe télétravail
Atos Origin : accord groupe télétravail
 
La participación
La participaciónLa participación
La participación
 
Gira de eventos – VideoCorp International – Integración Audiovisual
Gira de eventos – VideoCorp International – Integración AudiovisualGira de eventos – VideoCorp International – Integración Audiovisual
Gira de eventos – VideoCorp International – Integración Audiovisual
 
La vida es el arte del encuentro
La vida es el arte del encuentroLa vida es el arte del encuentro
La vida es el arte del encuentro
 
L'identité numérique : vers la collaboration
L'identité numérique : vers la collaborationL'identité numérique : vers la collaboration
L'identité numérique : vers la collaboration
 

Similaire à Créer son blog avec Blogger

Web2.0: Les caractéristiques et les technologies qui définissent la nouvelle ...
Web2.0: Les caractéristiques et les technologies qui définissent la nouvelle ...Web2.0: Les caractéristiques et les technologies qui définissent la nouvelle ...
Web2.0: Les caractéristiques et les technologies qui définissent la nouvelle ...
Jean-Michel Bouffard
 
Club de la communication Midi-Pyrénées - Nouveaux outils
Club de la communication Midi-Pyrénées - Nouveaux outilsClub de la communication Midi-Pyrénées - Nouveaux outils
Club de la communication Midi-Pyrénées - Nouveaux outils
Ludovic Dublanchet
 
Web 2.0, Outils et Usages pour la recherche, la production et la diffusion
Web 2.0, Outils et Usages pour la recherche, la production et la diffusion Web 2.0, Outils et Usages pour la recherche, la production et la diffusion
Web 2.0, Outils et Usages pour la recherche, la production et la diffusion
Stefano Amekoudi
 
Web2.0 e-learning et KM
Web2.0 e-learning et KMWeb2.0 e-learning et KM
Web2.0 e-learning et KM
Pierre-Etienne Chausse
 
5èmes Rencontres Tourisme & Internet du Tarn
5èmes Rencontres Tourisme & Internet du Tarn5èmes Rencontres Tourisme & Internet du Tarn
5èmes Rencontres Tourisme & Internet du Tarn
Ludovic Dublanchet
 
Internet Participatif, Flux Rss Et Syndication
Internet Participatif, Flux Rss Et SyndicationInternet Participatif, Flux Rss Et Syndication
Internet Participatif, Flux Rss Et Syndication
Tarn Tourisme
 
Web 2.0 GTI780 & MTI780 ETS A09
Web 2.0  GTI780 & MTI780  ETS  A09Web 2.0  GTI780 & MTI780  ETS  A09
Web 2.0 GTI780 & MTI780 ETS A09
Claude Coulombe
 
Le Web 2.0 en bibliothèques (Nov.2009)
Le Web 2.0 en bibliothèques (Nov.2009)Le Web 2.0 en bibliothèques (Nov.2009)
Le Web 2.0 en bibliothèques (Nov.2009)
KOMOROWSKI Corinne
 
Le Web 2 en classe de FLE
Le Web 2 en classe de FLELe Web 2 en classe de FLE
Le Web 2 en classe de FLE
Carmen Vera
 
Archives & Archivistes 2.0
Archives & Archivistes 2.0Archives & Archivistes 2.0
Archives & Archivistes 2.0
souslapoussiere
 
Creer un blog pedagogique avec blogger
Creer un blog pedagogique avec bloggerCreer un blog pedagogique avec blogger
Creer un blog pedagogique avec blogger
Dominique Thomas
 
Presentation webschool pour centraider
Presentation webschool pour centraiderPresentation webschool pour centraider
Presentation webschool pour centraider
webschooltours
 
Cd C Fcinewii30072008
Cd C Fcinewii30072008Cd C Fcinewii30072008
Cd C Fcinewii30072008
Alain Robert
 
Le Web 2.0
Le Web 2.0Le Web 2.0
Le Web 2.0
Ludovic Dublanchet
 
HISTOIRE ET PANORAMA DU WEB À DESTINATION DES PROFESSIONNELS DE L'IMAGE ET DE...
HISTOIRE ET PANORAMA DU WEB À DESTINATION DES PROFESSIONNELS DE L'IMAGE ET DE...HISTOIRE ET PANORAMA DU WEB À DESTINATION DES PROFESSIONNELS DE L'IMAGE ET DE...
HISTOIRE ET PANORAMA DU WEB À DESTINATION DES PROFESSIONNELS DE L'IMAGE ET DE...
Nadia Berg
 
Eco biz - st brieuc - media-marque - e-reputation - conseils pour les tpe-pme
Eco biz - st brieuc - media-marque - e-reputation - conseils pour les tpe-pmeEco biz - st brieuc - media-marque - e-reputation - conseils pour les tpe-pme
Eco biz - st brieuc - media-marque - e-reputation - conseils pour les tpe-pme
Media-Marque
 

Similaire à Créer son blog avec Blogger (20)

Découverte des outils Web 2.0
Découverte des outils Web 2.0Découverte des outils Web 2.0
Découverte des outils Web 2.0
 
Web2.0: Les caractéristiques et les technologies qui définissent la nouvelle ...
Web2.0: Les caractéristiques et les technologies qui définissent la nouvelle ...Web2.0: Les caractéristiques et les technologies qui définissent la nouvelle ...
Web2.0: Les caractéristiques et les technologies qui définissent la nouvelle ...
 
Club de la communication Midi-Pyrénées - Nouveaux outils
Club de la communication Midi-Pyrénées - Nouveaux outilsClub de la communication Midi-Pyrénées - Nouveaux outils
Club de la communication Midi-Pyrénées - Nouveaux outils
 
Web 2.0, Outils et Usages pour la recherche, la production et la diffusion
Web 2.0, Outils et Usages pour la recherche, la production et la diffusion Web 2.0, Outils et Usages pour la recherche, la production et la diffusion
Web 2.0, Outils et Usages pour la recherche, la production et la diffusion
 
Web2.0 e-learning et KM
Web2.0 e-learning et KMWeb2.0 e-learning et KM
Web2.0 e-learning et KM
 
Evolution du web2.0
Evolution du web2.0Evolution du web2.0
Evolution du web2.0
 
5èmes Rencontres Tourisme & Internet du Tarn
5èmes Rencontres Tourisme & Internet du Tarn5èmes Rencontres Tourisme & Internet du Tarn
5èmes Rencontres Tourisme & Internet du Tarn
 
Internet Participatif, Flux Rss Et Syndication
Internet Participatif, Flux Rss Et SyndicationInternet Participatif, Flux Rss Et Syndication
Internet Participatif, Flux Rss Et Syndication
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Web 2.0 GTI780 & MTI780 ETS A09
Web 2.0  GTI780 & MTI780  ETS  A09Web 2.0  GTI780 & MTI780  ETS  A09
Web 2.0 GTI780 & MTI780 ETS A09
 
Le Web 2.0 en bibliothèques (Nov.2009)
Le Web 2.0 en bibliothèques (Nov.2009)Le Web 2.0 en bibliothèques (Nov.2009)
Le Web 2.0 en bibliothèques (Nov.2009)
 
Le Web 2 en classe de FLE
Le Web 2 en classe de FLELe Web 2 en classe de FLE
Le Web 2 en classe de FLE
 
Archives & Archivistes 2.0
Archives & Archivistes 2.0Archives & Archivistes 2.0
Archives & Archivistes 2.0
 
Web 2.0 en bibliothèques
Web 2.0 en bibliothèquesWeb 2.0 en bibliothèques
Web 2.0 en bibliothèques
 
Creer un blog pedagogique avec blogger
Creer un blog pedagogique avec bloggerCreer un blog pedagogique avec blogger
Creer un blog pedagogique avec blogger
 
Presentation webschool pour centraider
Presentation webschool pour centraiderPresentation webschool pour centraider
Presentation webschool pour centraider
 
Cd C Fcinewii30072008
Cd C Fcinewii30072008Cd C Fcinewii30072008
Cd C Fcinewii30072008
 
Le Web 2.0
Le Web 2.0Le Web 2.0
Le Web 2.0
 
HISTOIRE ET PANORAMA DU WEB À DESTINATION DES PROFESSIONNELS DE L'IMAGE ET DE...
HISTOIRE ET PANORAMA DU WEB À DESTINATION DES PROFESSIONNELS DE L'IMAGE ET DE...HISTOIRE ET PANORAMA DU WEB À DESTINATION DES PROFESSIONNELS DE L'IMAGE ET DE...
HISTOIRE ET PANORAMA DU WEB À DESTINATION DES PROFESSIONNELS DE L'IMAGE ET DE...
 
Eco biz - st brieuc - media-marque - e-reputation - conseils pour les tpe-pme
Eco biz - st brieuc - media-marque - e-reputation - conseils pour les tpe-pmeEco biz - st brieuc - media-marque - e-reputation - conseils pour les tpe-pme
Eco biz - st brieuc - media-marque - e-reputation - conseils pour les tpe-pme
 

Plus de MEMOIRE PATRIMOINE CLOHARS CARNOET

livret souvenir 23.A5.09.06.court.pdf
livret souvenir 23.A5.09.06.court.pdflivret souvenir 23.A5.09.06.court.pdf
livret souvenir 23.A5.09.06.court.pdf
MEMOIRE PATRIMOINE CLOHARS CARNOET
 
livret souvenir 23.A4.13.06.pdf
livret souvenir 23.A4.13.06.pdflivret souvenir 23.A4.13.06.pdf
livret souvenir 23.A4.13.06.pdf
MEMOIRE PATRIMOINE CLOHARS CARNOET
 
Atlantikwall Kerfany Le Pouldu
Atlantikwall Kerfany Le PoulduAtlantikwall Kerfany Le Pouldu
Atlantikwall Kerfany Le Pouldu
MEMOIRE PATRIMOINE CLOHARS CARNOET
 
Mur de l'Atlantique à Clohars Carnoët - Finistère - Bretagne
Mur de l'Atlantique à Clohars Carnoët - Finistère - BretagneMur de l'Atlantique à Clohars Carnoët - Finistère - Bretagne
Mur de l'Atlantique à Clohars Carnoët - Finistère - Bretagne
MEMOIRE PATRIMOINE CLOHARS CARNOET
 
Libre.office.writer
Libre.office.writerLibre.office.writer
Google.alternatives
Google.alternativesGoogle.alternatives
Linux.debut
Linux.debutLinux.debut
Le blockhaus du Pouldu - R 625
Le blockhaus du Pouldu - R 625Le blockhaus du Pouldu - R 625
Le blockhaus du Pouldu - R 625
MEMOIRE PATRIMOINE CLOHARS CARNOET
 
Votre ordinateur au quotidien - Les bases
Votre ordinateur au quotidien - Les basesVotre ordinateur au quotidien - Les bases
Votre ordinateur au quotidien - Les bases
MEMOIRE PATRIMOINE CLOHARS CARNOET
 
Facebook.2019
Facebook.2019Facebook.2019
Photos.2019
Photos.2019Photos.2019
Le Bon Coin : usages et précautions
Le Bon Coin : usages et précautionsLe Bon Coin : usages et précautions
Le Bon Coin : usages et précautions
MEMOIRE PATRIMOINE CLOHARS CARNOET
 
Gérer sa vie privée numérique
Gérer sa vie privée numérique Gérer sa vie privée numérique
Gérer sa vie privée numérique
MEMOIRE PATRIMOINE CLOHARS CARNOET
 
Vos achats en ligne.
Vos achats en ligne.Vos achats en ligne.
Se déplacer à l'aide d'Internet
Se déplacer à l'aide d'InternetSe déplacer à l'aide d'Internet
Se déplacer à l'aide d'Internet
MEMOIRE PATRIMOINE CLOHARS CARNOET
 
la Casemate.pouldu.presentation
la Casemate.pouldu.presentationla Casemate.pouldu.presentation
la Casemate.pouldu.presentation
MEMOIRE PATRIMOINE CLOHARS CARNOET
 
Le débarquement des Anglais en 1746 - Les batteries côtières de Clohars
Le débarquement des Anglais en 1746 - Les batteries côtières de CloharsLe débarquement des Anglais en 1746 - Les batteries côtières de Clohars
Le débarquement des Anglais en 1746 - Les batteries côtières de Clohars
MEMOIRE PATRIMOINE CLOHARS CARNOET
 
Faire connaitre son blog
Faire connaitre son blogFaire connaitre son blog
Faire connaitre son blog
MEMOIRE PATRIMOINE CLOHARS CARNOET
 
Un blog avec google
Un blog avec googleUn blog avec google
Inauguration du Groupe Scolaire de Clohars-Carnoët - 1933
Inauguration du Groupe Scolaire de Clohars-Carnoët - 1933Inauguration du Groupe Scolaire de Clohars-Carnoët - 1933
Inauguration du Groupe Scolaire de Clohars-Carnoët - 1933
MEMOIRE PATRIMOINE CLOHARS CARNOET
 

Plus de MEMOIRE PATRIMOINE CLOHARS CARNOET (20)

livret souvenir 23.A5.09.06.court.pdf
livret souvenir 23.A5.09.06.court.pdflivret souvenir 23.A5.09.06.court.pdf
livret souvenir 23.A5.09.06.court.pdf
 
livret souvenir 23.A4.13.06.pdf
livret souvenir 23.A4.13.06.pdflivret souvenir 23.A4.13.06.pdf
livret souvenir 23.A4.13.06.pdf
 
Atlantikwall Kerfany Le Pouldu
Atlantikwall Kerfany Le PoulduAtlantikwall Kerfany Le Pouldu
Atlantikwall Kerfany Le Pouldu
 
Mur de l'Atlantique à Clohars Carnoët - Finistère - Bretagne
Mur de l'Atlantique à Clohars Carnoët - Finistère - BretagneMur de l'Atlantique à Clohars Carnoët - Finistère - Bretagne
Mur de l'Atlantique à Clohars Carnoët - Finistère - Bretagne
 
Libre.office.writer
Libre.office.writerLibre.office.writer
Libre.office.writer
 
Google.alternatives
Google.alternativesGoogle.alternatives
Google.alternatives
 
Linux.debut
Linux.debutLinux.debut
Linux.debut
 
Le blockhaus du Pouldu - R 625
Le blockhaus du Pouldu - R 625Le blockhaus du Pouldu - R 625
Le blockhaus du Pouldu - R 625
 
Votre ordinateur au quotidien - Les bases
Votre ordinateur au quotidien - Les basesVotre ordinateur au quotidien - Les bases
Votre ordinateur au quotidien - Les bases
 
Facebook.2019
Facebook.2019Facebook.2019
Facebook.2019
 
Photos.2019
Photos.2019Photos.2019
Photos.2019
 
Le Bon Coin : usages et précautions
Le Bon Coin : usages et précautionsLe Bon Coin : usages et précautions
Le Bon Coin : usages et précautions
 
Gérer sa vie privée numérique
Gérer sa vie privée numérique Gérer sa vie privée numérique
Gérer sa vie privée numérique
 
Vos achats en ligne.
Vos achats en ligne.Vos achats en ligne.
Vos achats en ligne.
 
Se déplacer à l'aide d'Internet
Se déplacer à l'aide d'InternetSe déplacer à l'aide d'Internet
Se déplacer à l'aide d'Internet
 
la Casemate.pouldu.presentation
la Casemate.pouldu.presentationla Casemate.pouldu.presentation
la Casemate.pouldu.presentation
 
Le débarquement des Anglais en 1746 - Les batteries côtières de Clohars
Le débarquement des Anglais en 1746 - Les batteries côtières de CloharsLe débarquement des Anglais en 1746 - Les batteries côtières de Clohars
Le débarquement des Anglais en 1746 - Les batteries côtières de Clohars
 
Faire connaitre son blog
Faire connaitre son blogFaire connaitre son blog
Faire connaitre son blog
 
Un blog avec google
Un blog avec googleUn blog avec google
Un blog avec google
 
Inauguration du Groupe Scolaire de Clohars-Carnoët - 1933
Inauguration du Groupe Scolaire de Clohars-Carnoët - 1933Inauguration du Groupe Scolaire de Clohars-Carnoët - 1933
Inauguration du Groupe Scolaire de Clohars-Carnoët - 1933
 

Créer son blog avec Blogger

  • 1. Initiation à la création d’un blog avec Blogger L’@telier L'@telier ‐ 2009 ‐ Médiathèque de Lorient 1
  • 2. L’environnement du blog • Un blog est une forme très simplifiée  d’un site internet. • Parcourons donc l’environnement actuel  du monde de l’internet : le web 2.0  L'@telier ‐ 2009 ‐ Médiathèque de Lorient 2
  • 3. Généralités sur le web 2.0 L'@telier ‐ 2009 ‐ Médiathèque de Lorient 3
  • 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
  • 7. Avoir sa page d’accueil personnalisable L'@telier ‐ 2009 ‐ Médiathèque de Lorient 7
  • 8. Ses photos en ligne, et celles des autres L'@telier ‐ 2009 ‐ Médiathèque de Lorient 8
  • 9. Ses vidéos en ligne et celles des autres. L'@telier ‐ 2009 ‐ Médiathèque de Lorient 9
  • 10. Des outils de bureautique en ligne L'@telier ‐ 2009 ‐ Médiathèque de Lorient 10
  • 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
  • 12. Messagerie instantanée en ligne L'@telier ‐ 2009 ‐ Médiathèque de Lorient 12
  • 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
  • 14. Pour découvrir des sites web 2.0 sur  des plateformes dédiées http://www.go2web20.net/ L'@telier ‐ 2009 ‐ Médiathèque de Lorient 14
  • 15. L’utilisateur, créateur de contenus L'@telier ‐ 2009 ‐ Médiathèque de Lorient 15
  • 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
  • 20. Nuage de tags de Dailymotion  L'@telier ‐ 2009 ‐ Médiathèque de Lorient 20
  • 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
  • 31. •Le principe du blog (contraction de web log = journal web) est un  support de publication en ligne simple et rapide à mettre en  œuvre.  •Le blog permet aux lecteurs de réagir via les commentaires. • Les blogs proposent des fils RSS de façon native •Comment créer un blog ? ‐ Ouvrir un compte chez un hébergeur ‐ Ou installer un logiciel (Wordpress ou Dotclear) sur un serveur Aucune connaissances techniques n’est nécessaire si on choisit un hébergeur L'@telier ‐ 2009 ‐ Médiathèque de Lorient 31
  • 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
  • 33. Un agrégateur de blogs L'@telier ‐ 2009 ‐ Médiathèque de Lorient 33
  • 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
  • 39. Rester connecté avec sa communauté Internet a toujours été un vecteur de communication ou de mise en relation  avec  les outils webmail et la messagerie instantanée L'@telier ‐ 2009 ‐ Médiathèque de Lorient 39
  • 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
  • 41. Facebook • Interagir avec ses réseaux : Facebook, à l’origine site communautaire d’une  université américaine, s’est implanté en France où il connaît un succès  fabuleux : de 241 000 visiteurs en juillet 2007 à près de 2 millions en  décembre. L'@telier ‐ 2009 ‐ Médiathèque de Lorient 41
  • 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
  • 45. La musique, la vidéo en ligne L'@telier ‐ 2009 ‐ Médiathèque de Lorient 45
  • 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
  • 56. L’ hébergement • L’ hébergeur De nombreux hébergeurs vous offrent, gratuitement ou non, d’héberger votre site web. Cela signifie que vous pouvez aussi choisir d’utiliser cet espace  pour y installer un blog. Le principe • Vous déposez sur votre serveur un ensemble de fichiers, très souvent,  vous procédez à une installation en ligne, et c’est parti !  • L’avantage, c’est que vous êtes le seul maitre à bord. Un nouveau plugin  vous intéresse ? Vous l’installez. Vous êtes graphiste et les thèmes  proposés par défaut ne vous plaisent pas ? Vous faites le vôtre, unique.  • Cela signifie aussi que s’il y a un problème de fonctionnement, c’est votre  faute… et que les mises à jour (indispensables pour la sécurité de votre  blog) vous incombent. L'@telier ‐ 2009 ‐ Médiathèque de Lorient 56
  • 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
  • 58. Les moteurs de blog En voici quelques‐uns : • BlogCMS http://blogcms.com/ • Dotclear http://www.dotclear.net/ • Serendipity  http://www.s9y.org/ • SimplePHPblog  http://www.simplephpblog.com/ • WordPress http://fr.wordpress.org/. L'@telier ‐ 2009 ‐ Médiathèque de Lorient 58
  • 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
  • 60. Créer son blog CREATION D’UN  BLOG  chez « BLOGGER »  L'@telier ‐ 2009 ‐ Médiathèque de Lorient 60
  • 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
  • 63. A quoi ça sert ? L'@telier ‐ 2009 ‐ Médiathèque de Lorient 63
  • 64. Un lien social ? L'@telier ‐ 2009 ‐ Médiathèque de Lorient 64
  • 65. La présentation du blog L'@telier ‐ 2009 ‐ Médiathèque de Lorient 65
  • 66. Envoyer des photos L'@telier ‐ 2009 ‐ Médiathèque de Lorient 66
  • 67. Blogger de votre téléphone L'@telier ‐ 2009 ‐ Médiathèque de Lorient 67
  • 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
  • 70. Accès à la plateforme de blog Connectez  vous sur  Google L'@telier ‐ 2009 ‐ Médiathèque de Lorient 70
  • 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
  • 74. Créer votre compte L'@telier ‐ 2009 ‐ Médiathèque de Lorient 74
  • 75. Un compte Google L'@telier ‐ 2009 ‐ Médiathèque de Lorient 75
  • 76. Choisir un nom L'@telier ‐ 2009 ‐ Médiathèque de Lorient 76
  • 78. Choisir son modèle L'@telier ‐ 2009 ‐ Médiathèque de Lorient 78
  • 80. Mon premier article L'@telier ‐ 2009 ‐ Médiathèque de Lorient 80
  • 81. Je peux insérer divers éléments L'@telier ‐ 2009 ‐ Médiathèque de Lorient 81
  • 82. Le mode administrateur : les paramètres L'@telier ‐ 2009 ‐ Médiathèque de Lorient 82
  • 83. Le mode administrateur : les paramètres L'@telier ‐ 2009 ‐ Médiathèque de Lorient 83
  • 84. Le mode administrateur : les paramètres L'@telier ‐ 2009 ‐ Médiathèque de Lorient 84
  • 85. Le mode administrateur : les paramètres L'@telier ‐ 2009 ‐ Médiathèque de Lorient 85
  • 86. Le mode administrateur : Edition L'@telier ‐ 2009 ‐ Médiathèque de Lorient 86
  • 87. Le mode administrateur : Archivage L'@telier ‐ 2009 ‐ Médiathèque de Lorient 87
  • 89. Le blog sur internet L'@telier ‐ 2009 ‐ Médiathèque de Lorient 89
  • 90. Votre page d’accueil – côté public L'@telier ‐ 2009 ‐ Médiathèque de Lorient 90
  • 92. Les éléments de la page Chacun des éléments est modifiable, déplaçable selon sa nature L'@telier ‐ 2009 ‐ Médiathèque de Lorient 92
  • 93. Polices et couleurs L'@telier ‐ 2009 ‐ Médiathèque de Lorient 93
  • 94. Modifier le code HTML L'@telier ‐ 2009 ‐ Médiathèque de Lorient 94
  • 95. Changer de modèle L'@telier ‐ 2009 ‐ Médiathèque de Lorient 95
  • 96. Ecrire un second article L'@telier ‐ 2009 ‐ Médiathèque de Lorient 96
  • 97. Ecrire…penser aux mots‐clés L'@telier ‐ 2009 ‐ Médiathèque de Lorient 97
  • 98. Modifier les messages L'@telier ‐ 2009 ‐ Médiathèque de Lorient 98
  • 99. Ajouter une image L'@telier ‐ 2009 ‐ Médiathèque de Lorient 99
  • 100. Récupération d’une image  dans notre ordinateur L'@telier ‐ 2009 ‐ Médiathèque de Lorient 100
  • 101. Aperçu de l’article avec la nouvelle image L'@telier ‐ 2009 ‐ Médiathèque de Lorient 101
  • 102. Insérer une vidéo Cas n° 1, vous avez repéré une vidéo sur une plateforme de partage de vidéos. 102 L'@telier ‐ 2009 ‐ Médiathèque de Lorient
  • 103. Capture du code à insérer Suivre le conseil du site L'@telier ‐ 2009 ‐ Médiathèque de Lorient 103
  • 104. Coller le code en ouvrant  « modifier le code HTML » L'@telier ‐ 2009 ‐ Médiathèque de Lorient 104
  • 105. Sauvegarder, ou publier l’article  L'@telier ‐ 2009 ‐ Médiathèque de Lorient 105
  • 106. C’est fait, regardez le résultat L'@telier ‐ 2009 ‐ Médiathèque de Lorient 106
  • 107. Vue du site, la vidéo apparait,  prête à être lancer L'@telier ‐ 2009 ‐ Médiathèque de Lorient 107
  • 108. Accéder à votre blog depuis votre  compte Google L'@telier ‐ 2009 ‐ Médiathèque de Lorient 108
  • 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
  • 114. Un blog sur Blogger L'@telier ‐ 2009 ‐ Médiathèque de Lorient 114
  • 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