panorama du blogging et guide pratique d'utilisation de blogger

1. Créer
un blog
avec Blogger
●
Droits réservés
1

2. L’environnement du blog
●
les blogs forment une expression simplifiée des
ressources disponibles sur Internet.
●
leur philosophie est celle d’un nouveau monde de
l’internet : le web 2.0
Droits réservés
2

3. Ceci n’est pas du Web 2.0
Droits réservés
3

4. un réseau, des outils, de l’interactivité
Droits réservés
4

5. L’approche collaborative
du Web 2.0
Différences Web 1 Web 2.0
Ressources (texte, au- diffusées Partagées, remod-
dio, vidéo, photo) elées
Outils Applications in- Plate forme en ligne,
stallées sur des prestations gratuites
postes personnels ou facturées
Internautes consommateurs Co~développeurs
Droits réservés
5

6. Les principes du Web2
La technologie innovante.
●
l’échange entre les utilisateurs
●
les services et les applications en ligne.
●
Droits réservés
6

7. Le Web 2.0 en images
Droits réservés
7

8. Le Web 2.0 en vidéo
Droits réservés
8

9. Applications en ligne
Droits réservés
9

10. Facebook
●
Facebook est un site Web de réseautage social. Il
rassemble des personnes proches ou inconnues.
●
Actuellement Facebook compte 300 millions de membres,
dont 4 millions en France .
Droits réservés
10

11. TWITTER
●
Twitter est un outil de microblogging et de réseautage social qui consiste à
envoyer des messages de 140 caractères maximum.
Droits réservés
11

12. La participation sur le 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,
10% de contributeurs
noter ou voter, etc.),
• 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
Droits réservés
12

13. Web 2.0 et production de Savoir
●
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 …
L’utilisateur devint créateur de contenus !
Droits réservés
13

14. La terminologie du Web 2.0
Droits réservés
14

15. Tag
●
Mot~clé ou balise sémantique qui permet de qualifier un contenu
Outil d’organisation de l’information:
●
~ Sémantique : « wordtag »
●
~ Spatiale : « geotag »
●
~Temporelle : «timetag»
●
Les tags peuvent être regroupés et représentés sous la forme
d’un nuage de mots.
Droits réservés
15

16. WIDGET
Widget : Contraction de "Windows Gadget", le widget est
●
une petite application spécialisée pour une tâche et
permettant d'accéder rapidement à des informations
( météo, traducteur…source : Dico du net )
Il existe 3 types de widgets:
●
●
les widgets pour le web
●
les widgets pour le bureau
●
les widgets pour mobiles
Droits réservés
16

17. Les fils RSS
Le RSS expliqué aux enfants en vidéo
RSS (Really Simple Syndication =
●
syndication vraiment simple)
●
• Moyen de syndication, capable de récupérer le contenu d’une autre page
web.
●
Ce lien permet de signaler les mises à jour ou les nouveautés d’un site
Web sur une page personnalisable (Netvibes, Igoogle)
Droits réservés
17

18. WIKI
• Outil de co~écriture et de collaboration
●
Un Wiki est un site web dynamique dont tout visiteur peut
●
modifier les pages à volonté.
Il s’agit d’un concept assez récent, bien que la technologie nécessaire existe
depuis plusieurs années. Le nom Wiki provient de l’hawaïen "WikiWiki" qui
signifie vite. (Source: wikipedia)
Le principe est simple :. Les
modifications des visiteurs
sont enregistrées et toutes
les versions historiques pour-
ront être accessibles
Droits réservés
18

19. Podcast
●
Contraction d'iPod (le baladeur vedette d'Apple) et de
broadcast (traduit par diffusion).
●
Il s'agit d'une technique qui permet de diffuser via
Internet des chroniques audio ou vidéo, sous forme de
fichiers numériques.
Ceux-ci peuvent être téléchargés, puis
écoutés ou visionnés, par exemple sur un
baladeur numérique
Droits réservés
19

20. État des lieux du Web 2.0
●
une vague de fond incontrôlée
●
le besoin de partager avec ses proches et
d’être connecté avec le monde .
Des pratiques et des technologies très évolutives pour
●
mutualiser et communiquer l’information.
●
La multiplication des risques engendrés par l’informatique sur les
libertés individuelles.
Droits réservés
20

