Workshop web2.0

Post on 21-Nov-2014

2.423 views 0 download

description

De slides bij de workshop web2.0 voor HWBK Geel op 10/01/2008

Transcript of Workshop web2.0

www.khk.be

Studiedag HWBK Geel– 10/01/08

Workshop Web2.0 – 10/01/08

www.khk.beWeb2.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

www.khk.beThe Machine is Us/ing Us

www.khk.beWeb2.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)

www.khk.beWeb2.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.

www.khk.beWeb2.0 workshop

• Voorbeelden– Wikipedia– Flickr – Netvibes– YouTube– Google Maps– MySpace – Last.fm – del.icio.us– Digg– …

www.khk.beWeb2.0 workshop: RSS

• Really Simple Syndication / Rich Site Summary / ..

• Gestandaardiseerd formaat

Bron: Wikipedia (09/01/2008): http://nl.wikipedia.org/wiki/RSS

www.khk.beWeb2.0 workshop: RSS

• Informatie wordt naar gebruiker gestuurd– Ideaal om op de hoogte te blijven

• Vakgerelateerde blogs• Nieuws• Zoekopdrachten in wetenschappelijke

databanken• Symbool:

www.khk.beWeb2.0 workshop: RSS

• RSS In Plain English:

Bron: http://www.commoncraft.com/rss_plain_english

www.khk.beWeb2.0 workshop: RSS

• Aan de slag– http://www.netvibes.com– Login:– Registreer je nu– Iedereen ingelogd?

www.khk.beWeb2.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

www.khk.beWeb2.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

www.khk.beWeb2.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/

www.khk.beWeb2.0 workshop: RSS

• Toepassingen binnen het onderwijs– Nieuwe ontwikkelingen binnen

vakgebied opvolgen

www.khk.beWeb2.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

www.khk.beWeb2.0 workshop: Blog

– Aan de slag:• http://www.blogger.com

www.khk.beWeb2.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

www.khk.beWeb2.0 workshop: Blog

– Blogs vinden• http://www.technorati.com/• Via andere blogs

www.khk.beWeb2.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.

www.khk.beWeb2.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

www.khk.beWeb2.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

www.khk.beWeb2.0 workshop: Wiki

– Voordelen• Snel aanpassen• Versiebeheer• Samenwerken

www.khk.beWeb2.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

www.khk.beWeb2.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

www.khk.be

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)

www.khk.be

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

www.khk.be

Web2.0 workshop: Social bookmarking

– Aan de slag• http://del.icio.us/• Register:

www.khk.be

Web2.0 workshop: Social bookmarking

– Bookmarks toevoegen ->op eigen computer -> via buttons

– Nu -> via post

www.khk.be

Web2.0 workshop: Social bookmarking

– Bookmarks toevoegen

www.khk.be

Web2.0 workshop: Social bookmarking

http://del.icio.us/tag/

www.khk.be

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

www.khk.be

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

www.khk.be

Web2.0 workshop: Social bookmarking: discover: tags

http://del.icio.us/tag/

www.khk.be

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

www.khk.be

Web2.0 workshop: Social bookmarking: discover• Most popular:

http://del.icio.us/popular/ • Most recent:

http://del.icio.us/recent

www.khk.be

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

www.khk.beWeb2.0 workshop: Toledo

– Voeg toe in Toledo• Del.icio.us favorieten• YouTube film• Slideshare presentatie

www.khk.beWeb2.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

www.khk.beWeb2.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

www.khk.beWeb2.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

www.khk.beWeb2.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– …

www.khk.be

Bron: http://www.groupe-procab.com/blog/wp-content/uploads/2006/03/american_web2_procab.jpg

www.khk.beWeb2.0 workshop

• Besluit: – Hype of echt nuttig?– Kritisch zijn!– Relativeren!

Bron: “Here comes another bubble”: http://www.youtube.com/watch?v=I6IQ_FOCE6I

www.khk.beWeb2.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