tag:blogger.com,1999:blog-62350964918695093182012-02-17T01:57:33.074+01:00Technologie pro publikování na webu II.2009/2010Lukáš Vacekhttp://www.blogger.com/profile/03198143946809959337noreply@blogger.comBlogger391100tag:blogger.com,1999:blog-6235096491869509318.post-6828796320121378312010-10-02T23:11:00.001+02:002010-10-02T23:12:47.927+02:00Nový web TNPW2Pro akademický školní rok 2010/2011 budu využívat web na adrese http://tnpw2.webnode.czLukáš Vacekhttp://www.blogger.com/profile/03198143946809959337noreply@blogger.comtag:blogger.com,1999:blog-6235096491869509318.post-26657972259372172202010-08-23T10:54:00.001+02:002010-08-23T10:58:29.596+02:00Zápočtový termín na srpenNa odpoledne 30. srpna jsem do ISITu vypsal poslední zápočtový termín z TNPW2. Bude v obvyklou dobu na učebně J9.Lukáš Vacekhttp://www.blogger.com/profile/03198143946809959337noreply@blogger.comtag:blogger.com,1999:blog-6235096491869509318.post-47392482385152590392010-06-17T10:08:00.002+02:002010-06-17T10:12:16.787+02:00Prezentace jQuery EssentialsSkvělá prezentace a úvod k jQuery: Marc Grabanski – jQuery Essentials http://www.slideshare.net/1Marc/jquery-essentialsLukáš Vacekhttp://www.blogger.com/profile/03198143946809959337noreply@blogger.comtag:blogger.com,1999:blog-6235096491869509318.post-60069608901455172362010-06-13T11:48:00.002+02:002010-06-13T11:49:53.956+02:00Zrušení zápočtového termínuV pondělí 14. 6. 2010 odpoledne musím zrušit v ISITu vypsaný zápočtový termín. Onemocněl jsem a mám neschopenku. Předem díky všem za pochopení!Lukáš Vacekhttp://www.blogger.com/profile/03198143946809959337noreply@blogger.comtag:blogger.com,1999:blog-6235096491869509318.post-41340175529898148072010-05-06T18:19:00.002+02:002010-05-06T18:23:23.107+02:00Termíny v ISITuJako tradičně jsem začal vypisovat zápočtové termíny do ISITu na zkouškové období. Budou se tam objevovat postupně, vždy několik dní předem. Obvykle budou v pondělí odpoledne na učebnách J9 nebo J10.Lukáš Vacekhttp://www.blogger.com/profile/03198143946809959337noreply@blogger.comtag:blogger.com,1999:blog-6235096491869509318.post-40057913750432625342010-04-20T17:14:00.003+02:002010-04-20T17:18:09.631+02:00TOP 10 bezpečnostních chyb pro rok 2010Na přednášce věnované Bezpečnosti webových aplikací zmiňuji žebříček TOP 10 bezpečnostních chyb. Tady je aktuální verze pro rok 2010 http://www.owasp.org/index.php/Category:OWASP_Top_Ten_ProjectLukáš Vacekhttp://www.blogger.com/profile/03198143946809959337noreply@blogger.comtag:blogger.com,1999:blog-6235096491869509318.post-8953282962471998262010-03-04T11:14:00.002+01:002010-03-04T11:23:19.123+01:00Zápočtové projekty a PHPProtože se množí dotazy studentů na vhodnost použití technologie PHP pro zápočtové projekty, můj komentář je zde...ANO, PHP je možné použít pro projekt TNPW2! Nikoho kvůli tomu nebudu nějak diskriminovat!ANO, v případě PHP je vhodné použít nějaký framework (např. Nette), ale netrvám na tom. Pro některé studenty nebo jejich vývojové týmy by mohla být tato podmínka likvidační.Předem děkuji všem Lukáš Vacekhttp://www.blogger.com/profile/03198143946809959337noreply@blogger.comtag:blogger.com,1999:blog-6235096491869509318.post-71824544094762958482010-02-05T14:46:00.003+01:002010-02-05T14:56:06.392+01:00Výuka v letním semestru 2009/2010Výuka předmětu TNPW2 bude v letním semestru 2009/2010 tradičně probíhat v pondělí odpoledne. Přednáška bude na učebně J13 od 14.55 hod., následovat budou jednotlivá cvičení na učebně J9. Doufám, že tam všichni trefíte.Prezentovat svoje závěrečné zápočtové projekty můžete buď na cvičeních od 3. týdne letního semestru, nebo potom ve zkouškovém období v termínech vypsaných v ISITu.Cvičení z TNPW2 Lukáš Vacekhttp://www.blogger.com/profile/03198143946809959337noreply@blogger.comtag:blogger.com,1999:blog-6235096491869509318.post-74935745263610490412010-01-04T14:39:00.005+01:002010-01-04T14:48:57.857+01:00Termíny v ISITuDo ISITu jsem začal vypisovat termíny pro prezentaci zápočtových projektů z TNPW2. První termín bude 11. ledna od 16.30 hod. na učebně J9.Jednotlivé termíny pro zkouškové období v lednu a v únoru budu přidávat jednotlivě, obvykle týden předem. Vypsané termíny můžete využít i jako konzultační hodiny, na ty se v ISITu zapisovat nemusíte.Lukáš Vacekhttp://www.blogger.com/profile/03198143946809959337noreply@blogger.comtag:blogger.com,1999:blog-6235096491869509318.post-52442347309357452992009-12-11T20:36:00.002+01:002009-12-11T20:39:47.423+01:00Historický vývoj podílu prohlížečů na trhuNa této adrese (http://www.axiis.org/examples/BrowserMarketShare.html) najdete krásnou vizualizaci historického vývoje podílu webových prohlížečů na trhu. Moc pěkné a hlavně velmi nápadité.Lukáš Vacekhttp://www.blogger.com/profile/03198143946809959337noreply@blogger.comtag:blogger.com,1999:blog-6235096491869509318.post-12623873437141192582009-12-06T11:59:00.002+01:002009-12-06T12:06:12.488+01:009. přednáška 2009/2010Na web jsem umístil 9. přednášku (Technologie XML). PDF verze přednášky je ke stažení v zip archivu na webu lide.uhk.cz.TNPW2-2010-09View more presentations from Lukáš Vacek.Lukáš Vacekhttp://www.blogger.com/profile/03198143946809959337noreply@blogger.comtag:blogger.com,1999:blog-6235096491869509318.post-35983076129705661532009-11-29T16:03:00.002+01:002009-11-29T16:08:12.063+01:008. přednáška 2009/2010Na web jsem umístil 8. přednášku (Aktuální trendy ve vývoji webových aplikací). PDF verze přednášky je ke stažení v zip archivu na webu lide.uhk.cz.TNPW2-2010-08View more presentations from Lukáš Vacek.Lukáš Vacekhttp://www.blogger.com/profile/03198143946809959337noreply@blogger.comtag:blogger.com,1999:blog-6235096491869509318.post-20306819700514395872009-11-22T17:15:00.002+01:002009-11-22T17:20:03.705+01:007. přednáška 2009/2010Na web jsem umístil 7. přednášku (Bezpečnost webových aplikací). PDF verze přednášky je ke stažení v zip archivů na serveru lide.uhk.cz.TNPW2-2010-07View more presentations from Lukáš Vacek.Lukáš Vacekhttp://www.blogger.com/profile/03198143946809959337noreply@blogger.comtag:blogger.com,1999:blog-6235096491869509318.post-55054828525337150052009-11-08T18:44:00.001+01:002009-11-08T18:45:52.946+01:006. přednáška 2009/2010Na web jsem umístil 6. přednášku (Webové aplikace v ASP.NET). PDF verze přednášky je ke stažení v zip archivu na serveru lide.uhk.cz.TNPW2-2010-06View more presentations from Lukáš Vacek.Lukáš Vacekhttp://www.blogger.com/profile/03198143946809959337noreply@blogger.comtag:blogger.com,1999:blog-6235096491869509318.post-73519242777920262522009-11-01T09:20:00.002+01:002009-11-01T10:22:50.035+01:00V pondělí nebude přednáškaV pondělí 2. listopadu odpadá přednáška z TNPW2. Plánované téma Webové aplikace v ASP.NET se přesouvá na další týden. Obě cvičení navazující na přednášku normálně budou!Lukáš Vacekhttp://www.blogger.com/profile/03198143946809959337noreply@blogger.comtag:blogger.com,1999:blog-6235096491869509318.post-48331563850714029062009-10-25T17:11:00.001+01:002009-10-25T17:14:32.463+01:005. přednáška 2009/2010Na web jsem umístil 5. přednášku (PHP). PDF verze přednášky je ke stažení v zip archivu na serveru lide.uhk.cz.TNPW2-2010-05View more presentations from Lukáš Vacek.Lukáš Vacekhttp://www.blogger.com/profile/03198143946809959337noreply@blogger.comtag:blogger.com,1999:blog-6235096491869509318.post-17134155091387186622009-10-18T16:56:00.001+02:002009-10-18T16:58:27.493+02:004. přednáška 2009/2010Na web jsem umístil 4. přednášku (Webové aplikace). PDF verze přednášky je ke stažení v zip archivu na serveru lide.uhk.cz.TNPW2-2010-04View more presentations from Lukáš Vacek.Lukáš Vacekhttp://www.blogger.com/profile/03198143946809959337noreply@blogger.comtag:blogger.com,1999:blog-6235096491869509318.post-59657155173985649372009-10-11T20:33:00.003+02:002009-10-25T17:10:36.423+01:003. přednáška 2009/2010Na web jsem přidal 3. přednášku (JavaScript). PDF verze přednášky je ke stažení v zip archivu na serveru lide.uhk.cz. Soubor s archivem je tentokrát trochu větší než obvykle, protože obsahuje celou řadu ukázkových příkladů v jQuery i s příslušnými knihovnami.TNPW2-2010-03View more presentations from Lukáš Vacek.Lukáš Vacekhttp://www.blogger.com/profile/03198143946809959337noreply@blogger.comtag:blogger.com,1999:blog-6235096491869509318.post-48238745048130909852009-10-08T23:10:00.006+02:002009-10-08T23:27:11.520+02:00Doplněna 2. přednáškaDruhou přednášku věnovanou modernímu webdesignu jsem ještě doplnil o užitečné odkazy na online SEO analytické nástroje (každý si může vyzkoušet, jak je na tom jeho web), generátor českých výplňových textu a fontotéku Davida Grudla.http://seo-servis.cz/source-zdrojovy-kod/ (SEO analýza)http://seo.webber.cz/ (SEO analýza)http://www.dgx.cz/tools/fonts/ (fontotéka)http://wellstyled.com/tools/dummy-czLukáš Vacekhttp://www.blogger.com/profile/03198143946809959337noreply@blogger.comtag:blogger.com,1999:blog-6235096491869509318.post-5500706192943104422009-10-03T13:37:00.002+02:002009-10-03T13:45:10.997+02:00Info k 2. cvičeníNásledující pondělí (5. října 2009) budou v rámci druhého cvičení přednostně prezentovány zbylé vstupní projekty studentů. Všichni ostatní, kteří již úspěšně svůj vstupní projekt odprezentovali, mohou přijít na konzultaci, případně začít na cvičení s prací na novém zápočtovém projektu.Všem připomínám, že účast na cvičeních TNPW2 není povinná! Je jen a pouze na každém studentovi, jaký způsob Lukáš Vacekhttp://www.blogger.com/profile/03198143946809959337noreply@blogger.comtag:blogger.com,1999:blog-6235096491869509318.post-42979100332318788152009-10-02T13:07:00.003+02:002009-10-25T17:09:36.351+01:002. přednáška 2009/2010Na web jsem umístil 2. přednášku (Moderní web design). PDF verze přednášky je ke stažení v zip archivu na serveru lide.uhk.cz.TNPW2-2010-02View more presentations from Lukáš Vacek.Lukáš Vacekhttp://www.blogger.com/profile/03198143946809959337noreply@blogger.comtag:blogger.com,1999:blog-6235096491869509318.post-50061933057775081982009-09-20T16:18:00.008+02:002009-10-25T17:08:25.562+01:001. přednáška 2009/2010Na web jsem umístil 1. přednášku (Úvodní informace k předmětu). PDF verze přednášky je ke stažení v zip archivu na serveru lide.uhk.cz.TNPW2-2010-01View more presentations from Lukáš Vacek.Lukáš Vacekhttp://www.blogger.com/profile/03198143946809959337noreply@blogger.comtag:blogger.com,1999:blog-6235096491869509318.post-89378402682759881822009-09-17T22:24:00.007+02:002009-09-17T23:04:35.571+02:00Revize webu TNPW2Dobrý den všem,mírně jsem zredukoval obsah webu k předmětu TNPW2. Odstranil jsem staré a z mého pohledu neaktuální příspěvky, a protože se od letošního školního roku 2009/2010 mění struktura předmětu TNPW2 (nově bude jedna dvouhodinová přednáška a jedno hodinové cvičení), předpokládám určitou korekci i v tématech a obsahu jednolivých přednášek.Prozatím ponechám na webu "staré" přednášky z Lukáš Vacekhttp://www.blogger.com/profile/03198143946809959337noreply@blogger.comtag:blogger.com,1999:blog-6235096491869509318.post-74965935401691939702009-07-14T11:00:00.003+02:002009-07-14T11:13:03.769+02:00Zápočtový termín v srpnuNa konec srpna vypíšu do ISITu ještě jeden termín pro prezentace závěrečných zápočtových projektů z TNPW2. Přijít může každý student, který z jakéhokoliv důvodu nestihl úspěšně svůj projekt odprezentovat.Upozorňuji všechny případné zájemce, že v srpnu mají poslední možnost, jak zápočet získat. Není prostor na nějaké zásadní chyby nebo nedostatky v projektech, času jste měli všichni dost. Lukáš Vacekhttp://www.blogger.com/profile/03198143946809959337noreply@blogger.comtag:blogger.com,1999:blog-6235096491869509318.post-83328085103404829622007-11-22T22:14:00.000+01:002007-11-22T22:28:54.451+01:0010. cvičeníZadání pro 10. a 11. cvičení (v týdnech od 26. do 30. listopadu a od 3. do 7. prosince).Upravte svůj projekt z předchozích cvičení následujícím způsobem...Rozdělte webovou prezentaci na 3 části – veřejnou, pro registrované uživatele a administrativní. Jednotlivé funkce aplikace (stránky) logicky rozdělte.Pokuste se aplikaci vhodně zabezpečit (kontrola formulářových dat, ukládání hesel, záporné Lukáš Vacekhttp://www.blogger.com/profile/03198143946809959337noreply@blogger.comtag:blogger.com,1999:blog-6235096491869509318.post-47731272596826439282007-11-08T12:03:00.000+01:002007-11-17T17:23:10.125+01:008. cvičeníZadání pro 8. a 9. cvičení (v týdnech od 12. do 16. a od 19. do 23. listopadu).Upravte svůj projekt z předchozích cvičení následujícím způsobem...Doplňte tabulku s daty o funkce pro přidávání, editaci a mazání záznamů.Doplňte do projektu aspoň jeden číselník, který budou ostatní záznamy využívat.Umožněte registrovaným uživatelům upravovat jejich vlastní registrační údaje (např. změnit email, Lukáš Vacekhttp://www.blogger.com/profile/03198143946809959337noreply@blogger.comtag:blogger.com,1999:blog-6235096491869509318.post-67759400443001287042007-10-25T15:10:00.001+02:002007-11-02T16:48:24.706+01:006. cvičeníZadání pro 6. cvičení (v týdnu od 29. října do 2. listopadu 2007)Zvolte si technologii vhodnou pro výtváření webových aplikací.Pokud na cvičeních nepoužíváte svůj vlastní notebook, tak si pro účely testování své webové aplikace zřiďte účet na nějakém freehostingovém serveru.Pokračujte ve vývoji prototypu webové aplikace, kterou jste navrhli na předchozích cvičeních. Do aplikace doplňte...načítáníLukáš Vacekhttp://www.blogger.com/profile/03198143946809959337noreply@blogger.comtag:blogger.com,1999:blog-6235096491869509318.post-68085847886593662142007-10-18T11:45:00.001+02:002007-11-02T16:48:10.925+01:005. cvičeníZadání pro 5. cvičení (v týdnu od 22. do 26. října 2007)Na předchozím cvičení bylo úkolem navržení prototypu webových stránek dle zvoleného tématu. Upravte prototyp podle následujících požadavků...Doplňte formulář pro registraci nového uživatele (zákazníka, obch. partnera apod.), kterému po jeho přihlášení následně nabídnete nějakou přidanou hodnotu (promyslete jakou, zeptám se!). Tento formulář Lukáš Vacekhttp://www.blogger.com/profile/03198143946809959337noreply@blogger.comtag:blogger.com,1999:blog-6235096491869509318.post-75515397600692390442007-10-11T15:21:00.000+02:002007-11-02T16:47:57.829+01:004. cvičeníZadání pro 4. cvičení (v týdnu od 15. do 19. října 2007)Vzhledem k tomu, že na minulém cvičení řada studentů poněkud tápala v tom, co vlastně mají dělat nebo „kde se to dá ukrást“, můžete si na tomto cvičení zkusit navrhnout webové stránky ještě jednou a doufám, že tentokrát lépe. Opakování je matka moudrosti…Proto připravte a navrhněte prototyp webových stránek určených pro prezentaci firmy, Lukáš Vacekhttp://www.blogger.com/profile/03198143946809959337noreply@blogger.comtag:blogger.com,1999:blog-6235096491869509318.post-72866103288145023482007-10-04T11:03:00.004+02:002009-10-11T20:55:34.399+02:003. cvičeníZadání pro 3. a 4. cvičení (update 11. října 2009)Upravte svůj projekt z TNPW1 (nebo si vytvořte nový) tak, aby navržený prototyp splňoval následující kritéria...Zdrojový kód projektu je validní podle XHTML 1.0 Strict (výjimka je možná, pokud si ji dokážete obhájit),Použitý layout respektuje aspoň základní požadavky na přístupnost a použitelnost, mj.Je odolný vůči zvětšování/zmenšování velikosti Lukáš Vacekhttp://www.blogger.com/profile/03198143946809959337noreply@blogger.comtag:blogger.com,1999:blog-6235096491869509318.post-191399411796586002007-09-19T20:51:00.002+02:002009-09-18T16:54:10.423+02:001. a 2. cvičeníProgram na 1. a 2. cvičení je stejný jako každý rok! Chci si udělat představu o tom, co kdo umí.Proto všichni zájemci o TNPW2 odprezentují své výtvory (např. z předmětu TNPW1 nebo jakýkoliv jiný web, který vytvořili). Ti kteří uspějí, si pak mohou vybrat, na které cvičení chtějí chodit, a to bez ohledu na to, co je nebo není zapsáno v ISITu.Kdo dřív přijde (a uspěje), má samozřejmě výhodu.Pokud Lukáš Vacekhttp://www.blogger.com/profile/03198143946809959337noreply@blogger.comtag:blogger.com,1999:blog-6235096491869509318.post-7480685175955540012007-08-18T09:30:00.005+02:002010-02-12T13:36:48.396+01:00Odkazy na Internetu(X)HTML, Web designW3C HTML Homepagevalidator.w3.orgWDG HTML ValidatorWellstyled.comGenerátor barevných schématCheck My Colours – validátor kontrastu barevOpen Web Designpřístupnost.nawebu.czPravidla tvorby přístupného webuIE Brouci (Chyby/Bugy IE)CSS (Cascading Style Sheet)The W3C CSS Validation ServiceCSS knihovnaCSS Zen GardenSkutečné výhody CSS layoutuTest podpory CSS2 v prohlížečích53 CSS – Lukáš Vacekhttp://www.blogger.com/profile/03198143946809959337noreply@blogger.comtag:blogger.com,1999:blog-6235096491869509318.post-23942859906371765072007-08-18T09:30:00.002+02:002007-11-02T16:49:13.366+01:00Diplomové a bakalářské práceŽádná konkrétní témata pro diplomové nebo bakalářské práce nevypisuji! Domnívám se, že každý student by si měl umět sám zvolit téma, kterému se chce ve své závěrečné práci věnovat. Bude to koneckonců hlavně jeho vizitka.Pokud si kdokoliv myslí, že má dostatečně zajímavé, aktuální a prakticky využitelné téma pro svoji diplomovou nebo bakalářskou práci, může mě kontaktovat. Pokud si to budu myslet Lukáš Vacekhttp://www.blogger.com/profile/03198143946809959337noreply@blogger.comtag:blogger.com,1999:blog-6235096491869509318.post-3775614279644860842007-08-18T09:29:00.003+02:002008-02-15T15:59:21.101+01:00Doporučená literatura(X)HTML a CSSStaníček, Petr – CSS Kaskádové styly Kompletní průvodce, Computer Press 2003Prokop, Marek – CSS kaskádové styly pro webdesignéry, Mobil Media 2003Krug, Steve – Web design: Nenuťte uživatele přemýšlet!, Computer Press 2003Špinar, David – Tvoříme přístupné webové stránky, Zoner Press 2004Zeldman, Jeffrey – Tvorba webu podle standardů, CP Books 2005Cederholm, Dan – Webdesign s webovými Lukáš Vacekhttp://www.blogger.com/profile/03198143946809959337noreply@blogger.comtag:blogger.com,1999:blog-6235096491869509318.post-83906929400513677212007-08-18T09:29:00.001+02:002007-11-20T11:29:55.355+01:00Podmínky pro zápočetÚčast na cvičeních není povinná!Pro získání zápočtu je třeba odevzdat závěrečný projekt,Projekt lze odevzdat a osobně odprezentovat v termínech vypsaných v ISITu nebo na cvičeních kdykoliv v průběhu semestru,Součástí projektu bude vytištěná stručná dokumentace (stačí heslovitě na 1x A4 dle osnovy),Na cvičeních TNPW2 lze získávat body za splnění zadaného úkolu.Upozornění: Čím méně bodů získá Lukáš Vacekhttp://www.blogger.com/profile/03198143946809959337noreply@blogger.comtag:blogger.com,1999:blog-6235096491869509318.post-26469818138797133942007-08-18T09:28:00.052+02:002009-12-06T12:16:59.260+01:00CvičeníČas na cvičeních je určen k řešení jednoduchých úkolů, případně pro konzultace nebo prezentace zápočtových projektů.Účast na cvičeních není povinná!Zadání úkolů pro jednotlivá cvičení je na webu k dispozici předem, takže nic nebrání tomu, aby student přišel na cvičení už s vyřešeným úkolem.Úspěšné vyřešení zadání je bodováno vždy v tom týdnu, pro který je úkol určen. Body může student získat Lukáš Vacekhttp://www.blogger.com/profile/03198143946809959337noreply@blogger.comtag:blogger.com,1999:blog-6235096491869509318.post-21162390022224358012007-08-18T09:28:00.051+02:002009-12-06T12:14:28.762+01:00PřednáškyKaždá z přednášek je věnována vybranému tématu a je na webu k dispozici ke stažení ve formátu PDF a nově také na serveru slideshare.net.Přednášky dávám obvykle na web k dispozici předem, takže každý student se může sám rozhodnout, jestli mu přednáška stojí za osobní návštěvu.Od letošního školního roku 2009/2010 mají přednášky nově dvě hodiny!Přednášky pro rok 2009/20101. přednáška – Úvodní Lukáš Vacekhttp://www.blogger.com/profile/03198143946809959337noreply@blogger.comtag:blogger.com,1999:blog-6235096491869509318.post-3963590706071418402007-08-18T09:09:00.003+02:002009-09-17T22:04:23.859+02:00O předmětu TNPW2Základním cílem předmětu Technologie pro publikování na webu II. (dále jen TNPW2) je seznámení se základy tvorby webových aplikací v prostředí Internetu/Intranetu.Co se můžete naučit?Navrhnout design webových stránek tak, aby informace a služby na nich poskytované byly nabízeny uživatelům bez zbytečných překážek, pokud možno přehledně a srozumitelně – je to naprostá nutnost.Doplňovat své WWW Lukáš Vacekhttp://www.blogger.com/profile/03198143946809959337noreply@blogger.comtag:blogger.com,1999:blog-6235096491869509318.post-70066200963362239462007-08-17T21:07:00.001+02:002009-09-18T16:52:20.742+02:00Proč zrovna blogger.com?A proč ne? Školní web má některá technologická omezení a nezdá se, že se to v nejbližší době zlepší. Proto jsem se rozhodl pro změnu. Vybrat jsem si samozřejmě mohl i jiný blogovací systém, ale protože používám řadu let svůj google učet i pro jiné služby, dal jsem to sem.Pro šťouraly... použil jsem jednu z defaultních šablon. Nemám čas to nějak upravovat nebo vylepšovat, navíc si myslím, že Lukáš Vacekhttp://www.blogger.com/profile/03198143946809959337noreply@blogger.com