konzultační hodiny: středa od 9:45-11:15 (předem napsat o konkrétním problému, který chcete konzultovat)

Transkript

1 konzultační hodiny: středa od 9:45-11:15 (předem napsat o konkrétním problému, který chcete konzultovat)

2 1. přednáška sítě, základní pojmy, internet webové služby, jazyk HTML, editory pro úpravu HTML ( ) 2. přednáška -HTML internet v cestovním ruchu, trendy, WEB 1.0, WEB přednáška - GIMP teoretický úvod, barvy, rozlišení atd. 4. přednáška - GIMP úprava fotografií 5. přednáška - využití výpočetní a komunikační techniky v cestovním ruchu 6. přednáška CRS

3 Počítačová síť je spojení dvou a více počítačů kabelem, telefonní linkou, optickým vláknem nebo jiným způsobem tak, aby spolu mohly vzájemně komunikovat.

4 Sdílení prostředků Pomocí sítě můžeme sdílet (společně používat) některá drahá zařízení, například tiskárny, skenery, optické mechaniky a podobně. Zařízení je tak v síti pouze jedno a nemusí se každému nakupovat zvlášť. Sdílení dat V počítačové síti může více uživatelů používat stejné programy a data umístěná na jednom místě. Tím, že jsou data v síti pouze jednou, jakákoliv změna se projeví všem uživatelům současně. V lokální (místní) síti můžeme také sdílet připojení k internetu přes jeden chráněný přítupový bod. Komunikace Počítačová síť nám umožňuje vzájemnou komunikaci pomocí elektronické pošty, chatu nebo ICQ. V součané době také narůstá IP telefonování, online sledování televize, webových kamer či rozhlasových pořadů.

5 Sítě LAN Jedná se o místní sítě (Local Area Network), která je umístěny v menší oblastích, například v bytě, v budově nebo v organizaci. Obvykle mívají rozsah několika desítek stanic. Sítě LAN velkých firem však mohou mít i několik stovek počítačů, případně mohou být rozděleny do několika vzájemně propojených podsítí. Místní sítě umožňují sdílení prostředků (v praxi většinou tiskáren) a dat. Sdílení dat, například firemní databáze je možné povolit i uživatelům mimo lokální síť a to většinou pomocí připojení k internetu. Příkladem může být firma provozující internetový obchod.

6 Síť MAN Jedná se o metropolitní síť (Metropolitan Area Network), která vytváří spojení na střední vzdálenosti obvykle v rámci jednoho města nebo městské části. Provozovatel této sítě zde obvykle poskytuje informace (data) související s danou lokalitou, například adresář místních firem, ordinační hodiny na zdravotním středisku, zprávy z regionu a podobně.

7 Síť WAN Globální počítačová síť (Wide Area Network) tvoří spojení mezi počítači, sítěmi a počítačovými uzly na velké vzdálenosti. Spojuje města státy a kontinenty. Umožněním veřejného přístupu k jednotlivým počítačům (serverům) v této síti a za pomoci vzájemně propojeného směrování je tvořena celosvětová síť internet.

8

9 Síť typu peer to peer Síť typu peer to peer znamená zapojení každý s každým. V takovéto síti není počítač typu server (viz dále). Podle zvolených přístupových práv mohou jednotliví uživatelé nahlížet do jiných počítačů v této síti a sdílet jejich data a prostředky. Výhodou této sítě jsou zejména nižší pořizovací naklady, dané nepřítomností obvykle drahého serveru a síťového operačního systému. Nevýhody sítě peer to peer jsou zejména ve sdílení prostředků a dat, které je podmíněno chodem počítače, na kterém jsou tato data umístěna. Rychlost přístupu k nim může být také ovlivněna momentálním vytížením daného počítače. Velkým nedostatkem je také to, že uživatelé mají svoje programy, data a nastavení k dispozici pouze na svém počítači. Protože nevýhody zapojení typu peer to peer převažují, je jejich použití omezeno zejména na malé domácí sítě nebo na spojení několika stanic například v rámci jedné kanceláře.

