Shift happens: thuis bekijken                    Shift Happens 2.0 (2008)http://www.youtube.com/watch?v=k-8DRPCJ86U&featur...
Web 1 - 2 – 3 - X.0   Verandering van statische websites naar de    Metaweb of ‘intelligente web’
http://www.slideshare.net/timbuckteeth/web-30-the-way-forward
http://www.slideshare.net/timbuckteeth/web-30-the-way-forward
Web 2.0
Web 2.0 De term web 2.0 werd voor het eerst  gebruikt door de Amerikaanse  Mediaorganisatie O’Reilly Media Verwijst naar...
Web 2.0 volgens Tim OReilly• Het netwerk is the platform geworden  The network hét platform   • Losstaande lokaal geïnstal...
User generated content   Gebruikers voegen zelf inhoud toe    (Blogs, Facebook, Twitter…)    Collectieve intelligentie: v...
Global thinking and working   Wikinomics = Nieuwe economische regels       Nieuwe software die dat mogelijk maken = wiki...
Delen   Delen belangrijker dan controleren RSS of Really Simple Syndication: systeem om inhoudte delen (www.protopage.co...
Delen   Free software       ‘Open Source’ in plaats van copyrights        of patenten        (Apache voor webservers,   ...
TaggingKernwoorden of ‘tags’ toekennen aanbepaalde objecten/dataDe gebruikers zorgen voor detoegevoegde waarde (favorieten...
TaggingDeliciousFlickr etc…YouTubeTwitter(#hashtag)
Tag of hashtag goed kiezen Keuze van de (hash)tag of keyword is ook  een vorm van communicatie Nadenken welke tag Commu...
The social aspect
Sociaal Netwerk   Contacten     Interactie   en contact tussen mensen     Virtuele   relaties en gemeenschappen       ...
Social Media   Verschillende soorten ‘media’ kunnen    gepubliseerd worden       Tekst, foto, video, links…       Free ...
Social Media is niet…… een paar extra kanalen… je ‘berichten’ op Facebook plaatsen… een Facebook-pagina voor elke dienst… ...
Social Media gaat over…… menselijkheid… transparantie… geloofwaardigheid… relevantie… luisteren & in dialoog gaan
ROI   Kost van Social Media (bedrijven)   Social Media Manager   ROI (Return On Investment)
http://www.slideshare.net/HubSpot/inbound-marketing-leads-for-60-less-nedma
http://www.slideshare.net/HubSpot/inbound-marketing-leads-for-60-less-nedma
In jou bedrijf/ organisatie   Hoe kan je Web 2.0 (Social Networks/    Social Media) gebruiken Monitoring (luisteren) Je...
Monitoring   Social media monitoring tools                online       http://www.protopage.com/social-media-monitoring...
Social Media gebruiken Monitoring (luisteren) Presenting (aanwezig zijn)     Website (with blog)     LinkedIn     Fac...
Social Media gebruiken Monitoring (luisteren) Presenting (aanwezig zijn) Conversation (praten)     Twitter     Blog  ...
Social Media gebruiken Monitoring (luisteren) Presenting (aanwezig zijn) Conversation (praten) Stimuleren en engageren...
Conversion   Jou doel bepalen, de klant brengen waar jij wil                     http://www.slideshare.net/karagos/social...
Verandering in communicatie
Verandering in communiceren Urban journalism Nieuwe communicatie kanalen Voorbeelden: Egypte, Syrië… vinden  wegen om b...
The technology
http://www.youtube.com/watch?v=pQHX-SjgQvQ
Technology driven   Gemakkelijk     Eenvoudige   design, gebruiksvriendelijk,      less is more     Gemakkelijk te gebr...
Technologie   AJAX = Asynchronoon Javascript and XML       Scripts draaien op de server i.p.v.in de browser, meer       ...
Technology behind it   Mashup = Mashing existing components    together   Samenvoegen van toepassingen    Housingmaps.co...
Technologie   Widget = Kleine programma’s = voeren    eenvoudige en veelvoorkomende taken uit + geven snel    toegang tot...
Voorbeelden   De website The ProgrammableWeb heeft een database met    honderden nieuwe mashup- en api-toepassingen.   O...
The machine is using us   http://youtu.be/NLlGopyXT_g
Web 3.0 or the semantic web
Web 3.0   of ‘het semantische web’Elke taal heeft zijn eigen Syntax          en Semantiek
Semantische webSyntax is de studie van de       grammatica
Semantische web      Semantiek  is de studie van debetekenis van woorden
Semantische web    VoorbeeldI    technology!
Semantic web   VoorbeeldI love technology!
Normale WebWeb pagina’s worden  geschreven in      HTML    = Structuur     = Syntax
Normale Webhttp://www.slideshare.net/HatemMahmoud/web-30-the-semantic-web?from=ss_embed
Semantische webNieuwe (programmeer) talen      RDFA, OWL…  (people, places, events, meeting,  companies, products, movies,...
Semantische webhttp://www.slideshare.net/HatemMahmoud/web-30-the-semantic-web?from=ss_embed
Semantische webhttp://www.slideshare.net/HatemMahmoud/web-30-the-semantic-web?from=ss_embed
http://www.slideshare.net/mstrickland/the-evolution-of-web-30?from=ss_embed
Web 3.0 Data wordt nu gecontroleerd door de  toepassingen XML… standaarden beschrijven alles  onafhankelijk             ...
Web 3.0   Semantische web:       Standaard formaten voor uitwisseling van data (RDF ,        Microformats, APML, XBRL…. ...
Web 3.0   Web van data       Allerlei data die we elke dag gebruiken, nu nog geen        deel van het web (bank uittreks...
Semantic Search   Hakia    http://www.hakia.com
Semantic Search
Semantic e-commerce     Best Buy      http://www.bestbuy.com     Jay Myers: ‘increase the visibility of its      product...
Semantic personalisation   Hunch    http://hunch.com   Recommendation engine that shows you    movies you want to see, b...
Web X.0 Connecteert intelligentie Intelligente agenten Apps Plaats (Foursquare, Gowalla,  Facebook places…)
http://www.slideshare.net/timbuckteeth/web-30-the-way-forward
http://www.slideshare.net/timbuckteeth/web-30-the-way-forward
Thank you for your attention
Web X.0 (evolution from the static web to the intelligent web) in nederlands
Web X.0 (evolution from the static web to the intelligent web) in nederlands
Web X.0 (evolution from the static web to the intelligent web) in nederlands
Web X.0 (evolution from the static web to the intelligent web) in nederlands
Web X.0 (evolution from the static web to the intelligent web) in nederlands
Web X.0 (evolution from the static web to the intelligent web) in nederlands
Web X.0 (evolution from the static web to the intelligent web) in nederlands
Web X.0 (evolution from the static web to the intelligent web) in nederlands
Web X.0 (evolution from the static web to the intelligent web) in nederlands
Web X.0 (evolution from the static web to the intelligent web) in nederlands
Web X.0 (evolution from the static web to the intelligent web) in nederlands
Web X.0 (evolution from the static web to the intelligent web) in nederlands
Web X.0 (evolution from the static web to the intelligent web) in nederlands
Web X.0 (evolution from the static web to the intelligent web) in nederlands
Web X.0 (evolution from the static web to the intelligent web) in nederlands
Web X.0 (evolution from the static web to the intelligent web) in nederlands
Web X.0 (evolution from the static web to the intelligent web) in nederlands
Web X.0 (evolution from the static web to the intelligent web) in nederlands
Web X.0 (evolution from the static web to the intelligent web) in nederlands
Web X.0 (evolution from the static web to the intelligent web) in nederlands
Upcoming SlideShare
Loading in …5
×

Web X.0 (evolution from the static web to the intelligent web) in nederlands

443 views

Published on

Van statische website (web 1.0) over het sociale web (web 2.0), langs het semantische wen (web 3.0) naar het intelligente web (web X.0). Dit komt aan bod met voorbeelden.

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

  • Be the first to like this

No Downloads
Views
Total views
443
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Web X.0 (evolution from the static web to the intelligent web) in nederlands

  1. 1. Shift happens: thuis bekijken Shift Happens 2.0 (2008)http://www.youtube.com/watch?v=k-8DRPCJ86U&feature=related Shift Happens 3.0http://www.youtube.com/watch?v=jpEnFwiqdx8&feature=related Shift Happens met stem (engels)http://www.youtube.com/watch?v=FqfunyCeU5g&feature=related
  2. 2. Web 1 - 2 – 3 - X.0 Verandering van statische websites naar de Metaweb of ‘intelligente web’
  3. 3. http://www.slideshare.net/timbuckteeth/web-30-the-way-forward
  4. 4. http://www.slideshare.net/timbuckteeth/web-30-the-way-forward
  5. 5. Web 2.0
  6. 6. Web 2.0 De term web 2.0 werd voor het eerst gebruikt door de Amerikaanse Mediaorganisatie O’Reilly Media Verwijst naar wat sommigen zien als ‘de tweede fase’ in de ontwikkeling van het World Wide Web We gaan eens luisteren hoe Tim O’Reilly web 2.0 definieert
  7. 7. Web 2.0 volgens Tim OReilly• Het netwerk is the platform geworden The network hét platform • Losstaande lokaal geïnstalleerde software overbodig • Nieuwe toepassingen draaien op de servers op internet • Voorbeeld: Wiki, Blog, Social bookmarking, Video-foto sites, …• Users add value Gebruikers voegen waarde (inhoud) toe• Toepassingenthe morebeter use them meer mensen ze gebruiken It gets better worden users hoe Wikipedia Commentaren op Amazon.com, Ebay, YouTube
  8. 8. User generated content Gebruikers voegen zelf inhoud toe (Blogs, Facebook, Twitter…) Collectieve intelligentie: verzamelde kennis door iedereen (YouTube, Wikipedia,…) Co-creation or Co-contribution Example:Coca-Cola & eYeka: Interpreting ‘EnergizingRefreshment’ through online co-creationhttp://youtu.be/HyLh9jwVCGs
  9. 9. Global thinking and working Wikinomics = Nieuwe economische regels  Nieuwe software die dat mogelijk maken = wiki  Samenwerken is gemakkelijker, sneller, beter, kost- besparend (Researchers, Human genome…)  Cloud computing: Documenten worden bewaard in ‘de wolk’ = op servers op internet
  10. 10. Delen Delen belangrijker dan controleren RSS of Really Simple Syndication: systeem om inhoudte delen (www.protopage.com) Social bookmarking: gebruikers verzamelen de adressen (URL’s) van hun favoriete sites, delen de lijst met iedereen (delicious.com)
  11. 11. Delen Free software  ‘Open Source’ in plaats van copyrights of patenten (Apache voor webservers, Linux als Operating System, MySQL als databases, Firefox als browsers, OpenOffice…..)  Samenwerken/ delen, niet enkel inhoud maar ook in processor-kracht, band-breedte peer to peer networking (Skype)
  12. 12. TaggingKernwoorden of ‘tags’ toekennen aanbepaalde objecten/dataDe gebruikers zorgen voor detoegevoegde waarde (favorieten, foto’s,video’s,…) en het catalogiserenFolksonomy: vorm van ordening, op basisvan consensus door het ‘volk’Nieuwe zoekstrategiën d.m.v. tagging
  13. 13. TaggingDeliciousFlickr etc…YouTubeTwitter(#hashtag)
  14. 14. Tag of hashtag goed kiezen Keuze van de (hash)tag of keyword is ook een vorm van communicatie Nadenken welke tag Communiceren welke tag Wordt overal gebruikt, ook voor Ads http://www.googlekeywordtool.com/
  15. 15. The social aspect
  16. 16. Sociaal Netwerk Contacten  Interactie en contact tussen mensen  Virtuele relaties en gemeenschappen  Facebook, LinkedIn, Netlog, Hyves, Myspace, Friendster, SecondLife, …
  17. 17. Social Media Verschillende soorten ‘media’ kunnen gepubliseerd worden  Tekst, foto, video, links…  Free publishing software (Blog, Twitter, Facebook, YouTube…)  Delen met de wereld
  18. 18. Social Media is niet…… een paar extra kanalen… je ‘berichten’ op Facebook plaatsen… een Facebook-pagina voor elke dienst… controle proberen te bewaren… gratis… iets wat je er bij doet
  19. 19. Social Media gaat over…… menselijkheid… transparantie… geloofwaardigheid… relevantie… luisteren & in dialoog gaan
  20. 20. ROI Kost van Social Media (bedrijven) Social Media Manager ROI (Return On Investment)
  21. 21. http://www.slideshare.net/HubSpot/inbound-marketing-leads-for-60-less-nedma
  22. 22. http://www.slideshare.net/HubSpot/inbound-marketing-leads-for-60-less-nedma
  23. 23. In jou bedrijf/ organisatie Hoe kan je Web 2.0 (Social Networks/ Social Media) gebruiken Monitoring (luisteren) Je gaat een bedrijf, merk, naam volgen en kijken wat er over gepubliceerd wordt Monitoring van: Blogs, Twitter, Facebook, LinkedIn, YouTube, web…
  24. 24. Monitoring Social media monitoring tools online  http://www.protopage.com/social-media-monitoring Monitoring e-mail • Google Alerts http://www.google.com/alerts • SocialMention Alerts http://www.socialmention.com/alerts • Nutshellmail www.nutshellmail.com
  25. 25. Social Media gebruiken Monitoring (luisteren) Presenting (aanwezig zijn)  Website (with blog)  LinkedIn  Facebook (page)  Wikipedia …
  26. 26. Social Media gebruiken Monitoring (luisteren) Presenting (aanwezig zijn) Conversation (praten)  Twitter  Blog  Youtube  LinkedIn  Flickr, Instagram …
  27. 27. Social Media gebruiken Monitoring (luisteren) Presenting (aanwezig zijn) Conversation (praten) Stimuleren en engageren (mensen elkaar laten helpen, input laten geven) Conversion (je doel bereiken)
  28. 28. Conversion Jou doel bepalen, de klant brengen waar jij wil http://www.slideshare.net/karagos/social-media-is-dead-long-live-social-media-roi
  29. 29. Verandering in communicatie
  30. 30. Verandering in communiceren Urban journalism Nieuwe communicatie kanalen Voorbeelden: Egypte, Syrië… vinden wegen om beelden en video te verspreiden via Facebook, Twitter… Pukkelpop: als gsm-netwerken plat gaan, communicatie mogelijk via smartphones Snel (Twitter) initiatieven om mensen te helpen, lijsten te maken
  31. 31. The technology
  32. 32. http://www.youtube.com/watch?v=pQHX-SjgQvQ
  33. 33. Technology driven Gemakkelijk  Eenvoudige design, gebruiksvriendelijk, less is more  Gemakkelijk te gebruiken (aan-te-leren) software-toepassingen  Gratis
  34. 34. Technologie AJAX = Asynchronoon Javascript and XML  Scripts draaien op de server i.p.v.in de browser, meer programmerings- mogelijkheden, XML koppelt inhoud los van vormgeving  Fisheye menu Ajax in webdesign API = Application Programming Interfaces  Combineren funtionaliteiten van verschillende toepassingen Dynamic graph with Google API Moving bubbles Draggable Driving Directions - overzicht
  35. 35. Technology behind it Mashup = Mashing existing components together Samenvoegen van toepassingen Housingmaps.com is een combinatie van koopjes op Craigslist.com en Google Maps
  36. 36. Technologie Widget = Kleine programma’s = voeren eenvoudige en veelvoorkomende taken uit + geven snel toegang tot veelgevraagde informatie.  Die je kan koppelen aan je blog, … Pepetual Beta = software blijft constant in ontwikkeling
  37. 37. Voorbeelden De website The ProgrammableWeb heeft een database met honderden nieuwe mashup- en api-toepassingen. Overzicht van web 2.0 tools: http://www.go2web20.net/ supermarkt web2.0 http://www.youtube.com/watch?v=dcoeht-Erxo
  38. 38. The machine is using us http://youtu.be/NLlGopyXT_g
  39. 39. Web 3.0 or the semantic web
  40. 40. Web 3.0 of ‘het semantische web’Elke taal heeft zijn eigen Syntax en Semantiek
  41. 41. Semantische webSyntax is de studie van de grammatica
  42. 42. Semantische web Semantiek is de studie van debetekenis van woorden
  43. 43. Semantische web VoorbeeldI technology!
  44. 44. Semantic web VoorbeeldI love technology!
  45. 45. Normale WebWeb pagina’s worden geschreven in HTML = Structuur = Syntax
  46. 46. Normale Webhttp://www.slideshare.net/HatemMahmoud/web-30-the-semantic-web?from=ss_embed
  47. 47. Semantische webNieuwe (programmeer) talen RDFA, OWL… (people, places, events, meeting, companies, products, movies,…) = Semantiek = Betekenis
  48. 48. Semantische webhttp://www.slideshare.net/HatemMahmoud/web-30-the-semantic-web?from=ss_embed
  49. 49. Semantische webhttp://www.slideshare.net/HatemMahmoud/web-30-the-semantic-web?from=ss_embed
  50. 50. http://www.slideshare.net/mstrickland/the-evolution-of-web-30?from=ss_embed
  51. 51. Web 3.0 Data wordt nu gecontroleerd door de toepassingen XML… standaarden beschrijven alles onafhankelijk De betekenis van Web 3.0 http://www.slideshare.net/freekbijl/de-betekenis-van-web-30 Twine http://www.youtube.com/watch?v=jWF3m14i7Vk XBRL in Plain English http://www.youtube.com/watch?v=5F1E-2LkhW8
  52. 52. Web 3.0 Semantische web:  Standaard formaten voor uitwisseling van data (RDF , Microformats, APML, XBRL…. )  Taal die vastlegt hoe de data zich relateerd tot ‘real world objects’  Start in één database, en gaat dan via een oneindige set van databases die verbonden zijn. Niet door kabels maar omdat ze over hetzelfde gaan.
  53. 53. Web 3.0 Web van data  Allerlei data die we elke dag gebruiken, nu nog geen deel van het web (bank uittreksels, afspraken in een agenda, foto’s op een digitale camera,…)  Toekomst - alles online, in ‘the cloud’: - fotos gecombineerd met agenda? - bank uittreksels gecombineerd met een kalender? Intro to the Semantic Web http://www.youtube.com/watch?v=OGg8A2zfWKg&eurl=http://gmiller .wikispaces.com/Semantic+Web
  54. 54. Semantic Search Hakia http://www.hakia.com
  55. 55. Semantic Search
  56. 56. Semantic e-commerce  Best Buy http://www.bestbuy.com  Jay Myers: ‘increase the visibility of its products and services’  ‘search engines are now able to identify each of those data components more easily and put them into context’  Better SEOhttp://www.readwriteweb.com/archives/how_best_buy_is_using_the_semantic_web.php
  57. 57. Semantic personalisation  Hunch http://hunch.com  Recommendation engine that shows you movies you want to see, books you want to read, vacation destinations you want to go to…http://www.readwriteweb.com/archives/hunch_internet_personalization_service.php
  58. 58. Web X.0 Connecteert intelligentie Intelligente agenten Apps Plaats (Foursquare, Gowalla, Facebook places…)
  59. 59. http://www.slideshare.net/timbuckteeth/web-30-the-way-forward
  60. 60. http://www.slideshare.net/timbuckteeth/web-30-the-way-forward
  61. 61. Thank you for your attention

×