Opory - Miroslav Langer

Transkript

Algoritmy a programovaní IV
Studijní opory
2010
Mgr. Miroslav Langer
Anotace předmětu:
Síť Internet - historie, struktura, služby. Prohlížeče Internetu, editory
Internetových stránek. Jazyk Html - syntaxe jazyka, základní struktura html
dokumentu, propojení dokumentů, styly písma,
vkládání seznamů, tabulek.
Vytváření rámců. Jazyk Javascript - syntaxe jazyka. Komentáře, proměnné,
výrazy a jejich hodnoty. Příkazy a operátory. Řídící struktury. Funkce. Události
a akce. Objekty. Jazyk Java - syntaxe jazyka, základní datové typy. Třídy a
strukturované datové typy, pole. Příkazy jazyka Java. Kompilátory jazyka Java.
Tag Applet. Srovnání technologií a prostředků jazyků JavaScript a Java.
1. Síť Internet
•
Historie (zdroj http://cs.wikipedia.org/wiki/Internet)
o 1962 – vzniká projekt počítačového výzkumu agentury ARPA
o 1969 – vytvořena experimentální síť ARPANET, první pokusy (2. září) s
přepojováním uzlů (čtyři uzly)
o 1972 – ARPANET rozšířena na cca 20 směrovačů a 50 počítačů, použit
protokol NCP (Network Control Program)
o 1972 – Ray Tomlinson vyvíjí první e-mailový program
o 1973 – zveřejněna idea vedoucí později k TCP/IP jako náhrady za stávající
protokol NCP
o 1980 – vydáno RFC 760, které popisuje IPv4, experimentální provoz TCP/IP v
síti ARPANET
o 1983 – z ARPANETu oddělena síť MILNET (Military Network), TCP/IP
přeneseno do komerční sféry (Sun), zavedeno DNS (Domain Name System)
o 1984 – vyvinut program BIND pro DNS, k Internetu připojeno pouhých 1000
počítačů
o 1985 – zahájen program NSFNET, sponzoruje rozvoj sítě ve výši 200 mil.
dolarů, první komerční služby
o 1987 – vzniká pojem „Internet“
o 1987 – v síti je propojeno 27 000 počítačů
o 1989 – V evropské laboratoři CERN Tim Berners-Lee publikuje návrh vývoje
WWW (Information Management: A Proposal)
o 1990 – Tim Berners-Lee a Robert Cailliau publikují koncept hypertextu
o 1990 – končí ARPANET
o 1991 – nasazení WWW v evropské laboratoři CERN
o 1992 – připojen Bílý dům (vstup vládních institucí na Internet), připojena
Česká Republika (VŠCHT v Praze)
o 1993 – Marc Andreessen vyvíjí Mosaic, první WWW prohlížeč, a dává ho
zdarma k dispozici
o 1994 – vyvinut prohlížeč Netscape Navigator
o 1994 – Internet se komercionalizuje
o 1996 – 55 milionů uživatelů
o 1999 – rozšiřuje se Napster
o 2009 – 1,8 miliardy uživatelů
•
Struktura
o LAN
o MAN
o WAN
•
Služby
o Usenet/Newsgroups
o IRC (Internet Relay Chat)
o FTP (File Transfer Protocol)
o Gopher
o E-mail
o Telnet
o WWW (World Wide Web také zkráceně web)
o HTTP (HyperText Transfer Protocol)
•
Prohlížeče Internetu
o MS Internet Explorer
o Mozilla Firefox
o Opera
o Netscape Navigátor
o Safari
o Gogole Chrome
•
Editory Internetových stránek
o WYSIWYG
o WYSIWYM
o Strukturní editory
o Macromedia Dream Viewer
o Macromedia HomeSite
o Front Page
o Adobe GoLive
o Nvu
o HTMLPad
o PSPad
o Rapid PHP Editor
o Easy Web Editor
o NoteTab Pro
o Actual Drawing
o AceHTML Pro
o TOWeb
o StudioLine Web
o PHP Designer Personal
o WYSIWYG Web Builder
o CKEditor
Kontrolní otázka:
•
Popište strukturu internetu.
•
Rozdíly prohlížečů.
•
WYSIWYG.
•
WYSIWYM.
•
Strukturní editory.
2. Jazyk Html
•
Syntaxe jazyka
o Struktura dokumentu
o Tagy

Párové

Nepárová
o Vnořování tagů

Zákaz křížení
o Case sensitivita

Non-case-sensitive
o Mezery v kódu
o Entity
o Uvozovky u atributů
•
Základní struktura html dokumentu
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Final//CZ">
<HTML>
<HEAD>
<TITLE> </TITLE>
<META>
</HEAD>
<BODY>
</BODY>
</HTML>
•
Propojení dokumentů
o CSS
o Skripty
o Odkazy
•
Styly písma
o Fyzické formátování

b - tučné písmo

i - kurzíva

u - podtržení textu

sub - dolní index

sup - horní index

small - zmenšení textu

big - zvětšení písma

s - přeškrtnutý text

strike - přeškrtnutý text

font - písmo

basefont - základní font

blink - blikání písma

nobr - nezalamovat obsah
o Logické formátování
•

span - úsek textu

strong - zvýraznění (tučně)

em - zvýraznění (kurzíva)

cite - citace

code - výpis kódu

dfn - nově použitý termín

kbd - vstup z klávesnice

samp - ukázka

tt - teletype

var - formátování proměnné

abbr - ustálený výraz

acronym - zkratka

del - smazaný obsah

ins - přidaný text

q - citace
Vkládání seznamů, tabulek
o Seznamy

li - položka seznamu

ol - číslovaný seznam

ul - odrážkový seznam

dir - zvláštní druh seznamu

menu - typ seznamu

dl - seznam definic

dt - definovaný termín

dd - definice termínu
o Tabulky
•

table - tabulka

tr - řádek tabulky

td - buňka tabulky

th - hlavičková buňka tabulky

caption - hlavička tabulky

col - ovlivnění sloupce tabulky

colgroup - skupina sloupců tabulky

tbody - tělo tabulky

thead - hlavička tabulky

tfoot - patička tabulky
Vytváření rámců
o form - formulář
o input - vstupní pole
o select - výběrové pole
o option - volba
o textarea - velké vstupní pole
o label - popis pole
o fieldset - skupina polí
o optgroup - skupina voleb
o legend - popis pole
o button – tlačítko
Kontrolní otázky:
•
Struktura HTML dokumentu.
•
Fyzické a logické formátování textu.
•
Seznamy a tabulky.
•
Rámce.
3. Jazyk Javascript
•
Syntaxe jazyka
o Středník na konci příkazu
o Case-sensitive
o Řetězce v uvozovkách
o Escape sekvence
o Logické hodnoty
o Objekty a jejich metody a vlastnosti se oddělují tečkami
o Programové sekvence uzavřené ve složených závorkách {}
•
Komentáře
o Jednořádkový

//
o Víceřádkový

•
Uvozený mezi /* */
Proměnné
o Klíčové slovo var
o Netypové proměnné
•
Výrazy a jejich hodnoty
o Operátory přiřazení - číslo
o Aritmetické - číslo
o Bitové
o Logické - true nebo false
o Porovnávací
o Řetězcové - znakový řetězec
o Speciální
•
Příkazy a operátory
o Příkazy

Výraz

Složený příkaz

Komentáře

Rozhodovací struktury

Cykly

Modifikace cyklů
•
Break
•
Continue

Label

With

Funkce

Export, import

Ovladače

Ošetření události

Hlášky

Objektový model
•
Objekty
•
Metody
•
Události
o Operátory
•

aritmetické

řetězcové

logické

bitové

přiřazení

porovnávající

speciální
Řídící struktury
o If
o While
o Switch
•
Funkce
o Function
o Return
o Volání funkce
•

Argumenty funkce

Přetěžování
Události a akce
o Události okna a dokumentu
o Události myši
o Události klávesnice
o Události formuláře a formulářových polí
o Další události
o Akce – reakce na událost
•
Objekty
o K adresování se používá tečková syntaxe

Podobjekt
•

Vlastnost
•

objekt.podobjekt
objekt.vlastnost
Metoda
•
objekt.metoda()
o Objekt window
o Metody objektu window
o Objekt window.event
o Objekt document
o Objekt String
o Objekt Date
o Objekt Math
Kontrolní otázky:
•
Syntax jazyka JavaScript.
•
Větvení v JS.
•
Události JS.
•
Adresování objektů.
•
Objekty používané a dostupné v JS.
4. Jazyk Java
•
Syntaxe jazyka
o Program
o Typy
o Podmínky
o Cykly
o Výjimky
o Třídy
o Odvozené třídy
o Interface a balíčky
o Vlákna a synchronizace
o Collections
•
Základní datové typy
o byte - celé číslo
o short - celé číslo
o int - celé číslo
o long - celé číslo
o float - reálné číslo
o double - reálné číslo
o char - znak UNICODE
o boolean - logická hodnota
•
Třídy a strukturované datové typy
o Třída

Soubor vlastností objektu, který do ní náleží
o Objekt
o Pole
•
Pole
o Operátor new

•
Např.: int[] pole = new int[100]
Příkazy jazyka Java
o Prázdný příkaz
o Výrazový příkaz
o Složený příkaz (blok)
o Deklarace lokálních proměnných
o Návěští
o if
o switch
o while
o do
o for
o break
o continue
o return
o throw, try, catch, finally
o synchronized
•
Kompilátory jazyka Java
o Java Virtual Machina – JVM
o Just In Time – JIT
•
Tag Applet
o Slouží pro vkládání Java appleltů do HTML dokumentu
o Dnes nahrazen tagem <object>
•
Srovnání technologií a prostředků jazyků JavaScript a Java
o Podpora Javascriptu v prohlížečích

Pouze skriptovací jazyk použitelný pouze v HTML prohlížeči

Uživatel může JavaScript zakázat

Existují různé odlišné verze jazyka i prohlížečů, což vede k častým
hybám.

Neumí přistupovat k souborům (kromě cookies) ani k žádným
systémovým objektům.

Neumí žádná data uložit (kromě cookies).
o Java

Do HTML dokumentu se vkládá pomocí Appltu

Samostatný programovací jazyk

Nutnost instalovat JRE do prohlížeče

Lepší interaktivita vůči uživateli

Dnes na nahrazován flashem
Kontrolní otázky:
•
Datové typy Javy.
•
Větvení programu.
•
JIT.
•
Třídy a objekty.
•
Java applet.
Literatura:
1. www.java.sun.com – server firmy SUN.
2. www.java.cz – autorizované Java centrum ČR.
3. www.dione.zcu.cz/java – programátorská dokumentace jazyka Java.
4. Campione, M. - Walrath, C.: The Java Tutorial. JavaSoft, 1997
5. Flanagan, D.: Programování v jazyce JAVA. Computer press, 1997
6. Gosling, J. - Joy, B. - Steele, G.: Java Language Specification 1.0. Sun
Microsystems Inc., 1996
7. Sun, Inc.: JDK 1.1.3 Documentation. Sun Microsystems, Inc. 1997
8. Kramer, D.: The Java Platform, A White Paper. Sun Microsystems, Inc. 1996
9. David Flanagan: JavaScript Kompletní průvodce. Computer press, a.s., 2002