Upload
dominique-thomas
View
5.576
Download
2
Embed Size (px)
DESCRIPTION
panorama du blogging et guide pratique d'utilisation de blogger
Citation preview
1Droits réservés
Créerun blog
avec Blogger ●
2Droits réservés
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
3Droits réservés
Ceci n’est pas du Web 2.0
4Droits réservés
un réseau, des outils, de l’interactivité
5Droits réservés
L’approche collaborative du Web 2.0
Différences Web 1 Web 2.0
Ressources (texte, au-dio, vidéo, photo)
diffusées Partagées, remod-elées
Outils Applications in-stallées sur des postes personnels
Plate forme en ligne, prestations gratuites ou facturées
Internautes consommateurs Co~développeurs
6Droits réservés
Les principes du Web2
●La technologie innovante.●l’échange entre les utilisateurs●les services et les applications en ligne.
7Droits réservés
Le Web 2.0 en images
8Droits réservés
Le Web 2.0 en vidéo
9Droits réservés
Applications en ligne
10Droits réservés
●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 .
11Droits réservés
●Twitter est un outil de microblogging et de réseautage social qui consiste à envoyer des messages de 140 caractères maximum.
12Droits réservés
• 1 personne va créer un contenu inédit,
• 10 vont interagir avec le contenu créé et
l’enrichir (commenter, améliorer, recommander,
noter ou voter, etc.),
• 89 personnes vont consulter et consommer le
contenu.
2% des utilisateurs de WikiPédia ont créé 75% des articles de l’encyclopédie
1% de créateurs
10% de contributeurs
La participation sur le Web 2.0
89% d’utilisateurs /visiteurs
Pour 100 personnes en ligne:
13Droits réservés
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 !
14Droits réservés
La terminologie du Web 2.0
15Droits réservés
Tag
●Mot~clé ou balise sémantique qui permet de qualifier un contenuOutil 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.
16Droits réservés
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
17Droits réservés
Les fils RSS
●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)
Le RSS expliqué aux enfants en vidéo
18Droits réservés
●• 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)
WIKI
Le principe est simple :. Les modifications des visiteurs sont enregistrées et toutes les versions historiques pour-ront être accessibles
19Droits réservés
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
20Droits réservés
É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.
21Droits réservés
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
22Droits réservés
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
enrichi régulièrement par un (des) blogger(s)
constitué d’articles courts appelés billets ou posts
avec de nombreux liens hypertextes
23Droits réservés
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é
24Droits réservés
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
25Droits réservés
● 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
Historique des blogs
26Droits réservés
Les blogs aujourd’hui
27Droits réservés
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.
28Droits réservés
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.
29Droits réservés
Anatomie d’un blog
30Droits réservés
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
31Droits réservés
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
32Droits réservés
Avantages des blogs par Mario Asselin
33Droits réservés
34Droits réservés
Typologie des blogs par Isabelle Dremeau
Blog
•Prolongement de cours: http://moiraud.over-blog.com/categorie-995493.html
•Support multimédia de courshttp://umvfpod.univ-rennes1.fr/umvfcast1/
•Diffusion d’information à un groupe
•Suivi de stageshttp://masterfoad07.blogspot.com/
•Carnets de voyage, de visiteshttp://www.cfa-bretigny.com/categorie-10198690.html
•Travaux collaboratifs de recherche, de veille, de projetshttp://prodageo.over-blog.com/
•Elément d’évaluation et de progressionhttp://asf-loudeac.over-blog.com/
•Elément de communication prof/élèves ou élèves entre-eux
35Droits réservés
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"
36Droits réservés
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)contenu
Créer un espace de consultation et de suivi pédagogique É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
37Droits réservés
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. (exercices, travaux dirigés…)contenu
Développer la communication avec la communau-té éducative
Renforcer l’accompagnement des apprenants
38Droits réservés
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.contenu 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é)
39Droits réservés
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 une action personnelle.
contenu 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
40Droits réservés
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
41Droits réservés
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 ?
42Droits réservés
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 ?
Comment développer un blog ?
43Droits réservés
Quelques moteurs et annuaires de blog
BLOGOLIST (index des blogs francophones)
http://blogolist.com/
BLOGONAUTES http://www.blogonautes.com
BLOGPULSE
(moteur de recherche)
http://www.blogpulse.com/
BLOGZONE (annuaire) http://blogzone.echosdunet.net
GOOGLE http://blogsearch.google.fr/
44Droits réservés
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 choixLe blog est réalisé à l’aide d’un logiciel de blogs, l’hébergement est à la charge du blogueur.
45Droits réservés
Choix de l’hébergement
Moteurs: logiciels à installer
Sites gratuits d’hébergement
46Droits réservés
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.
47Droits réservés
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_comparatif.htm
48Droits réservés
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
49Droits réservés
CRÉER SON BLOG avec BLOGGER
La plateforme de Blogs du groupe Google
50Droits réservés
La présentation rapide d’un blog par blogger
51Droits réservés
52Droits réservés
L’utilité d’un blog par blogger
53Droits réservés
Le blog vecteur de lien social
54Droits réservés
La présentation du blog
55Droits réservés
L’illustration facile
56Droits réservés
Bloguer depuis son téléphone
57Droits réservés
Démarrage
58Droits réservés
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»
59Droits réservés
La création du compte
60Droits réservés
Définir le nom et l’adresse du blog
61Droits réservés
Choix d’un modèle
62Droits réservés
Confirmation de création
63Droits réservés
Le paramétrage du blogonglet général
64Droits réservés
Le paramétrage du blogonglet édition
65Droits réservés
66Droits réservés
67Droits réservés
Le paramétrage du blogonglet archivage
68Droits réservés
69Droits réservés
Le paramétrage du blogonglet e-mail
70Droits réservés
Aperçu du blog sur Internet
71Droits réservés
L’accès au blog côté public
72Droits réservés
La mise en page du blog
73Droits réservés
Personnalisation des éléments de la page
74Droits réservés
Personnaliser polices et couleurs
75Droits réservés
Personnaliser le modèle en modifiant le code HTML
76Droits réservés
Changement de modèle
77Droits réservés
Les éléments du billet
78Droits réservés
Créer un billet
79Droits réservés
Écrire un deuxième billet
80Droits réservés
Indexer un article à l’aide de mots-clés
81Droits réservés
La modification des messages
82Droits réservés
Ajouter une image
83Droits réservés
Insérer une image de l’ordinateur
84Droits réservés
Les propriétés de l’image
85Droits réservés
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
86Droits réservés
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)
87Droits réservés
Insérer une vidéo
88Droits réservés
Capture de l’adresse
89Droits réservés
Coller le code en ouvrant«modifier le code HTML»
90Droits réservés
Insérer une vidéo (suite)
Cas numéro 2
Ajouter une
vidéo à partir de
l’ordinateur
91Droits réservés
Sauvegarde et publication de l’article
92Droits réservés
●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>
Insérer une musique : méthode 1
93Droits réservés
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>
94Droits réservés
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
95Droits réservés
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"/>
96Droits réservés
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 !
97Droits réservés
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.
98Droits réservés
Accés à un blog depuis un compte Google
99Droits réservés
Gérer les blog à partir du compte Google
100Droits réservés
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 Suissehttp://www.educa.ch/DYN/129851.asp
●Bloguer pour enseigner et apprendreCharles-Antoine Bachand, Conseiller pédagogique (Québec)http://www.profweb.qc.ca/fileadmin/user_upload/Dossiers/Dossier_Blogue/Dossier_blogue.pdf
●FrancparlerSite francophone des professeurs de françaishttp://www.francparler.org/dossiers/blogs.htm
●FLENET Enseignement Rrançais Langes Etrangèreshttp://flenet.rediris.es/blog/carnetweb.html
Long-term Goal
State the intended goal
Customer Wishes
Describe customer needs and wishes Explain the requirements
Fulfilling Customer Needs
Describe the main attributes of the product Link the product attributes to customer
needs
Cost Analysis
Indicate the financial advantages for the customer
Compare quality and price with those of the competition
Strengths and Advantages
Summarize the special features and ad-vantages of the product being introduced
Next Steps of Action
Explain the steps that now need to be taken