SlideShare a Scribd company logo
1 of 56
Download to read offline
Web 3.0
Justin Lee
web 1.0 web 2.0 web 3.0
1993 2003 2010 2020
?
Web 1.0
Read-only content and static HTML websites.
Web 2.0
User-generated content and social network
Web 3.0
Semantic Web, machine can read the data and help us
Semantic?
What is syntax?
How you say something.
What is semantic?
The meaning behind what you say.
Web page is written in HTML
HTML describes the syntax
not the semantics.
I love you.
for example,
I love you.
Does the meaning changed?
No, but machine don’t know.
what machine see what human see
http://www.w3.org/TR/xhtml-rdfa-primer/
The goals of semantic web
Spend less time searching
Spend less time looking at things that do not matter
Spend less time explaining what we want to computers
The problems of current web
When you try to organize a trip
on the web...
You have to consult a large numbers of sites.
You had to mentally integrate all those information to
achieve your goals.
Ivan Herman, 2009
friend list on social network...
You had to type in and connect with
friends again and again for each site.
Why?
Because current web is
web of documents.
Documents is unstructured.
unstructured data structured data
word document excel spreadsheet
current web vs. semantic web
unstructured data structured data
web of document web of data
Semantic web
enables people to share content beyond
the boundaries of applications and
websites.
How semantic web works?
Add metadata to webpages.
place
event
person
person
relationship
http://www.lastexittonowhere.com/media/images/uploads/productimage-picture-skynet-43.jpg
semantic web is not A.I.
How to add metadata to webpages?
RDFa
People and Organizations
hCard, XFN
Calendars and Events
hCalendar
Opinions, Ratings and Reviews
VoteLinks, hReview
Licenses:
rel-license
Tags, Keywords, Categories
rel-tag
Lists and Outlines
XOXO
More…
specifications
{
With semantic web, we can...
increase search efficiency
http://aarronwalter.com/presentations/sxsw08/
bring information from one place to another
Demo
Semantic search engine
WolframAlpha http://www.wolframalpha.com/
retrevo: electronics http://www.retrevo.com
spock: people http://www.spock.com/
http://www.google.com/squared
Semantic web browser
http://people.mozilla.com/~faaborg/files/20061213-fundamentalTypes/informationBroker.jpg_large.jpg
Firefox with Operator Add-on
IE 8 with Opmph Add-on
http://visitmix.com/lab/oomph
IE 8’s web slice
http://www.microsoft.com/windows/internet-explorer/features/easier.aspx
Semantic web=World wide database
http://www.readwriteweb.com/archives/understanding_the_new_web_era_web_30_linked_data_s.php
From current web to semantic web
Thank you!
Backup Slides
Who’s using Microformats?
Google Maps
Yahoo Local
Upcoming
Facebook
Linkedin
eBay
Amazon
http://www.experientia.com/blog/uploads/2007/07/web_3_2.gif
Web 1.0 vs. Web 2.0 and Web 3.0
http://208.65.30.132:2060/products/cypher/img/ad-framework.gif
Natural Language Processing
for the Semantic Web
example of microformat’s hCard
<li id="33458931" class="vcard"><div class="main-data"><a href="http://local.yahoo.com/
info-33458931-ra-sushi-bar-restaurant-houston" class="biz-name fn org">RA Sushi Bar
Restaurant</a>
<em class="tel">(713) 621-0800</em>
<em class="adr">
<span class="street-address">3908 Westheimer Rd</span>
<span class="locality">Houston</span>,
<span class="region">TX</span></em>
<a href="http://www.rasushi.com/" class="url" target="_blank">www.rasushi.com</a>
</div>
</li>

More Related Content

What's hot

Introduction to Basic Concepts in Web
Introduction to Basic Concepts in WebIntroduction to Basic Concepts in Web
Introduction to Basic Concepts in Web
Jussi Pohjolainen
 
Web 3.0 (Presentation)
Web 3.0 (Presentation)Web 3.0 (Presentation)
Web 3.0 (Presentation)
Allan Cho
 
Web Application Development using PHP and MySQL
Web Application Development using PHP and MySQLWeb Application Development using PHP and MySQL
Web Application Development using PHP and MySQL
Ganesh Kamath
 
Working Of Search Engine
Working Of Search EngineWorking Of Search Engine
Working Of Search Engine
NIKHIL NAIR
 

What's hot (20)

Semantic web technology
Semantic web technologySemantic web technology
Semantic web technology
 
Front-end development introduction (HTML, CSS). Part 1
Front-end development introduction (HTML, CSS). Part 1Front-end development introduction (HTML, CSS). Part 1
Front-end development introduction (HTML, CSS). Part 1
 
Introduction to Basic Concepts in Web
Introduction to Basic Concepts in WebIntroduction to Basic Concepts in Web
Introduction to Basic Concepts in Web
 
Web 3.0 (Presentation)
Web 3.0 (Presentation)Web 3.0 (Presentation)
Web 3.0 (Presentation)
 
Semantic web
Semantic web Semantic web
Semantic web
 
Implementing Semantic Search
Implementing Semantic SearchImplementing Semantic Search
Implementing Semantic Search
 
HTML5 & CSS3
HTML5 & CSS3 HTML5 & CSS3
HTML5 & CSS3
 
Semantic web
Semantic webSemantic web
Semantic web
 
How the Web Works
How the Web WorksHow the Web Works
How the Web Works
 
Introduction to HTML and CSS
Introduction to HTML and CSSIntroduction to HTML and CSS
Introduction to HTML and CSS
 
RDF data model
RDF data modelRDF data model
RDF data model
 
Html, CSS & Web Designing
Html, CSS & Web DesigningHtml, CSS & Web Designing
Html, CSS & Web Designing
 
Web Application Development using PHP and MySQL
Web Application Development using PHP and MySQLWeb Application Development using PHP and MySQL
Web Application Development using PHP and MySQL
 
The Semantic Web #6 - RDF Schema
The Semantic Web #6 - RDF SchemaThe Semantic Web #6 - RDF Schema
The Semantic Web #6 - RDF Schema
 
Working Of Search Engine
Working Of Search EngineWorking Of Search Engine
Working Of Search Engine
 
Semantic search
Semantic searchSemantic search
Semantic search
 
Search Engine ppt
Search Engine pptSearch Engine ppt
Search Engine ppt
 
Web mining
Web mining Web mining
Web mining
 
Web engineering lecture 1
Web engineering lecture 1Web engineering lecture 1
Web engineering lecture 1
 
Web 3.0 The Semantic Web
Web 3.0 The Semantic WebWeb 3.0 The Semantic Web
Web 3.0 The Semantic Web
 

Viewers also liked

Semantic web 3.0 - Direction First
Semantic web 3.0 - Direction FirstSemantic web 3.0 - Direction First
Semantic web 3.0 - Direction First
Erica van Lieven
 

Viewers also liked (17)

WEB 3.0 o Semántica
WEB 3.0 o SemánticaWEB 3.0 o Semántica
WEB 3.0 o Semántica
 
وﺏ پلتفرﻡ ﻭ وﺏ دﺭ ساﻝ ۲۰۲۰ به کجا خوﺍهد رسید؟
وﺏ پلتفرﻡ ﻭ وﺏ دﺭ ساﻝ ۲۰۲۰ به کجا خوﺍهد رسید؟وﺏ پلتفرﻡ ﻭ وﺏ دﺭ ساﻝ ۲۰۲۰ به کجا خوﺍهد رسید؟
وﺏ پلتفرﻡ ﻭ وﺏ دﺭ ساﻝ ۲۰۲۰ به کجا خوﺍهد رسید؟
 
Joqd announcement - Farsi
Joqd announcement - FarsiJoqd announcement - Farsi
Joqd announcement - Farsi
 
Web 3.0 - Introduction to the Semantic Web
Web 3.0 - Introduction to the Semantic Web Web 3.0 - Introduction to the Semantic Web
Web 3.0 - Introduction to the Semantic Web
 
an introduction to Web 3.0 - Semantic Web
an introduction to Web 3.0 - Semantic Weban introduction to Web 3.0 - Semantic Web
an introduction to Web 3.0 - Semantic Web
 
مقدمه ای بر داده های پيوندی
مقدمه ای بر داده های پيوندیمقدمه ای بر داده های پيوندی
مقدمه ای بر داده های پيوندی
 
A Channel Theoretic Foundation for Ontology Coordination - 2004
A Channel Theoretic Foundation for Ontology Coordination - 2004A Channel Theoretic Foundation for Ontology Coordination - 2004
A Channel Theoretic Foundation for Ontology Coordination - 2004
 
Semantics and Web 3.0
Semantics and Web 3.0Semantics and Web 3.0
Semantics and Web 3.0
 
Introduction To The Semantic Web
Introduction To The Semantic  WebIntroduction To The Semantic  Web
Introduction To The Semantic Web
 
introduction to Web 2.0
introduction to Web 2.0 introduction to Web 2.0
introduction to Web 2.0
 
Ontology-FereshteMohsenian
Ontology-FereshteMohsenianOntology-FereshteMohsenian
Ontology-FereshteMohsenian
 
Semantic web 3.0 - Direction First
Semantic web 3.0 - Direction FirstSemantic web 3.0 - Direction First
Semantic web 3.0 - Direction First
 
Web 3.0 explained with a stamp (pt II: techniques)
Web 3.0 explained with a stamp (pt II: techniques)Web 3.0 explained with a stamp (pt II: techniques)
Web 3.0 explained with a stamp (pt II: techniques)
 
Detail History of web 1.0 to 3.0
Detail History of web 1.0 to 3.0Detail History of web 1.0 to 3.0
Detail History of web 1.0 to 3.0
 
Web 3.0 explained with a stamp (pt I: the basics)
Web 3.0 explained with a stamp (pt I: the basics)Web 3.0 explained with a stamp (pt I: the basics)
Web 3.0 explained with a stamp (pt I: the basics)
 
Web 1.0, Web 2.0 & Web 3.0
Web 1.0, Web 2.0 & Web 3.0Web 1.0, Web 2.0 & Web 3.0
Web 1.0, Web 2.0 & Web 3.0
 
The Next Big Thing is Web 3.0. Catch It If You Can
The Next Big Thing is Web 3.0. Catch It If You Can The Next Big Thing is Web 3.0. Catch It If You Can
The Next Big Thing is Web 3.0. Catch It If You Can
 

More from Justin Lee

20130614 Titanium簡介@政大資科
20130614 Titanium簡介@政大資科20130614 Titanium簡介@政大資科
20130614 Titanium簡介@政大資科
Justin Lee
 
App使用者經驗設計
App使用者經驗設計App使用者經驗設計
App使用者經驗設計
Justin Lee
 
20120524 App開發流程與小工具分享@UI Cafe
20120524 App開發流程與小工具分享@UI Cafe20120524 App開發流程與小工具分享@UI Cafe
20120524 App開發流程與小工具分享@UI Cafe
Justin Lee
 
Android 4.0 UI Design Tips
Android 4.0 UI Design TipsAndroid 4.0 UI Design Tips
Android 4.0 UI Design Tips
Justin Lee
 
UI於現階段與未來的應用趨勢
UI於現階段與未來的應用趨勢UI於現階段與未來的應用趨勢
UI於現階段與未來的應用趨勢
Justin Lee
 
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
Justin Lee
 
20110525[Taipei GTUG] titanium mobile簡介
20110525[Taipei GTUG] titanium mobile簡介20110525[Taipei GTUG] titanium mobile簡介
20110525[Taipei GTUG] titanium mobile簡介
Justin Lee
 

More from Justin Lee (20)

2023/04/19 學習中的AI 如何幫助孩子有效學習
2023/04/19 學習中的AI 如何幫助孩子有效學習2023/04/19 學習中的AI 如何幫助孩子有效學習
2023/04/19 學習中的AI 如何幫助孩子有效學習
 
2014/01/12 旅人的府城漫步
2014/01/12 旅人的府城漫步2014/01/12 旅人的府城漫步
2014/01/12 旅人的府城漫步
 
20130614 Titanium簡介@政大資科
20130614 Titanium簡介@政大資科20130614 Titanium簡介@政大資科
20130614 Titanium簡介@政大資科
 
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I 加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I 加拿大人機介面技術發展與經驗分享
 
2013/05/19 Sketching with code@JSDC2013
2013/05/19 Sketching with code@JSDC20132013/05/19 Sketching with code@JSDC2013
2013/05/19 Sketching with code@JSDC2013
 
[ICOS2013] Appcelerator Titanium簡介
[ICOS2013] Appcelerator Titanium簡介[ICOS2013] Appcelerator Titanium簡介
[ICOS2013] Appcelerator Titanium簡介
 
20130112用原型驅動設計@webconf
20130112用原型驅動設計@webconf20130112用原型驅動設計@webconf
20130112用原型驅動設計@webconf
 
App使用者經驗設計
App使用者經驗設計App使用者經驗設計
App使用者經驗設計
 
20120524 App開發流程與小工具分享@UI Cafe
20120524 App開發流程與小工具分享@UI Cafe20120524 App開發流程與小工具分享@UI Cafe
20120524 App開發流程與小工具分享@UI Cafe
 
2012/02/15 Android 4.0 UI Design Tips@happy designer meetup
2012/02/15 Android 4.0 UI Design Tips@happy designer meetup2012/02/15 Android 4.0 UI Design Tips@happy designer meetup
2012/02/15 Android 4.0 UI Design Tips@happy designer meetup
 
Android 4.0 UI Design Tips
Android 4.0 UI Design TipsAndroid 4.0 UI Design Tips
Android 4.0 UI Design Tips
 
UI於現階段與未來的應用趨勢
UI於現階段與未來的應用趨勢UI於現階段與未來的應用趨勢
UI於現階段與未來的應用趨勢
 
2011/09/16 Taiwan UX Summit: App設計實戰:在開始寫程式之前
2011/09/16 Taiwan UX Summit: App設計實戰:在開始寫程式之前2011/09/16 Taiwan UX Summit: App設計實戰:在開始寫程式之前
2011/09/16 Taiwan UX Summit: App設計實戰:在開始寫程式之前
 
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
 
2011/06/21 Microsoft Developer Day 2011—Design Decade
2011/06/21 Microsoft Developer Day 2011—Design Decade2011/06/21 Microsoft Developer Day 2011—Design Decade
2011/06/21 Microsoft Developer Day 2011—Design Decade
 
20110525[Taipei GTUG] titanium mobile簡介
20110525[Taipei GTUG] titanium mobile簡介20110525[Taipei GTUG] titanium mobile簡介
20110525[Taipei GTUG] titanium mobile簡介
 
HP19 Mobile Design: 為行動使用者設計
HP19 Mobile Design: 為行動使用者設計HP19 Mobile Design: 為行動使用者設計
HP19 Mobile Design: 為行動使用者設計
 
Sketching User Experience—Video Sketching
Sketching User Experience—Video SketchingSketching User Experience—Video Sketching
Sketching User Experience—Video Sketching
 
How I Use Google Technology to Enhance Travel Experience
How I Use Google Technology to Enhance Travel ExperienceHow I Use Google Technology to Enhance Travel Experience
How I Use Google Technology to Enhance Travel Experience
 
20100915 學習撰寫 Google Chrome Extension
20100915 學習撰寫 Google Chrome Extension20100915 學習撰寫 Google Chrome Extension
20100915 學習撰寫 Google Chrome Extension
 

Web 3.0 Intro