Workshop web2.0

1,841 views
1,809 views

Published on

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

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,841
On SlideShare
0
From Embeds
0
Number of Embeds
13
Actions
Shares
0
Downloads
26
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Workshop web2.0

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

×