58
Les usages du Web Brigitte Denis Perrine Fontaine 1

Websocial camtasia

Embed Size (px)

Citation preview

Page 1: Websocial camtasia

Les usages du Web

Brigitte Denis

Perrine Fontaine

1

Page 2: Websocial camtasia

2

Page 3: Websocial camtasia

3

Page 4: Websocial camtasia

Du Web au Web 2.0…

• Naissance du Web– Système hypertexte (navigation sur la « toile »)– Édition des pages (sites) par quelques initiés

• Évolution – Facilité d’édition et partage de documents

• Aujourd’hui– Interactions entre utilisateurs : productions

collectives/collaboratives– Accessibilité et réutilisabilité des données

(standards)

4

Tim Berners-Lee

Page 5: Websocial camtasia

Du Web au Web 2.0

« Consommation » >< production, socialisation

– Simplicité d’édition et de publication

– Recherche de normes/standards

– Partage (gratuit) d’applications et de documents

– Nouveaux modes de classement et de recherche de l’information

5

Page 6: Websocial camtasia

6

Page 7: Websocial camtasia

Le Web social

7

Le Web social est un des aspects du Web 2.0.  Accent sur :

rôle de producteur nouvelles formes d’interactions sociales

Principes simplicité mutualisation personnalisation interactivité réutilisabilité

Page 8: Websocial camtasia

8

Outils et services du Web 2.0, dont certains services liés au Web social (Spintank, 2009)

Page 9: Websocial camtasia

9

Et vous ?

Et vous ?

Page 10: Websocial camtasia

Le m-learning, c’est...

... une évolution extrême de l'e-learning. On ne se contente plus de pouvoir délivrer une formation sur n'importe quel poste informatique. L'apprenant peut suivre sa formation où qu'il se trouve grâce à un terminal mobile. Le m-learning peut prendre de nombreuses formes :

– documents texte avec une mise en forme compatible avec des terminaux mobiles,

– contenus vidéo sur téléphone portable ou tablette, préchargés ou en streaming,

– contenus audio téléchargeables sur un baladeur, – formations complètes adaptées à des terminaux mobiles comme

des tablettes.

10 http://e-learning.prestataires.com/conseils/le-m-learning?print=1

Page 11: Websocial camtasia

Avantages

• FlexibilitéLe contenu de la formation est accessible n'importe quand.

L'apprenant peut décider du moment où il souhaite suivre la formation. Il n'est pas limité à ses horaires de présence sur le site où est accessible la formation.

• AccessibilitéLe contenu en m-learning est également accessible de partout.

Fiches de synthèse, définitions... sont accessibles à la demande.

• Apprentissage informelL'apprentissage nomade est par nature plus informel qu'une

session de formation sur un poste de travail. Cela peut être plus motivant pour certains apprenants.

11 http://e-learning.prestataires.com/conseils/le-m-learning?print=1

Page 12: Websocial camtasia

Inconvénients

• Aliénation des utilisateursLes apprenants doivent être particulièrement accompagnés lors

de la mise en place de solutions de m-learning. Il faut à tout prix éviter que le m-learning soit vu comme une tentative de la part de l’école de « profiter » de périodes où l’étudiant n'est pas sur site. Il faut au contraire le présenter comme une ressource mise à disposition.

• Environnement peu propiceUn aéroport ou un train peuvent constituer des environnements

peu propices à l'apprentissage (bruit, distractions...). Le m-learning est donc a priori peu adapté aux contenus théoriques complexes.

12 http://e-learning.prestataires.com/conseils/le-m-learning?print=1

Et vous ?

Et vous ?

Page 13: Websocial camtasia

De nouveaux services pour interagir, produire et accéder

à l’information

13

Page 14: Websocial camtasia

NAVIGATEUR (WEB)MAIL IDENTIFIANTS AVATAR

DEMARRERDEMARRERLE KIT PASSE-PARTOUT

14

Page 15: Websocial camtasia

SS’’EXPRIMEREXPRIMERS’AUTO-PUBLIER SUR LE WEB

cms(mini)blogtumblelog

15

Page 16: Websocial camtasia

Jimdo

16

Page 17: Websocial camtasia

Tumblr

17

Page 18: Websocial camtasia

Posterous

18

Page 20: Websocial camtasia

Flickr

