46
www.khk.be Studiedag HWBK Geel– 10/01/08 Workshop Web2.0 – 10/01/08

Workshop web2.0

Embed Size (px)

DESCRIPTION

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

Citation preview

Page 1: Workshop web2.0

www.khk.be

Studiedag HWBK Geel– 10/01/08

Workshop Web2.0 – 10/01/08

Page 2: Workshop web2.0

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

Page 4: Workshop web2.0

www.khk.beThe Machine is Us/ing Us

Page 5: Workshop web2.0

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)

Page 7: Workshop web2.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.

Page 8: Workshop web2.0

www.khk.beWeb2.0 workshop

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

Page 9: Workshop web2.0

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

Page 10: Workshop web2.0

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:

Page 11: Workshop web2.0

www.khk.beWeb2.0 workshop: RSS

• RSS In Plain English:

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

Page 12: Workshop web2.0

www.khk.beWeb2.0 workshop: RSS

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

Page 13: Workshop web2.0

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

Page 14: Workshop web2.0

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

Page 15: Workshop web2.0

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/

Page 16: Workshop web2.0

www.khk.beWeb2.0 workshop: RSS

• Toepassingen binnen het onderwijs– Nieuwe ontwikkelingen binnen

vakgebied opvolgen

Page 17: Workshop web2.0

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

Page 18: Workshop web2.0

www.khk.beWeb2.0 workshop: Blog

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

Page 19: Workshop web2.0

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

Page 20: Workshop web2.0

www.khk.beWeb2.0 workshop: Blog

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

Page 21: Workshop web2.0

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.

Page 22: Workshop web2.0

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

Page 23: Workshop web2.0

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

Page 24: Workshop web2.0

www.khk.beWeb2.0 workshop: Wiki

– Voordelen• Snel aanpassen• Versiebeheer• Samenwerken

Page 25: Workshop web2.0

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

Page 26: Workshop web2.0

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

Page 27: Workshop web2.0

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)

Page 28: Workshop web2.0

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

Page 29: Workshop web2.0

www.khk.be

Web2.0 workshop: Social bookmarking

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

Page 30: Workshop web2.0

www.khk.be

Web2.0 workshop: Social bookmarking

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

– Nu -> via post

Page 31: Workshop web2.0

www.khk.be

Web2.0 workshop: Social bookmarking

– Bookmarks toevoegen

Page 32: Workshop web2.0

www.khk.be

Web2.0 workshop: Social bookmarking

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

Page 33: Workshop web2.0

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

Page 34: Workshop web2.0

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

Page 35: Workshop web2.0

www.khk.be

Web2.0 workshop: Social bookmarking: discover: tags

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

Page 36: Workshop web2.0

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

Page 37: Workshop web2.0

www.khk.be

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

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

http://del.icio.us/recent

Page 38: Workshop web2.0

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

Page 39: Workshop web2.0

www.khk.beWeb2.0 workshop: Toledo

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

Page 40: Workshop web2.0

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

Page 41: Workshop web2.0

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

Page 42: Workshop web2.0

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

Page 43: Workshop web2.0

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– …

Page 44: Workshop web2.0

www.khk.be

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

Page 45: Workshop web2.0

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

Page 46: Workshop web2.0

www.khk.beWeb2.0 workshop

• Vragen:– [email protected]

• 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