→ Slide 1 no-footer

2. lekce - WWW stránky, webserver, komunikace server-client

→ Slide 2

Komunikace client - server

↓ Slide 3

↓ Slide 4

Architektura klient - server

klient–vstupní bod do internetu: PC, notebook, mobil…
server–obsluhuje požadavky uživatele, zasílá požadované informace atd.
data a výpočetní výkon jsou distribuovány po síti
klient vyšle požadavek, server odpovídá

↓ Slide 5

Typy klienta

tlustý klient –obvykle rozsáhlá aplikace nebo softwarový balík
- většina dat je umístěna lokálně
- většina výpočetního výkonu je soustředěna na straně klienta
tenký klient –malá rychlá aplikace (např. browser)
- většinu počítání nechává na serveru, zobrazuje pouze výsledky

↓ Slide 6

TCP/IP (opakování)

↓ Slide 7

↓ Slide 8

IP adresa (opakování)

Číslovaný seznam jednoznačně identifikuje zařízení v počítačové síti
IPv4:
- doposud stále nejrozšířenější verze
- adresou je 32bitové číslo zapisované po jednotlivých bajtech (celkem 4 294 967 296 možností)
- např. 158.196.128.1
IPv6:
- nová verze řešící problémy s nedostatkem adres a bezpečností
- adresou je 128bitové číslo zapisované jako osm skupin po čtyřech hexadecimálních číslicích
- např. 2001:0718:1c01:0016:0214:22ff:fec9:0ca5

↓ Slide 9

DNS

www.wikipedia.org < = > 91.198.174.192
www.skolakrizik.cz < = > 81.31.35.118
www.seznam.cz < = > 77.75.75.172 | 77.75.75.176
Seznam kořenových serverů

↓ Slide 10

→ Slide 11

Webserver

Počítač, který je odpovědný za vyřizování požadavků HTTP od klientů (nejčastěji webových prohlížečů). Vyřízením požadavků se rozumí odeslání cíle specifikovaného URL (typicky webová stránka, ale též statický text, obrázek či jiný soubor). Webové stránky jsou obvykle dokumenty v jazyku HTML.
Počítačový program, který provádí činnosti popsané v předchozím bodě (daemon).
- Apache
- Nginx
- IIS
- …

↓ Slide 12

↓ Slide 13

↓ Slide 14

HTTP(S)

protokol pro přenos stránek mezi webovým serverem a prohlížečem
protokol funguje způsobem dotaz-odpověď
uživatel (pomocí internetového prohlížeče) pošle serveru dotaz ve formě holého textu, obsahujícího označení požadovaného dokumentu
server následně odpoví pomocí několika řádků textu, popisujících výsledek dotazu (zda se dokument podařilo najít nebo ne apod.)
hned potom následuje tělo požadovaného dokumentu

↓ Slide 15

HTTP Request

GET /hello.htm HTTP/1.1
User-Agent: Mozilla/4.0 (compatible; MSIE5.01; Windows NT)
Host: www.tutorialspoint.com
Accept-Language: en-us
Accept-Encoding: gzip, deflate
Connection: Keep-Alive

↓ Slide 16

HTTP response

HTTP/1.1 200 OK
Date: Mon, 27 Jul 2009 12:28:53 GMT
Server: Apache/2.2.14 (Win32)
Last-Modified: Wed, 22 Jul 2009 19:15:56 GMT
Content-Length: 88
Content-Type: text/html
Connection: Closed
 
<html>
<body>
<h1>Hello, World!</h1>
</body>
</html>

↓ Slide 17

HTTP Metody

metoda GET

/test/demo_form.php?name1=val1&name2=val2

metoda POST

 
POST /test/demo_form.php HTTP/1.1
Host: w3schools.com
name1=value1&name2=value2

↓ Slide 18

URL

řetězec znaků identifikující abstraktní nebo fyzický zdroj
identifikuje zdroje na základě jejich síťové lokace
zjednodušený
```
protokol://host/cesta
```

kompletní

protokol://uzivatel:heslo@host:port/cesta?parametry#odkaz

→ Slide 19

www stránky

WorldWideWeb

provázaná síť dokumentů na Internetu:
- statické dokumenty (zobrazeny bez změny vždy stejně).
- dynamické dokumenty (vytváří se podle určených parametrů a požadavků uživatele)
Internet Live Stats

↓ Slide 20

Vrstvy webové stránky

Struktura
- (X)HTML
Prezentační vrstva
- CSS
Vrstva chování
- klientské skriptovací jazyky
  - JavaScript
- serverové skriptovací jazyky
  - PHP
  - JAVA
  - Python
  - …

↓ Slide 21

Internetové prohlížeče

Google Chrome
Safari
Mozilla Firefox
Samsung Internet
Edge Legancy
Používanost internetových prohlížečů

Notes