1 / 12

Časté chyby v projektech Webové aplikace

TNPW 1. Časté chyby v projektech Webové aplikace. Obsah webu. Zápočtový projekt je web o uceleném tématu, který prezentuje informace. Je tedy nepřípustné aby se na webu vyskytovaly: Výplňkové texty ( lorem ipsum ) Nicneříkající názvy stránek, nadpisy a popisky (tabulka, nadpis1)

bruce-sosa
Download Presentation

Časté chyby v projektech Webové aplikace

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. TNPW 1 Časté chyby v projektechWebové aplikace Ing. Jiří Štěpánek

  2. Obsah webu • Zápočtový projekt je web o uceleném tématu, který prezentuje informace. Je tedy nepřípustné aby se na webu vyskytovaly: • Výplňkové texty (loremipsum) • Nicneříkající názvy stránek, nadpisy a popisky (tabulka, nadpis1) • Jakékoli prvky, které budí dojem, že se jedná o kompilát úloh ze cvičení, namísto smysluplného webu Ing. Jiří Štěpánek

  3. Použité elementy • Základní premisou je opak výroku, že kdo nic nedělá, nic nezkazí. • Snahou by mělo být využít technologii na maximum, ne odškrtávat jednotlivé body z požadavků („když po mě nikdo nechce ikonku k boxu s novinkou, proč bych jí tam dával(a)“) • Při tvorbě projektu si představte, že tvoříte návrh pro skutečného zákazníka. • Neznamená to však, že jde o vzhled – rozhodně neplýtvejte časem u photoshopu. Elegantní, funkční a validní web jde vytvořit i bez oslnivé grafiky. Ing. Jiří Štěpánek

  4. Použité elementy • Pozor na sémantickou stránku nadpisů • U tabulek nezapomeňte na caption Ing. Jiří Štěpánek

  5. CSS • Veškeré formátování je definováno v externím CSS souboru • Zvlášť je formátován tiskový výstup (schování menu a pro tisk nepotřebných prvků) • Selektory v CSS souborech jsou konstruovány tak, aby byly efektivně použitelné vXHTML dokumentu (vhodné použití formátování pro vnořené elementy apod.) • Použité elementy, které má smysl formátovat, budou formátovány Ing. Jiří Štěpánek

  6. Koncepce, použitelnost • Stránky nebudou mít horizontální posuvník při rozlišení 800x600 • Barevné schéma je vhodně zvolené, obzvlášť bary textů a pozadí jsou kontrastní • Web je použitelný a čitelný při výpadku CSS i obrázků • Layout se nerozsype při zvětšování písma • Celý web je validní podle normy XHTML 1.0 Strict Ing. Jiří Štěpánek

  7. Webové aplikace • Webová aplikace = aplikace, která využívá HTML stránky jako prezentační vrstvu (interakce s uživatelem) Internet / Intranet Klient WWW Server Klient Webová aplikace Klient Ing. Jiří Štěpánek

  8. Vlastnosti • Webová aplikace se spouští na aplikačním serveru (Apache, IIS, JBoss…) • Aplikace interaguje s uživatelem pomocí GET/POST • Výstupem aplikace je zpravidla HTML • WA neudržuje s klientem stálé spojení • Multiplatformní řešení Ing. Jiří Štěpánek

  9. Výhody • Tenký klient • Centralizovaná business logika • Snadná správa a opravy aplikace • Kontrola nad HW • Dostupná všude, bez instalace Ing. Jiří Štěpánek

  10. Nevýhody • Spojení klienta s web. Aplikací přes HTTP je bezstavové (odešle se požadavek, přijme se odpověď a spojení se uzavírá) • Aplikace je vystavena v síti – mnohem větší důraz na zabezpečení (web. Aplikace často pracují s citlivými daty) Ing. Jiří Štěpánek

  11. Technologie • ASP.NET (Microsoft) • PHP (Open source) • JSP (Java) • … a další Ing. Jiří Štěpánek

  12. Ukázka (PHP) <html> <head> <title>Hello world</title> </head> <body> <? $pozdrav="Hello world. This is my first php script!"; //přiřazení echo $pozdrav; ?> </body> Ing. Jiří Štěpánek

More Related