10 Síť typu klient server Co je to server? Server je výkonný počítač, který je určen k tomu, aby v počítačové síti obsluhoval klienty stanice. Jsou na něm například uloženy profily (nastavení) jednotlivých uživatelů, instalovány společně používané programy, nebo data. Server také obvykle zajišťuje sdílené připojení k wan síti (internetu), přiděluje IP adresy stanicím (IP adresa jedinečná identifikace počítače v síti) a centrálně zajišťuje ochranu před napadením (firewall). V síti typu klient - server je umístěn jeden nebo více serverů, které pracují v nepřetržitém provozu. Pro maximální využití síťových funkcí je na nich nainstalován speciální síťový operační systém, například Windows 2003 Server. Výhodou těchto sítí je zejména společné sdílení dat a prostředků a jejich centrální správa. Další z mnoha výhod je také nazávislost uživatele na konkrétní stanici uživatel má všude v síti k dispozici svoje nastavení a data.

11 Co je to topologie? Topologie sítě nám určuje vzájemné fyzické propojení počítačů v síti. Sběrnice (BUS) U topologie typu sběrnice je každý počítač napojený na přůběžné vedení sběrnici. Tento zastaralý způsob spojení má řadu nevýhod, především malou datovou propustnost a značnou poruchovost. Výhodou jsou nízké pořizovací náklady. Poznámka: Přítomnost či nepřítomnost serveru (architektura) nesouvisí s topologií sítě.

12 Kruh (ring) Topologie typu kruh je obdobou topologie sběrnice. Počítače jsou zapojené do kruhu a odpadají tak zakončovací prvky, které jsou u typu sběrnice nezbytné. Nevýhody jsou stejné, tedy nízká datová propustnost, poruchovost a kolize při přenosu.

13 Hvězda (star) U topologie hvězda jsou všechny počítače a síťová zažízení zapojeny do společného aktivního prvku hubu nebo modernějšího switche. Ke každé stanici vede samostatný kabel. Výhodou tohoto zapojení je rychlost a stabilita. Proto je to nejpoužívanější zapojení středních a velkých sítí. Nevýhodou může být vyšší cena.

14 WiFi Technologie WiFi pracuje v principu jako topologie hvězda s tím, že odpadá kabelové propojení a jednotlivé stanice v síti komunikují s centrálním prvkem pomocí radiových vln. Výhodou je snadná instalace bez nutnosti kabelových rozvodů. Nevýhodou je vysoká cena a nižší přenosová rychlost než při propojení kabelem.

15 Pasivní prvky sítě jsou ty, které se podílejí na přenosu, ale data žádným způsobem nemění ani neovlivňují. Kabely a přípojná místa UTP (Unshield Twisted Pair nestíněné kroucené páry) používá se u sítí topologie hvězda. Umísťují se většinou do lišt a směřují do společného zakončení patch panelu (vpravo). Koaxiální kabel používá se u sítí topologie sběrnice a kruh. Optické kabely používají se u vysokorychlostního propojení sítí typu WAN. U počítače je vedení zakončeno zásuvkou (vlevo). Stanice je se zásuvkou propojena patch kabelem, zakončeným na obou koncích konektorem RJ 45.

16 Aktivní prvky přenášená data mění, zesilují, směrují nebo jiným způsobem ovlivňují. HUB HUB je centrální prvek sítě topologie hvězda. Do něj se zapojují vedení (kabely) od jednotlivých stanic. Hub zajistí vzájemné propojení, ale nezná síťové adresy jednotlivých stanic. Po příjmu dat tzv. paketů (paket je obdoba poštovní obálky s daty) je hub rozešle do všech připojených stanic. Tím však neúměrně zvyšuje provoz na síti. Hub se proto hodí pouze do malých sítí. Původní výhodou byla nízká cena, ale v současné době je výhodnější používat modernější SWITCH.

