1. TNPW2
2012/2013
01 – Úvodní informace k předmětu
Mgr. Lukáš Vacek
lukas.vacek@uhk.cz

2. 2
Agenda
• Obsah předmětu
• Vstupní předpoklady
• Podmínky pro zápočet
• Požadavky na projekt
• Osnova dokumentace
• Aktuální informace k předmětu na webu

3. 3
Internet?
• (Skoro) každý ví, co je to Internet! Dokonce i Věra Pohlová 
• Význam Internetu ve společnosti neustále roste
• Důležité médium (tisk, rozhlas, televize…)
• Vysoká míra interakce s koncovým uživatelem
• Komunikační prostředek (informace) a platforma pro poskytování služeb
• Flexibilní prostředí (ekosystém) s velmi dynamickým vývojem
(několik let zpátky = internetový středověk)
• Více možností přístupů, různá zařízení, vyšší rychlost (konektivita), 24/7 –
odkudkoliv, kdykoliv!
• Infografika: The Evolution of the Web… http://evolutionofweb.appspot.com/
• Exponenciálně roste počet uživatelů a množství dat, která Sítí protečou

4. 4
Kolik informací proteče Internetem za 60 sekund?
• http://blog.jess3.com/2011/06/how-much-information-zips-around-the-web-in-60-seconds.html

5. 5
Témata přednášek
• Webové aplikace a technologie pro jejich vytváření
▫ Co jsou to webové aplikace?
▫ Základní přehled používaných technologií, podrobněji
 JavaScript
 PHP
 ASP.NET
▫ Bezpečnost webových aplikací
▫ Aktuální trendy
▫ Cloud computing
▫ Mobilní aplikace
▫ XML
• Cílem je navázat tam, kde skončil předmět TNPW1

6. 6
Agenda
 Obsah předmětu
• Vstupní předpoklady
• Podmínky pro zápočet
• Požadavky na projekt
• Osnova dokumentace
• Aktuální informace k předmětu na webu

7. 7
Vstupní předpoklady
• Absolvování předmětu TNPW1 (zápočet, zkouška)
• Praktická znalost (X)HTML
• Schopnost používat CSS při definování vizuálních vlastností WWW stránek
• Předložení závěrečného projektu z TNPW1 nebo jakéhokoliv jiného – projekt
bude ohodnocen (netýká se dálkového studia)

8. 8
K čemu je to dobré?
• Perspektiva ICT – jeden z nejlukrativnějších oborů, rychle se rozvíjí
• V kurzu je Internet, systémová integrace, datové sklady, Java, .NET
• Vaše cena na trhu práce bude vyšší, když budete mít potřebné know-how
• Chápejte čas a úsilí věnované svému vzdělávání jako INVESTICI!
• Vzdělávání absolventů je dnes pro firmy drahé a riskantní
• Nikdo si z Vás nesedne na zadek!
• V reálném životě to je vždy trochu jinak, než jak si to ve škole představujeme
• Není nic špatného na tom, když něco nevíte nebo neumíte…
špatné je, když s tím nic neděláte!
• Nesvádějte svoji lenost nebo blbost na druhé!

9. 9
Agenda
 Obsah předmětu
 Vstupní předpoklady
• Podmínky pro zápočet
• Požadavky na projekt
• Osnova dokumentace
• Aktuální informace k předmětu na webu

10. 10
Podmínky pro zápočet
• Účast na mých cvičeních není povinná! Ostatní cvičící to mohou mít jinak!
• Pro získání zápočtu je třeba odevzdat závěrečný projekt.
• Projekt lze osobně prezentovat v termínech vypsaných v ISITu nebo na cvičeních
kdykoliv v průběhu semestru.
• Součástí projektu bude stručná dokumentace (stačí heslovitě na 1x A4).

11. 11
Agenda
 Obsah předmětu
 Vstupní předpoklady
 Podmínky pro zápočet
• Požadavky na projekt
• Osnova dokumentace
• Aktuální informace k předmětu na webu

12. 12
Obecné požadavky na projekt
• Projektem je webová aplikace, vytvořená ve Vámi zvolené technologii
• Součástí projektu bude vhodně zvolená integrace sociálních sítí
• Připravíte si powerpointovou prezentaci a ukážete funkční projekt, který má smysl
provozovat a používat!
• Projekt představíte jako šéfové vývojového týmu:
▫ O co jde?
▫ Komu je určen? (cílový uživatel)
▫ Proč by jej měl uživatel používat? (výhody)
▫ Porovnáte se s konkurencí (v čem je lepší/horší)
▫ Kolik MD stála implementace, za kolik je prodáváte?
▫ Výhled do budoucna (rozvoj, nové funkce, sociální sítě apod.)
• Pokud nejste programátor, někoho si na implementaci sežeňte. Ale budete tomu
rozumět a dokážete odpovědět na moje technické dotazy!

13. 13
Technologické požadavky na projekt
• Skriptovací jazyky (PHP a spol.) používejte na projektech povinně v kombinaci
s aplikačním frameworkem (např. Nette, Zend...)!
• Výsledný zdrojový kód stránek bude validní HTML5!
• Aplikace bude fungovat i v mobilním prohlížeči (responsive web design)
• Struktura aplikace, navigace a vzhled stránek budou respektovat aspoň základní pravidla
pro přístupnost a použitelnost (znáte to z TNPW1!)
• Veškerá vizuální nastavení (layout, fonty, barvy apod.) budou definována v CSS (včetně
formátování pro tisk)
• Aplikační data budou uložena v databázi na serveru
• Všechny datové vstupy od uživatelů budou odpovídajícím způsobem ošetřeny (na straně
klienta je to vhodné, na straně serveru povinné), včetně zabezpečení proti opakovanému
zápisu dat přes obnovení stránky apod.
• V projektu bude vhodně využita technologie XML (např. RSS kanál s novinkami,
export/import dat apod.), pokud to má smysl
• Výjimky jsou přípustné, pokud je dokážete obhájit!

14. 14
Agenda
 Obsah předmětu
 Vstupní předpoklady
 Podmínky pro zápočet
 Požadavky na projekt
• Osnova dokumentace
• Aktuální informace k předmětu na webu

15. 15
Osnova dokumentace
• Cíl projektu
• Jméno autora!
• URL adresa projektu
• Popis řešení
• Popis použitých technologií
• Popis zabezpečení
• Odhadovaná pracnost a cena projektu
K prezentaci si přineste aspoň jeden výtisk! Neposílejte mi osnovu mailem!

16. 16
Agenda
 Obsah předmětu
 Vstupní předpoklady
 Podmínky pro zápočet
 Požadavky na projekt
 Osnova dokumentace
• Aktuální informace k předmětu na webu

17. 17
Aktuální informace k předmětu na webu
Na serveru http://tnpw2.webnode.cz najdete
• Informace k předmětu TNPW2
• Přednášky ke stažení (ve formátu PDF)
• Zdrojové kódy ukázkových příkladů
• Seznam doporučené literatury
• Odkazy na Internetu

18. 18
Souhrn
 Obsah předmětu
 Vstupní předpoklady
 Podmínky pro zápočet
 Požadavky na projekt
 Osnova dokumentace
 Aktuální informace k předmětu na webu