SlideShare a Scribd company logo
1 of 26
From Static to Semantic in Three Big Steps
THE EVOLUTION OF THE WEB
WHAT IS THE WORLD WIDE WEB?
• Web Documents and Apps
• Linked by hyperlinks
• Only one of many things running on the Internet
• Think:
Internet=Hardware
World Wide Web=Software
WEB 1.0 (CONTINUED)
• STATIC
• BROADCAST model
• Weak standards
• Primitive layout and design
• Lots of page loads
WEB 2.0
• Harnesses the power of users
• Web pages run DYNAMICALLY
• Authors don’t need to know HTML
WEB 2.0 (DHTML)
• A software platform.
• Dynamic HTML (DHTML) made up of
• Hypertext Markup Language (HTML)
• Scripting languages
• CSS (Cascading Style Sheets)
• related technologies (AJAX, Flash, jQuery)
SIMPLE DHTML EXAMPLE
WEB 2.0 AND SOCIAL MEDIA
• Web 2.0 is PARTICIPATORY
• Information is CROWDSOURCED
• Projects are COLLABORATIVE
• User centered tools and design
WEB 3.0
• Web 3.0 is the next step in Web evolution
• Web 3.0 is only partially realized
• There are two main components of Web 3.0:
1. Personalization of the Web
2. The “Semantic Web”
WEB 3.0 (THE PERSONALIZED WEB)
• The personalized Web retains information about you.
• This information may come from searches or social
media.
• May be used to:
• Customize searches
• Deliver social updates
WEB 3.0 (THE PERSONALIZED WEB)
• Individual accounts can customize the look and
functionality of tools.
• However, this raises privacy concerns.
• Does personalization reduce the usefulness of
information channels?
• Is showing us what we might want to see the same
as showing us what we need to see?
WEB 3.0 (THE PERSONALIZED WEB)
• Application Programming Interfaces (API)
• Allow “mashups”
• Some popular mashups include translators and
mapping tools
• Mashups use some elements of the
personalized web and some elements of the
semantic web
WEB 3.0 (THE SEMANTIC WEB)
• The current Web isn’t really made to be understood by
computers
• Most information retrieval and storage is now
performed by mechanical agency
• The “Semantic Web” is about making the World Wide
Web MACHINE SEMANTIC
• RESULT: BETTER INTEROPERABILITY IN WEB
SERVICES
WEB 3.0 (THE SEMANTIC WEB)
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Home - M & F Auto Sales Albuquerque New Mexico 87120</title>
• The HTML tags tell the browser what part of the page is what.
• What about markup:
• telling software that this site sells cars?
• Or who the page author is?
WEB 3.0 (THE SEMANTIC WEB)
• The <META> HTML tag is designed to add
Metadata to page markup
<meta id="ctl00_metakeywords" name="keywords" content="CROSS COUNTRY AUTO
SALES,ALBUQUERQUE,NM,87110,Used Cars, Used Trucks, Cars, Trucks, Cars for sale,Carsforsale.com,Vans,
New Cars, Used Cars For Sale" /><meta id="ctl00_metadescription" name="description" content="Thank you for
visiting CROSS COUNTRY AUTO SALES of ALBUQUERQUE, NM, powered by Carsforsale.com. Quality used
cars and trucks. Check out our inventory and contact us if you have any questions." /><meta name="robots"
content="index,follow" />
• Can you spot the problem here?
WEB 3.0 (THE SEMANTIC WEB)
• <meta id="ctl00_metakeywords"
name="keywords”
• These are still just keywords
• <META> tags have been abused so much that
most search engines won’t use them.
• <META> tags are best used with a schema, like
Dublin Core.
WEB 3.0 (XML)
• eXtensible Markup Language (XML) can be
used for Machine Semantic markup
• Designed to be Human and Machine Semantic.
• Uses tags that look like HTML tags
• Can be used with a particular schema
WEB 3.0 (XML CONTINUED)
• A special framework used in XML (and other places) is
the Resource Description Framework (RDF)
• Designed for any resource that can have a URI
• RDF can be used with metadata schemas like Dublin
Core
• Ontologies can be created using the Web Ontology
Language (OWL)
WEB 3.0 (OTHER SEMANTIC WEB IMPLEMENTATIONS)
• RDFa (RDF integrated into
XHTML)
• Silk
WEB 3.0 (OTHER TYPES OF SOLUTION)
• There have been many related efforts to improve
Web searchability
• Folksonomies
• Tagging/Tag Clouds
HOW CAN LIBRARIES ENGAGE WEB 3.0?
• MASHUPS
• RICH, DESCRIPTIVE METADATA
• BE PART OF THE CONVERSATION
• PATRON EDUCATION
WEB 3.0 (WHY DOES IT MATTER TO US?)
• Librarians have been using many of these tools
for a long time
• Semantic tools will make the web more useful to
information professionals
• Web development may drive improvements to
other information tools
WEB 3.0 (REMAINING PROBLEMS)
• It is difficult to get web authors to use
semantic markup
• Potential of abuse by end-users
• Poor or inaccurate tag assignment by
well-meaning web authors
WEB 3.0 (SOLUTIONS PROPOSED BY THIS PRESENTER)
• Automated production of Web
metadata.
• Off-site, machine-writable indexes out
of user control.
• Applying principles of Emergence to
metadata.
ADDITIONAL RESOURCES
• http://www.programmableweb.com/howto(learn to create mashups)
• http://www.dublincore.org/ (create rich metadata using the OCLC Dublin Core schema)
• http://folksonomiesinaction.blogspot.com/ (the effort at one library to use tagging and a
folksonomy to organize content that was hard to catalog)
• http://www.w3schools.com/xml/default.asp (W3Schools XML tutorial. Site also has RDF
tutorial, although it is designed around an XML implementation)
• http://www.silkapp.com/ (Create semantically described sites with Silk)
General Information about the Semantic Web
• http://www.altova.com/semantic_web.html
• http://www.w3.org/2001/sw/
• http://www.thefigtrees.net/lee/sw/sciam/semantic-web-in-action
JASON BENGTSON, MLIS, AHIP
Emerging Technologies/ R&D Librarian
University of New Mexico
HSLIC
MSC09 5100
Tel: (505) 272-0645
Email: JBengtson@salud.unm.edu
Faculty Web Page:
http://hsc.unm.edu/library/faculty/Bengtson.html

