Web X.0. Verandering van statische websites naar de Metaweb of intelligente web

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 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 

Web 2.0 volgens Tim O'Reilly

http://www.youtube.com/watch?v=CQibri7gpLM&NR=1

Web 2.0 volgens Tim O'Reilly • The network is the platform Het netwerk is hét platform geworden • 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 • It gets better the more users use them Toepassingen worden beter hoe meer mensen ze gebruiken Wikipedia Commentaren op Amazon.com, Ebay, YouTube

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: Lego Factory

http://www.slideshare.net/marketingfacts/cocreation

Co-creation or Co-contribution

http://www.slideshare.net/marketingfacts/cocreation

Global thinking and working 

Wikinomics = Nieuwe economische regels 

Nieuwe software die dat mogelijk maken = wiki



Samenwerken is gemakkelijker, sneller, beter, kostbesparend (Researchers, Human genome…)



Cloud computing: Documenten worden bewaard in ‘de wolk’ = op servers op internet

Delen 

Delen belangrijker dan controleren

 RSS of Really Simple Syndication: systeem om inhoud te delen (www.protopage.com)  Social bookmarking: gebruikers verzamelen de adressen (URL’s) van hun favoriete sites, delen de lijst met iedereen (delicious.com)

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)

Tagging Kernwoorden of ‘tags’ toekennen aan bepaalde objecten/data De gebruikers zorgen voor de toegevoegde waarde (favorieten, foto’s, video’s,…) en het catalogiseren Folksonomy: vorm van ordening, op basis van consensus door het ‘volk’ Nieuwe zoekstrategiën d.m.v. tagging

Tagging Delicious Flickr etc… YouTube Twitter (#hashtag)

Tags: voorbeeld 

Youtube (spanishrevolution)



Twitter (#spanishrevolution)



Delicious (spanishrevolution - foto)



Flickr (spanishrevolution)

The social aspect

Sociaal Netwerk 

Contacten  Interactie  Virtuele 

en contact tussen mensen

relaties en gemeenschappen

Facebook, LinkedIn, Netlog, Hyves, Myspace, Friendster, SecondLife, …

Social Media 

Verschillende soorten ‘media’ kunnen gepubliseerd worden 

Tekst, foto, video, links…



Free publishing software (Blog, Twitter, Facebook, YouTube…)



Delen met de wereld

Web 1.0 – 2.0 - 3.0

Through Web 2.0 http://www.youtube.com/watch?v=ayZQ1C7Olks&feature=player_embedded

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) professioneel gebruiken

Monitoring  Presenting  Conversation  Conversion 

Monitoring 

Je gaat een bedrijf, merk, naam volgen en kijken wat er over gepubliceerd wordt



Monitoring van: Blogs, Twitter, Facebook, LinkedIn, YouTube, web…

Monitoring 

Monitoring tools Protopage om de resultaten samen te brengen (Attentia)  Search Google (RSS) 

http://blogsearch.google.com 

Search Twitter (RSS)



http://search.twitter.com/ Search.com http://www.search.com/

Monitoring 

Monitoring 

e-mail

Google Alerts http://www.google.com/alerts



SocialMention Alerts



http://www.socialmention.com/alerts Nutshellmail www.nutshellmail.com

Presenting 

Presenteer je organisatie in: Website (with blog)  LinkedIn  Facebook (page)  Wikipedia 

Conversation 

Praten met klanten Twitter  Blog  Youtube  LinkedIn 

Conversion 

Jou doel bepalen, de klant brengen waar jij wil

http://www.slideshare.net/karagos/social-media-is-dead-long-live-social-media-roi

Social Media 

Positief:    



Snelheid Met goede filters: niewe informatie bronnen Komt in contact met opiniemakers Kan in contact komen met (potentiele) klanten

Negatief:   

Information- and non-information overload Tijdrovend Duur door te weinig effectief voor de meeste bedrijven

Verandering in communicatie

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 

The technology

http://www.youtube.com/watch?v=pQHX-SjgQvQ

Technology driven 

Gemakkelijk  Eenvoudige

design, gebruiksvriendelijk,

less is more  Gemakkelijk te gebruiken (aan-te-leren) software-toepassingen  Gratis

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 Lightview menu Ajex in webdesign

API = Application Programming Interfaces 

Combineren funtionaliteiten van verschillende toepassingen Dynamic graph with Google API Draggable Driving Directions - overzicht

Technology behind it 

Mashup = Mashing existing components together



Samenvoegen van toepassingen Housingmaps.com is een combinatie van koopjes op Craigslist.com en Google Maps

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

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/ http://simplespark.com/

supermarkt web2.0 http://www.youtube.com/watch?v=dcoeht-Erxo

The machine is using us

Web 3.0 or the semantic web

Web 3.0 of ‘het semantische web’ Elke taal heeft zijn eigen Syntax en Semantics

Semantische web

Syntax is de studie van de grammatica

Semantische web

Semantiek is de studie van de betekenis van woorden

Semantische web Voorbeeld I

technology!

Semantic web Voorbeeld I love technology!

Normale Web Web pagina’s worden geschreven in HTML = Structuur = Syntax

Normale Web

http://www.slideshare.net/HatemMahmoud/web-30-the-semantic-web?from=ss_embed

Semantische web Nieuwe (programmeer) talen RDFA, OWL… (people, places, events, meeting, companies, products, movies,…)

= Semantiek = Betekenis

Semantische web

http://www.slideshare.net/HatemMahmoud/web-30-the-semantic-web?from=ss_embed

Semantische web

http://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 

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

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.

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

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 products and services’  ‘search engines are now able to identify each of those data components more easily and put them into context’  Better SEO 

http://www.readwriteweb.com/archives/how_best_buy_is_using_the_semantic_web.php

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

Web X.0 Connecteert intelligentie  Intelligente agenten  Apps  Plaats (Foursquare, Gowalla, Groupon, Facebook places…) 

http://www.slideshare.net/timbuckteeth/web-30-the-way-forward

http://www.slideshare.net/timbuckteeth/web-30-the-way-forward