CPS650 and Search and Social Media

Dr. Dave Mason Department of Computer Science Ryerson University

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- 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 based on GML - SGML - XML ordinary text file

A Document

links - within and across

Some text

image files browsers - across OS IBM 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 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

WorldWideWeb 1990 - Nexus - Erwise NCSA 1993 1994-98 1995 - 15% 1996 - 2% Mozilla - 2004 - 15% - 2008 - 54% 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 ://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, , 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