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: Undergraduate

• Programs: 200 points• Tests : 200 points

• Total : 400 points

3

Course Work: Graduate

• Programs: 200 points• Tests : 200 points• Project : 100 points

• Total : 500 points

4

Grading: Undergraduate Course Grade Points Percentage Grade Points A 368 - 400 92% 4.0 A- 356 - 367 89% 3.7 B+ 348 - 355 87% 3.3 B 328 - 347 82% 3.0 B- 316 - 327 79% 2.7 C+ 308 - 315 77% 2.3 C 288 - 307 72% 2.0 C- 276 - 287 69% 1.7 D+ 268 - 275 67% 1.3 D 240 - 267 60% 1.0 F below 240 0.0

No Curve5

6

Grading: GraduateGrade Total Points Percentage Grade Points A 460 - 500 92% 4.0 A - 445 - 459 89% 3.7 B + 435 - 444 87% 3.3 B 410 - 434 82% 3.0 B - 395 - 409 79% 2.7 C + 385 - 394 77% 2.3 C 360 - 384 72% 2.0 C - 345 - 359 69% 1.7 D + 335 - 344 67% 1.3 D 300 - 334 60% 1.0 F Below 300 0.0

No Curve!

Tests

• All Hands-on• Final Exam: Test 4• Graduating Senior: Must take Test 4

7

Syllabus

Any Questions?

8

9

What is a Computer?

Storage

CPU

MEMORY

Input Output

Network

10

Local Network at UWP

• File Server: J:\, S:\, K:\• Apps• Rights• …

Ull 213

Ull 006Res Hall

Bears Den

. . . Lab 206

11

The Internet

UWP

TownsvilleAustralia

SWUST

DarmstadtGermany

UW

. . . . . . . . . .

The Internet• A “network of networks”• Origins:

– Kleinrock (1960s): click here– ARPANET (1969): click here

• Core protocols: TCP/IP• Domain name system (DNS)

– Maps numeric “IP” addresses to “domain” names– 1982: HOSTS.TXT– Now: distributed, hierarchical database

12

13

TCP/IP

Transmission Control Protocol / Internet Protocol

Turing Award 2004 http://en.wikipedia.org/wiki/Turing_Award

14

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 ... • ...

15

Internet Applications

• Console Applications • GUI Applications

16

World Wide Web (WWW)• GUI Internet Application • Information Super High Way• Business• Household• HTTP: Hyper Text Transfer Protocol• HTTPS: Hyper Text Transfer Protocol Security• HTML: Hypertext Makeup Language• HTML5• W3C - World Wide Web Consortium

Application Protocols• HTTP

• HTTPS• SMTP• POP

• IMAP• FTP

• SOAP• …

All are based on TCP/IP17

18

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 browser1992: a few browsers and 50 web sites1993: Mosaic browser for X Windows at NCSA (UIUC), 500 web sitesSince 1994: more browsers, web sites, web servers, search engines

Click here

19

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) – …

What makes up a web site?

Three main components to every web site: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?

20

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

21

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

22

23

HTTP

• Application-level protocol• For collaborative, distributed, hypermedia

information systems• Client-Server• LOTC Locate Open Transfer (request/response) Close

24

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

25

HTML

• Display data in browser using tags• HTML History • Patent

26

HTML

• If you don’t know HTML, You must teach yourself HTML

• View page source

• Basic HTML elements

27

Non-Web Resources

• Legacy systems• Databases

Advanced Web Technologies

• CGI (Common Gateway Interface)• PHP• Java Applets• ASP.NET• …

28

29

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?

Program 1

Due 5:00 PM, Monday (Week 2)September 11, 2017

30

31

Create a Folder as Your Web Site

• On Local File System• Any Drive

– J: drive is my choice– USB drive– Lap top

• Create a folder as your Web site– Any name

• Example: J:\WebPro

MS Visual Studio• Every PC in Ullrich• Free Copy on your PC• Will receive email about it• Follow instructions to get your copy• Start VS 2015

– Sign in: (not now, maybe later)– Development Settings: Visual Basic– You are encouraged to use C#

32

33

Open Web Site on File System

• Start VS• Open Web Site• Do not try New Project or New Web Site!• File System• Select your Web site folder created earlier

– Example: J:\WebPro

34

Creating Folder

• Solution Explore• Right Click on Web Site• (Add)• New Folder• Prog1

35

Creating HTML Pages

• Right click on Prog1• Add• HTML Page• (Different Views)

– Design– Source: HTML code– Split– Not for HTML pages

36

Deploy Your Web Site on Alpha• Build• Publish Web App• Create a Profile

– Server: alpha.ion.uwplatt.edu– Site name: UserName– User name: ion\username– Destination: https://alpha.ion.uwplatt.edu/UserName/Prog1

• Validate Connection– Just once