Size: 2576
Comment:
|
Size: 8328
Comment:
|
Deletions are marked like this. | Additions are marked like this. |
Line 3: | Line 3: |
2009/2010 -- zimný semester | 2011/2012 -- zimný semester = Domáce zadanie na 1. cviko = [[attachment:cviko1.pdf]] = Zadanie na 2. cviko = [[attachment:zadanie2.pdf]] = Zadanie na 3. cviko = <<Pozor>> 3. zápočtové cviko bude dňa 13.12.2011. Dostanete nejaké HTML a obrázok a Vašou úlohou bude napísať CSS tak, aby sa vykreslilo približne tak, ako je na obrázku. <<Pohov>> <<Pozor>> Náhradné zápočtové cviko (pre tých, čo boli chorí na niektorom z normálnych zápočtových cvičení) bude v piatok 16.12.2011, čas bude špecifikovaný neskôr. <<Pohov>> <<TableOfContents()>> |
Line 8: | Line 32: |
=== Konzultácie === Pondelok 16:00 -- 17:00 == Oznamy == <<Pozor>> Druhé skúšobné počítačové cvičenie bude 28.11.2011. Budete písať cgi skript, ktorý bude mať za úlohu zobrazenie nejakého webového formulára, načítanie údajov z neho a uloženie údajov v textovej podobe do nejakého súboru na disku. Spôsob fungovania má byť taký, ako bolo odprednášané: zobrazenie prázdneho formulára v GET vetve a spracovanie údajov v POST vetve toho istého skriptu. Môžete a máte používať modul `cgi`. V repozitári je niekoľko skriptov vypisujúcich a spracujúcich formuláre, skript `sincos.py` z prednášky som dotiahol do konca. Na cvičení vám potom budem špecifikovať formulár a požadovaný tvar, v ktorom treba zapísať údaje. <<Pohov>> |
|
Line 21: | Line 64: |
* Šablónové jazyky | * !JavaScript, AJAX |
Line 30: | Line 74: |
1. David Gourley, Brian Totty, Marjorie Sayer, Anshu Aggarwal, Sailu Reddy, et al., ''HTTP: The Definitive Guide'', O'Reilly (2002) 1. David Flanagan, ''!JavaScript: The Definitive Guide'', O'Reilly Media, Inc.; 5th edition (2006) |
|
Line 34: | Line 80: |
1. HTML and CSS Tutorials, References, and Articles, http://htmldog.com/ 1. Jak psát web, http://www.jakpsatweb.cz/ 1. Color scheme designer, http://colorschemedesigner.com/ 1. Selectutorial: CSS selectors, http://css.maxdesign.com.au/selectutorial/ 1. Allowed nesting of elements in HTML 4 (and XHTML 1.0), http://www.cs.tut.fi/~jkorpela/html/nesting.html 1. The W3C Markup Validation Service, http://validator.w3.org/ 1. The W3C CSS Validation Service, http://jigsaw.w3.org/css-validator/ 1. CSS Zen Garden, http://www.csszengarden.com/ 1. Mercurial SCM, http://mercurial.selenic.com/ 1. Mercurial: The Definitive Guide by Bryan O'Sullivan, http://hgbook.red-bean.com/ == O mercuriali == [[mercurial]] |
|
Line 39: | Line 98: |
* Dve zápočtové cvičenia vypracované ako rozšírenie domácich zadaní | * Tri zápočtové cvičenia vypracované ako rozšírenie domácich zadaní |
Line 42: | Line 101: |
* Jedno domáce zadanie z web dizajnu a šablón == Témy na skúšku == |
* Jedno zápočtové cvičenie z CSS == Výsledky == [[/Vysledky]] == Témy jednotlivých prednášok == |
Line 62: | Line 126: |
== Šablóny programov == |
1. Aplikačné protokoly a. Základy fungovania DNS, SMTP a. Protokol HTTP 1. HTML a CSS a. XHTML 1.0 a. Štylizácia HTML pomocou kaskádových štýlov 1. Dynamický web a. Základné princípy dynamického webu a. CGI 1. Pokročilé aspekty HTTP a. Autorizácia (Basic) a. Cookies 1. Web 2.0 a. !JavaScript cez jquery a. Techniky AJAX == Skúška == 1. "Teoretická otázka", vysvetliť dôležité aspekty niektorej z týchto tém. a. IP protokol - adresácia, smerovanie a. TCP a UDP protokol, spoločné vlastnosti, rozdiely, spôsob použitia v programoch -- sockety. a. Princípy fungovania TCP protokolu, emulácia spoľahlivého spájaného prenosu cez IP. a. HTTP protokol - základy. a. CGI skripty - spôsob fungovania, použitie s HTML formulármi. a. Pokročilé aspekty HTTP - cookies, autorizácia. 1. Budem chcieť navrhnúť a ústne obhájiť nejaký aplikačný protokol. Podrobnosti toho, ako si to predstavujem, poviem na prednáške. === Príklad zadania na skúšku z roku 2010 === [[attachment:skuska_2010.pdf]] == Zadania na cviko == == Šablóny programov, programy, html a css súbory == Na bitbucket.org: http://bitbucket.org/gjenca/python_vyuka_public/ . === Stiahnuť všetko naraz ako zip === http://bitbucket.org/gjenca/python_vyuka_public/get/tip.zip alebo (s inštalovaným mercurialom) príkazom {{{ hg clone http://bitbucket.org/gjenca/python_vyuka_public/ }}} Ak už máte raz stiahnuté dáta pomocou {{{hg clone}}}, stačí už len v adresári projektu napísať {{{ hg pull hg update }}}. V prípade, že sa mercurial pri príkaze {{{update}}} sťažuje na konflikty, znamená to, že ste niečo zmenili v pracovnom adresári. Vtedy treba napísať {{{ hg update -C }}} === TCP/UDP klient/server === |
Line 71: | Line 194: |
=== Sumátor klient a server === || Sumátor server || http://bitbucket.org/gjenca/python_vyuka_public/raw/tip/tcp_sumator_server.py || || Sumátor klient || http://bitbucket.org/gjenca/python_vyuka_public/raw/tip/tcp_sumator_client.py || === Jednoduchý HTTP server === || Jednoduchý HTTP server || http://bitbucket.org/gjenca/python_vyuka_public/raw/tip/http_server.py || === CGI skripty === || Testovací bez CGI modulu || http://bitbucket.org/gjenca/python_vyuka_public/raw/tip/cgiserver/cgi-bin/test.py || || Testovací s CGI modulom || http://bitbucket.org/gjenca/python_vyuka_public/raw/tip/cgiserver/cgi-bin/test2.py || || Vypisovanie a spracovanie formulára || http://bitbucket.org/gjenca/python_vyuka_public/raw/tip/cgiserver/cgi-bin/form.py || || Vypisovanie a spracovanie formulára - matematika || http://bitbucket.org/gjenca/python_vyuka_public/raw/tip/cgiserver/cgi-bin/matika.py || || Vypisovanie a spracovanie formulára - sin a cos || http://bitbucket.org/gjenca/python_vyuka_public/raw/tip/cgiserver/cgi-bin/sincos.py || === XHTML stránky === || Stránka so základnými XHTML elementami || http://bitbucket.org/gjenca/python_vyuka_public/raw/tip/simple2.html || || Stránka pre skúšanie CSS || http://bitbucket.org/gjenca/python_vyuka_public/raw/tip/pagelayout.html || || Minimálna stránka || http://bitbucket.org/gjenca/python_vyuka_public/raw/tip/kostra.html || ## == Odovzdávanie programov == ## [[/OdovzdavanieProgramov | Stránka pre odovzdávanie programov ]] |
Počítačové siete
2011/2012 -- zimný semester
Domáce zadanie na 1. cviko
Zadanie na 2. cviko
Zadanie na 3. cviko
![]() |
3. zápočtové cviko bude dňa 13.12.2011. Dostanete nejaké HTML a obrázok a Vašou úlohou bude napísať CSS tak, aby sa vykreslilo približne tak, ako je na obrázku. |
![]() |
Náhradné zápočtové cviko (pre tých, čo boli chorí na niektorom z normálnych zápočtových cvičení) bude v piatok 16.12.2011, čas bude špecifikovaný neskôr. |
Contents
Vyučujúci
Gejza Jenča gejza.jenca@stuba.sk
Konzultácie
Pondelok 16:00 -- 17:00
Oznamy
![]() |
Druhé skúšobné počítačové cvičenie bude 28.11.2011. Budete písať cgi skript, ktorý bude mať za úlohu zobrazenie nejakého webového formulára, načítanie údajov z neho a uloženie údajov v textovej podobe do nejakého súboru na disku. Spôsob fungovania má byť taký, ako bolo odprednášané: zobrazenie prázdneho formulára v GET vetve a spracovanie údajov v POST vetve toho istého skriptu. Môžete a máte používať modul cgi. V repozitári je niekoľko skriptov vypisujúcich a spracujúcich formuláre, skript sincos.py z prednášky som dotiahol do konca. Na cvičení vám potom budem špecifikovať formulár a požadovaný tvar, v ktorom treba zapísať údaje. |
Stručná osnova predmetu
- Taxonómia počítačových sietí
- Vrstvový model
- Sieťová vrstva, routing
- Základy konfigurácie sietí a služieb
- Transportná vrstva, sockety
- Aplikačná vrstva
- Aplikačné protokoly
- HTTP
- HTML a CSS, dizajn web stránok
- Dynamické webové stránky pomocou CGI skriptov
JavaScript, AJAX
Literatúra
Andrew S. Tanenbaum, Computer Networks, 4. vydanie, Prentice-Hall
Craig Hunt, TCP/IP Network administration, 3. vydanie, O'Reilly, http://docstore.mik.ua/orelly/networking_2ndEd/tcp/index.htm
David Gourley, Brian Totty, Marjorie Sayer, Anshu Aggarwal, Sailu Reddy, et al., HTTP: The Definitive Guide, O'Reilly (2002)
David Flanagan, JavaScript: The Definitive Guide, O'Reilly Media, Inc.; 5th edition (2006)
Webové stránky
HTML and CSS Tutorials, References, and Articles, http://htmldog.com/
Jak psát web, http://www.jakpsatweb.cz/
Color scheme designer, http://colorschemedesigner.com/
Selectutorial: CSS selectors, http://css.maxdesign.com.au/selectutorial/
Allowed nesting of elements in HTML 4 (and XHTML 1.0), http://www.cs.tut.fi/~jkorpela/html/nesting.html
The W3C Markup Validation Service, http://validator.w3.org/
The W3C CSS Validation Service, http://jigsaw.w3.org/css-validator/
CSS Zen Garden, http://www.csszengarden.com/
Mercurial SCM, http://mercurial.selenic.com/
Mercurial: The Definitive Guide by Bryan O'Sullivan, http://hgbook.red-bean.com/
O mercuriali
Podmienky na zápočet
- Počas semestra sa bude udeľovať 40 bodov. Na zápočet je potrebných 20 bodov.
- 40 bodov bude udeľovaných za tieto veci:
- Tri zápočtové cvičenia vypracované ako rozšírenie domácich zadaní
- TCP/IP a sockety
- CGI skripty
- Jedno zápočtové cvičenie z CSS
- Tri zápočtové cvičenia vypracované ako rozšírenie domácich zadaní
Výsledky
Témy jednotlivých prednášok
- Vrstvové referenčné modely.
- Model ISO/OSI
- Model TCP/IP
- Problém riadenia súbežného prístupu (MAC)
- Centralizované a decentralizované modely, deterministické a nedeterministické modely
- Modely s centrálnym arbitrom, token ring
- ALOHA, slotted ALOHA, CSMA, CD, Ethernet
- Sieťová vrstva, adresácia, smerovanie
- IPv4 adresy, triedy A,B,C
- Privátne adresy
- Sieťová a broadcast adresa
- Preklad IP adries (masquerading)
- Transportná vrstva, UDP, TCP
- Protokoly TCP a UDP
- Softwarové rozhranie pre prístup k transportnej vrstve - sockety
- Šablóny programov "klient" a "server" - fork prístup k servru.
- Aplikačné protokoly
- Základy fungovania DNS, SMTP
- Protokol HTTP
- HTML a CSS
- XHTML 1.0
- Štylizácia HTML pomocou kaskádových štýlov
- Dynamický web
- Základné princípy dynamického webu
- CGI
- Pokročilé aspekty HTTP
- Autorizácia (Basic)
- Cookies
- Web 2.0
JavaScript cez jquery
- Techniky AJAX
Skúška
- "Teoretická otázka", vysvetliť dôležité aspekty niektorej z týchto tém.
- IP protokol - adresácia, smerovanie
- TCP a UDP protokol, spoločné vlastnosti, rozdiely, spôsob použitia v programoch -- sockety.
- Princípy fungovania TCP protokolu, emulácia spoľahlivého spájaného prenosu cez IP.
- HTTP protokol - základy.
- CGI skripty - spôsob fungovania, použitie s HTML formulármi.
- Pokročilé aspekty HTTP - cookies, autorizácia.
- Budem chcieť navrhnúť a ústne obhájiť nejaký aplikačný protokol. Podrobnosti toho, ako si to predstavujem, poviem na prednáške.
Príklad zadania na skúšku z roku 2010
Zadania na cviko
Šablóny programov, programy, html a css súbory
Na bitbucket.org: http://bitbucket.org/gjenca/python_vyuka_public/ .
Stiahnuť všetko naraz ako zip
http://bitbucket.org/gjenca/python_vyuka_public/get/tip.zip
alebo (s inštalovaným mercurialom) príkazom
hg clone http://bitbucket.org/gjenca/python_vyuka_public/
Ak už máte raz stiahnuté dáta pomocou hg clone, stačí už len v adresári projektu napísať
hg pull hg update
.
V prípade, že sa mercurial pri príkaze update sťažuje na konflikty, znamená to, že ste niečo zmenili v pracovnom adresári. Vtedy treba napísať
hg update -C
TCP/UDP klient/server
TCP server bez súbežnej obsluhy viacerých klientov |
http://bitbucket.org/gjenca/python_vyuka_public/raw/tip/tcp_server.py |
TCP server so súbežnou obsluhou viacerých klientov |
http://bitbucket.org/gjenca/python_vyuka_public/raw/tip/tcp_server_fork.py |
TCP klient |
http://bitbucket.org/gjenca/python_vyuka_public/raw/tip/tcp_client.py |
UDP server |
http://bitbucket.org/gjenca/python_vyuka_public/raw/tip/udp_server.py |
UDP klient |
http://bitbucket.org/gjenca/python_vyuka_public/raw/tip/udp_client.py |
Sumátor klient a server
Sumátor server |
http://bitbucket.org/gjenca/python_vyuka_public/raw/tip/tcp_sumator_server.py |
Sumátor klient |
http://bitbucket.org/gjenca/python_vyuka_public/raw/tip/tcp_sumator_client.py |
Jednoduchý HTTP server
Jednoduchý HTTP server |
http://bitbucket.org/gjenca/python_vyuka_public/raw/tip/http_server.py |
CGI skripty
Testovací bez CGI modulu |
http://bitbucket.org/gjenca/python_vyuka_public/raw/tip/cgiserver/cgi-bin/test.py |
Testovací s CGI modulom |
http://bitbucket.org/gjenca/python_vyuka_public/raw/tip/cgiserver/cgi-bin/test2.py |
Vypisovanie a spracovanie formulára |
http://bitbucket.org/gjenca/python_vyuka_public/raw/tip/cgiserver/cgi-bin/form.py |
Vypisovanie a spracovanie formulára - matematika |
http://bitbucket.org/gjenca/python_vyuka_public/raw/tip/cgiserver/cgi-bin/matika.py |
Vypisovanie a spracovanie formulára - sin a cos |
http://bitbucket.org/gjenca/python_vyuka_public/raw/tip/cgiserver/cgi-bin/sincos.py |
XHTML stránky
Stránka so základnými XHTML elementami |
http://bitbucket.org/gjenca/python_vyuka_public/raw/tip/simple2.html |
Stránka pre skúšanie CSS |
http://bitbucket.org/gjenca/python_vyuka_public/raw/tip/pagelayout.html |
Minimálna stránka |
http://bitbucket.org/gjenca/python_vyuka_public/raw/tip/kostra.html |