17 SWITCH Také switch slouží k centrálnímu propojení počítačů v síti. Na rozdíl od hubu však zná síťové adresy všech připojených počítačů. To mu umožňuje po identifikaci adresy na paketu přepnout (proto switch = přepínač) na příslušnou větev vedení, na které je počítač připojen. Použití switche proto urychluje přenos a značně zvyšuje datovou propustnost sítě. 24 portový switch Malý 5 portový switch pro domácí použití, nebo malé sítě.

18 Router Úkolem routeru (směrovače) je zajistit spojení z vnitřní sítě (LAN) do vnější, většinou do internetu. Router však může zajistit i propojení mezi několika sítěmi, například v rámci jedné firmy. Funkce, kterou obvykle plní router v síti se nazývá GATE (brána). WiFi Router umožňuje bezdrátové připojení k internetu ADSL Router umožňuje připojení lokální sítě k internetu pomocí linky ADSL.

19 Bridge Bridge (most) je méně obvyklý aktivní prvek, který slouží k propojení sítí (nebo segmentů sítí) s rozdílnou topologií. V běžných lokálních sítích se s ním pravděpodobně nesetkáte. Repeater Také repeater (opakovač) patří k prvkům, které se vyskytují hlavně v sítích WAN. Jeho úkolem je obnovení a zesílení digitálního signálu, který je oslaben útlumem velmi dlouhého vedení obvykle stovek metrů.

20 počítač musí obsahovat sítovou kartu hardwarové zařízení pro připojení k síti počítač musí mít operační systém podporující práci v síti s nainstalovaným protokolem TCP/IP. počítač musí mít přidělenou síťovou adresu IP adresa = 32 bitové číslo, které se nikde v síti nesmí opakovat. Tuto adresu nastaví administrátor sítě, nebo ji automaticky přiděluje server. Uživatel musí mít uživatelský účet, který povoluje přístup do sítě. Účet vytváří administrátor, který současně nastavuje přístupová práva k síťovým prostředkům. Síťová karta

