Download CS143: Programming in C++

CS 3870/CS 5870
Web Protocols, Technologies and
Applications
Instructor
• Dr. Qi Yang
• Office: Ullrich 213
• Home page
http://people.uwplatt.edu/~yangq/
2
Course Work
• Programs: 200 points
• Tests
: 200 points
• Project : 100 points
3
Grading
Grade
A
AB+
B
BC+
C
CD+
D
F
Total Points
460 - 500
445 - 459
435 - 444
410 - 434
395 - 409
385 - 394
360 - 384
345 - 359
335 - 344
300 - 334
Below 300
Percentage
92%
89%
87%
82%
79%
77%
72%
69%
67%
60%
No Curve!
Grade Points
4.0
3.7
3.3
3.0
2.7
2.3
2.0
1.7
1.3
1.0
0.0
4
Tests
• All Hands-on
• Final Exam: Test 4
• Graduating Senior: Waiving final?
GS can waive final exam (Test4)
If their grade percentage is at 82% or
above on Thursday, Dec 10 so their course
grade will be at least B- (79% + 3%).
5
Syllabus
Any Questions?
6
What is a Computer?
Network
Input
CPU
Output
MEMORY
Storage
7
Local Network at UWP
Ull 111
Res Hall
Bears Den
•
•
•
File Server: J:\, S:\, O:\
Apps
Rights
•
…
...
Ull 213
Lab 206
8
The Internet
Townsville
Australia
UW
WCUT
UWP
Darmstadt
Germany
.....
.....
9
The Internet
• A “network of networks”
• Origins:
– Kleinrock (1960s): click here
– ARPANET (1969): click here
• Domain name system (DNS)
– Maps numeric “IP” addresses to “domain” names
– 1982: HOSTS.TXT
– Now: distributed, hierarchical database
• Core protocols: TCP/IP
10
TCP/IP
Transmission Control Protocol /
Internet Protocol
Turing Award 2004
http://en.wikipedia.org/wiki/Turing_Award
11
Internet Applications
• Email: Simple Mail Transfer Protocol (SMTP)
Post Office Protocol (POP)
Internet Messaging Access Protocol (IMAP)
• Telnet: remote terminal
• FTP: File Transfer Protocol
• Gopher ...
• ...
12
Internet Applications
• Console Applications
• GUI Applications
13
World Wide Web (WWW)
•
•
•
•
•
•
•
GUI Internet Application
Information Super High Way
Business
Household
HTTP: Hyper Text Transfer Protocol
HTML: Hypertext Makeup Language
W3C - World Wide Web Consortium
14
Application Protocols
• HTTP
• HTTPS
• SMTP
• POP
• IMAP
• FTP
• SOAP
• …
All are based on TCP/IP
15
A Brief History of the WWW
CERN 1989
(Geneva European Laboratory for Particle Physics)
Initial Proposal
A common and consistent user interface
Incorporation of a wide range of technologies and document types
A “universal readership”
1990: first line browser
1992: a few browsers and 50 web sites
1993: Mosaic browser for X Windows at NCSA (UIUC), 500 web sites
Since 1994: more browsers, web sites, web servers, search engines
Click here
16
WWW Basics
–
–
–
–
–
–
–
–
–
–
Web sites: Web content providers
Web browsers
Hypertext Transfer Protocol (HTTP)
Hypertext Markup Language (HTML)
Uniform Resource Locator (URL)
Web navigation and search tools
Gateways to non-Web resources
XML (eXtended Markup Language)
XHTML (Extensible HyperText Markup Language)
…
17
What makes up a website?
Three main components to every website:
1. Web server (always-on program listening
for requests from web browsers)
2. Web objects (text and binary documents)
3. Web browser
– Not really part of a website—or is it?
– If a tree falls in a forest but nobody is around
to hear it, does it make a sound?
18
Web browsers
•
•
•
•
•
•
GUI, Client-Server application
Request content from web servers
Download and display content to user
First GUI browser
What browser do YOU use?
URL: Uniform/Universal Resource Locator
19
URL
• Format
protocol://host:port/path
• Protocol
http, https, ftp, telnet, etc.
• Host
IP address or name of server (DNS)
• Port
default: 80
• Path
Where to find the desired web object
20
HTTP
• Application-level protocol
• For collaborative, distributed, hypermedia
information systems
• Client-Server
• LOTC
Locate
Open
Transfer (request/response)
Close
21
HTTP
• Connection
• Request
URI
Method
GET, HEAD, POST, PUT, DELETE
Example: GET /index.html HTTP/1.1\r\n
• Server Response: 200, 403, 404, etc.
• Close
22
HTML
• Display data in browser using tags
• HTML History
• Patent
23
HTML
• If you don’t know HTML, don’t worry
• View page source
• You must teach yourself HTML
• Basic HTML elements
24
Non-Web Resources
• Legacy systems
• Databases
25
Advanced Web Technologies
•
•
•
•
•
CGI (Common Gateway Interface)
PHP
Java Applets
ASP.NET
…
26
WWW and Windows Programs
• Windows Program
Variables to keep track of state
• WWW and HTTP
Stateless
“Universal Readership”
• Web Applications
How to keep state information?
27
Program 1
Due 5:00 PM, Wednesday, September 9
28
Open Your Web Site on Xray
•
•
•
•
•
Start VS 2012
Open Web Site
Remote Site
https://xray.ion.uwplatt.edu/UserName
Login using your UWP UserName and
Password
• Make sure your in domain ION or
ION/UserName
• Do not try New Project or New Web Site!
29
Creating Folder
•
•
•
•
Solution Explore
Right Click on Web Site
New Folder
Prog1
30
Creating HTML Pages
•
•
•
•
Right click on Prog1
Add
HTML Page
Different Views
–
–
–
Design
Source: HTML code
Split
31