DOCSLIB.ORG

CPS650 World Wide Web and Search and Social Media

CPS650 World Wide Web and Search and Social Media

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 <!DOCTYPE HTML> <html> <head> <title>A Document</title> based on GML - SGML - </head> XML <body> ordinary text file <h1>A Document</h1> links - within and across <p>Some text</p> image files <img src="x.png" alt="X pic" /> browsers - across OS <a href="http://ibm.ca"> IBM</a> </body> </html> 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 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

View Full Text

Details

  • File Type
    pdf
  • Upload Time
    -
  • Content Languages
    English
  • Upload User
    Anonymous/Not logged-in
  • File Pages
    92 Page
  • File Size
    -

Download

Channel Download Status
Express Download Enable

Copyright

We respect the copyrights and intellectual property rights of all users. All uploaded documents are either original works of the uploader or authorized works of the rightful owners.

  • Not to be reproduced or distributed without explicit permission.
  • Not used for commercial purposes outside of approved use cases.
  • Not used to infringe on the rights of the original creators.
  • If you believe any content infringes your copyright, please contact us immediately.

Support

For help with questions, suggestions, or problems, please contact us