LES BLOGS WEB 2 - WordPress.com · LES BLOGS WEB 2.0 Pr. Ahlame Begdouri Dans le cadre du Module...

41
LES BLOGS WEB 2.0 Pr. Ahlame Begdouri Dans le cadre du Module e-Learning et NTICs ISPITS-Fès

Transcript of LES BLOGS WEB 2 - WordPress.com · LES BLOGS WEB 2.0 Pr. Ahlame Begdouri Dans le cadre du Module...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

MERCI DE VOTRE ATTENTION