Flickr est un site web de partage de photos et de vidéos gratuit, avec certaines fonctionnalités payantes. En plus d'être un site web populaire auprès des utilisateurs pour partager leurs photos personnelles, il est aussi souvent utilisé par des photographes professionnels. Le site héberge plus de 3 milliards de photos.

http://www.flickr.com

20

Page 21: Websocial camtasia

Youtube

YouTube est un site web d’hébergement de vidéos, sur lequel les utilisateurs peuvent envoyer, visualiser et se partager des séquences vidéos. Le service situé à San Bruno utilise la technique Adobe Flash pour afficher toutes sortes de vidéos : des extraits de films, d’émissions de télé et des clips de musique, mais aussi des vidéos amateur provenant de blogs par exemple.

http://www.youtube.com/results?search_query=pedagogie&search_type=&aq=f

21

Page 22: Websocial camtasia

DIALOGUERDIALOGUERCOMMUNIQUER AU QUOTIDIEN

imvoip

chat video

22

Page 23: Websocial camtasia

COLLABORERCOLLABORERTRAVAILLER EN GROUPE

wikiliste diffusioncommunauté

23

Page 24: Websocial camtasia

Affinitiz

24

Page 25: Websocial camtasia

Ning

25

Page 26: Websocial camtasia

CO-REDIGERCO-REDIGER(RE)ECRIRE UN TEXTE A PLUSIEURS

SaaSSoftware as a

Service

26

Page 27: Websocial camtasia

Etherpad

27

Page 28: Websocial camtasia

CARTOGRAPHIERCARTOGRAPHIERSPATIALISER DONNEES & IDEES

geowebgeotag

mindmap

CARTES GEOGRAPHIQUES CARTES HEURISTIQUES

28

Page 29: Websocial camtasia

COLLECTERCOLLECTERCUEILLIR & CAPITALISER

socialbookmarking

web scrapping

29

Page 30: Websocial camtasia

Pearltrees

30

Page 31: Websocial camtasia

Evernote

31

Page 32: Websocial camtasia

VEILLERVEILLERSURVEILLER & FILTRER

RSSReally SimpleSyndication

32

Page 33: Websocial camtasia

Planetaki

33

Page 34: Websocial camtasia

Flux RSS

• Permet d’être tenu automatiquement au courant des mises à jour d’un site– Plus d’infos ?

Voir http://www.formahetice.ulg.ac.be/blog/2008/05/comment-utiliser-rss/

– Ex. Rojo : Organisation de flux RSS en fonction de leur popularité auprès des lecteurs

34

Page 35: Websocial camtasia

Google reader

35

Page 36: Websocial camtasia

AGREGERAGREGERCOMBINER & PERSONNALISER

widgetmashup

api

36

Page 37: Websocial camtasia

Symbaloo

37

Page 38: Websocial camtasia

Netvibes

38

Page 39: Websocial camtasia

RESEAUTERRESEAUTERS’EXPOSER & SE RELIER

SNSSocial

NetworkingSystem

39

Page 40: Websocial camtasia

APPROFONDIRAPPROFONDIRSELECTION DE RESSOURCES

S’INFORMER EXPLORER S’AUTO-FORMER

DESCARY

ACCESSOWEB

PRESSECITRON

MoMB

GO2WEB20

FEEDMYAPP

BOITEaOUTILS

WIDGEToLAB

COMMON CRAFT

LES CLES DU WEB 2

ADN CREaTIF

LE WEB SOCIAL

40

Page 41: Websocial camtasia

41

Page 42: Websocial camtasia

42

Page 43: Websocial camtasia

43

Page 44: Websocial camtasia

44

Page 45: Websocial camtasia

45

Et vous ?

Et vous ?

Page 46: Websocial camtasia

Camtasiaune application d'enregistrement

d'écranet de montage

4615/04/23

DÉMONSTRATION

Page 47: Websocial camtasia

Classification et recherche de documents

47

Page 48: Websocial camtasia

Pourquoi classer ses documents ?Vos idées …

•parce que votre mémoire n’est pas infaillible•pour rassembler les documents traitant d’un même sujet ou nécessaire pour une formation•pour identifier, supprimer ou mettre à jour les documents obsolètes•pour éviter d’avoir des documents en plusieurs exemplaires•pour avoir une vision globale des sources d’informations sur un sujet•et surtout pour éviter de perdre du temps !

