websocial camtasia
TRANSCRIPT
![Page 1: Websocial camtasia](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/1.jpg)
Les usages du Web
Brigitte Denis
Perrine Fontaine
1
![Page 2: Websocial camtasia](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/2.jpg)
2
![Page 3: Websocial camtasia](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/3.jpg)
3
![Page 4: Websocial camtasia](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/4.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/5.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/6.jpg)
6
![Page 7: Websocial camtasia](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/7.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/8.jpg)
8
Outils et services du Web 2.0, dont certains services liés au Web social (Spintank, 2009)
![Page 9: Websocial camtasia](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/9.jpg)
9
Et vous ?
Et vous ?
![Page 10: Websocial camtasia](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/10.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/11.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/12.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/13.jpg)
De nouveaux services pour interagir, produire et accéder
à l’information
13
![Page 14: Websocial camtasia](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/14.jpg)
NAVIGATEUR (WEB)MAIL IDENTIFIANTS AVATAR
DEMARRERDEMARRERLE KIT PASSE-PARTOUT
14
![Page 15: Websocial camtasia](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/15.jpg)
SS’’EXPRIMEREXPRIMERS’AUTO-PUBLIER SUR LE WEB
cms(mini)blogtumblelog
15
![Page 16: Websocial camtasia](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/16.jpg)
Jimdo
16
![Page 17: Websocial camtasia](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/17.jpg)
Tumblr
17
![Page 18: Websocial camtasia](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/18.jpg)
Posterous
18
![Page 19: Websocial camtasia](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/19.jpg)
PARTAGERPARTAGERSTOCKER - INDEXER - SOCIALISER
ugctagging
folksonomy
19
![Page 20: Websocial camtasia](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/20.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/21.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/22.jpg)
DIALOGUERDIALOGUERCOMMUNIQUER AU QUOTIDIEN
imvoip
chat video
22
![Page 23: Websocial camtasia](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/23.jpg)
COLLABORERCOLLABORERTRAVAILLER EN GROUPE
wikiliste diffusioncommunauté
23
![Page 24: Websocial camtasia](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/24.jpg)
Affinitiz
24
![Page 25: Websocial camtasia](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/25.jpg)
Ning
25
![Page 26: Websocial camtasia](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/26.jpg)
CO-REDIGERCO-REDIGER(RE)ECRIRE UN TEXTE A PLUSIEURS
SaaSSoftware as a
Service
26
![Page 27: Websocial camtasia](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/27.jpg)
Etherpad
27
![Page 28: Websocial camtasia](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/28.jpg)
CARTOGRAPHIERCARTOGRAPHIERSPATIALISER DONNEES & IDEES
geowebgeotag
mindmap
CARTES GEOGRAPHIQUES CARTES HEURISTIQUES
28
![Page 29: Websocial camtasia](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/29.jpg)
COLLECTERCOLLECTERCUEILLIR & CAPITALISER
socialbookmarking
web scrapping
29
![Page 30: Websocial camtasia](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/30.jpg)
Pearltrees
30
![Page 31: Websocial camtasia](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/31.jpg)
Evernote
31
![Page 32: Websocial camtasia](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/32.jpg)
VEILLERVEILLERSURVEILLER & FILTRER
RSSReally SimpleSyndication
32
![Page 33: Websocial camtasia](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/33.jpg)
Planetaki
33
![Page 34: Websocial camtasia](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/34.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/35.jpg)
Google reader
35
![Page 36: Websocial camtasia](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/36.jpg)
AGREGERAGREGERCOMBINER & PERSONNALISER
widgetmashup
api
36
![Page 37: Websocial camtasia](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/37.jpg)
Symbaloo
37
![Page 38: Websocial camtasia](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/38.jpg)
Netvibes
38
![Page 39: Websocial camtasia](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/39.jpg)
RESEAUTERRESEAUTERS’EXPOSER & SE RELIER
SNSSocial
NetworkingSystem
39
![Page 40: Websocial camtasia](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/40.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/41.jpg)
41
![Page 42: Websocial camtasia](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/42.jpg)
42
![Page 43: Websocial camtasia](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/43.jpg)
43
![Page 44: Websocial camtasia](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/44.jpg)
44
![Page 45: Websocial camtasia](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/45.jpg)
45
Et vous ?
Et vous ?
![Page 46: Websocial camtasia](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/46.jpg)
Camtasiaune application d'enregistrement
d'écranet de montage
4615/04/23
DÉMONSTRATION
![Page 47: Websocial camtasia](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/47.jpg)
Classification et recherche de documents
47
![Page 48: Websocial camtasia](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/48.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/49.jpg)
Comment classez-vous vos documents ?
49
Et vous ?
Et vous ?
![Page 50: Websocial camtasia](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/50.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/51.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/52.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/53.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/54.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/55.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/56.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/57.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051315/55c12247bb61eb312a8b47a9/html5/thumbnails/58.jpg)
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