information technology in business and society session 7 – the web sean j. taylor
TRANSCRIPT
![Page 1: INFORMATION TECHNOLOGY IN BUSINESS AND SOCIETY SESSION 7 – THE WEB SEAN J. TAYLOR](https://reader035.vdocuments.us/reader035/viewer/2022070407/56649e315503460f94b22d12/html5/thumbnails/1.jpg)
INFORMATION TECHNOLOGY IN BUSINESS AND SOCIETYSESSION 7 – THE WEB
SEAN J. TAYLOR
![Page 2: INFORMATION TECHNOLOGY IN BUSINESS AND SOCIETY SESSION 7 – THE WEB SEAN J. TAYLOR](https://reader035.vdocuments.us/reader035/viewer/2022070407/56649e315503460f94b22d12/html5/thumbnails/2.jpg)
ADMINISTRATIVIA
• Assignment 1 due tonight at 1am.
• My office hours: moved to 3:30-5:30pm on FRIDAY (permanently?)
• Assignment 2 due 2/23
• Blog tips
![Page 3: INFORMATION TECHNOLOGY IN BUSINESS AND SOCIETY SESSION 7 – THE WEB SEAN J. TAYLOR](https://reader035.vdocuments.us/reader035/viewer/2022070407/56649e315503460f94b22d12/html5/thumbnails/3.jpg)
BLOG TIPS
Use Markdown:
Include “!m” somewhere in the email.
Links are then [Link name](http://linklocation.com)
Use raw links and plain text:
This is my cool link: http://www.google.com
Don’t include dashes before your signature:
Bad: --SJT Good: SJT
![Page 4: INFORMATION TECHNOLOGY IN BUSINESS AND SOCIETY SESSION 7 – THE WEB SEAN J. TAYLOR](https://reader035.vdocuments.us/reader035/viewer/2022070407/56649e315503460f94b22d12/html5/thumbnails/4.jpg)
LEARNING OBJECTIVES
1. Understand how the web works at a high level.
1. HTTP2. URLs3. HTML
2. Be able to create your own web page.
![Page 5: INFORMATION TECHNOLOGY IN BUSINESS AND SOCIETY SESSION 7 – THE WEB SEAN J. TAYLOR](https://reader035.vdocuments.us/reader035/viewer/2022070407/56649e315503460f94b22d12/html5/thumbnails/5.jpg)
THE WEB
![Page 6: INFORMATION TECHNOLOGY IN BUSINESS AND SOCIETY SESSION 7 – THE WEB SEAN J. TAYLOR](https://reader035.vdocuments.us/reader035/viewer/2022070407/56649e315503460f94b22d12/html5/thumbnails/6.jpg)
WEB HISTORY
use hypertext
"... to link and access information of various kinds as a web of nodes in which the user can browse at will”
- Berners-Lee and Cailliau
November, 1990
![Page 7: INFORMATION TECHNOLOGY IN BUSINESS AND SOCIETY SESSION 7 – THE WEB SEAN J. TAYLOR](https://reader035.vdocuments.us/reader035/viewer/2022070407/56649e315503460f94b22d12/html5/thumbnails/7.jpg)
WORLD WIDE WEB
• web of hypertext documents• viewed by browsers• using a client–server architecture• HTTP: communication protocol• URLs: addressability• HTML: hypertext!
![Page 8: INFORMATION TECHNOLOGY IN BUSINESS AND SOCIETY SESSION 7 – THE WEB SEAN J. TAYLOR](https://reader035.vdocuments.us/reader035/viewer/2022070407/56649e315503460f94b22d12/html5/thumbnails/8.jpg)
![Page 9: INFORMATION TECHNOLOGY IN BUSINESS AND SOCIETY SESSION 7 – THE WEB SEAN J. TAYLOR](https://reader035.vdocuments.us/reader035/viewer/2022070407/56649e315503460f94b22d12/html5/thumbnails/9.jpg)
LAYERS
![Page 10: INFORMATION TECHNOLOGY IN BUSINESS AND SOCIETY SESSION 7 – THE WEB SEAN J. TAYLOR](https://reader035.vdocuments.us/reader035/viewer/2022070407/56649e315503460f94b22d12/html5/thumbnails/10.jpg)
![Page 11: INFORMATION TECHNOLOGY IN BUSINESS AND SOCIETY SESSION 7 – THE WEB SEAN J. TAYLOR](https://reader035.vdocuments.us/reader035/viewer/2022070407/56649e315503460f94b22d12/html5/thumbnails/11.jpg)
HTTP IN ACTION
Request
Responsemetadata
![Page 12: INFORMATION TECHNOLOGY IN BUSINESS AND SOCIETY SESSION 7 – THE WEB SEAN J. TAYLOR](https://reader035.vdocuments.us/reader035/viewer/2022070407/56649e315503460f94b22d12/html5/thumbnails/12.jpg)
HTTP IN ACTION: RESPONSE
![Page 13: INFORMATION TECHNOLOGY IN BUSINESS AND SOCIETY SESSION 7 – THE WEB SEAN J. TAYLOR](https://reader035.vdocuments.us/reader035/viewer/2022070407/56649e315503460f94b22d12/html5/thumbnails/13.jpg)
HTTP METHODS
• GET – retrieve a resource• POST – create a new resource• PUT – update an existing resource• DELETE – delete a resource
Always include a URL!
![Page 14: INFORMATION TECHNOLOGY IN BUSINESS AND SOCIETY SESSION 7 – THE WEB SEAN J. TAYLOR](https://reader035.vdocuments.us/reader035/viewer/2022070407/56649e315503460f94b22d12/html5/thumbnails/14.jpg)
![Page 15: INFORMATION TECHNOLOGY IN BUSINESS AND SOCIETY SESSION 7 – THE WEB SEAN J. TAYLOR](https://reader035.vdocuments.us/reader035/viewer/2022070407/56649e315503460f94b22d12/html5/thumbnails/15.jpg)
![Page 16: INFORMATION TECHNOLOGY IN BUSINESS AND SOCIETY SESSION 7 – THE WEB SEAN J. TAYLOR](https://reader035.vdocuments.us/reader035/viewer/2022070407/56649e315503460f94b22d12/html5/thumbnails/16.jpg)
URLS
![Page 17: INFORMATION TECHNOLOGY IN BUSINESS AND SOCIETY SESSION 7 – THE WEB SEAN J. TAYLOR](https://reader035.vdocuments.us/reader035/viewer/2022070407/56649e315503460f94b22d12/html5/thumbnails/17.jpg)
UNIFORM RESOURCE LOCATORS
Format:scheme://hostname:port/path?query_string#fragment_id
• Scheme: http, https, ftp, gopher, wais
• Domain: Hostname is usually subdomain.domain.tld
• Port: Each server can have multiple ports
• Path: + query string: define a resource
• Fragment: used for web page navigation
![Page 18: INFORMATION TECHNOLOGY IN BUSINESS AND SOCIETY SESSION 7 – THE WEB SEAN J. TAYLOR](https://reader035.vdocuments.us/reader035/viewer/2022070407/56649e315503460f94b22d12/html5/thumbnails/18.jpg)
![Page 19: INFORMATION TECHNOLOGY IN BUSINESS AND SOCIETY SESSION 7 – THE WEB SEAN J. TAYLOR](https://reader035.vdocuments.us/reader035/viewer/2022070407/56649e315503460f94b22d12/html5/thumbnails/19.jpg)
PUTTING HTML FILES ON THE SERVER
![Page 20: INFORMATION TECHNOLOGY IN BUSINESS AND SOCIETY SESSION 7 – THE WEB SEAN J. TAYLOR](https://reader035.vdocuments.us/reader035/viewer/2022070407/56649e315503460f94b22d12/html5/thumbnails/20.jpg)
EDITING HTML FILES
![Page 21: INFORMATION TECHNOLOGY IN BUSINESS AND SOCIETY SESSION 7 – THE WEB SEAN J. TAYLOR](https://reader035.vdocuments.us/reader035/viewer/2022070407/56649e315503460f94b22d12/html5/thumbnails/21.jpg)
BASIC DOCUMENT STRUCTURE<html>
<head>
<title>My Awesome Webpage</title>
</head>
<body>
<h1>This is the heading!</h1>
<p>It was the best of webpages.</p>
<a href=“http://google.com”>Google</a>
</body>
</html>
![Page 22: INFORMATION TECHNOLOGY IN BUSINESS AND SOCIETY SESSION 7 – THE WEB SEAN J. TAYLOR](https://reader035.vdocuments.us/reader035/viewer/2022070407/56649e315503460f94b22d12/html5/thumbnails/22.jpg)
MORE TAGS<ul>
<li>List item 1</li>
<li>List item 2</li>
</ul>
<h1>Big header!</h1>
<h2>Smaller header</h2>
<img src=“http://link.to/image.png”></img>
<div>Some content</div>
<span>Some content</span>
![Page 23: INFORMATION TECHNOLOGY IN BUSINESS AND SOCIETY SESSION 7 – THE WEB SEAN J. TAYLOR](https://reader035.vdocuments.us/reader035/viewer/2022070407/56649e315503460f94b22d12/html5/thumbnails/23.jpg)
ADDING STYLE WITH CSS<style>
h1 { color: blue; text-align: center; }
P { width: 400px }
</style>
Or put a link in your <head> area.
<link rel=“stylesheet” type=“text/css” href=“style.css”></link>
![Page 24: INFORMATION TECHNOLOGY IN BUSINESS AND SOCIETY SESSION 7 – THE WEB SEAN J. TAYLOR](https://reader035.vdocuments.us/reader035/viewer/2022070407/56649e315503460f94b22d12/html5/thumbnails/24.jpg)
EMBEDDING CONTENT
![Page 25: INFORMATION TECHNOLOGY IN BUSINESS AND SOCIETY SESSION 7 – THE WEB SEAN J. TAYLOR](https://reader035.vdocuments.us/reader035/viewer/2022070407/56649e315503460f94b22d12/html5/thumbnails/25.jpg)
PROGRAMMABILITY WITH JS
• De-facto programming language for the web.
• Tons of resources for learning.
• Makes a webpage dynamic.
![Page 26: INFORMATION TECHNOLOGY IN BUSINESS AND SOCIETY SESSION 7 – THE WEB SEAN J. TAYLOR](https://reader035.vdocuments.us/reader035/viewer/2022070407/56649e315503460f94b22d12/html5/thumbnails/26.jpg)
RAW TEXT OR WYSIWYG
![Page 27: INFORMATION TECHNOLOGY IN BUSINESS AND SOCIETY SESSION 7 – THE WEB SEAN J. TAYLOR](https://reader035.vdocuments.us/reader035/viewer/2022070407/56649e315503460f94b22d12/html5/thumbnails/27.jpg)
MARKUP:DISPLAY OR SEMANTIC
• Some HTML tags are intended to convey semantics.
• This allows machines to understand web pages better but giving them an idea of what information is placed where in the document.
“I have a dream for the Web [in which computers] become capable of analyzing all the data on the Web – the content, links, and transactions between people and computers. “
-- Tim Berners-Lee
Challenges? Benefits?
![Page 28: INFORMATION TECHNOLOGY IN BUSINESS AND SOCIETY SESSION 7 – THE WEB SEAN J. TAYLOR](https://reader035.vdocuments.us/reader035/viewer/2022070407/56649e315503460f94b22d12/html5/thumbnails/28.jpg)
“DIVE INTO HTML5”MARK PILGRIM WEB BOOK
![Page 29: INFORMATION TECHNOLOGY IN BUSINESS AND SOCIETY SESSION 7 – THE WEB SEAN J. TAYLOR](https://reader035.vdocuments.us/reader035/viewer/2022070407/56649e315503460f94b22d12/html5/thumbnails/29.jpg)
NEXT CLASS:ATTENTION ECONOMICS
• The Information Diet (Chapter 3)