« Web 2.0, social computing et e-learning 2.0 » : différence entre les versions
(361 versions intermédiaires par 8 utilisateurs non affichées) | |||
Ligne 1 : | Ligne 1 : | ||
== Description de la formation == | |||
<categorytree mode="pages" depth="0" style="float:right; clear:right; margin-left:1px; border:1px solid gray; padding:0.7ex; background-color:white;">Atelier webmaster web 2.0</categorytree> | |||
== | |||
; Objectifs | ; Objectifs | ||
Ligne 20 : | Ligne 18 : | ||
également adapté à tout public désirant perfectionner ses | également adapté à tout public désirant perfectionner ses | ||
connaissances des outils et des services Internet en ligne. Quelques | connaissances des outils et des services Internet en ligne. Quelques | ||
connaissances en HTML seraient un atout. | connaissances en HTML seraient un atout. Nous organiserons des sessions "pédagogiques" pour les enseignants et les formateurs. | ||
Nous organiserons des sessions "pédagogiques" pour les enseignants et les formateurs. | |||
; Prérequis | ; Prérequis | ||
* Utilisation de Windows | * Utilisation de Windows | ||
* Quelques connaissances passives de l' | * Quelques connaissances passives de l'anglais | ||
* Quelques connaissances de HTML seraient un atout supplémentaire, mais pas nécessaires. | |||
Ce cours était donnée du 11 au 15 mai 2009 et faisait partie de notre offre de [http://tecfa.unige.ch/formcont/ de formation continue]. Le cours sera reconduit en octobre 2010 dans le cadre du [http://www.unige.ch/formcont/elearning.html Certificat de formation continue en conception et développement de projets e-learning] mais peut être suivi de manière individuelle. | |||
== | == Jour 1 : Introduction et produire avec des outils Web 2.0 == | ||
=== La notion du Web 2.0 et de "social computing" === | === La notion du Web 2.0 et de "social computing" === | ||
( | (K. Benetos) | ||
# Panorama des technologies | |||
* Tagging et | #* La notion de [[web 2.0]] | ||
* La métaphore du "remix": web | #* [[Rich internet application]]s | ||
* | #* [[Tagging]], folksonomies et [[métadonnée]]s | ||
* Les outils web 2.0 pour | #* La métaphore du "remix": [[web widget]]s, [[mashup]]s (applications composites), [[webtop]]s | ||
# E-learning 2.0 | |||
#* De''s'' [[e-learning 2.0]] ... | |||
# Outils pour les [[communauté de pratique | communautés de pratique]] | |||
#* Les weblogs: Usages pédagogiques et autres (discussion) | |||
#* [[Plateforme sociale]]s et autres outils du "social computing" | |||
# Formes personnalisées pour le e-learning | |||
#* [[environnement d'apprentissage personnel]] | |||
#* [[e-portfolio]] | |||
=== Créer un site web en ligne et des environnements personnels === | |||
(K. Benetos) | |||
# Créateurs de sites web en ligne | |||
#* Hands on: [[Google Sites]] | |||
# Les webtops: | |||
#* [[Netvibes]], [http://www.protopage.com/ Protopage], [http://www.symbaloo.com/ Symbaloo],[http://www.ustart.org/ uStart] | |||
# Les weblogs | |||
#* La technologie [[Blog]] | |||
#* Hands on: Service [http://blogger.com/ Blogger] ou [http://lewebpedagogique.com/tectest/ LeWebPedagogique] | |||
#* Visite: [http://technorati.com Technorati] (recherche dans la blogosphère) | |||
#* Alternatif: [http://www.google.com/blogsearch Google Blog search] | |||
#* Microblogs: [http://twitter.com Twitter], [http://www.scoop.it/ Scoop.it], [https://www.tumblr.com/ tumblr] | |||
#* E-reputation:[https://theproductmanager.com/topics/what-happened-klout/ Klout] | |||
#* Moteur de recherche du [[blogosphère]]: [http://technorati.com Technorati] | |||
# Les [[web widget]]s et les webtops | |||
#* Intégration de widgets web 2.0 dans un webtop | |||
#* Intégration de widgets dans un [[blog]] ou dans une page HTML, p.ex.: [http://www.google.com/ig/directory?synd=open Google Gadgets] | |||
=== Les applications "office virtuel" === | |||
(K. Benetos) | |||
Traitement de texte, tableur, outil de présentation, base de données, etc.) | |||
# [[Office virtuel]] - fonctionnalités, avantages et désavantages | |||
# La suite [[Google Apps]] | |||
#* Hands on: Google apps et visite d'autres applications [[Zoho]] | |||
#* Autres outils : [http://titanpad.com/ TitanPad] - documents textes collaboratifs lite | |||
# Travail hors ligne / sauvegardes avec des outils comme [http://box.net/ box.net] ou [https://www.dropbox.com/ DropBox], [https://drive.google.com/ Google Drive] . | |||
=== [[Blog | Blogs]] === | |||
# Présentation d'[https://docs.google.com/present/view?id=dfq4mnc_2577jjj9gs introduction sur les blogs] | |||
#* Hands-on: Créer un blog [http://www.blogger.com/ Blogger] [http://wordpress.com/ Wordpress] | |||
# [[Micro-blogging]] e.g. [http://www.tumblr.com/ tumblr], [https://scoop.it/ Scoop.It] | |||
#* Exemple : [http://www.scoop.it/t/pedagogie-2 Technologie & pédagogie] de Bruno de Lièvre | |||
#* Discussion: [[Twitter]] | |||
#* [http://bit.ly/Gh7fs Réducteurs d'URL] (page de S. Métral) | |||
==== Rechercher la [[Blogosphère]] ==== | |||
*[http://c.asselin.free.fr/french/weblogs_moteurs.htm Blogs, comment les trouver : moteurs et répertoires] | |||
*[http://www.blogsearchengine.org/ blogsearchengine.org] | |||
*[http://www.google.com/blogsearch Google blogsearch] | |||
* Moteur de recherche du [[blogosphère]]: [http://technorati.com Technorati] | |||
=== Travail à distance === | |||
* Lectures | |||
** Cahiers pédagogiques : N°482 - Dossier "Le Web 2.0 et l’école" | |||
***[http://www.cahiers-pedagogiques.com/spip.php?article6913 Internet forme, l’éducation se transforme] | |||
***[http://www.cahiers-pedagogiques.com/spip.php?article6861 Blogs pédagogiques : du discours sur leurs usages à la réalité dans leurs pratiques] | |||
***[http://www.cahiers-pedagogiques.com/spip.php?article6854 Le Web 2.0 et les profs] | |||
** [http://tecfax.unige.ch/moodle/mod/resource/view.php?id=7135 A Seismic Shift in Epistemology (2008)], Chris Dede (pdf sur TecfaMoodle) | |||
** [http://tecfax.unige.ch/moodle/mod/resource/view.php?id=7136 Learning, Teaching, and Scholarship in a Digital Age Web 2.0 and Classroom Research What Path Should We Take Now (2009)], Christine Greenhow, Beth Robelia, and Joan E. Hughes (pdf sur TecfaMoodle) | |||
* blog sur les lectures et le changement de paradigme dans l'enseignement et l'apprentissage apporté par les nouvelles technologies web vus. | |||
** commentaires sur un ou deux blogs des autres | |||
* Écrire ou compléter un article existant dans edutechwiki en lien avec le web 2.0 et le e-learning 2.0. | |||
== Jour 2 : Organiser et partager == | |||
=== La navigation sociale === | |||
# Partage de liens (social bookmarking) et gestion d'URLs (Kalli) | |||
#* [[Partage de signets]] | |||
#* Hands on: [[Diigo]] et [http://www.xmarks.com/ Xmarks] | |||
# Partage de références bibliographique ([[:en:Reference_manager|reference manager]]) (Sandra) | |||
#* Visite: [http://refbase.sourceforge.net/ refBASE], [http://www.librarything.com/ LibraryThing]. (Il existe aussi des services commerciaux comme refWorks) | |||
#* Hands on: [http://www.mendeley.com/ Mendeley], alternative : [[Zotero]] | |||
# Indexes de citation | |||
#* Visite: [http://www.citeulike.org/ citeulike], [http://citeseer.ist.psu.edu/ SiteSeer home page] | |||
# Portails de publications avec indexes de citation etc. (Sandra) | |||
#* [http://portal.acm.org/dl.cfm Acm Digital libraries] | |||
#* [http://apps.webofknowledge.com/ Web of Knowledge] | |||
#* [http://scholar.google.com Google Scholar] | |||
# Stockage et partage de fichiers | |||
#* [http://box.net box.net] | |||
#* [http://www.dropbox.com/ dropbox.com] | |||
# Radios personnalisées (pas abordé vraiment) | |||
#* C.f. [[Podcasting]] pour le principe | |||
# Ressource: [http://www.diceproject.ch/ DICE Project] - Digital Copyright for E-learning in Switzerland | |||
=== Outils de production spécialisés en ligne (Kalli et Sandra)=== | |||
Voir aussi: [[:en:List of web 2.0 applications|List of web 2.0 applications]] (Edutech Wiki anglais) et [http://metral.info/web2/liste Liste commentée et liens] | |||
# [[Prise et gestion de notes]] (Sandra) | |||
#* [[Evernote]] ([http://www.evernote.com/ site et download]) | |||
# Création de présentations interactives | |||
#* [http://prezi.com Prezi] (Sandra) | |||
#* [http://www.stupeflix.com/ Stupeflix] | |||
#* [http://www.slidemypics.com/ SlideMyPics] | |||
# [[Carte conceptuelle|Cartes conceptuelles]] (vu) | |||
#* [http://idroo.com/ idroo] - tableau blanc collaboratif en ligne | |||
#* [http://cosketch.com/ CoSketch] | |||
#* [https://cacoo.com/ Cacoo] | |||
#* [http://www.groupmap.com/ GroupMap] - cartes et schémas collaboratives et/ou en réseau | |||
#* [http://bubbl.us bubbl.us] | |||
#* [http://www.chartle.net/ chartle] | |||
#* [http://mywebspiration.com/user myWebspiration] - maintenant payant | |||
#* [https://www.draw.io/ draw.io] - aussi intégré dans Google Drive | |||
# Édition d'images | |||
#* [http://fotoflexer.com/ FotoFlexer] | |||
#* [http://pixlr.com/ pixlr] | |||
#* [https://www.sumo.fm/ sumo.fm] | |||
# Création de sons et de la musique | |||
#* [http://soundation.com/ Soundation] - entièrement en ligne, avec ou sans compte | |||
#* [http://soundcloud.com/ SoundCloud] - création et partage de sons et de la musique, application ipad/pod aussi disponible | |||
# Prise de notes collaborative | |||
#* [http://notemesh.com NoteMesh] pour les classes | |||
#* Visite de [http://piggydb.net/ Piggydb] | |||
#* Visite de [http://titanpad.com/ TitanPad] - documents textes collaboratifs lite | |||
# [[Screencasting]] | |||
#* Visite: [http://www.jingproject.com/ Jing] | |||
#* [http://www.screencast-o-matic.com/ screencast-o-matic] (entièrement en ligne, version pro permet d'éditer le résultat) | |||
=== Le partage d'artefacts (Kalli) === | |||
# [[Service de partage d'images]] | |||
#* Visite: [http://picasa.google.com/ Picasa] | |||
#* Visite: [[Flickr]] | |||
# [[Service de partage de vidéos]] | |||
#* Visite: [[YouTube]] | |||
# [[Service de partage de slides]] | |||
#* Visite: [http://www.slideshare.net/ Slideshare] (et comment intégrer dans LinkedIn par exemple) | |||
# [[Podcasting]] | |||
#* [https://www.podomatic.com/quick_post Pod-o-matic] - service en ligne qui permet de diffuser un podcast | |||
#* [http://www.how-to-podcast-tutorial.com/00-podcast-tutorial-four-ps.htm How to podcast tutoriel] | |||
=== | ===[[Content curation]]=== | ||
[http://www.bethkanter.org/content-curation-101/ Content Curation primer] | |||
* | # Collection de liens et signets | ||
* | #* Visite: [https://www.google.com/cse Google Custom Search Engine] - créer un moteur de recherche personnalisé | ||
* | #** exemple de [https://www.google.com/cse/publicurl?cx=011034322185664531476:3hc9cu0rlxo moteur de recherche personnalisé sur le thème de l'eau] | ||
#* Visite: [http://www.pearltrees.com Pearltrees] - hands on si le temps permet | |||
# Magazines virtuels | |||
#* [https://storify.com/ Storify] | |||
#* [https://www.scoop.it/ Scoop.it] | |||
#* [https://flipboard.com/ Flipboard] | |||
# Vidéos | |||
#* [http://www.youtube.com/yt/about/fr/getting-started.html Comment créer sa propre chaine sur Youtube] | |||
# Intérêts | |||
#* [https://www.pinterest.com/ Pinterest] | |||
* | '''Pause''' | ||
* | === Extensions de navigateurs === | ||
* | # Extensions de navigateurs | ||
#* Le système d'[[Extension Firefox|extensions Firefox]] | |||
#* [https://www.xmarks.com/ Xmarks Bookmark Sync] | |||
#* [http://www.scribefire.com/ ScribeFire] - ajouter des liens et poster dans un ou plusieurs blogs directement du navigateur | |||
#* Extension Twitter - prendre un compte chez [http://twitter.com/ Twitter] | |||
#* A installer: [http://www.tweet-r.com/ Tweet-R] (client twitter) | |||
#* [https://addons.mozilla.org/en-US/firefox/addon/clearly/?src=discovery-learnmore Evernote Clearly] - ajouter des signets et des parties des pages à Evernote | |||
#* [https://www.shareaholic.com/ Shareaholic] - partager les pages web avec un grand nombre de réseaux. | |||
#* [http://www.downloadtubevideos.com/ DowloadTubeVideos] - Télecharger des vidéos Youtube à insérer dans autre médias sans publicité, etc. | |||
#* [https://chrome.google.com/webstore/category/extensions Chrome web store] - Extensions et applications pour Chrome | |||
#* [http://safariaddons.com/ Safari addons] - extensions pour Safari | |||
'''Pause midi''' | |||
=== | === Les Plateformes sociales === | ||
# [[Plateforme sociale|Le phénomène FaceBook]] | |||
( | #* '''Autres réseaux :''' [https://ello.co/ ello] (sans pub, mais sur invitation en phase beta), [http://www.orkut.com/ orkut], [http://plus.google.com/ google+] - en train de merger | ||
* | #* Réseaux sociales personnalisés en ligne (p. ex. [http://www.ning.com/ Ning)] ou [http://grou.ps/home Grou.ps] - essai gratuit, mais payants | ||
* | #* '''Autres plateformes sociales ''gratuites''''' (alternatives à Ning) | ||
* | #**[http://www.socialgo.com SocialGo], [http://www.webs.com/ webs] - assez connus | ||
* | #**[http://www.mixxt.com/ mixxt] - versions gratuites et payantes | ||
#**[http://www.bigtent.com/ Bigtent] - groupware | |||
#**[http://www.spruz.com/ Spruz] - version gratuite avec publicité et options limitées | |||
#**[http://www.yuku.com/ yuku] - groupeware en forme de forums communautaires | |||
#* '''Groupware payants''' | |||
#**[http://www.groupsite.com Groupsite] - collection d'outils collectifs pour la gestion d'une communauté ou de projet (payant) | |||
#**[http://www.igloosoftware.com igloosoftware] - prix par utilisateur | |||
#*Hands-on : [http://www.mixxt.com/ mixxt] - versions gratuites et payantes | |||
# '''Réseaux spécialisés:''' | |||
#* [http://linkedin.com LinkedIn] (professionnels), | |||
#* [http://academia.edu/ Academia.edu], | |||
#* [https://www.researchgate.net Research Gate] (pour le monde academique/recherche) | |||
'''Pause''' | |||
# '''Réseaux à installer''' sur son propre serveur | |||
( | #* [http://www.buddypress.org buddypress] - plateforme sociale sur le même principe que Wordpress | ||
#* [http://www.socialengine.net Social Engine] - prix variable selon les modules achetés, code en PHP modifiable | |||
* | #* [http://lovdbyless.com/ Lovdbyless] - open source | ||
* | #* [http://www.elgg.org/ Elgg] - un blog avec fonctionalités de réseautage | ||
* | #* [http://www.jomsocial.com/ JomSocial] - plateforme sociale du CMS [http://www.joomla.org/ Joomla] (à acheter) | ||
* | # L'évolution des '''groupes en ligne''' ([[Forum | forums]] et messageboards) | ||
#* [http://www.runboard.com/ runboard] | |||
#* [https://moot.it/ moot] - forum à insérer dans une page HTML ou à utiliser en ligne | |||
#* [http://www.freeforums.org/ freeforums.org] | |||
#* Hands-on: avec [https://groups.google.com/ Google Groups] | |||
=== Les Wikis === | === Les Wikis === | ||
* | (D. Schneider) | ||
* | # Les [[wiki]] (origine, technologies, etc.) | ||
#* [http://tecfa.unige.ch/guides/tie/pdf/files/tie-wiki.pdf Les Wikis dans l'éducation et la formation] (Slides, 2006) | |||
#* Le wiki comme outil de scénarisation pédagogique et comme comme plateforme pédagogique (simple) | |||
#* Le wiki comme outil de rédaction/publication | |||
# Sélection et configuration d'un espace wiki avec un service en ligne | |||
#* Démo: [[PbWorks]] - Site: http://atelierwebmaster.pbworks.com/ | |||
#* Démonstration de [[Wikispaces]] - Site http://atelierwebmaster.wikispaces.com/ | |||
# Démonstration de [[Mediawiki]] et des edutechwiki | |||
#* Se créer un compte sur un Mediawiki ('''ce''' wiki) | |||
#* Configurer son compte | |||
#* Démo de l'éditeur, [[Aide:Aide|Aide]] | |||
#* Utiliser les outils de recherche, les pages spéciales | |||
# Discussion sur l'avenir des [[CMS]] | |||
#* [http://tecfa.unige.ch/tecfa/talks/schneide/lyon-inrp-2009/lyon-2009-univ-schneider.pdf Vers l'enseignant-chercheur un peu mieux «intégré» grâce aux PRTE] (Slides, PDF) | |||
# Ressources pédagogiques ouvertes et co-rédigées | |||
#* [[:en:Open educational resources|Open educational resources]] (EdutechWiki En). | |||
#* Visite: Les [[:en:wiki book|wiki book]]s de http://fr.wikipedia.org | |||
# [http://edutechwiki.unige.ch/en/Differentiated_learning_and_web_2.0_technologies Pédagogies différenciées], [[Apprentissage par projet | l'apprentissage par projet]] et le web 2.0 | |||
#* Exemple EduTechWiki | |||
#** Démo [http://edutechwiki.unige.ch/fr/Cat%C3%A9gorie:Livres livres] dans EduTechWiki et du [http://edutechwiki.unige.ch/fr/Sp%C3%A9cial:Livre créateur de livre] | |||
#** Exemple de cours qui intègrent les étudiants de différentes façons | |||
===[[Visualisation des données]]=== | |||
[[:en:Visualization]] | |||
Services en ligne | |||
*[http://raw.densitydesign.org/ RAW] | |||
*[http://textexture.com/index.php textexture] | |||
*[http://www-958.ibm.com/software/analytics/manyeyes/ manyeyes] | |||
=== Travail à distance (option avec évaluation) === | |||
A trouver dans l'Activité de la 2e journée dans [http://tecfalms.unige.ch/moodle/login/index.php TecfaMoodle] | |||
== Jour 3 : Agrégation et gestion du e-learning 2.0 == | |||
'''Matin''' | |||
===Les [[Massive open online course (MOOC) | MOOCs]]=== | |||
Intervenante: Christine Vaufrey | |||
1- La très courte histoire des MOOCs | |||
2- Quels MOOCs ? | |||
3- Les acteurs | |||
4- Les notions en débat | |||
5- Les MOOCs demain | |||
'''Pour suivre l'intervention dans les meilleures conditions, merci de vous inscrire aux MOOCs suivants :''' | |||
=== Les | - L'Impressionnisme, du scandale à la consécration : https://solerni.org/mooc/3/L%E2%80%99Impressionnisme,%20du%20scandale%20%C3%A0%20la%20cons%C3%A9cration/sessions | ||
- ITyPA 3 : http://itypa.speach.me/ | |||
- Informer et communiquer sur les réseaux sociaux : http://firstbusinessmooc.org/communiquer-reseaux-sociaux/ | |||
- Dernières nouvelles du crime : https://www.france-universite-numerique-mooc.fr/courses/CNAM/01006/Trimestre_4_2014/about | |||
- Les cas de dépression majeure et la population : https://www.coursera.org/course/pmhdepression | |||
'''A consulter (pas nécessairement avant l'intervention) :''' | |||
Critique des typologies de MOOC, Isabelle Quentin : http://isabellequentin.wordpress.com/2014/08/27/critiques-des-typologies-de-mooc/#like-1618 | |||
* I. Quentin publie sur son blog les résultats de ses travaux sur les participants aux MOOCs. | |||
MOOC et vidéo pédagogique - synthèse : https://www.youtube.com/watch?v=E-4L0VwcJMM | |||
A review of MOOCs and their assessment tools : http://www.tonybates.ca/2014/11/08/a-review-of-moocs-and-their-assessment-tools/ | |||
Le MOOC idéal : http://blog.matthy.net/2014/08/mooc-ideal/ | |||
Quelques innovations pour plus de social dans les MOOCs : http://tipes.wordpress.com/2014/10/15/quelques-innovations-pour-plus-de-social-dans-les-mooc/ | |||
Les Etats-Unis déjà dans l'après MOOC : http://www.letudiant.fr/educpros/actualite/les-etats-unis-deja-dans-l-apres-mooc.html | |||
'''Après-midi''' | |||
=== Identités digitales : Vous, sur Internet === | |||
<gallery heights=50px> | |||
Fichier:Vous-sur-Internet.pdf|Transparents | |||
</gallery> | |||
# Votre activité en tant que créateur: notion de '''propriété intellectuelle''' | |||
#* Mouvements '''Open-Source''' et '''Logiciel Libre''' | |||
#* Les '''licences logicielles''' pour protéger vos créations | |||
#* Un exemple: '''[http://creativecommons.org/ Creative Commons]''' | |||
# Votre activité en tant qu'utilisateur: notion d''''identité numérique''' | |||
#* Dans l'Internet social: '''blogosphère''', '''réseaux sociaux''', '''jeux en ligne''', etc. | |||
#* Dans l'Internet utilitaire: comptes multiples/'''services commerciaux''' | |||
#* Protection de ses données: sécurité et bonnes pratiques contre le '''piratage''' | |||
# Vie privée (privacy) | |||
<!-- | |||
=== Avenir: Web sémantique, Web 3.0 === | |||
(Ioana Ilea) | |||
#Cadre général du [[web sémantique]] | |||
#*Courte histoire du [[web sémantique]] | |||
#*Web 1.0 vs. Web 2.0 | |||
#*Le web “syntaxique” | |||
#*Le [[web sémantique]] | |||
#*[http://www.urfist.cict.fr/archive/lettres/lettre28/lettre28-22.html Quelques ressources] | |||
#Les [[métadonnées]] | |||
#*[[RDF]] | |||
#*Les ontologies (OWL) | |||
#*SPARQL | |||
#Applications | |||
#*Elements du [[web sémantique]] dans Google, Facebook | |||
#*Portails de recherche sémantique | |||
#**[http://dbpedia.org/About DBPedia] - extension de wikipedia | |||
#**[http://www.gopubmed.org GoPubMed] - recherche augmentée en utilisant les ontologies | |||
#**[http://www.researchgate.net ResearchGate] | |||
#**[http://www.wolframalpha.com/ Wolframalpha] | |||
#**[http://www.yummly.com/ Yummly] | |||
--> | |||
=== [[:en:Educational badges |Educational badges]]=== | |||
(DKS) | |||
* Lire [[Badge pédagogique]] | |||
* Transparents [http://fr.slideshare.net/dajan/introduction-aux-open-badges Introduction aux OpenBadges], par Dominique-Alain Jan, Juin 2014 | |||
On abordera: | |||
* Le concept, les usages | |||
* Les Mozilla badges et le Mozilla backpack | |||
* Faire un badge avec Moodle | |||
'''Pause''' | |||
=== Le concept [[e-learning 2.0]]=== | |||
(Kalli Benetos) | (Kalli Benetos) | ||
* | # Les plateformes e-learning avec une interface web 2.0 | ||
* | #* Hands on: [[Haiku lms]] ou [[Edu 2.0]] | ||
#* Viste de: https://www.myhaikuclass.com/u/kalli/ et de http://tecfa.edu20.org/ | |||
# Les notion de [[environnement d'apprentissage personnel]] et de [[e-portfolio]] (petite discussion) | |||
#* Visite de [[Elgg]] (blogging collectif): [http://elgg.org/ Site officiel], [http://elgg.elgg.fr/ site français], | |||
#* Visite de [http://www.liferay.com/products/liferay-portal/liferay-portal-6.2 LIFERAY Portal] (un peu mort) | |||
#* Hands-on : [http://demo.mahara.org/ Mahara] | |||
=== Travail à distance (option avec évaluation) === | |||
'''Produits''' | |||
# Créer un environnement utilisant les services web 2.0 vus pour pour présenter et suivre une séquence d'[[apprentissage par projet]], c.à.d. encadrer l'apprentissage de l'apprenant dans une démarche d'apprentissage par projet. | |||
# Définissez et proposer un [[environnement d'apprentissage personnel |environnement ''personnalisable'' d’apprentissage]] pour leur permettre de réaliser l’activité scénarisée. | |||
Pour ces 2 étapes, utilisez les environnements de votre choix. | |||
Dans les 2 cas, prévoyez des espaces pour les 4 étapes de Moursund | |||
*Commencer | |||
*Planification | |||
*Implémentation du projet | |||
*Présentation | |||
'''Dépot''' | |||
# Créer et partager dans une exposition Mahara dédiée, | |||
##une carte conceptuelle qui modélise la séquence et l'intégration des outils choisis. | |||
##les liens vers les environnements créés | |||
##justifiez votre démarche et vos choix dans un article blog. | |||
# Déposer le lien vers l'exposition Mahara qui regroupe tous vos 'productions' et [[Artefact |artefacts]] et dans l'Activité Moodle de la journée. | |||
== | == Demi journée - Regroupement et présentation des travaux (option avec évaluation) == | ||
* | * Régulation | ||
* Présentation et discussion des travaux et projets des participants | |||
== | == Rapport de fin de module (option avec évaluation) == | ||
à définir selon les projets des participants | |||
* | * à rendre 4 semaines après la dernière journée de formation | ||
== Organisation == | == Organisation == | ||
Ce cours est dispensé sous forme de travaux pratiques accompagnés de | Ce cours est dispensé sous forme de travaux pratiques accompagnés de | ||
quelques séances plus théoriques. | quelques séances plus théoriques. C'est une formation hybride: enseignements en présentiel et travail collaboratif et personnel en ligne pour l'option avec évaluation et obtention des crédits ECTS. | ||
; '''Dates''' | ; '''Dates''' | ||
: | : octobre à décembre 2013 | ||
; '''Horaires''' | ; '''Horaires''' | ||
: | : 9h30 - 12h30 et 14h-17h30 (cours et travaux pratiques) | ||
: | |||
; '''Coordination''' | |||
: Kalli Benetos | |||
; '''Animateurs''' | |||
: [http://tecfa.unige.ch/perso/staf/benetos/ Kalli Benetos] | |||
: Daniel K. Schneider | |||
: Sandra Berney | |||
: Ioana Ilea | |||
=== Renseignements pratiques === | === Renseignements pratiques === | ||
; ''' | ; '''Évaluation et crédits''' | ||
: Les participants peuvent obtenir | : Les participants peuvent obtenir 4 crédits ECTS. L’évaluation portera sur des exercices à distance, sur un projet personnel ou professionnel d’environ et sur un rapport sur le travail de projet effectué à rendre 4 semaines après le cours. Une simple attestation est fournie en cas de participation simple. | ||
; '''Inscription:''' | ; '''Inscription:''' | ||
: [http://www.unige.ch/formcont Service formation continue] | : [http://www.unige.ch/formcont/ Service formation continue] | ||
: | : Kalliopi Benetos | ||
: Université de Genève 1211 Genève 4 | : Université de Genève 1211 Genève 4 | ||
: Tél.: 022 / 379 | : Tél.: 022 / 379 85 97 | ||
: E-mail: | : E-mail: kalliopi.benetos@unige.ch | ||
; '''Outils''' | ; '''Outils''' | ||
Ligne 151 : | Ligne 449 : | ||
; '''Lieu''' | ; '''Lieu''' | ||
: TECFA, FPSE, Université de Genève | : TECFA, FPSE, Université de Genève | ||
: | : Bvd du Pont d'Arve 42 | ||
: | : 1205 Genève | ||
; '''Finance de participation''' | ; '''Finance de participation''' | ||
: CHF | : CHF 1500.- (avec attestation) | ||
: CHF | : CHF 2500.- (4 Crédits ECTS) | ||
à verser dès réception de la confirmation de l'inscription. | à verser dès réception de la confirmation de l'inscription. | ||
Ligne 164 : | Ligne 462 : | ||
: Tél.: 022 / 379 93 77 | : Tél.: 022 / 379 93 77 | ||
[[ | [[Catégorie:Atelier_webmaster_web_2.0]] |
Dernière version du 30 juillet 2020 à 14:46
Description de la formation
- Objectifs
- Se familiariser avec les outils nouveaux d'Internet.
- Connaître le panorama des applications « web 2.0 »
- Savoir utiliser les outils et les services "web 2.0".
- Concevoir et configurer un site avec des services "web 2.0"
- Sélectionner et intégrer des widgets dans vos sites.
- Appliquer "web 2.0" à des scénarios pédagogiques et de gestion de connaissances et de communautés.
- Public
Ce cours est particulièrement destiné aux enseignants et aux responsables de sites web pour des petites organisations. Il est également adapté à tout public désirant perfectionner ses connaissances des outils et des services Internet en ligne. Quelques connaissances en HTML seraient un atout. Nous organiserons des sessions "pédagogiques" pour les enseignants et les formateurs.
- Prérequis
- Utilisation de Windows
- Quelques connaissances passives de l'anglais
- Quelques connaissances de HTML seraient un atout supplémentaire, mais pas nécessaires.
Ce cours était donnée du 11 au 15 mai 2009 et faisait partie de notre offre de de formation continue. Le cours sera reconduit en octobre 2010 dans le cadre du Certificat de formation continue en conception et développement de projets e-learning mais peut être suivi de manière individuelle.
Jour 1 : Introduction et produire avec des outils Web 2.0
La notion du Web 2.0 et de "social computing"
(K. Benetos)
- Panorama des technologies
- La notion de web 2.0
- Rich internet applications
- Tagging, folksonomies et métadonnées
- La métaphore du "remix": web widgets, mashups (applications composites), webtops
- E-learning 2.0
- Des e-learning 2.0 ...
- Outils pour les communautés de pratique
- Les weblogs: Usages pédagogiques et autres (discussion)
- Plateforme sociales et autres outils du "social computing"
- Formes personnalisées pour le e-learning
Créer un site web en ligne et des environnements personnels
(K. Benetos)
- Créateurs de sites web en ligne
- Hands on: Google Sites
- Les webtops:
- Les weblogs
- La technologie Blog
- Hands on: Service Blogger ou LeWebPedagogique
- Visite: Technorati (recherche dans la blogosphère)
- Alternatif: Google Blog search
- Microblogs: Twitter, Scoop.it, tumblr
- E-reputation:Klout
- Moteur de recherche du blogosphère: Technorati
- Les web widgets et les webtops
- Intégration de widgets web 2.0 dans un webtop
- Intégration de widgets dans un blog ou dans une page HTML, p.ex.: Google Gadgets
Les applications "office virtuel"
(K. Benetos)
Traitement de texte, tableur, outil de présentation, base de données, etc.)
- Office virtuel - fonctionnalités, avantages et désavantages
- La suite Google Apps
- Travail hors ligne / sauvegardes avec des outils comme box.net ou DropBox, Google Drive .
Blogs
- Présentation d'introduction sur les blogs
- Micro-blogging e.g. tumblr, Scoop.It
- Exemple : Technologie & pédagogie de Bruno de Lièvre
- Discussion: Twitter
- Réducteurs d'URL (page de S. Métral)
Rechercher la Blogosphère
- Blogs, comment les trouver : moteurs et répertoires
- blogsearchengine.org
- Google blogsearch
- Moteur de recherche du blogosphère: Technorati
Travail à distance
- Lectures
- Cahiers pédagogiques : N°482 - Dossier "Le Web 2.0 et l’école"
- A Seismic Shift in Epistemology (2008), Chris Dede (pdf sur TecfaMoodle)
- Learning, Teaching, and Scholarship in a Digital Age Web 2.0 and Classroom Research What Path Should We Take Now (2009), Christine Greenhow, Beth Robelia, and Joan E. Hughes (pdf sur TecfaMoodle)
- blog sur les lectures et le changement de paradigme dans l'enseignement et l'apprentissage apporté par les nouvelles technologies web vus.
- commentaires sur un ou deux blogs des autres
- Écrire ou compléter un article existant dans edutechwiki en lien avec le web 2.0 et le e-learning 2.0.
Jour 2 : Organiser et partager
- Partage de liens (social bookmarking) et gestion d'URLs (Kalli)
- Partage de signets
- Hands on: Diigo et Xmarks
- Partage de références bibliographique (reference manager) (Sandra)
- Visite: refBASE, LibraryThing. (Il existe aussi des services commerciaux comme refWorks)
- Hands on: Mendeley, alternative : Zotero
- Indexes de citation
- Visite: citeulike, SiteSeer home page
- Portails de publications avec indexes de citation etc. (Sandra)
- Stockage et partage de fichiers
- Radios personnalisées (pas abordé vraiment)
- C.f. Podcasting pour le principe
- Ressource: DICE Project - Digital Copyright for E-learning in Switzerland
Outils de production spécialisés en ligne (Kalli et Sandra)
Voir aussi: List of web 2.0 applications (Edutech Wiki anglais) et Liste commentée et liens
- Prise et gestion de notes (Sandra)
- Création de présentations interactives
- Prezi (Sandra)
- Stupeflix
- SlideMyPics
- Cartes conceptuelles (vu)
- Édition d'images
- Création de sons et de la musique
- Soundation - entièrement en ligne, avec ou sans compte
- SoundCloud - création et partage de sons et de la musique, application ipad/pod aussi disponible
- Prise de notes collaborative
- Screencasting
- Visite: Jing
- screencast-o-matic (entièrement en ligne, version pro permet d'éditer le résultat)
Le partage d'artefacts (Kalli)
- Service de partage d'images
- Service de partage de vidéos
- Visite: YouTube
- Service de partage de slides
- Visite: Slideshare (et comment intégrer dans LinkedIn par exemple)
- Podcasting
- Pod-o-matic - service en ligne qui permet de diffuser un podcast
- How to podcast tutoriel
Content curation
- Collection de liens et signets
- Visite: Google Custom Search Engine - créer un moteur de recherche personnalisé
- Visite: Pearltrees - hands on si le temps permet
- Magazines virtuels
- Vidéos
- Intérêts
Pause
- Extensions de navigateurs
- Le système d'extensions Firefox
- Xmarks Bookmark Sync
- ScribeFire - ajouter des liens et poster dans un ou plusieurs blogs directement du navigateur
- Extension Twitter - prendre un compte chez Twitter
- A installer: Tweet-R (client twitter)
- Evernote Clearly - ajouter des signets et des parties des pages à Evernote
- Shareaholic - partager les pages web avec un grand nombre de réseaux.
- DowloadTubeVideos - Télecharger des vidéos Youtube à insérer dans autre médias sans publicité, etc.
- Chrome web store - Extensions et applications pour Chrome
- Safari addons - extensions pour Safari
Pause midi
Les Plateformes sociales
- Le phénomène FaceBook
- Autres réseaux : ello (sans pub, mais sur invitation en phase beta), orkut, google+ - en train de merger
- Réseaux sociales personnalisés en ligne (p. ex. Ning) ou Grou.ps - essai gratuit, mais payants
- Autres plateformes sociales gratuites (alternatives à Ning)
- Groupware payants
- Groupsite - collection d'outils collectifs pour la gestion d'une communauté ou de projet (payant)
- igloosoftware - prix par utilisateur
- Hands-on : mixxt - versions gratuites et payantes
- Réseaux spécialisés:
- LinkedIn (professionnels),
- Academia.edu,
- Research Gate (pour le monde academique/recherche)
Pause
- Réseaux à installer sur son propre serveur
- buddypress - plateforme sociale sur le même principe que Wordpress
- Social Engine - prix variable selon les modules achetés, code en PHP modifiable
- Lovdbyless - open source
- Elgg - un blog avec fonctionalités de réseautage
- JomSocial - plateforme sociale du CMS Joomla (à acheter)
- L'évolution des groupes en ligne ( forums et messageboards)
- runboard
- moot - forum à insérer dans une page HTML ou à utiliser en ligne
- freeforums.org
- Hands-on: avec Google Groups
Les Wikis
(D. Schneider)
- Les wiki (origine, technologies, etc.)
- Les Wikis dans l'éducation et la formation (Slides, 2006)
- Le wiki comme outil de scénarisation pédagogique et comme comme plateforme pédagogique (simple)
- Le wiki comme outil de rédaction/publication
- Sélection et configuration d'un espace wiki avec un service en ligne
- Démo: PbWorks - Site: http://atelierwebmaster.pbworks.com/
- Démonstration de Wikispaces - Site http://atelierwebmaster.wikispaces.com/
- Démonstration de Mediawiki et des edutechwiki
- Se créer un compte sur un Mediawiki (ce wiki)
- Configurer son compte
- Démo de l'éditeur, Aide
- Utiliser les outils de recherche, les pages spéciales
- Discussion sur l'avenir des CMS
- Ressources pédagogiques ouvertes et co-rédigées
- Open educational resources (EdutechWiki En).
- Visite: Les wiki books de http://fr.wikipedia.org
- Pédagogies différenciées, l'apprentissage par projet et le web 2.0
- Exemple EduTechWiki
- Démo livres dans EduTechWiki et du créateur de livre
- Exemple de cours qui intègrent les étudiants de différentes façons
- Exemple EduTechWiki
Visualisation des données
Services en ligne
Travail à distance (option avec évaluation)
A trouver dans l'Activité de la 2e journée dans TecfaMoodle
Jour 3 : Agrégation et gestion du e-learning 2.0
Matin
Les MOOCs
Intervenante: Christine Vaufrey
1- La très courte histoire des MOOCs
2- Quels MOOCs ?
3- Les acteurs
4- Les notions en débat
5- Les MOOCs demain
Pour suivre l'intervention dans les meilleures conditions, merci de vous inscrire aux MOOCs suivants :
- L'Impressionnisme, du scandale à la consécration : https://solerni.org/mooc/3/L%E2%80%99Impressionnisme,%20du%20scandale%20%C3%A0%20la%20cons%C3%A9cration/sessions
- ITyPA 3 : http://itypa.speach.me/
- Informer et communiquer sur les réseaux sociaux : http://firstbusinessmooc.org/communiquer-reseaux-sociaux/
- Dernières nouvelles du crime : https://www.france-universite-numerique-mooc.fr/courses/CNAM/01006/Trimestre_4_2014/about
- Les cas de dépression majeure et la population : https://www.coursera.org/course/pmhdepression
A consulter (pas nécessairement avant l'intervention) :
Critique des typologies de MOOC, Isabelle Quentin : http://isabellequentin.wordpress.com/2014/08/27/critiques-des-typologies-de-mooc/#like-1618
- I. Quentin publie sur son blog les résultats de ses travaux sur les participants aux MOOCs.
MOOC et vidéo pédagogique - synthèse : https://www.youtube.com/watch?v=E-4L0VwcJMM
A review of MOOCs and their assessment tools : http://www.tonybates.ca/2014/11/08/a-review-of-moocs-and-their-assessment-tools/
Le MOOC idéal : http://blog.matthy.net/2014/08/mooc-ideal/
Quelques innovations pour plus de social dans les MOOCs : http://tipes.wordpress.com/2014/10/15/quelques-innovations-pour-plus-de-social-dans-les-mooc/
Les Etats-Unis déjà dans l'après MOOC : http://www.letudiant.fr/educpros/actualite/les-etats-unis-deja-dans-l-apres-mooc.html
Après-midi
Identités digitales : Vous, sur Internet
- Votre activité en tant que créateur: notion de propriété intellectuelle
- Mouvements Open-Source et Logiciel Libre
- Les licences logicielles pour protéger vos créations
- Un exemple: Creative Commons
- Votre activité en tant qu'utilisateur: notion d'identité numérique
- Dans l'Internet social: blogosphère, réseaux sociaux, jeux en ligne, etc.
- Dans l'Internet utilitaire: comptes multiples/services commerciaux
- Protection de ses données: sécurité et bonnes pratiques contre le piratage
- Vie privée (privacy)
Educational badges
(DKS)
- Lire Badge pédagogique
- Transparents Introduction aux OpenBadges, par Dominique-Alain Jan, Juin 2014
On abordera:
- Le concept, les usages
- Les Mozilla badges et le Mozilla backpack
- Faire un badge avec Moodle
Pause
Le concept e-learning 2.0
(Kalli Benetos)
- Les plateformes e-learning avec une interface web 2.0
- Hands on: Haiku lms ou Edu 2.0
- Viste de: https://www.myhaikuclass.com/u/kalli/ et de http://tecfa.edu20.org/
- Les notion de environnement d'apprentissage personnel et de e-portfolio (petite discussion)
- Visite de Elgg (blogging collectif): Site officiel, site français,
- Visite de LIFERAY Portal (un peu mort)
- Hands-on : Mahara
Travail à distance (option avec évaluation)
Produits
- Créer un environnement utilisant les services web 2.0 vus pour pour présenter et suivre une séquence d'apprentissage par projet, c.à.d. encadrer l'apprentissage de l'apprenant dans une démarche d'apprentissage par projet.
- Définissez et proposer un environnement personnalisable d’apprentissage pour leur permettre de réaliser l’activité scénarisée.
Pour ces 2 étapes, utilisez les environnements de votre choix. Dans les 2 cas, prévoyez des espaces pour les 4 étapes de Moursund
- Commencer
- Planification
- Implémentation du projet
- Présentation
Dépot
- Créer et partager dans une exposition Mahara dédiée,
- une carte conceptuelle qui modélise la séquence et l'intégration des outils choisis.
- les liens vers les environnements créés
- justifiez votre démarche et vos choix dans un article blog.
- Déposer le lien vers l'exposition Mahara qui regroupe tous vos 'productions' et artefacts et dans l'Activité Moodle de la journée.
Demi journée - Regroupement et présentation des travaux (option avec évaluation)
- Régulation
- Présentation et discussion des travaux et projets des participants
Rapport de fin de module (option avec évaluation)
à définir selon les projets des participants
- à rendre 4 semaines après la dernière journée de formation
Organisation
Ce cours est dispensé sous forme de travaux pratiques accompagnés de quelques séances plus théoriques. C'est une formation hybride: enseignements en présentiel et travail collaboratif et personnel en ligne pour l'option avec évaluation et obtention des crédits ECTS.
- Dates
- octobre à décembre 2013
- Horaires
- 9h30 - 12h30 et 14h-17h30 (cours et travaux pratiques)
- Coordination
- Kalli Benetos
- Animateurs
- Kalli Benetos
- Daniel K. Schneider
- Sandra Berney
- Ioana Ilea
Renseignements pratiques
- Évaluation et crédits
- Les participants peuvent obtenir 4 crédits ECTS. L’évaluation portera sur des exercices à distance, sur un projet personnel ou professionnel d’environ et sur un rapport sur le travail de projet effectué à rendre 4 semaines après le cours. Une simple attestation est fournie en cas de participation simple.
- Inscription:
- Service formation continue
- Kalliopi Benetos
- Université de Genève 1211 Genève 4
- Tél.: 022 / 379 85 97
- E-mail: kalliopi.benetos@unige.ch
- Outils
On travaillera essentiellement avec des outils en ligne et qui offrent des services de base graduits. Les matériaux de cours seront disponibles en ligne et on mettra à disposition des ordinateurs pour les travaux pratiques. Les participants peuvent aussi amener leur propre ordinateur portable.
- Nombre de participants
Le nombre de participants est fixé à 16. Les demandes sont enregistrées par ordre d'arrivée. La formation aura lieu à partir de 5 participants inscrits.
- Lieu
- TECFA, FPSE, Université de Genève
- Bvd du Pont d'Arve 42
- 1205 Genève
- Finance de participation
- CHF 1500.- (avec attestation)
- CHF 2500.- (4 Crédits ECTS)
à verser dès réception de la confirmation de l'inscription.
- Informations et renseignements sur le contenu
- E-mail: Daniel.Schneider@unige.ch
- Tél.: 022 / 379 93 77