More Related Content

What's hot

02 From HTML tags to XHTML
02 From HTML tags to XHTML02 From HTML tags to XHTML
02 From HTML tags to XHTMLRich Dron
 
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02Harshith Rockx
 
Gettings started with Web development
Gettings started with Web developmentGettings started with Web development
Gettings started with Web developmentUjjwal Ojha
 
Web browsers and website publishing
Web browsers and website publishingWeb browsers and website publishing
Web browsers and website publishingGurleen Kaur
 
Introduction to Basic Concepts in Web
Introduction to Basic Concepts in WebIntroduction to Basic Concepts in Web
Introduction to Basic Concepts in WebJussi Pohjolainen
 
Website Basics and Categories
Website Basics and CategoriesWebsite Basics and Categories
Website Basics and CategoriesMarlon Jamera
 
Clean, Compliant SharePoint: Producing HTML Compliant Markup for Public Websi...
Clean, Compliant SharePoint: Producing HTML Compliant Markup for Public Websi...Clean, Compliant SharePoint: Producing HTML Compliant Markup for Public Websi...
Clean, Compliant SharePoint: Producing HTML Compliant Markup for Public Websi...Tobias Lekman
 
WWW, Website & Webpage
WWW, Website & WebpageWWW, Website & Webpage
WWW, Website & WebpageZeeshan Alam
 
Web development using html and wordpress
Web development using html and wordpressWeb development using html and wordpress
Web development using html and wordpressDakshata Gavand
 
Introduction web tech
Introduction web techIntroduction web tech
Introduction web techLiaquat Rahoo
 
A Brief History of Web publishing (from HTML to WordPress)
A Brief History of Web publishing (from HTML to WordPress)A Brief History of Web publishing (from HTML to WordPress)
A Brief History of Web publishing (from HTML to WordPress)Brian Duffy
 
Internet programming lecture 1
Internet programming lecture 1Internet programming lecture 1
Internet programming lecture 1Mohammed Hussein
 
Web architecture - overview of techniques.
Web architecture - overview of  techniques.Web architecture - overview of  techniques.
Web architecture - overview of techniques.Ruslan Shevchenko
 
Introduction to web page
Introduction to web pageIntroduction to web page
Introduction to web pageMahmoud Shaqria
 

