![Page 1: LES BLOGS WEB 2 - WordPress.com · LES BLOGS WEB 2.0 Pr. Ahlame Begdouri Dans le cadre du Module e-Learning et NTICs ISPITS-Fès](https://reader035.vdocuments.pub/reader035/viewer/2022070907/5f82951d68d8f2173a53d34c/html5/thumbnails/1.jpg)
LES BLOGS WEB 2.0
Pr. Ahlame BegdouriDans le cadre du Module e-Learning et NTICs
ISPITS-Fès
![Page 2: LES BLOGS WEB 2 - WordPress.com · LES BLOGS WEB 2.0 Pr. Ahlame Begdouri Dans le cadre du Module e-Learning et NTICs ISPITS-Fès](https://reader035.vdocuments.pub/reader035/viewer/2022070907/5f82951d68d8f2173a53d34c/html5/thumbnails/2.jpg)
Plan
L’évolution web 1.0 – web 2.0
Le concept blog
Moteurs de blog
Wordpress et création de blogs
CMS wordpress
Service wordpress.com
Structure de notre blog
![Page 3: LES BLOGS WEB 2 - WordPress.com · LES BLOGS WEB 2.0 Pr. Ahlame Begdouri Dans le cadre du Module e-Learning et NTICs ISPITS-Fès](https://reader035.vdocuments.pub/reader035/viewer/2022070907/5f82951d68d8f2173a53d34c/html5/thumbnails/3.jpg)
L’évolution du web
Web 0.0 => avant l’existence réelle du web
Web 1.0 => web statique
Web 1.5 => web dynamique
Web 2.0 => web collaboratif et interactif
Web 3.0 => web sémantique
Web 4.0 => ?
![Page 4: LES BLOGS WEB 2 - WordPress.com · LES BLOGS WEB 2.0 Pr. Ahlame Begdouri Dans le cadre du Module e-Learning et NTICs ISPITS-Fès](https://reader035.vdocuments.pub/reader035/viewer/2022070907/5f82951d68d8f2173a53d34c/html5/thumbnails/4.jpg)
Web 0.0
Web 0.0 ou Web militaire
symbolise l’origine de l’Internet
création d’ARPANET
premier réseau de données à commutation de paquets (ARPANET)
commande du Pentagone => création d’un réseau capable de résister à une attaque militaire
![Page 5: LES BLOGS WEB 2 - WordPress.com · LES BLOGS WEB 2.0 Pr. Ahlame Begdouri Dans le cadre du Module e-Learning et NTICs ISPITS-Fès](https://reader035.vdocuments.pub/reader035/viewer/2022070907/5f82951d68d8f2173a53d34c/html5/thumbnails/5.jpg)
Web 1.0
Web 1.0 ou Web statique a popularisé le Web auprès du grand public:
Possibilité de publier des pages réalisées en HTML/CSS mélangeant
du texte,
des liens,
des images,
consultables en ligne à travers un navigateur Web
Grâce au protocole HTTP
![Page 6: LES BLOGS WEB 2 - WordPress.com · LES BLOGS WEB 2.0 Pr. Ahlame Begdouri Dans le cadre du Module e-Learning et NTICs ISPITS-Fès](https://reader035.vdocuments.pub/reader035/viewer/2022070907/5f82951d68d8f2173a53d34c/html5/thumbnails/6.jpg)
Web 1.0
Le web 1.0 est un web "statique" ou "passif"
Site "vitrine" , "page personnelle"
l'internaute est consommateur de contenu
=> site consultable uniquement
Il ne peut pas interagir avec le site web
=> attitude passive des internautes
Possibilité de publication de contenu
=> uniquement par le propriétaire du site web
Comparable à une bibliothèque / télévision
![Page 7: LES BLOGS WEB 2 - WordPress.com · LES BLOGS WEB 2.0 Pr. Ahlame Begdouri Dans le cadre du Module e-Learning et NTICs ISPITS-Fès](https://reader035.vdocuments.pub/reader035/viewer/2022070907/5f82951d68d8f2173a53d34c/html5/thumbnails/7.jpg)
Web 1.5: web dynamique
Le contenu d'une page web statique est a priori identique à chaque consultation
Une page web dynamique est une page HTML générée lors de sa consultation par un internaute, en sollicitant une base de données.
Exemple: page affichant la météo d’une région
=> même URL mais affiche, à chaque consultation, un contenu différent
![Page 8: LES BLOGS WEB 2 - WordPress.com · LES BLOGS WEB 2.0 Pr. Ahlame Begdouri Dans le cadre du Module e-Learning et NTICs ISPITS-Fès](https://reader035.vdocuments.pub/reader035/viewer/2022070907/5f82951d68d8f2173a53d34c/html5/thumbnails/8.jpg)
Web 2.0: web collaboratif / interactif
Un web dont le contenu est généré par l’internaute
L’internaute n’est plus simplement spectateur, il devient acteur.
Nouvelles applications permettant aux internautes d’interagir: Réseaux sociaux, blogs, wikis, podcasts, micro-
blog, etc.
![Page 9: LES BLOGS WEB 2 - WordPress.com · LES BLOGS WEB 2.0 Pr. Ahlame Begdouri Dans le cadre du Module e-Learning et NTICs ISPITS-Fès](https://reader035.vdocuments.pub/reader035/viewer/2022070907/5f82951d68d8f2173a53d34c/html5/thumbnails/9.jpg)
Web 1.0 / Web 2.0
Web 1.0:
que puis-je faire pour vous?
Web 2.0:
Voila ce que je suis, ce que je propose, j’ai besoin de votre avis, voulez-vous vous impliquer ?
![Page 10: LES BLOGS WEB 2 - WordPress.com · LES BLOGS WEB 2.0 Pr. Ahlame Begdouri Dans le cadre du Module e-Learning et NTICs ISPITS-Fès](https://reader035.vdocuments.pub/reader035/viewer/2022070907/5f82951d68d8f2173a53d34c/html5/thumbnails/10.jpg)
Web 2.0
L'expression "Web 2.0" désigne l'ensemble des techniques, des fonctionnalités et des usages du Web qui ont suivi la forme originelle du web 1.0 et web 1.5
en particulier les interfaces permettant aux internautes, ayant peu de connaissances techniques, de s'approprier les nouvelles fonctionnalités du web pour Interagir avec le contenu et la structure des pages mais aussi entre eux
web social
![Page 11: LES BLOGS WEB 2 - WordPress.com · LES BLOGS WEB 2.0 Pr. Ahlame Begdouri Dans le cadre du Module e-Learning et NTICs ISPITS-Fès](https://reader035.vdocuments.pub/reader035/viewer/2022070907/5f82951d68d8f2173a53d34c/html5/thumbnails/11.jpg)
Web social
Fait référence à une vision où Internet est considéré comme un espace de socialisation
Objectif => faire interagir les utilisateurs entre eux afin d'assurer une production continuelle de contenu
Se base sur les médias sociaux
![Page 12: LES BLOGS WEB 2 - WordPress.com · LES BLOGS WEB 2.0 Pr. Ahlame Begdouri Dans le cadre du Module e-Learning et NTICs ISPITS-Fès](https://reader035.vdocuments.pub/reader035/viewer/2022070907/5f82951d68d8f2173a53d34c/html5/thumbnails/12.jpg)
Les médias sociaux
Les médias sociaux utilisent l'intelligence collective dans un esprit de collaboration en ligne.
Par le biais de ces médias, les individus qui collaborent créent ensemble du contenu Web, organisent le contenu, l’indexent, le modifient , font des commentaires, et combinent ce contenu avec des créations personnelles.
Exemple: Réseaux sociaux (facebook), blogs, wikis (wikipédia), RSS, micro blog (twitter), messagerie instantannée (MSN messenger, whatsApp), etc.
![Page 13: LES BLOGS WEB 2 - WordPress.com · LES BLOGS WEB 2.0 Pr. Ahlame Begdouri Dans le cadre du Module e-Learning et NTICs ISPITS-Fès](https://reader035.vdocuments.pub/reader035/viewer/2022070907/5f82951d68d8f2173a53d34c/html5/thumbnails/13.jpg)
LES BLOGS WEB 2.0
![Page 14: LES BLOGS WEB 2 - WordPress.com · LES BLOGS WEB 2.0 Pr. Ahlame Begdouri Dans le cadre du Module e-Learning et NTICs ISPITS-Fès](https://reader035.vdocuments.pub/reader035/viewer/2022070907/5f82951d68d8f2173a53d34c/html5/thumbnails/14.jpg)
C’est quoi un blog?
Abréviation de "web log"
"log" signifie en anglais "journal de bord"
"web" => partie d‘Internet consultable à travers un navigateur
Blog = weblog = journal de bord, publié sur le web et accessible à partir d'un navigateur
![Page 15: LES BLOGS WEB 2 - WordPress.com · LES BLOGS WEB 2.0 Pr. Ahlame Begdouri Dans le cadre du Module e-Learning et NTICs ISPITS-Fès](https://reader035.vdocuments.pub/reader035/viewer/2022070907/5f82951d68d8f2173a53d34c/html5/thumbnails/15.jpg)
Un blog..
Permet à tout internaute de s’exprimer sur Internet en tenant un journal de bord
Répond aux besoins des internautes:
Besoin de s’exprimer, d’échanger, de converser librement avec d’autres personnes
Besoin de diffuser ses idées, et d’échanger avec d’autres,
besoin de construire sa communauté via un outil technologique.
Son utilisation ne nécessite aucune compétence technique
![Page 16: LES BLOGS WEB 2 - WordPress.com · LES BLOGS WEB 2.0 Pr. Ahlame Begdouri Dans le cadre du Module e-Learning et NTICs ISPITS-Fès](https://reader035.vdocuments.pub/reader035/viewer/2022070907/5f82951d68d8f2173a53d34c/html5/thumbnails/16.jpg)
Utilisation des blogs
Espace privilégié de communication
entre passionnés d’un même sujet,
réservé à la famille,
entre une entreprise et ses clients
Entre un enseignant et ses étudiants
![Page 17: LES BLOGS WEB 2 - WordPress.com · LES BLOGS WEB 2.0 Pr. Ahlame Begdouri Dans le cadre du Module e-Learning et NTICs ISPITS-Fès](https://reader035.vdocuments.pub/reader035/viewer/2022070907/5f82951d68d8f2173a53d34c/html5/thumbnails/17.jpg)
Qu’est ce qui est publié dans un blog? Les œuvres d’un dessinateur
Les activités d’une association
Un journal intime anonyme
Le carnet de bord d’un photographe
Des poèmes
L’opinion d’un journaliste
Les vidéos d’une classe de collège
Un roman en construction
![Page 18: LES BLOGS WEB 2 - WordPress.com · LES BLOGS WEB 2.0 Pr. Ahlame Begdouri Dans le cadre du Module e-Learning et NTICs ISPITS-Fès](https://reader035.vdocuments.pub/reader035/viewer/2022070907/5f82951d68d8f2173a53d34c/html5/thumbnails/18.jpg)
Exemples de blogs
Blog technologique
http://kenhinckley.wordpress.com/
Blog pour les étudiants
https://isastudentblog.wordpress.com/
Blog sport
https://fr.sports.yahoo.com/blogs/
Blog d’aide aux projets
http://blog.adocta.com/2014/04/29/mener-une-etude-de-marche-gratuite/
![Page 19: LES BLOGS WEB 2 - WordPress.com · LES BLOGS WEB 2.0 Pr. Ahlame Begdouri Dans le cadre du Module e-Learning et NTICs ISPITS-Fès](https://reader035.vdocuments.pub/reader035/viewer/2022070907/5f82951d68d8f2173a53d34c/html5/thumbnails/19.jpg)
Statistiques
2011: 156 millions de blogs
Plus d’1 million de nouveaux articles de blog publiés chaque jour
2012: 31 millions de blogs aux États-Unis
3 million de blogs naissent chaque jour à travers le monde
Mais .. le nombre de blogs inactifs demeure élevé.. Abandon par les auteurs
![Page 20: LES BLOGS WEB 2 - WordPress.com · LES BLOGS WEB 2.0 Pr. Ahlame Begdouri Dans le cadre du Module e-Learning et NTICs ISPITS-Fès](https://reader035.vdocuments.pub/reader035/viewer/2022070907/5f82951d68d8f2173a53d34c/html5/thumbnails/20.jpg)
Vocabulaire
Web log = blog = blogue
Journal web, joueb, webjournal
Journal extime
Blog juridique, bloig ("blog" et "loi"), blawg("blog" et "law")
Un blogueur ou une blogueuse (en anglais : blogger) est l'individu qui a l'habitude de bloguer
La blogosphère est l’ensemble des blogs ainsi que les connexions les reliant entre eux
![Page 21: LES BLOGS WEB 2 - WordPress.com · LES BLOGS WEB 2.0 Pr. Ahlame Begdouri Dans le cadre du Module e-Learning et NTICs ISPITS-Fès](https://reader035.vdocuments.pub/reader035/viewer/2022070907/5f82951d68d8f2173a53d34c/html5/thumbnails/21.jpg)
LE BLOG TECHNIQUEMENT
![Page 22: LES BLOGS WEB 2 - WordPress.com · LES BLOGS WEB 2.0 Pr. Ahlame Begdouri Dans le cadre du Module e-Learning et NTICs ISPITS-Fès](https://reader035.vdocuments.pub/reader035/viewer/2022070907/5f82951d68d8f2173a53d34c/html5/thumbnails/22.jpg)
Présentation d’un blog
Se présente sous forme de fil de discussion: Publications
Avec leurs listes de commentaires
Les publications sont datées
Signées
se succèdent dans un ordre antéchronologique, c'est-à-dire du plus récent au plus ancien
Actuellement, publication de documents multimédias : image, son et vidéo
![Page 23: LES BLOGS WEB 2 - WordPress.com · LES BLOGS WEB 2.0 Pr. Ahlame Begdouri Dans le cadre du Module e-Learning et NTICs ISPITS-Fès](https://reader035.vdocuments.pub/reader035/viewer/2022070907/5f82951d68d8f2173a53d34c/html5/thumbnails/23.jpg)
Les publications
Chaque publication est appelée "billet", "article", "note" ou "post"
Sont classées par ordre chronologique inversé.
Peuvent avoir des commentaires.
Chaque note possède un lien permanent (permalink)
Peuvent être attachées à une catégorie.
![Page 24: LES BLOGS WEB 2 - WordPress.com · LES BLOGS WEB 2.0 Pr. Ahlame Begdouri Dans le cadre du Module e-Learning et NTICs ISPITS-Fès](https://reader035.vdocuments.pub/reader035/viewer/2022070907/5f82951d68d8f2173a53d34c/html5/thumbnails/24.jpg)
Gestion des commentaires
Un blogueur autorise souvent ses lecteurs à laisser des commentaires
Cependant, il est légalement responsable de ce qui est affiché sur son blog
Il doit donc supprimer les commentaires non conformes
![Page 25: LES BLOGS WEB 2 - WordPress.com · LES BLOGS WEB 2.0 Pr. Ahlame Begdouri Dans le cadre du Module e-Learning et NTICs ISPITS-Fès](https://reader035.vdocuments.pub/reader035/viewer/2022070907/5f82951d68d8f2173a53d34c/html5/thumbnails/25.jpg)
Gestion des liens
Chaque article possède un lien permanent (permalink)
l’adresse URL unique de la note permettant d’y accéder de façon permanente et d’y faire référence depuis une autre page internet.
Les blogs s'accompagnent souvent d'un système avancé de gestion de ces liens
Blogroll = l'ensemble des liens vers d'autres blogs présentés par un blogueur sur son carnet Web,
![Page 26: LES BLOGS WEB 2 - WordPress.com · LES BLOGS WEB 2.0 Pr. Ahlame Begdouri Dans le cadre du Module e-Learning et NTICs ISPITS-Fès](https://reader035.vdocuments.pub/reader035/viewer/2022070907/5f82951d68d8f2173a53d34c/html5/thumbnails/26.jpg)
DémonstrationExemples de publications réelles..
Exemples d’articles en ordre chrono inverse
Leurs catégories
Afficher un article avec ses commentaires
![Page 27: LES BLOGS WEB 2 - WordPress.com · LES BLOGS WEB 2.0 Pr. Ahlame Begdouri Dans le cadre du Module e-Learning et NTICs ISPITS-Fès](https://reader035.vdocuments.pub/reader035/viewer/2022070907/5f82951d68d8f2173a53d34c/html5/thumbnails/27.jpg)
Constitution d’un blog
Liste d’articles
Des archives
Une liste de lien vers d’autres sites (blogroll).
Une syndication de contenu (flux rss).
![Page 28: LES BLOGS WEB 2 - WordPress.com · LES BLOGS WEB 2.0 Pr. Ahlame Begdouri Dans le cadre du Module e-Learning et NTICs ISPITS-Fès](https://reader035.vdocuments.pub/reader035/viewer/2022070907/5f82951d68d8f2173a53d34c/html5/thumbnails/28.jpg)
Le blog pédagogique?
blog utilisé à des fins pédagogiques
Espace numérique permettant de lier les enseignants aux apprenants
Permet de développer des pratiques collaboratives et de coconstruction de savoir à l’intérieur des espaces éducatifs
![Page 29: LES BLOGS WEB 2 - WordPress.com · LES BLOGS WEB 2.0 Pr. Ahlame Begdouri Dans le cadre du Module e-Learning et NTICs ISPITS-Fès](https://reader035.vdocuments.pub/reader035/viewer/2022070907/5f82951d68d8f2173a53d34c/html5/thumbnails/29.jpg)
LES BLOGS AVEC WORDPRESS
![Page 30: LES BLOGS WEB 2 - WordPress.com · LES BLOGS WEB 2.0 Pr. Ahlame Begdouri Dans le cadre du Module e-Learning et NTICs ISPITS-Fès](https://reader035.vdocuments.pub/reader035/viewer/2022070907/5f82951d68d8f2173a53d34c/html5/thumbnails/30.jpg)
WordPress
Système de gestion de contenu ou CMS (Content Management System)
Ecrit en PHP/MySQL
distribué selon les termes de la GNU GPL
Permet de gérer n'importe quel site web
Mais, surtout utilisé comme moteur de blog
Le logiciel WordPress est à l'origine du service WordPress.com
![Page 31: LES BLOGS WEB 2 - WordPress.com · LES BLOGS WEB 2.0 Pr. Ahlame Begdouri Dans le cadre du Module e-Learning et NTICs ISPITS-Fès](https://reader035.vdocuments.pub/reader035/viewer/2022070907/5f82951d68d8f2173a53d34c/html5/thumbnails/31.jpg)
WordPress.com
service de publication de contenu en ligne à l'aide du logiciel WordPress
Version gratuite en ligne
version limitée de la solution de publication WordPress
Avantage d'un blog WordPress en ligne: gratuité,
indexation automatique dans le réseau de blogs WordPress,
=> un plus pour le référencement naturel d'un blog
![Page 32: LES BLOGS WEB 2 - WordPress.com · LES BLOGS WEB 2.0 Pr. Ahlame Begdouri Dans le cadre du Module e-Learning et NTICs ISPITS-Fès](https://reader035.vdocuments.pub/reader035/viewer/2022070907/5f82951d68d8f2173a53d34c/html5/thumbnails/32.jpg)
Distinctions
2007: WordPress gagne le "Open Source CMS Award" (concours du meilleur CMS)
2009: WordPress gagne le prix du meilleur CMS Open Source
2010: WordPress remporte la catégorie Hall of Fame CMS des Open Source Awards de 2010
![Page 33: LES BLOGS WEB 2 - WordPress.com · LES BLOGS WEB 2.0 Pr. Ahlame Begdouri Dans le cadre du Module e-Learning et NTICs ISPITS-Fès](https://reader035.vdocuments.pub/reader035/viewer/2022070907/5f82951d68d8f2173a53d34c/html5/thumbnails/33.jpg)
Les site web dans le monde et partage du marché
Source: http://www.whodunit.fr/wordpress-statistiques-2013/
![Page 34: LES BLOGS WEB 2 - WordPress.com · LES BLOGS WEB 2.0 Pr. Ahlame Begdouri Dans le cadre du Module e-Learning et NTICs ISPITS-Fès](https://reader035.vdocuments.pub/reader035/viewer/2022070907/5f82951d68d8f2173a53d34c/html5/thumbnails/34.jpg)
Les sites web et CMSs
![Page 35: LES BLOGS WEB 2 - WordPress.com · LES BLOGS WEB 2.0 Pr. Ahlame Begdouri Dans le cadre du Module e-Learning et NTICs ISPITS-Fès](https://reader035.vdocuments.pub/reader035/viewer/2022070907/5f82951d68d8f2173a53d34c/html5/thumbnails/35.jpg)
Téléchargements/semaine
![Page 36: LES BLOGS WEB 2 - WordPress.com · LES BLOGS WEB 2.0 Pr. Ahlame Begdouri Dans le cadre du Module e-Learning et NTICs ISPITS-Fès](https://reader035.vdocuments.pub/reader035/viewer/2022070907/5f82951d68d8f2173a53d34c/html5/thumbnails/36.jpg)
Statistiques 2013
![Page 37: LES BLOGS WEB 2 - WordPress.com · LES BLOGS WEB 2.0 Pr. Ahlame Begdouri Dans le cadre du Module e-Learning et NTICs ISPITS-Fès](https://reader035.vdocuments.pub/reader035/viewer/2022070907/5f82951d68d8f2173a53d34c/html5/thumbnails/37.jpg)
Moteur de blog
Logiciel permettant de réaliser des sites web basés sur le principe du blog
Fait partie des systèmes de gestion de contenu (CMS)
Appelé aussi: logiciel de blog
![Page 38: LES BLOGS WEB 2 - WordPress.com · LES BLOGS WEB 2.0 Pr. Ahlame Begdouri Dans le cadre du Module e-Learning et NTICs ISPITS-Fès](https://reader035.vdocuments.pub/reader035/viewer/2022070907/5f82951d68d8f2173a53d34c/html5/thumbnails/38.jpg)
Modèle Client/Serveur
Le moteur de blog est exécuté sur un serveur
Il est accessible via une interface web
Un simple navigateur web (Client) permet de :
Lire le blog,
l'administrer à travers une interface d'administration sécurisée (souvent grâce à un mot de passe)
![Page 39: LES BLOGS WEB 2 - WordPress.com · LES BLOGS WEB 2.0 Pr. Ahlame Begdouri Dans le cadre du Module e-Learning et NTICs ISPITS-Fès](https://reader035.vdocuments.pub/reader035/viewer/2022070907/5f82951d68d8f2173a53d34c/html5/thumbnails/39.jpg)
STRUCTURE DE NOTRE BLOG
![Page 40: LES BLOGS WEB 2 - WordPress.com · LES BLOGS WEB 2.0 Pr. Ahlame Begdouri Dans le cadre du Module e-Learning et NTICs ISPITS-Fès](https://reader035.vdocuments.pub/reader035/viewer/2022070907/5f82951d68d8f2173a53d34c/html5/thumbnails/40.jpg)
Proposition d’organisation pour le blog d’un groupe d’étudiants
Les pages:
Journal de Bord
Membres
Ressources
Les catégories d’articles
Journal de Bord
Bilans des Séances
Livrables
Requêtes pour l’enseignant
![Page 41: LES BLOGS WEB 2 - WordPress.com · LES BLOGS WEB 2.0 Pr. Ahlame Begdouri Dans le cadre du Module e-Learning et NTICs ISPITS-Fès](https://reader035.vdocuments.pub/reader035/viewer/2022070907/5f82951d68d8f2173a53d34c/html5/thumbnails/41.jpg)
MERCI DE VOTRE ATTENTION