21 Síťová architektura ( dělat Vrstvový model (říká, co se má kde rozdělení problému na dílčí úlohy, o které se starají jednotlivé vrstvy definuje rozhraní vrstev ( dělat Protokol (říká, jak se má co souhrn pravidel a technologií pro vzájemnou komunikaci je specifický pro konkrétní vrstvu definuje přesný formát dat

22

23

24 Internet je souborem technických prostředků umožňující šířit data v elektronické podobě po celém světě, a to bez omezení typu a obsahu. Internet je celosvětový systém navzájem propojených počítačových sítí ( síť sítí ), ve kterých mezi sebou počítače komunikují pomocí rodiny protokolů TCP/IP. Společným cílem všech lidí využívajících Internet je bezproblémová komunikace (výměna dat). Internet je komunikační prostor pro výměnu, získávání a publikování informací, bez ohledu na jejich původ, formu či jazyk. Internet - množina propojených sítí (TCP, UDP, IP) WWW množina propojených dokumentů a dalších zdrojů (hyperlink, URL)

25 Internet -je vlastní jméno celosvětové, informační a komunikační sítě internet - je název technologicky propojené počítačové sítě (internet, podnikový intranet, extranet atd.) server: počítač, program, který informace poskytuje (webový server, poštovní server) klient: počítač, program, který informace požaduje (získává) (webový klient, prohlížeč, poštovní klient)

26 1957: založena agentura ARPANET (Advanced Research Projects Agency Network) založení organizace pro výzkum aplikovatelný v armádě, reakce na Sputnik, přejmenováno na DARPA (Defense ARPA) 1969: ARPANET první experimentální síť 1973: protokol TCP (V. Cerf) protokol pro propojení více síti 1979: Usenet civilní síť určená především pro výzkumníky, diskuzní skupiny 1983: rozdělení ARPANETu na civilní a vojenskou větev (MILNET) 1985: NSFNET nevojenská organizace National Science Foundation (první komerční služby) 1987: vzniká pojem Internet

27 1989 Tim Berners-Lee publikuje návrh vývoje WWW 1990 Tim Berners-Lee a Robert Cailliau publikují koncept hypertextu 1990 končí ARPANET 1991 nasazení WWW v 1993 Marc Andreessen vyvíjí Mosaic, první WWW prohlížeč, a dává ho zdarma k dispozici 1994 Internet se komercionalizuje milionů uživatelů milionů uživatelů milionů uživatelů 2009 více než miliarda uživatelů

28 1989: možnost připojení k celosvětové síti 1990: EUNet (European Unix Network) a EARN (European Academic and Research Network) 1990: ČVUT připojena k síti EARN 1992: CESNET (Czech Educational and Scientific Network) 1994: CESNET působí i mimo akademickou půdu 1995: končí monopol EUROTELU (NIX.CZ) cena pro ziskové organizace ,-(9,6 kbps) ,-(64kbps) 2002 CESNET 2 GÉANT 2 projekt mezinárodní sítě (10Gbitů/s)

29 CESNET2 je národní vysokorychlostní počítačová síť určená pro vědu, výzkum, vývoj a vzdělávání. Její páteř propojuje největší univerzitní města české republiky okruhy s vysokými přenosovými rychlostmi. Uživateli sítě jsou především vysoké školy, Akademie věd české republiky, ale i některé střední školy, nemocnice či knihovny. GÉANT je páteřní evropská síť propojující národní a regionální sítě pro vědu a výzkum a zajišťující jim přístup k ostatnímu Internetu. V podstatě se jedná o protipól amerického projektu Internet 2. CESNET2 je jednou z členských sítí GÉANT.

30

31 Protokol TCP/IP (Transmission Control Protocol/Internet Protocol) základní standart pro komunikaci počítačů v sítích IP adresa: jedinečný identifikátor zařízení připojeného do sítě až nastavuje se ručně(statická) nebo se o její přidělení postará server DHCP (dynamická) Server DNS (Domain Name Server)poskytuje překlad IP adresy na doménovou adresu a naopak

32 protokol://server:port/adresář/dokument.přípona protokol: komunikační protokol, který se bude používat server: IP adresa, nebo doménové jméno zařízení, ke kterému se chceme připojit (často bývá před serverem uvedena webová služba WWW) port: nepovinný údaj ( např. číslo 80 - webové služby) adresář: složka (rozlišují se velká a malá písmena) dokument.přípona: požadovaný dokument (např. index.html)

33 protokol TCP/IP slouží především ke komunikaci mezi jednotlivými počítači programy (webový prohlížeč, ový komunikaci používají vlastní protokoly klient) ke HTTP (HyperText Transfer Protocol) a HTTPS (Secure HTTP) FTP File Transfer Protocol FTPS (Secure FTP)šifrované spojení SMTP (Simple Mail Transfer Protocol) pro přenos e- mailových zpráv POP3 (Post Office Protocol) stažení pošty ze serveru ke klientovi IMAP4 moderní protokol, stahuje pouze hlavičky zpráv

34 IRC (Internet Relay Chat) ICQ (I Seek You), MSN Messenger, AIM (AOL Instant Messenger), Yahoo! Messenger IP telefonie,videokonference gopher: předchůdce WWW, vyhledávání informací pomocí textových nabídek news: celosvětový systém diskusních skupin

35 WWW World Wide Web, soustava navzájem propojených hypertextových dokumentů, zpřístupnění textu a multimediálního obsahu nejrozšířenější služba na internetu (použití protokolu HTTP a HTTPS) WWW prohlížeč (browser): Internet Explorer, Mozilla Firefox, Opera využívá skriptovací jazyk HTML (XHTML) moderní WWW stránky oddělují obsah od formátu pomocí CSS (Cascading Style Sheets)

36 Statický web- informace bez změny uloženy a prezentovány Dynamický web - informace se mění (jsou generovány) na základě požadavků (parametrů) a to jak na straně klienta, tak na straně serveru

37 HTML- Hypertext Markup Language, je značkovací jazyk pro hypertext. Tim Berners-Lee práce na propojeném informačním systému pro CERN (výzkumné centrum fyziky poblíž Ženevy ve Švýcarsku). V roce 1990 byl navržen jazyk HTML a protokol pro jeho přenos v síti - HTTP (HyperText Transfer Protocol - přenosový protokol hypertextu). V roce 1991 CERN zprovoznil svůj web. Současně byl v roce 1993 vyvinut první grafický prohlížeč Mosaic. (původně pouze textový prohlížeč) V současné době ve verzi HTML 5.0 (konsorcium W3C)

38 webový prohlížeč (browser) zasílá požadavek(request) na server server, pokud požadovaným textem disponuje zasílá jako odpověď (RESPONSE) zdrojový kód stránky webový prohlížeč překládá zdrojový kód stránky do vizuální podoby zdrojový kód je prostý text, kombinace HTML značek a normálního textu

39 zápis tagu HTML <font color="red" size="4>červený text </font> < začátek a konec tagu > název tagu font atribut color - může být více hodnota atributu red celý tag se nazývá element párové tagy - má začátek a konec tagu <a> a </a> nepárové tagy - má pouze začátek <br>

40 Vnořování tagů <b><i>tučná kurzíva</i></b> Nekřížit tagy <b><i>tučná kurzíva</b></i> HTML je jazyk non-case-senzitive (nezáleží na velikosti písmen v názvech tagů a atributů <B>; <b>; <FONT>;<Font> Jako mezera je chápán: konec řádku tabulátor několik mezer

41 ENTITY Pevná mezera ( ) znak < < znak < > Uvozovky v hodnotách atributů je rozumné psát: <font color=red> <font face=times New Roman> <font face= Times New Roman > Komentáře: <!-- -->

42 Úprava textu Fyzické formátování jak má text vypadat Logické formátování - vymezuje význam elementu

43 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <title></title> </head> <body> </body> </html>

44 DTD Striktní (Strict) Přechodová (Transitional) Rámce (Frameset) Kódování Windows-1250 (používaná v českých Windows ISO v Linuxu UTF-8 - vícejazyčné dokumenty a stránky obsahující zvláštní znaky nepodporované předchozími

45 Strukturní editory (PSPad, HomeSite, HTML-Kit, Emacs, Vim, 1stPage, Golden HTML, NotePad, UltraEdit) WYSIWYG editory Wysiwyg je anglická zkratka, která znamená What you see is what you get, tedy co vidíš, to dostaneš. (problematické vytvořit validní HTML kód) Konvertory MS Word, MS Excel, nepoužívat! Validátory: -

46 <form method=" post" enctype="text/plain"> Text:<input type="text" size="20"> <input type="button" value="odešli"> </form> Odeslání formuláře: em- nespolehlivé přes cizí skript - (služba cizích webů) Zpracování skriptem (PHP, JAVASCRIPT)

47 Vkládání miniaplikací do WWW stránek Chat, počítadla návštěvnosti, ankety atd (např.

48 CSS Cascading Style Sheets ("kaskádové styly ) vzniklo někdy kolem roku Je to kolekce metod pro grafickou úpravu webových stránek. Trojí použití CSS Přímý zápis Stylopisem Externím CSS souborem

49 <p style="color: red">tento odstavec bude červený.</p>

50 Do hlavičky dokumentu se napíše stylopis uzavřený mezi tagy <style></style>: <style> p {color: red} </style> a do těla stránky se mohou psát odstavce: <p>červený. </p> <p>červený</p>

51 Vytvoří se soubor, který se pojmenuje třeba styly.css. V něm bude pouze tento text: p {color: red} Do hlavičky html dokumentu, který chci stylem ovlivnit, musím napsat odkaz na tento soubor: <link rel="stylesheet" type="text/css" href="styly.css"> V těle dokumentu pak budou opět všechny odstavce červené.

52 V přednášce jsou hojně použity informace ze serveru: (který také doporučuji pro detailnější seznámení s danou problematikou)