What's hot (19)

02 From HTML tags to XHTML
02 From HTML tags to XHTML02 From HTML tags to XHTML
02 From HTML tags to XHTML
 
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
 
Web Pages
Web PagesWeb Pages
Web Pages
 
HTML: Chapter 01
HTML: Chapter 01HTML: Chapter 01
HTML: Chapter 01
 
Gettings started with Web development
Gettings started with Web developmentGettings started with Web development
Gettings started with Web development
 
Web browsers and website publishing
Web browsers and website publishingWeb browsers and website publishing
Web browsers and website publishing
 
Introduction to Basic Concepts in Web
Introduction to Basic Concepts in WebIntroduction to Basic Concepts in Web
Introduction to Basic Concepts in Web
 
Website Basics and Categories
Website Basics and CategoriesWebsite Basics and Categories
Website Basics and Categories
 
Clean, Compliant SharePoint: Producing HTML Compliant Markup for Public Websi...
Clean, Compliant SharePoint: Producing HTML Compliant Markup for Public Websi...Clean, Compliant SharePoint: Producing HTML Compliant Markup for Public Websi...
Clean, Compliant SharePoint: Producing HTML Compliant Markup for Public Websi...
 
WWW, Website & Webpage
WWW, Website & WebpageWWW, Website & Webpage
WWW, Website & Webpage
 
Web development using html and wordpress
Web development using html and wordpressWeb development using html and wordpress
Web development using html and wordpress
 
Introduction web tech
Introduction web techIntroduction web tech
Introduction web tech
 
A Brief History of Web publishing (from HTML to WordPress)
A Brief History of Web publishing (from HTML to WordPress)A Brief History of Web publishing (from HTML to WordPress)
A Brief History of Web publishing (from HTML to WordPress)
 
Website
WebsiteWebsite
Website
 
Internet programming lecture 1
Internet programming lecture 1Internet programming lecture 1
Internet programming lecture 1
 
Web architecture - overview of techniques.
Web architecture - overview of  techniques.Web architecture - overview of  techniques.
Web architecture - overview of techniques.
 
Html
HtmlHtml
Html
 
Web development
Web developmentWeb development
Web development
 
Introduction to web page
Introduction to web pageIntroduction to web page
Introduction to web page
 

Viewers also liked

May 2015 Resume FInal
May 2015 Resume FInalMay 2015 Resume FInal
May 2015 Resume FInalThomas Fisher
 
Liberty Transcripts PII removed
Liberty Transcripts PII removedLiberty Transcripts PII removed
Liberty Transcripts PII removedMichael J. Burns
 
ULM Transcripts PII removed
ULM Transcripts PII removedULM Transcripts PII removed
ULM Transcripts PII removedMichael J. Burns
 
Strategic Actions in MVP Context (Bucharest Product Camp)
Strategic Actions in MVP Context (Bucharest Product Camp)Strategic Actions in MVP Context (Bucharest Product Camp)
Strategic Actions in MVP Context (Bucharest Product Camp)Andrei Mihai
 
VELAS TEMATICAS AROMALIFE NATURE
VELAS TEMATICAS AROMALIFE NATUREVELAS TEMATICAS AROMALIFE NATURE
VELAS TEMATICAS AROMALIFE NATUREAromalife Nature
 

Viewers also liked (9)

May 2015 Resume FInal
May 2015 Resume FInalMay 2015 Resume FInal
May 2015 Resume FInal
 
Liberty Transcripts PII removed
Liberty Transcripts PII removedLiberty Transcripts PII removed
Liberty Transcripts PII removed
 
ULM Transcripts PII removed
ULM Transcripts PII removedULM Transcripts PII removed
ULM Transcripts PII removed
 
Strategic Actions in MVP Context (Bucharest Product Camp)
Strategic Actions in MVP Context (Bucharest Product Camp)Strategic Actions in MVP Context (Bucharest Product Camp)
Strategic Actions in MVP Context (Bucharest Product Camp)
 
Academiccv
AcademiccvAcademiccv
Academiccv
 
VELAS TEMATICAS AROMALIFE NATURE
VELAS TEMATICAS AROMALIFE NATUREVELAS TEMATICAS AROMALIFE NATURE
VELAS TEMATICAS AROMALIFE NATURE
 
Mijnwerkers conferentie
Mijnwerkers conferentieMijnwerkers conferentie
Mijnwerkers conferentie
 
