web 1 - 2 – 3 - x.0 change from static websites to the metaweb or ‘intelligent web’ change...

70

Upload: arthur-hoover

Post on 23-Dec-2015

227 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’
Page 2: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

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

Page 3: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

http

://w

ww

.gar

tner

.com

/tec

hnol

ogy/

rese

arch

/hyp

e-cy

cles

/

Page 4: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

Web 1.0

Page 5: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

HTML

Basic language of all internet pagesHyperText Markup LanguageHTML-code or HTML-tags

<h1>Here comes a header</h1>Open and close the tags

Page 6: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

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…

Page 7: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

Simple HTML page

<html>

<head>

<title> </title>

</head>

<body>This part is visible on the screen

</body>

</html>

Page 8: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

Web 2.0

Page 9: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’
Page 10: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

User generated content

Users create their own content (Blogs, Facebook, Twitter…)

Collective intelligence: aggregate knowledge of many individuals (YouTube, Wikipedia,…)

Page 11: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

• 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

Page 12: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’
Page 13: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

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

Page 14: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

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)

Page 15: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

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

Page 16: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

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

Page 17: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

Tagging

Delicious

Flickr etc…

YouTube

Twitter (#hashtag)

Page 18: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

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/

Page 19: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

The machine is using us

http://youtu.be/NLlGopyXT_g

Page 20: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

The social aspect

Page 21: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

Social media / network

The Social Media Revolution 2012-13 http://youtu.be/0eUeL3n7fDs

Page 22: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

Social Network

Contacts

Interaction and contact between people

Virtual relations and communities

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

Page 23: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’
Page 24: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

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

Page 25: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’
Page 26: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

Costs

Cost of Social Media (business)

Social Media Manager

ROI (Return On Investment)

Page 27: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

http://www.slideshare.net/HubSpot/inbound-marketing-leads-for-60-less-nedma

Page 28: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

http://www.slideshare.net/HubSpot/inbound-marketing-leads-for-60-less-nedma

Page 29: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’
Page 30: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

In your business/ organisation

How can you use Web 2.0 (Social Networks/ Social Media)

Monitoring Presenting ConversationConversion

Page 31: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

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…

Page 32: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent 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

Page 33: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

Presenting & storytelling

Presenting your organisation in:

Website (with blog) LinkedIn Facebook (page)WikipediaYouTubePinterest…

Page 34: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’
Page 35: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

ConversationStart talking with customer

TwitterBlog LinkedInInstagram…

Page 36: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

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

Conversion Leading the customer to the goal you want

Page 37: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

Web 3.0 or the semantic web

Page 38: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

Web 3.0 or ‘the semantic web’

Every language has its own Syntax and Semantics

Page 39: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

Semantic web

Syntax is the study of grammar

Page 40: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

Semantic web

Semanticsis the study of meaning

Page 41: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

Semantic web

Example

I love technology!

Page 42: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

Semantic web

Example

I technology!

Page 43: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

Normal Web

Web pages are written in HTML

= Structure = Syntax

Page 44: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

Normal Web

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

Page 45: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

Semantic web

New (programming) languagesRDFA, OWL…

(people, places, events, meeting, companies, products, movies,…)

= Semantics = Meaning

Page 46: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

Semantic web

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

Page 47: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

http://www.slideshare.net/mstrickland/the-evolution-of-web-30?from=ss_embed

Page 48: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

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

Page 49: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’
Page 50: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

Semantic Search

Hakiahttp://www.hakia.com

Page 51: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

Semantic Search

Page 52: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

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

Page 53: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’
Page 54: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’
Page 55: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’
Page 56: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

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

Page 57: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’
Page 58: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’
Page 59: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’
Page 61: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

Intelligence

Artificial intelligencePersonalisationData MiningAppsPlace (Swarm…)

Page 62: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’
Page 63: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’
Page 66: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’
Page 67: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’
Page 68: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’
Page 69: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’
Page 70: Web 1 - 2 – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

Thank you for your attention