21. Caractère de la blogosphère
●
Le développement des blogs
●
La typologie des blogs
●
Les usages pédagogiques des blogs
●
La composition d’un blog
●
Les éditeurs de blog
●
La recherche de blog
●
L’évaluation d’un blog
Droits réservés
21

22. Qu’est-ce qu’un blog ?
●
Le mot blog, d'origine anglo-saxonne, est le contraction de "web" et de « log »
(journal de bord).
●
Il s’agit d’une page interactive, sur laquelle une ou plusieurs personnes
s’expriment librement, sur la base d’une certaine périodicité.
●
Le principe : autour d'un article rédigé par un auteur, chacun peut participer à
une discussion autour d’un thème, d’une opinion, etc. en rédigeant un
commentaire (appelé aussi "note").
site internet interactif constitué d’articles courts appelés billets ou posts
enrichi régulièrement par un (des) blogger(s) avec de nombreux liens hypertextes
Droits réservés
22

23. Propriétés des weblogs
Un weblog est personnel
Un weblog, c’est un site internet
Un weblog est publié
Un weblog fait partie d’une communauté
Droits réservés
23

24. Les caractéristiques des blogs :
 réunion de billets
 classés la plupart du temps par ordre anti-chronologique (les plus récents en
premiers)
 sur lequel chaque lecteur peut généralement apporter des commentaires.
 Il est simple à mettre en place
 Facilement utilisable par un néophyte
 Pour un coût financier quasi nul
Droits réservés
24

25. Historique des blogs
●
95-98 : émergence des premiers blogs,
●
97 : apparition du terme blog ou weblog.
●
99: apparition des premiers outils de blogging
●
En 2001, apparition des plate-formes d’hébergement
Droits réservés
25

26. Les blogs aujourd’hui
Droits réservés
26

27. Blogmania
●
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.
Droits réservés
27

28. La terminologie du blogueur
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.
●
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.
Droits réservés
28

29. Anatomie d’un blog
Droits réservés
29

30. La composition d’un blog
La qualité d’un blog :
La lisibilité du
thème et des objec-
tifs du blog
La navigation à l’in-
térieur du blog
L’intérêt et la pé-
riodicité des ar-
ticles
Droits réservés
30

31. Intérêt des blogs pédagogiques
●
offrir un espace interactif d’information et de communication
●
Créer une dynamique de groupe
●
développer les échanges de compétences
●
impliquer et valoriser les apprenants
●
Mettre à disposition des ressources pédagogiques
●
Favoriser la production de savoir
●
donner une image moderne et positive des situations
d’apprentissage
Droits réservés
31

32. Avantages des blogs par Mario Asselin
Droits réservés
32

33. Droits réservés
33

34. Typologie des blogs
par Isabelle Dremeau
•Prolongement de cours:
http://moiraud.over-blog.com/categorie-995493.html
•Suivi de stages
http://masterfoad07.blogspot.com/
•Elément d’évaluation
•Diffusion d’information
à un groupe
Blog et de progression
http://asf-loudeac.over-blog.com/
•Elément de communication
prof/élèves ou élèves entre-eux
•Travaux collaboratifs de recherche,
de veille, de projets
http://prodageo.over-blog.com/
•Support multimédia de cours
http://umvfpod.univ-rennes1.fr/umvfcast1/
•Carnets de voyage,
de visites
http://www.cfa-bretigny.com/categorie-10198690.html
Droits réservés
34

35. La tribune du Formateur
●
L’analyse de pratique :
Le célèbre blog de M. Asselin,
Coach scolaire et catalyseur de communautés d'apprentissage
Mario, tout de go
●
La démarche heuristique :
Pour Jacques Cool le blog est
"le patrimoine des monologues et des dialogues qui me construisent en direct. C’est le sel, le
poivre et les épices ajoutés à la nourriture intellectuelle que mes expériences de vie
apportent"
Droits réservés
35

36. Le lieu ressource du formateur
●
Publication de ressources pédagogiques
(articles, dossiers, liens, cours…)
●
Mise en ligne d’activités pédagogiques
(Informations pratiques, description de projets)
●
Présentation de démarches pédagogiques
(conception, organisation, déroulement, évaluation)
un e n oc
 Créer un espace de consultation et de suivi pédagogique
t
 Élargir un réseau éducatif,
 Bénéficier d’un espace éducatif interactif et d’un lieu de dialogue
 Stocker et sauvegarder des ressources et des pratiques pédago-