Maatjes in beeld
Maatjes in beeld Maatjes in beeld
Maatjes in beeld
 
Mivan tech
Mivan techMivan tech
Mivan tech
 

Similar to The Evolution of the Webbroadcast

Similar to The Evolution of the Webbroadcast (20)

Web Technologies 2.0
Web Technologies 2.0Web Technologies 2.0
Web Technologies 2.0
 
9 10 july2020
9 10 july20209 10 july2020
9 10 july2020
 
Webtech
WebtechWebtech
Webtech
 
Semantic Web Analytics.pptx
Semantic Web Analytics.pptxSemantic Web Analytics.pptx
Semantic Web Analytics.pptx
 
WEB DEVELOPMENT.pptx
WEB DEVELOPMENT.pptxWEB DEVELOPMENT.pptx
WEB DEVELOPMENT.pptx
 
Introduction to the Semantic Web
Introduction to the Semantic WebIntroduction to the Semantic Web
Introduction to the Semantic Web
 
Deepak semantic web_iitd
Deepak semantic web_iitdDeepak semantic web_iitd
Deepak semantic web_iitd
 
song.ppt
song.pptsong.ppt
song.ppt
 
song.ppt
song.pptsong.ppt
song.ppt
 
song.ppt
song.pptsong.ppt
song.ppt
 
Semantic web
Semantic webSemantic web
Semantic web
 
Trends and advancements in www.pptx
Trends and advancements in www.pptxTrends and advancements in www.pptx
Trends and advancements in www.pptx
 
Trends and advancements in www.pptx
Trends and advancements in www.pptxTrends and advancements in www.pptx
Trends and advancements in www.pptx
 
Web Mining
Web MiningWeb Mining
Web Mining
 
Web mining
Web miningWeb mining
Web mining
 
Developing Website.pptx
Developing Website.pptxDeveloping Website.pptx
Developing Website.pptx
 
Web Development
Web DevelopmentWeb Development
Web Development
 
sell idea
sell ideasell idea
sell idea
 
Power up your Project Sites - SPS New Hampshire 2015
Power up your Project Sites - SPS New Hampshire 2015Power up your Project Sites - SPS New Hampshire 2015
Power up your Project Sites - SPS New Hampshire 2015
 
Web application
Web applicationWeb application
Web application
 

