CPS650 World Wide Web and Search and Social Media
Dr. Dave Mason Department of Computer Science Ryerson University
c 2018 Dave Mason World Wide Web
Internet from early ’70s Mostly used by researchers and software developers WWW made it for everyone World Wide Web
Internet from early ’70s Mostly used by researchers and software developers WWW made it for everyone World Wide Web
Internet from early ’70s Mostly used by researchers and software developers WWW made it for everyone History
hyper-links envisioned by Vannevar Bush 1945 Apple - Hypercard Sir Tim Berners-Lee 1991 W3C today History
hyper-links envisioned by Vannevar Bush 1945 Apple - Hypercard Sir Tim Berners-Lee 1991 W3C today History
hyper-links envisioned by Vannevar Bush 1945 Apple - Hypercard Sir Tim Berners-Lee 1991 W3C today History
hyper-links envisioned by Vannevar Bush 1945 Apple - Hypercard Sir Tim Berners-Lee 1991 W3C today Hypertext Markup Language
based on GML - SGML - XML ordinary text file links - within and across image files browsers - across OS Hypertext Markup Language
A Document
links - within and acrossSome text
image files browsers - across OS IBM Hypertext Markup Languagebased on GML - SGML - XML ordinary text file links - within and across image files browsers - across OS Hypertext Markup Language
based on GML - SGML - XML ordinary text file links - within and across image files browsers - across OS Hypertext Markup Language
based on GML - SGML - XML ordinary text file links - within and across image files browsers - across OS HyperText Transport Protocol
simpler than other FTP GET/POST simple responses no state single TCP connection HyperText Transport Protocol
simpler than other FTP GET/POST simple responses no state single TCP connection HyperText Transport Protocol
simpler than other FTP GET/POST simple responses no state single TCP connection HyperText Transport Protocol
simpler than other FTP GET/POST simple responses no state single TCP connection HyperText Transport Protocol
simpler than other FTP GET/POST simple responses no state single TCP connection Cascading Style Sheets
look and feel cascading browser-default page / element user-defined zen-garden Cascading Style Sheets
look and feel cascading browser-default page / element user-defined zen-garden Cascading Style Sheets
.shrink > :nth-child(n+1) { look and feel display: none; cascading } browser-default .shrink { page / element white-space: nowrap; user-defined overflow:hidden; zen-garden text-overflow:ellipsis; } Cascading Style Sheets
.shrink > :nth-child(n+1) { look and feel display: none; cascading } browser-default .shrink { page / element white-space: nowrap; user-defined overflow:hidden; zen-garden text-overflow:ellipsis; } Cascading Style Sheets
.shrink > :nth-child(n+1) { look and feel display: none; cascading } browser-default .shrink { page / element white-space: nowrap; user-defined overflow:hidden; zen-garden text-overflow:ellipsis; } Cascading Style Sheets
.shrink > :nth-child(n+1) { look and feel display: none; cascading } browser-default .shrink { page / element white-space: nowrap; user-defined overflow:hidden; zen-garden text-overflow:ellipsis; } Javacript
programability for the web events from document execute code in JS can create document components (HTML) and CSS dynamically runs in a sandbox Javacript
programability for the web events from document execute code in JS can create document components (HTML) and CSS dynamically runs in a sandbox Javacript
programability for the web events from document execute code in JS can create document components (HTML) and CSS dynamically runs in a sandbox Javacript
programability for the web events from document execute code in JS can create document components (HTML) and CSS dynamically runs in a sandbox Javacript
function toggleExpand(node,shrink,expand) { if (node.classList.contains(shrink)) { node.classList.remove(shrink); expand && node.classList.add(expand); node.setAttribute(’title’,’Click to ’+ shrink); } else { expand && node.classList.remove(expand); node.classList.add(shrink); node.setAttribute(’title’,’Click to ’+ (expand || ’expand’)); } } Cookies
mechanism to remember information set-by / sent-to web server (also Javascript) identified with the source Cookies
mechanism to remember information set-by / sent-to web server (also Javascript) identified with the source Cookies
mechanism to remember information set-by / sent-to web server (also Javascript) identified with the source Cookies
mechanism to remember information set-by / sent-to web server (also Javascript) identified with the source Browser Wars
WorldWideWeb 1990 - Nexus - Erwise NCSA Mosaic 1993 Netscape 1994-98 Internet Explorer 1995 - 15% Opera 1996 - 2% Mozilla - Firefox 2004 - 15% Google Chrome - 2008 - 54% Safari 2003 - 10% Usage share of web browsers Browser Wars
WorldWideWeb 1990 - Nexus - Erwise NCSA Mosaic 1993 Netscape 1994-98 Internet Explorer 1995 - 15% Opera 1996 - 2% Mozilla - Firefox 2004 - 15% Google Chrome - 2008 - 54% Safari 2003 - 10% Usage share of web browsers Browser Wars
WorldWideWeb 1990 - Nexus - Erwise NCSA Mosaic 1993 Netscape 1994-98 Internet Explorer 1995 - 15% Opera 1996 - 2% Mozilla - Firefox 2004 - 15% Google Chrome - 2008 - 54% Safari 2003 - 10% Usage share of web browsers Browser Wars
WorldWideWeb 1990 - Nexus - Erwise NCSA Mosaic 1993 Netscape 1994-98 Internet Explorer 1995 - 15% Opera 1996 - 2% Mozilla - Firefox 2004 - 15% Google Chrome - 2008 - 54% Safari 2003 - 10% Usage share of web browsers Browser Wars
WorldWideWeb 1990 - Nexus - Erwise NCSA Mosaic 1993 Netscape 1994-98 Internet Explorer 1995 - 15% Opera 1996 - 2% Mozilla - Firefox 2004 - 15% Google Chrome - 2008 - 54% Safari 2003 - 10% Usage share of web browsers Browser Wars
WorldWideWeb 1990 - Nexus - Erwise NCSA Mosaic 1993 Netscape 1994-98 Internet Explorer 1995 - 15% Opera 1996 - 2% Mozilla - Firefox 2004 - 15% Google Chrome - 2008 - 54% Safari 2003 - 10% Usage share of web browsers Browser Wars
WorldWideWeb 1990 - Nexus - Erwise NCSA Mosaic 1993 Netscape 1994-98 Internet Explorer 1995 - 15% Opera 1996 - 2% Mozilla - Firefox 2004 - 15% Google Chrome - 2008 - 54% Safari 2003 - 10% Usage share of web browsers Browser Wars
WorldWideWeb 1990 - Nexus - Erwise NCSA Mosaic 1993 Netscape 1994-98 Internet Explorer 1995 - 15% Opera 1996 - 2% Mozilla - Firefox 2004 - 15% Google Chrome - 2008 - 54% Safari 2003 - 10% Usage share of web browsers Browser Wars
The
first browser wars Browser Wars
The second browser wars Browser Wars
Most-used browser by contry - July 2014 Media Tetrad
Enhances Reverses
WWW
Retrieves Obsolesces Search
Archie, Veronica, Jughead hundreds of bookmarks Altavista Yahoo Google Bing driver of the Web Search
Archie, Veronica, Jughead hundreds of bookmarks Altavista Yahoo Google Bing driver of the Web Search
Archie, Veronica, Jughead hundreds of bookmarks Altavista Yahoo Google Bing driver of the Web Search
Archie, Veronica, Jughead hundreds of bookmarks Altavista Yahoo Google Bing driver of the Web Search
Archie, Veronica, Jughead hundreds of bookmarks Altavista Yahoo Google Bing driver of the Web Search
Archie, Veronica, Jughead hundreds of bookmarks Altavista Yahoo Google Bing driver of the Web Search
Archie, Veronica, Jughead hundreds of bookmarks Altavista Yahoo Google Bing driver of the Web Search: Spiders
crawl the WWW cache pages follow links build indices rank pages Search: Spiders
crawl the WWW cache pages follow links build indices rank pages Search: Spiders
crawl the WWW cache pages follow links build indices rank pages Search: Spiders
crawl the WWW cache pages follow links build indices rank pages Search: Spiders
crawl the WWW cache pages follow links build indices rank pages Search: Results
customized ranking best possible you as a niche https://millionshort.com Search: Results
customized ranking best possible you as a niche https://millionshort.com Search: Results
customized ranking best possible you as a niche https://millionshort.com Search: Results
customized ranking best possible you as a niche https://millionshort.com Media Tetrad
Enhances Reverses
Search
Retrieves Obsolesces AOL, Yahoo, MSN, etc.
originally applications on CD provided dialup, email, messaging walled gardens migrated to WWW AOL, Yahoo, MSN, etc.
originally applications on CD provided dialup, email, messaging walled gardens migrated to WWW AOL, Yahoo, MSN, etc.
originally applications on CD provided dialup, email, messaging walled gardens migrated to WWW AOL, Yahoo, MSN, etc.
originally applications on CD provided dialup, email, messaging walled gardens migrated to WWW Social Media
Facebook 1190M Google+ 540M LinkedIn 260M Twitter 232M Instagram 150M Pinterest 70M MySpace 36M Social Media
Facebook 1190M Google+ 540M LinkedIn 260M Twitter 232M Instagram 150M Pinterest 70M MySpace 36M Social Media
Facebook 1190M Google+ 540M LinkedIn 260M Twitter 232M Instagram 150M Pinterest 70M MySpace 36M Social Media
Facebook 1190M Google+ 540M LinkedIn 260M Twitter 232M Instagram 150M Pinterest 70M MySpace 36M Social Media
Facebook 1190M Google+ 540M LinkedIn 260M Twitter 232M Instagram 150M Pinterest 70M MySpace 36M Social Media
Facebook 1190M Google+ 540M LinkedIn 260M Twitter 232M Instagram 150M Pinterest 70M MySpace 36M Social Media
Facebook 1190M Google+ 540M LinkedIn 260M Twitter 232M Instagram 150M Pinterest 70M MySpace 36M launched 2006 140 characters modelled on SMS news model has API launched 2006 140 characters modelled on SMS news model has API launched 2006 140 characters modelled on SMS news model has API launched 2006 140 characters modelled on SMS news model has API launched 2006 140 characters modelled on SMS news model has API launched 2004 originally to find dates spread through colleges biggest community starting to become profitable launched 2004 originally to find dates spread through colleges biggest community starting to become profitable launched 2004 originally to find dates spread through colleges biggest community starting to become profitable launched 2004 originally to find dates spread through colleges biggest community starting to become profitable launched 2004 originally to find dates spread through colleges biggest community starting to become profitable “johnny-come-lately” 2011 cross between Twitter and Facebook leveraging Gmail+Search+ID “johnny-come-lately” 2011 cross between Twitter and Facebook leveraging Gmail+Search+ID “johnny-come-lately” 2011 cross between Twitter and Facebook leveraging Gmail+Search+ID Tangeled Web We Weave
HTML - content CSS - look Javascript - feel cookies - history all together - ??? Tangeled Web We Weave
HTML - content CSS - look Javascript - feel cookies - history all together - ??? Tangeled Web We Weave
HTML - content CSS - look Javascript - feel cookies - history all together - ??? Tangeled Web We Weave
HTML - content CSS - look Javascript - feel cookies - history all together - ??? Tangeled Web We Weave
HTML - content CSS - look Javascript - feel cookies - history all together - ??? Media Tetrad
Enhances Reverses
Social Media
Retrieves Obsolesces