48

Page 49: Websocial camtasia

Comment classez-vous vos documents ?

49

Et vous ?

Et vous ?

Page 50: Websocial camtasia

Annoter, indexer

Annoter un document = décrire ce document avec des mots-clés (tags) pour pouvoir mieux le gérer

•Les tags – en français « étiquette » ou « mot-clé »– Tag pour soi– Tag en communauté– Tag universel – Tag en soi (automatique?)

•Liens avec les ontologies et folksonomies

50

Page 51: Websocial camtasia

Diigo…

51

http://www.diigo.com Permet de :-partager des signets (comme Delicious) -attacher des commentaires publics ou privés à des pages Web -conserver en surbrillance des passages textuels de pages Web -conserver des saisies d’écran pour archiver une page Web

DEMODEMO

Page 52: Websocial camtasia

TP « classification »ÉTAPE 1 :•Formez des duos•Rendez-vous sur le site http://www.formahetice.ulg.ac.be/wiki •Observez les deux documents attribués à votre duo, et attribuez-leur individuellement quatre Tags personnels.Au sein de chaque duo, mise en commun des tags que vous avez choisis et discussion

ÉTAPE 2 :http://www.diigo.com •Créez un compte pour deux •Si nécessaire, renommez les documents qui vous sont attribués et classez-les en les taggant.

52

Page 53: Websocial camtasia

Tags…

• Quels tags avez-vous associés aux différents documents ? Pourquoi ?

• Avez-vous des tags communs ? • Pensez-vous qu’il soit nécessaire de vous

mettre d’accord sur les tags utilisés ?

53

Page 54: Websocial camtasia

Taxonomie – Ontologie - FolksonomieType Catégorisation

à priori/à posteriori

Figé/évolutif Plat/organisé Relations entre objets/liens croisés

Ranking selon la fréquence

Taxonomie A priori Figé Organisation hiérarchique

Non Non

Ontologie A priori + à posteriori

Évolutif à partir d’une base

Organisation variable selon les usages

Oui Non

Folksonomie A postériori (décentralisé)

Évolutif « anarchique »

Plat (juxtaposition)

Non Oui

54

Page 55: Websocial camtasia

Folksonomiehttp://fr.wikipedia.org/wiki/Folksonomie

•Une folksonomie, ou indexation personnelle, est un système de classification collaborative décentralisée spontanée, basé sur une indexation effectuée par des non-spécialistes.•les contributeurs d'une folksonomie ne sont pas contraints à une terminologie prédéfinie mais peuvent adopter les termes qu'ils souhaitent pour classifier leurs ressources. •Ces termes sont souvent appelés mots-clés ou tags ou, en français, étiquettes.

55

Page 56: Websocial camtasia

Ontologiehttp://fr.wikipedia.org/wiki/Ontologie_%28informatique%29

•une ontologie est l'ensemble structuré des termes et concepts représentant le sens d'un champ d'informations.•L'ontologie constitue en soi un modèle de données représentatif d'un ensemble de concepts dans un domaine, ainsi que des relations entre ces concepts. Elle est employée pour raisonner à propos des objets du domaine concerné. •Les concepts sont organisés dans un graphe dont les relations peuvent être :

– des relations sémantiques ;– des relations de subsomption (inclusion).

•L'objectif premier d'une ontologie est de modéliser un ensemble de connaissances dans un domaine donné, qui peut être réel ou imaginaire.

56

Page 57: Websocial camtasia

TP sur les enjeux socio-culturels, éthiques, citoyens … de l’usage des TIC

Individuellement ou par deux, produisez : •un screencast (présentation multimédia animée et commentée) ou •des pages Web (ex. via MediaWIKI) contenant des hyperliens pour naviguer d’une à l’autre En vous centrant sur un contenu, en structurant votre présentation, en l’illustrant, etc.57

Page 58: Websocial camtasia

Sujets

• Emmanuel : écart entre usages prescrits et usages réels

• Bernadette et Ariane : enjeux éthiques de la publication sur le net

• Xavier, Marjolaine et Hélène : Encyclopédies collaboratives et dangers de la source unique

• Hassane ? Cécilia ? Jean-Jacques ?

Pour le ??

58