Web 1 - 2 – 3 - X.0
Change from static websites to the Metaweb or ‘intelligent web’
Web 1.0 static websites
Web 2.0 user creates content
Web 3.0semantic web
Web X.0metaweb
http
://w
ww
.gar
tner
.com
/tec
hnol
ogy/
rese
arch
/hyp
e-cy
cles
/
Web 1.0
HTML
Basic language of all internet pagesHyperText Markup LanguageHTML-code or HTML-tags
<h1>Here comes a header</h1>Open and close the tags
HTML
<head> Contains information like title, scripts, css, meta-tags…
<title> Visible on top of browser and in Google search results
<body>This part is visible on the screen
CSS: Cascading Style Sheet, contain design, colours…
Simple HTML page
<html>
<head>
<title> </title>
</head>
<body>This part is visible on the screen
</body>
</html>
Web 2.0
User generated content
Users create their own content (Blogs, Facebook, Twitter…)
Collective intelligence: aggregate knowledge of many individuals (YouTube, Wikipedia,…)
• Examples: Wiki, Blog, Social bookmarking, Video-photo sites, …
• The new software runs on servers on the Internet
• Local installed software is no longer necessary
• Users add value Wikipedia
Web 2.0
• The network is the platform
• It gets better the more users use them
Comments on Amazon.com, Ebay, YouTube
User generated content
Co-creation or Co-contribution Example: Coca-Cola & eYeka: Interpreting ‘Energizing
Refreshment’ through online co-creationhttp://youtu.be/HyLh9jwVCGs
Wikinomics = New economic rules Working together more easy, faster, better, more cost
effective (Researchers, Human genome…)
Sharing
Sharing more important than controlling
RSS or Really Simple Syndication: system to share content (www.protopage.com)
Social bookmarking: users collect their favorite sites in personal portals, opening the list to everyone (delicious.com)
Free software ‘Open Source’ instead of using copyrights
or patents (Apache for webservers, Linux for Operating System, MySQL for databases, Firefox for browsers, OpenOffice…..)
Free hardware processor-power, band-width: peer to peer networking
(Skype) Cloud
Sharing
Give keywords or ‘tags’ to objects/data
Users add content (text, photo, video)… but also the way to classify it all
Folksonomy: method of collaboratively creating and managing tags (taxonomie) done by the ‘people (folk)’
New searching stategies by ‘tagging principle’
Tagging
Tagging
Delicious
Flickr etc…
YouTube
Twitter (#hashtag)
Tag of hashtag - importance
Form of communicationThink about your audience – which tag do
they use?Communicate which tag is usedUsed for Ads Use a keywordtool
http://www.googlekeywordtool.com/
The machine is using us
http://youtu.be/NLlGopyXT_g
The social aspect
Social media / network
The Social Media Revolution 2012-13 http://youtu.be/0eUeL3n7fDs
Social Network
Contacts
Interaction and contact between people
Virtual relations and communities
Facebook, LinkedIn, Netlog, Hyves, Myspace, Friendster, SecondLife, …
Social Media
Different kind of media can be published
Text, photo, video, links…
Free publishing software (Blog, Twitter, Facebook, YouTube…)
Share it with the world
Costs
Cost of Social Media (business)
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 your business/ organisation
How can you use Web 2.0 (Social Networks/ Social Media)
Monitoring Presenting ConversationConversion
Monitoring
Monitoring: Users listen to what is said on Social MediaAbout a topic, brand, organisation, company, person,
…On Blogs, Twitter, Facebook, LinkedIn, YouTube,
Wikipedia, web…
Monitoring
Monitoring Tools:Online software (free – expensive)Hootsuite
https://hootsuite.com/Other free monitoring tools (aggregated in Protopage
to bring results togetherwww.protopage.com/social-media-monitoring
E-mail alertshttp://www.google.com/alerts
Presenting & storytelling
Presenting your organisation in:
Website (with blog) LinkedIn Facebook (page)WikipediaYouTubePinterest…
ConversationStart talking with customer
TwitterBlog LinkedInInstagram…
http://www.slideshare.net/karagos/social-media-is-dead-long-live-social-media-roi
Conversion Leading the customer to the goal you want
Web 3.0 or the semantic web
Web 3.0 or ‘the semantic web’
Every language has its own Syntax and Semantics
Semantic web
Syntax is the study of grammar
Semantic web
Semanticsis the study of meaning
Semantic web
Example
I love technology!
Semantic web
Example
I technology!
Normal Web
Web pages are written in HTML
= Structure = Syntax
Normal Web
http://www.slideshare.net/HatemMahmoud/web-30-the-semantic-web?from=ss_embed
Semantic web
New (programming) languagesRDFA, OWL…
(people, places, events, meeting, companies, products, movies,…)
= Semantics = Meaning
Semantic 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 or ‘the semantic web’
Web 3.0 is about creating a Semantic Web
Data is now controlled by applications, and each application keeps it to itself
The Semantic Web is a web of standardised data
Intro to the semantic webhttp://www.youtube.com/watch?v=OGg8A2zfWKg
Semantic Search
Semantic e-commerceBest Buy
http://www.bestbuy.comJay 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 personalisationHunch, Siri…
http://hunch.comRecommendation 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
http://www.slideshare.net/timbuckteeth/web-30-the-way-forward
Intelligence
Artificial intelligencePersonalisationData MiningAppsPlace (Swarm…)
http://www.slideshare.net/timbuckteeth/web-30-the-way-forward
Privacy?
Telephone data of Malte Spitz during 6 months http://
www.zeit.de/datenschutz/malte-spitz-vorratsdaten
Thank you for your attention