Studiedag HWBK Geel– 10/01/08 Workshop Web2.0 – 10/01/08
Web2.0 workshop Doel Algemene inleiding Overzicht van een aantal toepassingen Meteen omzetten in de praktijk RSS (netvibes) Blog (blogger) Wiki Social Bookmarking (del.icio.us) Toepassing in Toledo Later zelf kennis uitdiepen
Web2.0 workshop De kracht van de nieuwe toepassingen: The Machine is Us/ing Us, Michael Wesch:  http:// www.youtube.com / watch ?v= NLlGopyXT _g
The Machine is Us/ing Us
Web2.0 workshop Definitie Uitgebreide definitie:  http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html “ De term Web 2.0 verwijst naar wat sommigen zien als de tweede fase in de ontwikkeling van het World Wide Web. Het gaat over de verandering van een verzameling websites naar een volledig platform voor interactieve webapplicaties voor eindgebruikers op het World Wide Web. Volgens sommigen zullen deze uiteindelijk losstaande lokaal geïnstalleerde software overbodig maken.”  (bron: Wikipedia (09/01/2008): http://nl.wikipedia.org/wiki/Web_2.0)
Web2.0 workshop Definitie Bron:  Luca Cremonini, “Web 2.0 map”, december 2006,  http :// www.railsonwave.it / railsonwave /2007/1/2/web-2-0-map
Web2.0 workshop Kenmerken Opvolger van web 1.0 Collaboratief werken Delen van content De gebruiker staat centraal Web-based Tagging (Folksonomies) Hoe meer mensen de software gebruiken, hoe beter hij wordt Geen technologische revolutie maar een sociale revolutie. Het is eerder een attitude dan een technologie.
Web2.0 workshop Voorbeelden Wikipedia Flickr   Netvibes YouTube Google   Maps MySpace   Last.fm   del.icio.us Digg …
Web2.0 workshop: RSS Really Simple Syndication / Rich Site Summary / .. Gestandaardiseerd formaat Bron: Wikipedia (09/01/2008):  http://nl.wikipedia.org/wiki/RSS
Web2.0 workshop: RSS Informatie wordt naar gebruiker gestuurd Ideaal om op de hoogte te blijven Vakgerelateerde blogs Nieuws Zoekopdrachten in wetenschappelijke databanken Symbool:
Web2.0 workshop: RSS RSS In Plain English: Bron:  http://www.commoncraft.com/rss_plain_english
Web2.0 workshop: RSS Aan de slag http://www.netvibes.com Login: Registreer je nu Iedereen ingelogd?
Web2.0 workshop: RSS Netvibes -> homepage Voeg inhoud toe Ga op zoek naar feeds KHK http://www.standaard.be/rss   http://www.deredactie.be/cm/de.redactie/help/RSS_info   http://www.tijd.be/rss/   Weblinks HWBK:  http://www.khk.be/hikmed/weblinks/linkshandel.html   Der spiegel/economist/nationale bank/bbc/elektuur Ebsco Blogs (vb  http://www.edublogs.be )  Overal RSS-feeds te vinden Export feeds
Web2.0 workshop: RSS Een aantal technische websites met een feed: http://arstechnica.com/ http://www.lifehack.org/ http ://www.techcrunch.com/ http:// slashdot.org / http://www.wired.com/ http://news.bbc.co.uk/2/hi/technology/default.stm
Web2.0 workshop: RSS Alternatieven Bloglines:  http ://www.bloglines.com/ Google Reader:  http:// www.google.com /reader/   iGoogle:  http://www.google.com/ig MyYahoo:  http://my.yahoo.com/
Web2.0 workshop: RSS Toepassingen binnen het onderwijs Nieuwe ontwikkelingen binnen vakgebied opvolgen
Web2.0 workshop: Blog Weblog Chronologisch gerangschikt: nieuwste bovenaan Delen van informatie Iedereen kan het aanmaken Simpel in gebruik Persoonlijk – professioneel Steeds voorzien van RSS feed
Web2.0 workshop: Blog Aan de slag: http://www.blogger.com
Web2.0 workshop: Blog Aan de slag: http://www.blogger.com Google account aanmaken (als je die nog niet hebt) Naam van blog Sjabloon selecteren Via RSS abonneren op berichten Bericht posten Abonneren op blogs van collega’s
Web2.0 workshop: Blog Blogs vinden http://www.technorati.com/ Via andere blogs
Web2.0 workshop: Blog Toepassingen binnen het onderwijs Opvolgen opdrachten van studenten Opvolgen stages Peer reviewing via comments Groepswerk Een onderzoeksopdracht Projectwerk Ideeën/mening leren verwoorden Meer toepassingen zijn te vinden in het boek “ Blogs ,  Wikis ,  Podcasts , and Other Powerful Web Tools for Classrooms ” van Will Richardson op p. 40, 41 en 42.
Web2.0 workshop: Blog Ervaringen (volgens Maarten Cannaerts, Web 2.0 in de klaspraktijk:  http://www.slideshare.net/maartencannaerts/web-20-in-de-klaspraktijk/ ) Goed aflijnen wat er verwacht wordt Er zijn creatieve studenten (adsense, foto’s, filmpjes, …) Slimme studenten (layout wijzigen, slim gebruik van RSS, …) Er zijn er die de moeite niet nemen om dingen te lezen Er zijn er die juist dat doen wat er van hen verwacht wordt, niet meer of niet minder
Web2.0 workshop: Wiki Bekendste voorbeeld:  http://wikipedia.org/   Studie Nature: vergelijking 43 entries in Wikipedia en Britannica: Wikipedia bijna evenwaardig:  http://www.nature.com/nature/journal/v438/n7070/full/438900a.html Fouten in Wikipedia : onmiddellijk verbeterd Betrouwbaar? Volgens Jimi Wales: “ Students 'should use Wikipedia‘”:  http://news.bbc.co.uk/2/hi/technology/7130325.stm
Web2.0 workshop: Wiki Voordelen Snel aanpassen Versiebeheer Samenwerken
Web2.0 workshop: Wiki Hoe inzetten in het onderwijs? Opdracht om een entry bij te werken in Wikipedia Binnenkort in Toledo: In groep een document maken
Web2.0 workshop: Wiki Voorbeeld in Toledo Voorlopig nog niet algemeen beschikbaar INSTRUMENTEN VOOR INFORMATIEVAARDIGHEDEN (C-C2890-K)  -> wiki Software is MediaWiki (zelfde als van Wikipedia) Specifieke syntax:  http://meta.wikimedia.org/wiki/Cheatsheet
Web2.0 workshop: Social bookmarking Vervangt bookmarks in browser en is overal beschikbaar (keep) Bookmarks delen (ook mogelijkheid om bookmarks privaat te houden) (share) Zie wat andere mensen bookmarken (discover)
Web2.0 workshop: Social bookmarking Tagging -> Tag cloud Commentaar toevoegen Zoeken in bookmarks Populairste/recente bookmarks Rss Volg tag (van iedereen – van een bepaalde user) Volg user Elke pagina heeft een feed
Web2.0 workshop: Social bookmarking Aan de slag http://del.icio.us/ Register:
Web2.0 workshop: Social bookmarking Bookmarks toevoegen ->op eigen computer -> via buttons Nu -> via post
Web2.0 workshop: Social bookmarking Bookmarks toevoegen
Web2.0 workshop: Social bookmarking http://del.icio.us/tag/
Web2.0 workshop: Social bookmarking:  Op veel sites -> knop om rechtstreeks aan del.icio.us toe te voegen: vb.  http://news.bbc.co.uk/2/hi/business/7178651.stm
Web2.0 workshop: Social bookmarking:  Aan de slag Voeg een aantal bookmarks toe aan je account en geef ze relevante tags Ga kijken wat de meest recente toevoegingen zijn van je tag en wat de meest populaire toevoegingen zijn van je tag
Web2.0 workshop: Social bookmarking: discover: tags http://del.icio.us/tag/
Web2.0 workshop: Social bookmarking: discover: tags Folksonomy Taxonomy die iedereen kan wijzigen Geen vaste termen Synoniemen naast elkaar gebruikt Related tags Hoe meer gebruikt, hoe beter het wordt
Web2.0 workshop: Social bookmarking: discover Most popular:  http://del.icio.us/popular/   Most recent:  http://del.icio.us/recent
Web2.0 workshop: Social bookmarking: discover Aan de slag: Volg de bookmarks van een bepaalde voor u interessante tag via RSS -> voeg toe aan netvibes Volg een persoon die interessante links verzamelt Voeg uw eigen bookmarks toe in netvibes ->voeg inhoud toe -> Toepassingen -> del.icio.us
Web2.0 workshop: Toledo Voeg toe in Toledo Del.icio.us favorieten YouTube film Slideshare presentatie
Web2.0 workshop: Toledo Altijd min of meer dezelfde werkwijze Code ophalen Del.icio.us: help, onderaan rechts -> blogging -> link rolls Stuk code knippen YouTube: naast elk filmpje: Embed -> stukje code ernaast Stuk code knippen
Web2.0 workshop: Toledo Altijd min of meer dezelfde werkwijze Code in Toledo plakken In mededelingen, documenten, … Voorbeeld in document: nieuw item, naam geven, Zet WYSIWYG in HTML mode <> Code plakken, opslaan
Web2.0 workshop: Toledo Aan de slag Iedereen is beheerder van TESTCURSUS [0607] (C-A180050-0607) in Toledo Bij cursusdocumenten: map aanmaken met je eigen naam Submappen maken Delicious links -> item toevoegen en code van je del.icio.us links invoegen YouTube film -> item toevoegen met code van een filmpje naar keuze van YouTube Gebruik je fantasie! Kijk eens in map “Jef De Pooter” -> voorbeeld
Web2.0 workshop: Overige http://www.flickr.com : foto’s http :// www.linkedin.com : professioneel netwerk http ://www.last.fm : muziek http://docs.google.com/ : documenten http://maps.google.com : kaarten http ://www.slideshare.net : presentaties http://www.digg.com : wat is er momenteel in http://www.facebook.com/ : sociaal netwerk …
Bron:  http://www.groupe-procab.com/blog/wp-content/uploads/2006/03/american_web2_procab.jpg
Web2.0 workshop Besluit:  Hype of echt nuttig? Kritisch zijn! Relativeren!  Bron: “Here comes another bubble”:  http://www.youtube.com/watch?v=I6IQ_FOCE6I
Web2.0 workshop Vragen: jef.de.pooter@khk.be  Creative Commons licentie: Op dit werk is een  Creative   Commons  Licentie  van toepassing.  Bron: “Here comes another bubble”:  http://www.youtube.com/watch?v=I6IQ_FOCE6I

Workshop web2.0

  • 1.
    Studiedag HWBK Geel–10/01/08 Workshop Web2.0 – 10/01/08
  • 2.
    Web2.0 workshop DoelAlgemene inleiding Overzicht van een aantal toepassingen Meteen omzetten in de praktijk RSS (netvibes) Blog (blogger) Wiki Social Bookmarking (del.icio.us) Toepassing in Toledo Later zelf kennis uitdiepen
  • 3.
    Web2.0 workshop Dekracht van de nieuwe toepassingen: The Machine is Us/ing Us, Michael Wesch: http:// www.youtube.com / watch ?v= NLlGopyXT _g
  • 4.
    The Machine isUs/ing Us
  • 5.
    Web2.0 workshop DefinitieUitgebreide definitie: http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html “ De term Web 2.0 verwijst naar wat sommigen zien als de tweede fase in de ontwikkeling van het World Wide Web. Het gaat over de verandering van een verzameling websites naar een volledig platform voor interactieve webapplicaties voor eindgebruikers op het World Wide Web. Volgens sommigen zullen deze uiteindelijk losstaande lokaal geïnstalleerde software overbodig maken.” (bron: Wikipedia (09/01/2008): http://nl.wikipedia.org/wiki/Web_2.0)
  • 6.
    Web2.0 workshop DefinitieBron: Luca Cremonini, “Web 2.0 map”, december 2006, http :// www.railsonwave.it / railsonwave /2007/1/2/web-2-0-map
  • 7.
    Web2.0 workshop KenmerkenOpvolger van web 1.0 Collaboratief werken Delen van content De gebruiker staat centraal Web-based Tagging (Folksonomies) Hoe meer mensen de software gebruiken, hoe beter hij wordt Geen technologische revolutie maar een sociale revolutie. Het is eerder een attitude dan een technologie.
  • 8.
    Web2.0 workshop VoorbeeldenWikipedia Flickr Netvibes YouTube Google Maps MySpace Last.fm del.icio.us Digg …
  • 9.
    Web2.0 workshop: RSSReally Simple Syndication / Rich Site Summary / .. Gestandaardiseerd formaat Bron: Wikipedia (09/01/2008): http://nl.wikipedia.org/wiki/RSS
  • 10.
    Web2.0 workshop: RSSInformatie wordt naar gebruiker gestuurd Ideaal om op de hoogte te blijven Vakgerelateerde blogs Nieuws Zoekopdrachten in wetenschappelijke databanken Symbool:
  • 11.
    Web2.0 workshop: RSSRSS In Plain English: Bron: http://www.commoncraft.com/rss_plain_english
  • 12.
    Web2.0 workshop: RSSAan de slag http://www.netvibes.com Login: Registreer je nu Iedereen ingelogd?
  • 13.
    Web2.0 workshop: RSSNetvibes -> homepage Voeg inhoud toe Ga op zoek naar feeds KHK http://www.standaard.be/rss http://www.deredactie.be/cm/de.redactie/help/RSS_info http://www.tijd.be/rss/ Weblinks HWBK: http://www.khk.be/hikmed/weblinks/linkshandel.html Der spiegel/economist/nationale bank/bbc/elektuur Ebsco Blogs (vb http://www.edublogs.be ) Overal RSS-feeds te vinden Export feeds
  • 14.
    Web2.0 workshop: RSSEen aantal technische websites met een feed: http://arstechnica.com/ http://www.lifehack.org/ http ://www.techcrunch.com/ http:// slashdot.org / http://www.wired.com/ http://news.bbc.co.uk/2/hi/technology/default.stm
  • 15.
    Web2.0 workshop: RSSAlternatieven Bloglines: http ://www.bloglines.com/ Google Reader: http:// www.google.com /reader/ iGoogle: http://www.google.com/ig MyYahoo: http://my.yahoo.com/
  • 16.
    Web2.0 workshop: RSSToepassingen binnen het onderwijs Nieuwe ontwikkelingen binnen vakgebied opvolgen
  • 17.
    Web2.0 workshop: BlogWeblog Chronologisch gerangschikt: nieuwste bovenaan Delen van informatie Iedereen kan het aanmaken Simpel in gebruik Persoonlijk – professioneel Steeds voorzien van RSS feed
  • 18.
    Web2.0 workshop: BlogAan de slag: http://www.blogger.com
  • 19.
    Web2.0 workshop: BlogAan de slag: http://www.blogger.com Google account aanmaken (als je die nog niet hebt) Naam van blog Sjabloon selecteren Via RSS abonneren op berichten Bericht posten Abonneren op blogs van collega’s
  • 20.
    Web2.0 workshop: BlogBlogs vinden http://www.technorati.com/ Via andere blogs
  • 21.
    Web2.0 workshop: BlogToepassingen binnen het onderwijs Opvolgen opdrachten van studenten Opvolgen stages Peer reviewing via comments Groepswerk Een onderzoeksopdracht Projectwerk Ideeën/mening leren verwoorden Meer toepassingen zijn te vinden in het boek “ Blogs , Wikis , Podcasts , and Other Powerful Web Tools for Classrooms ” van Will Richardson op p. 40, 41 en 42.
  • 22.
    Web2.0 workshop: BlogErvaringen (volgens Maarten Cannaerts, Web 2.0 in de klaspraktijk: http://www.slideshare.net/maartencannaerts/web-20-in-de-klaspraktijk/ ) Goed aflijnen wat er verwacht wordt Er zijn creatieve studenten (adsense, foto’s, filmpjes, …) Slimme studenten (layout wijzigen, slim gebruik van RSS, …) Er zijn er die de moeite niet nemen om dingen te lezen Er zijn er die juist dat doen wat er van hen verwacht wordt, niet meer of niet minder
  • 23.
    Web2.0 workshop: WikiBekendste voorbeeld: http://wikipedia.org/ Studie Nature: vergelijking 43 entries in Wikipedia en Britannica: Wikipedia bijna evenwaardig: http://www.nature.com/nature/journal/v438/n7070/full/438900a.html Fouten in Wikipedia : onmiddellijk verbeterd Betrouwbaar? Volgens Jimi Wales: “ Students 'should use Wikipedia‘”: http://news.bbc.co.uk/2/hi/technology/7130325.stm
  • 24.
    Web2.0 workshop: WikiVoordelen Snel aanpassen Versiebeheer Samenwerken
  • 25.
    Web2.0 workshop: WikiHoe inzetten in het onderwijs? Opdracht om een entry bij te werken in Wikipedia Binnenkort in Toledo: In groep een document maken
  • 26.
    Web2.0 workshop: WikiVoorbeeld in Toledo Voorlopig nog niet algemeen beschikbaar INSTRUMENTEN VOOR INFORMATIEVAARDIGHEDEN (C-C2890-K) -> wiki Software is MediaWiki (zelfde als van Wikipedia) Specifieke syntax: http://meta.wikimedia.org/wiki/Cheatsheet
  • 27.
    Web2.0 workshop: Socialbookmarking Vervangt bookmarks in browser en is overal beschikbaar (keep) Bookmarks delen (ook mogelijkheid om bookmarks privaat te houden) (share) Zie wat andere mensen bookmarken (discover)
  • 28.
    Web2.0 workshop: Socialbookmarking Tagging -> Tag cloud Commentaar toevoegen Zoeken in bookmarks Populairste/recente bookmarks Rss Volg tag (van iedereen – van een bepaalde user) Volg user Elke pagina heeft een feed
  • 29.
    Web2.0 workshop: Socialbookmarking Aan de slag http://del.icio.us/ Register:
  • 30.
    Web2.0 workshop: Socialbookmarking Bookmarks toevoegen ->op eigen computer -> via buttons Nu -> via post
  • 31.
    Web2.0 workshop: Socialbookmarking Bookmarks toevoegen
  • 32.
    Web2.0 workshop: Socialbookmarking http://del.icio.us/tag/
  • 33.
    Web2.0 workshop: Socialbookmarking: Op veel sites -> knop om rechtstreeks aan del.icio.us toe te voegen: vb. http://news.bbc.co.uk/2/hi/business/7178651.stm
  • 34.
    Web2.0 workshop: Socialbookmarking: Aan de slag Voeg een aantal bookmarks toe aan je account en geef ze relevante tags Ga kijken wat de meest recente toevoegingen zijn van je tag en wat de meest populaire toevoegingen zijn van je tag
  • 35.
    Web2.0 workshop: Socialbookmarking: discover: tags http://del.icio.us/tag/
  • 36.
    Web2.0 workshop: Socialbookmarking: discover: tags Folksonomy Taxonomy die iedereen kan wijzigen Geen vaste termen Synoniemen naast elkaar gebruikt Related tags Hoe meer gebruikt, hoe beter het wordt
  • 37.
    Web2.0 workshop: Socialbookmarking: discover Most popular: http://del.icio.us/popular/ Most recent: http://del.icio.us/recent
  • 38.
    Web2.0 workshop: Socialbookmarking: discover Aan de slag: Volg de bookmarks van een bepaalde voor u interessante tag via RSS -> voeg toe aan netvibes Volg een persoon die interessante links verzamelt Voeg uw eigen bookmarks toe in netvibes ->voeg inhoud toe -> Toepassingen -> del.icio.us
  • 39.
    Web2.0 workshop: ToledoVoeg toe in Toledo Del.icio.us favorieten YouTube film Slideshare presentatie
  • 40.
    Web2.0 workshop: ToledoAltijd min of meer dezelfde werkwijze Code ophalen Del.icio.us: help, onderaan rechts -> blogging -> link rolls Stuk code knippen YouTube: naast elk filmpje: Embed -> stukje code ernaast Stuk code knippen
  • 41.
    Web2.0 workshop: ToledoAltijd min of meer dezelfde werkwijze Code in Toledo plakken In mededelingen, documenten, … Voorbeeld in document: nieuw item, naam geven, Zet WYSIWYG in HTML mode <> Code plakken, opslaan
  • 42.
    Web2.0 workshop: ToledoAan de slag Iedereen is beheerder van TESTCURSUS [0607] (C-A180050-0607) in Toledo Bij cursusdocumenten: map aanmaken met je eigen naam Submappen maken Delicious links -> item toevoegen en code van je del.icio.us links invoegen YouTube film -> item toevoegen met code van een filmpje naar keuze van YouTube Gebruik je fantasie! Kijk eens in map “Jef De Pooter” -> voorbeeld
  • 43.
    Web2.0 workshop: Overigehttp://www.flickr.com : foto’s http :// www.linkedin.com : professioneel netwerk http ://www.last.fm : muziek http://docs.google.com/ : documenten http://maps.google.com : kaarten http ://www.slideshare.net : presentaties http://www.digg.com : wat is er momenteel in http://www.facebook.com/ : sociaal netwerk …
  • 44.
  • 45.
    Web2.0 workshop Besluit: Hype of echt nuttig? Kritisch zijn! Relativeren! Bron: “Here comes another bubble”: http://www.youtube.com/watch?v=I6IQ_FOCE6I
  • 46.
    Web2.0 workshop Vragen:jef.de.pooter@khk.be Creative Commons licentie: Op dit werk is een Creative Commons Licentie van toepassing. Bron: “Here comes another bubble”: http://www.youtube.com/watch?v=I6IQ_FOCE6I