The Evolution of the Webbroadcast

  • 1. From Static to Semantic in Three Big Steps THE EVOLUTION OF THE WEB
  • 2. WHAT IS THE WORLD WIDE WEB? • Web Documents and Apps • Linked by hyperlinks • Only one of many things running on the Internet • Think: Internet=Hardware World Wide Web=Software
  • 3. WEB 1.0 (CONTINUED) • STATIC • BROADCAST model • Weak standards • Primitive layout and design • Lots of page loads
  • 4. WEB 2.0 • Harnesses the power of users • Web pages run DYNAMICALLY • Authors don’t need to know HTML
  • 5. WEB 2.0 (DHTML) • A software platform. • Dynamic HTML (DHTML) made up of • Hypertext Markup Language (HTML) • Scripting languages • CSS (Cascading Style Sheets) • related technologies (AJAX, Flash, jQuery)
  • 7. WEB 2.0 AND SOCIAL MEDIA • Web 2.0 is PARTICIPATORY • Information is CROWDSOURCED • Projects are COLLABORATIVE • User centered tools and design
  • 8. WEB 3.0 • Web 3.0 is the next step in Web evolution • Web 3.0 is only partially realized • There are two main components of Web 3.0: 1. Personalization of the Web 2. The “Semantic Web”
  • 9. WEB 3.0 (THE PERSONALIZED WEB) • The personalized Web retains information about you. • This information may come from searches or social media. • May be used to: • Customize searches • Deliver social updates
  • 10. WEB 3.0 (THE PERSONALIZED WEB) • Individual accounts can customize the look and functionality of tools. • However, this raises privacy concerns. • Does personalization reduce the usefulness of information channels? • Is showing us what we might want to see the same as showing us what we need to see?
  • 11. WEB 3.0 (THE PERSONALIZED WEB) • Application Programming Interfaces (API) • Allow “mashups” • Some popular mashups include translators and mapping tools • Mashups use some elements of the personalized web and some elements of the semantic web
  • 12. WEB 3.0 (THE SEMANTIC WEB) • The current Web isn’t really made to be understood by computers • Most information retrieval and storage is now performed by mechanical agency • The “Semantic Web” is about making the World Wide Web MACHINE SEMANTIC • RESULT: BETTER INTEROPERABILITY IN WEB SERVICES
  • 13. WEB 3.0 (THE SEMANTIC WEB) <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Home - M & F Auto Sales Albuquerque New Mexico 87120</title> • The HTML tags tell the browser what part of the page is what. • What about markup: • telling software that this site sells cars? • Or who the page author is?
  • 14. WEB 3.0 (THE SEMANTIC WEB) • The <META> HTML tag is designed to add Metadata to page markup <meta id="ctl00_metakeywords" name="keywords" content="CROSS COUNTRY AUTO SALES,ALBUQUERQUE,NM,87110,Used Cars, Used Trucks, Cars, Trucks, Cars for sale,Carsforsale.com,Vans, New Cars, Used Cars For Sale" /><meta id="ctl00_metadescription" name="description" content="Thank you for visiting CROSS COUNTRY AUTO SALES of ALBUQUERQUE, NM, powered by Carsforsale.com. Quality used cars and trucks. Check out our inventory and contact us if you have any questions." /><meta name="robots" content="index,follow" /> • Can you spot the problem here?
  • 15. WEB 3.0 (THE SEMANTIC WEB) • <meta id="ctl00_metakeywords" name="keywords” • These are still just keywords • <META> tags have been abused so much that most search engines won’t use them. • <META> tags are best used with a schema, like Dublin Core.
  • 16. WEB 3.0 (XML) • eXtensible Markup Language (XML) can be used for Machine Semantic markup • Designed to be Human and Machine Semantic. • Uses tags that look like HTML tags • Can be used with a particular schema
  • 17. WEB 3.0 (XML CONTINUED) • A special framework used in XML (and other places) is the Resource Description Framework (RDF) • Designed for any resource that can have a URI • RDF can be used with metadata schemas like Dublin Core • Ontologies can be created using the Web Ontology Language (OWL)
  • 18. WEB 3.0 (OTHER SEMANTIC WEB IMPLEMENTATIONS) • RDFa (RDF integrated into XHTML) • Silk
  • 19. WEB 3.0 (OTHER TYPES OF SOLUTION) • There have been many related efforts to improve Web searchability • Folksonomies • Tagging/Tag Clouds
  • 20. HOW CAN LIBRARIES ENGAGE WEB 3.0? • MASHUPS • RICH, DESCRIPTIVE METADATA • BE PART OF THE CONVERSATION • PATRON EDUCATION
  • 21. WEB 3.0 (WHY DOES IT MATTER TO US?) • Librarians have been using many of these tools for a long time • Semantic tools will make the web more useful to information professionals • Web development may drive improvements to other information tools
  • 22. WEB 3.0 (REMAINING PROBLEMS) • It is difficult to get web authors to use semantic markup • Potential of abuse by end-users • Poor or inaccurate tag assignment by well-meaning web authors
  • 23. WEB 3.0 (SOLUTIONS PROPOSED BY THIS PRESENTER) • Automated production of Web metadata. • Off-site, machine-writable indexes out of user control. • Applying principles of Emergence to metadata.
  • 24. ADDITIONAL RESOURCES • http://www.programmableweb.com/howto(learn to create mashups) • http://www.dublincore.org/ (create rich metadata using the OCLC Dublin Core schema) • http://folksonomiesinaction.blogspot.com/ (the effort at one library to use tagging and a folksonomy to organize content that was hard to catalog) • http://www.w3schools.com/xml/default.asp (W3Schools XML tutorial. Site also has RDF tutorial, although it is designed around an XML implementation) • http://www.silkapp.com/ (Create semantically described sites with Silk) General Information about the Semantic Web • http://www.altova.com/semantic_web.html • http://www.w3.org/2001/sw/ • http://www.thefigtrees.net/lee/sw/sciam/semantic-web-in-action
  • 25.
  • 26. JASON BENGTSON, MLIS, AHIP Emerging Technologies/ R&D Librarian University of New Mexico HSLIC MSC09 5100 Tel: (505) 272-0645 Email: JBengtson@salud.unm.edu Faculty Web Page: http://hsc.unm.edu/library/faculty/Bengtson.html