giques
Droits réservés
36

37. Un outil de tutorat pour le formateur
●
Fournir des informations pratiques sur le cours
(rappel des devoirs, les thèmes étudiés et à venir, le planning des cours) .
●
Prolonger le travail réalisé en classe.
(ressources, conseils, recherches…)
●
Proposer des activités pédagogiques.
un e n oc
(exercices, travaux dirigés…)
t
 Développer la communication avec la communau-
té éducative
 Renforcer l’accompagnement des apprenants
Droits réservés
37

38. L’espace collaboratif du groupe classe
Raconter la vie de la classe.
●
Les activités collectives, les visites, les voyages, le déroulement de la formation, la
présentation de la classe
Réaliser un projet pédagogique
●
Les travaux de groupes relatifs à un échange, un thème, une action socioculturelle ou
professionnelle.
un e n oc
t
 Renforcer la cohésion du groupe
 Développer le travail coopératif
 Partager avec les pairs, le jugement des pairs est un
puissant motivateur (François Guitté)
Droits réservés
38

39. Le blog de l’apprenant, lieu de production
de savoir
Créer un portfolio électronique
●
(dossier structuré présentant l’ensemble des apprentissages et les expériences de
l’apprenant)
●
Mise en ligne des travaux personnels réalisés au cours de la
formation
Publier le travail personnel relatif à un thème, une recherche ou
un e n oc
●
une action personnelle.
t
 la publication fait rayonner les apprentissages *
 Le développement de l’autonomie
 L’apprentissage de l’écriture
 L’instauration d’une démarche réflexive
Droits réservés
39

40. 10 conseils d'écriture pour bloguer
●
1) Organisez votre contenu
●
2) Structurez votre texte
●
3) Soyez concis
●
4) Soignez vos titres
●
5) Allez droit au but
●
6) Adressez-vous à vos lecteurs
●
7) Facilitez l’arrivée des nouveaux
●
8) Hyperliez vos textes
●
9) Augmentez la densité des mots-clés
●
10) Inspirez-vous des professionnels
Droits réservés
40

41. Question pour une ligne éditoriale ?
●
Le type de blog que vous souhaitez écrire
●
Le public-cible de votre blog
●
Quels sujets vous allez aborder ?
●
Quelle place accorder aux lecteurs ?
Droits réservés
41

42. Comment développer un blog ?
Le But :
Qu’est-ce que je veux faire ?
Quels sont mes objectifs à long
terme ?
Habitudes et obligations :
Quel genre d’activités m’en-
gagerai-je à assurer pour
que mon blog prospère
comme un espace de ré-
flexion, d’écriture et
d’échange ?
Le bon Habitat :
Sur quelles ressources je peux m’appuyer pour être penseur et
écrivain ?
Qu’est ce qui va le faire se développer ?
Droits réservés
42

43. Quelques moteurs et annuaires de blog
BLOGOLIST http://blogolist.com/
(index des blogs francophones)
BLOGONAUTES http://www.blogonautes.com
BLOGPULSE http://www.blogpulse.com/
(moteur de recherche)
BLOGZONE (annuaire) http://blogzone.echosdunet.net
GOOGLE http://blogsearch.google.fr/
Droits réservés
43

44. Créer un blog,
Quelle solution d’hébergement ?
1) Choisir une plateforme d'hébergement.
la plateforme propose l’hébergement et des modèles de blogs à
personnaliser
2) héberger le blog sur le serveur de votre choix
Le blog est réalisé à l’aide d’un logiciel de blogs, l’hébergement est
à la charge du blogueur.
Droits réservés
44

45. Choix de l’hébergement
Moteurs: Sites gratuits
logiciels à installer d’hébergement
Droits réservés
45

46. Choix d’une plateforme
Le choix d’un hébergeur dépend du coût (beaucoup sont gratuits),
●
des fonctionnalités offertes et de l’ergonomie de l’interface.
Pour créer son blog il suffit d’ouvrir un compte sur l’hébergeur de
●
blog en remplissant le formulaire d’inscription.
Droits réservés
46

47. Exemples de plateforme
Plate forme formule adresse
Blogger gratuite http://www.blogger.com
BlogSpirit gratuite ou payante http://www.blogspirit.com
CanalBlog gratuite http://www.canalblog.com
Joueb gratuite ou payante http://www.joueb.com
Blog.fr gratuite http://www.Blog.fr
UnBlog gratuite http://www.UnBlog.fr
ZeBlog gratuite http://www.ZeBlog .com
Pour en savoir plus : http://www.francparler.org/fiches/blogs_compa
Droits réservés
47

