Creer un blog pedagogique avec blogger
Upcoming SlideShare
Loading in...5
×
 

Creer un blog pedagogique avec blogger

on

  • 5,325 vues

panorama du blogging et guide pratique d'utilisation de blogger

panorama du blogging et guide pratique d'utilisation de blogger

Statistiques

Vues

Total des vues
5,325
Vues sur SlideShare
4,641
Vues externes
684

Actions

J'aime
2
Téléchargements
331
Commentaires
1

10 Ajouts 684

http://www.scoop.it 552
http://emmanuelmesnier.blogspot.com 40
http://christesre-news.blogspot.com 38
http://emmanuelmesnier.blogspot.fr 30
http://christesre-news.blogspot.fr 10
http://feeds.feedburner.com 5
http://christesre-news.blogspot.ca 4
http://www.slideshare.net 2
http://webcache.googleusercontent.com 2
http://www.emmanuelmesnier.blogspot.com 1
Plus...

Accessibilité

Détails de l'import

Uploaded via as Adobe PDF

Droits d'utilisation

© Tous droits réservés

Report content

Signalé comme inapproprié Signaler comme inapproprié
Signaler comme inapproprié

Indiquez la raison pour laquelle vous avez signalé cette présentation comme n'étant pas appropriée.

Annuler

11 of 1

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Votre message apparaîtra ici
    Processing...
  • Excellent diaporama. Merci beaucoup de partager votre travail.
    Are you sure you want to
    Votre message apparaîtra ici
    Processing...
Poster un commentaire
Modifier votre commentaire

    Creer un blog pedagogique avec blogger Creer un blog pedagogique avec blogger Presentation Transcript

    • Créer un blog avec Blogger ● Droits réservés 1
    • 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
    • Ceci n’est pas du Web 2.0 Droits réservés 3
    • un réseau, des outils, de l’interactivité Droits réservés 4
    • 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
    • Les principes du Web2 La technologie innovante. ● l’échange entre les utilisateurs ● les services et les applications en ligne. ● Droits réservés 6
    • Le Web 2.0 en images Droits réservés 7
    • Le Web 2.0 en vidéo Droits réservés 8
    • Applications en ligne Droits réservés 9
    • 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
    • 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
    • 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
    • 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
    • La terminologie du Web 2.0 Droits réservés 14
    • 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
    • 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
    • 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
    • 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
    • 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
    • É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
    • 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
    • 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
    • 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
    • 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
    • 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
    • Les blogs aujourd’hui Droits réservés 26
    • 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
    • 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
    • Anatomie d’un blog Droits réservés 29
    • 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
    • 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
    • Avantages des blogs par Mario Asselin Droits réservés 32
    • Droits réservés 33
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • Choix de l’hébergement Moteurs: Sites gratuits logiciels à installer d’hébergement Droits réservés 45
    • 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
    • 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
    • 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
    • CRÉER SON BLOG avec BLOGGER  La plateforme de Blogs du groupe Google Droits réservés 49
    • La présentation rapide d’un blog par blogger Droits réservés 50
    • Droits réservés 51
    • L’utilité d’un blog par blogger Droits réservés 52
    • Le blog vecteur de lien social Droits réservés 53
    • La présentation du blog Droits réservés 54
    • L’illustration facile Droits réservés 55
    • Bloguer depuis son téléphone Droits réservés 56
    • Démarrage Droits réservés 57
    • 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
    • La création du compte Droits réservés 59
    • Définir le nom et l’adresse du blog Droits réservés 60
    • Choix d’un modèle Droits réservés 61
    • Confirmation de création Droits réservés 62
    • Le paramétrage du blog onglet général Droits réservés 63
    • Le paramétrage du blog onglet édition Droits réservés 64
    • Droits réservés 65
    • Droits réservés 66
    • Le paramétrage du blog onglet archivage Droits réservés 67
    • Droits réservés 68
    • Le paramétrage du blog onglet e-mail Droits réservés 69
    • Aperçu du blog sur Internet Droits réservés 70
    • L’accès au blog côté public Droits réservés 71
    • La mise en page du blog Droits réservés 72
    • Personnalisation des éléments de la page Droits réservés 73
    • Personnaliser polices et couleurs Droits réservés 74
    • Personnaliser le modèle en modifiant le code HTML   Droits réservés 75
    • Changement de modèle Droits réservés 76
    • Les éléments du billet Droits réservés 77
    • Créer un billet Droits réservés 78
    • Écrire un deuxième billet Droits réservés 79
    • Indexer un article à l’aide de mots-clés Droits réservés 80
    • La modification des messages Droits réservés 81
    • Ajouter une image Droits réservés 82
    • Insérer une image de l’ordinateur Droits réservés 83
    • Les propriétés de l’image Droits réservés 84
    • 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
    • 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
    • Insérer une vidéo Droits réservés 87
    • Capture de l’adresse Droits réservés 88
    • Coller le code en ouvrant «modifier le code HTML» Droits réservés 89
    • Insérer une vidéo (suite) Cas numéro 2 Ajouter une vidéo à partir de l’ordinateur Droits réservés 90
    • Sauvegarde et publication de l’article Droits réservés 91
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • Accés à un blog depuis un compte Google Droits réservés 98
    • Gérer les blog à partir du compte Google Droits réservés 99
    • 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
    • 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