48. L’hébergement
●
De nombreux hébergeurs offrent gratuitement ou non, l’hébergement.
●
Il est possible d’utiiser son site web pour installer un blog.
●
Un moteur de blog est un logiciel qui permet de réaliser des sites web
basés sur le principe du blog.
●
Les plus connus sont Dotclear et WordPress
Droits réservés
48

49. CRÉER SON BLOG avec BLOGGER
La plateforme de Blogs du groupe Google
Droits réservés
49

50. La présentation rapide d’un blog par blogger
Droits réservés
50

51. Droits réservés
51

52. L’utilité d’un blog par blogger
Droits réservés
52

53. Le blog vecteur de lien social
Droits réservés
53

54. La présentation du blog
Droits réservés
54

55. L’illustration facile
Droits réservés
55

56. Bloguer depuis son téléphone
Droits réservés
56

57. Démarrage
Droits réservés
57

58. L’accès au site de création
1. Aller sur la page d’accueil de Blogger
●
(http://www.blogger.com) ou sur Google.
●
2. Cliquer sur le bouton « créez votre blog»
Droits réservés
58

59. La création du compte
Droits réservés
59

60. Définir le nom et l’adresse du blog
Droits réservés
60

61. Choix d’un modèle
Droits réservés
61

62. Confirmation de création
Droits réservés
62

63. Le paramétrage du blog
onglet général
Droits réservés
63

64. Le paramétrage du blog
onglet édition
Droits réservés
64

65. Droits réservés
65

66. Droits réservés
66

67. Le paramétrage du blog
onglet archivage
Droits réservés
67

68. Droits réservés
68

69. Le paramétrage du blog
onglet e-mail
Droits réservés
69

70. Aperçu du blog sur Internet
Droits réservés
70

71. L’accès au blog côté public
Droits réservés
71

72. La mise en page du blog
Droits réservés
72

73. Personnalisation des éléments de la page
Droits réservés
73

74. Personnaliser polices et couleurs
Droits réservés
74

75. Personnaliser le modèle en modifiant le code HTML
Droits réservés
75

76. Changement de modèle
Droits réservés
76

77. Les éléments du billet
Droits réservés
77

78. Créer un billet
Droits réservés
78

79. Écrire un deuxième billet
Droits réservés
79

80. Indexer un article à l’aide de mots-clés
Droits réservés
80

81. La modification des messages
Droits réservés
81

82. Ajouter une image
Droits réservés
82

83. Insérer une image de l’ordinateur
Droits réservés
83

84. Les propriétés de l’image
Droits réservés
84

85. Insérer des images à partir de Picasa
●
Installer et ouvrir Picasa 3
●
sélectionner les photos à mettre dans le billet
●
menu création
●
publier sur blogger
●
sélectionner le blog
●
choisir la mise en page
●
légender les images
●
publier
Droits réservés
85

86. Insérer un diaporama à l’aide de Picasa
●
Installer et ouvrir Picasa 3
●
sélectionner les photos à mettre en diaporama
●
Menu outils/transférer/transférer vers Picasa album Web
●
transférer
●
afficher en ligne
●
cliquez sur le lien Embed Slideshow (en bas à droite). (Cet outil n'est pas disponible dans la
version française de Picasa. Si vous êtes en français, allez dans Paramètres pour mettre vos albums Picasa temporairement en anglais ou US.)
●
Après avoir cliqué sur Embed Slideshow, copiez puis collez dans votre blog le
code qui se trouve dans la zone "Embed Slideshow » (à gauche)
Droits réservés
86

87. Insérer une vidéo
Droits réservés
87

88. Capture de l’adresse
Droits réservés
88

89. Coller le code en ouvrant
«modifier le code HTML»
Droits réservés
89

90. Insérer une vidéo (suite)
Cas numéro 2
Ajouter une
vidéo à partir de
l’ordinateur
Droits réservés
90

91. Sauvegarde et publication de l’article
Droits réservés
91

92. Insérer une musique : méthode 1
●
Proposer un lien que les visiteurs pourront cliquer pour
écouter la musique. (le morceau de musique doit être en ligne et
disposer d’une adresse URL)
●
Inscrire le code ci-dessous dans un fichier
HTML/JAVASCRIPT (allez sur mise en page, éléments de la page,
cliquez sur “ajouter un nouvel élément”et sur la pop~up qui s’ouvre
sélectionnez « HTM L/JAVASCRI PT”).
●
<a href="URL du fichier musical">Cliquez ici pour écouter
la chanson</a>
Droits réservés
92

93. Insérer une musique : méthode 2
●
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="false" height="40"
●
loop="true" playcount="2" src="URL du fichier
●
musical" width="300"/></embed>
Droits réservés
93

94. Paramétrage de la lecture audio
●
« width » ici à 300, est la largeur que la console va occuper dans votre article ou dans votre
barre latérale." Il faut l’ajuster pour qu’elle s’affiche entièrement à l’endroit où vous l’insérez
●
« height » est la hauteur de la console (ici 40).
●
L’attribut « autostart » a deux options.
●
"true", la musique commence à jouer automatiquement dès que la page de l’article ou du blog dans lequel elle est
insérée est chargé.
●
"false" les visiteurs écoutent à leur guise votre musique.
●
L’attribut loop permet d’écouter la musique en boucle
●
Option :« true », la fonction est activée
●
Option "false", la fonction est désactivée
●
La balise « playcount » précise le nombre fois où la musique sera jouée. Si vous voulez que
la chanson ne soit jouée qu’une seule fois, vous pouvez effacer toute la balise playcount
Droits réservés
94

95. Diffusion automatique d’un son
●
Pour jouer une musique sans donner la possibilité aux lecteurs d’en
contrôler la lecture. Il suffit d’aller sur “mise en page”, “modifier le code
html”et là mettre le code suivant juste après la balise <Head>:
<embed autostart="true" height="0" loop="true" src="URL du fichier
●
musical" width="0"/>
Droits réservés
95

96. Changer de modèle de blog
●
se rendre sur un site qui propose le téléchargement de template, par exemple
http://blogger-au-bout-du-doigt.blogspot.com/
●
télécharger un modèle à votre convenance. (Éventuellement extraire le fichier XML
avec winzip si il est compressé).
●
Connectez vous à Blogger, Allez dans paramètres "Mise en page", "Modifier le code
HTML", cochez la case "Développer des modèles de gadgets", puis cliquez sur
"Parcourir" et ouvrez le Template téléchargé.
●
Transférer le modèle à l'aide des commandes" choisissez un fichier", transférer,
enregistrer le modèle
PS : les éléments autres que les billets et les commentaires risquent d'être supprimés !
●
Droits réservés
96

97. Customiser son blog
●
Les Widget ou gadgets permettent de décorer ou d’apporter des informations
complémentaires.
Leur insertion se fait par l’onglet mise en page/éléments de la page.
●
●
NB : outre les gadgets blogger, une multitude de développeurs propose des modèles
personnalisés.
Droits réservés
97

98. Accés à un blog depuis un compte Google
Droits réservés
98

99. Gérer les blog à partir du compte Google
Droits réservés
99

100. WEBOGRAPHIE
Diaporama « initiation à la création d’un blog avec blogger » réalisé par l’atelier, service TIC de la
●
médiathèque de Lorient
Les weblogs dans l'éducation
●
Ministère de l'Education nationale en Suisse
http://www.educa.ch/DYN/129851.asp
●
Bloguer pour enseigner et apprendre
Charles-Antoine Bachand, Conseiller pédagogique (Québec)
http://www.profweb.qc.ca/fileadmin/user_upload/Dossiers/Dossier_Blogue/Dossier_blogue.pdf
●
Francparler
Site francophone des professeurs de français
http://www.francparler.org/dossiers/blogs.htm
●
FLENET
Enseignement Rrançais Langes Etrangères
http://flenet.rediris.es/blog/carnetweb.html
Droits réservés
100

101. Long-term Goal
 State the intended goal

102. Customer Wishes
 Describe customer needs and wishes
 Explain the requirements

103. Fulfilling
Customer Needs
 Describe the main attributes of the product
 Link the product attributes to customer
needs

104. Cost Analysis
 Indicate the financial advantages for the
customer
 Compare quality and price with those of the
competition

105. Strengths and Advantages
 Summarize the special features and ad-
vantages of the product being introduced

106. Next Steps of Action
 Explain the steps that now need to be taken