Návrh modernizace internetového portálu pomocí HTML5

Pavla Káňová

Bachelor's thesis

Design of Web Portal Modernization Using HTML5

Abstract:

Cílem této bakalářské práce je především představit nové alternativy HTML5, společně s CSS3, případně v interakci s jQuery, z pohledu webového vývojáře v součinnosti s pozvednutím uživatelské atraktivity, SEO, validity a reprezentace internetového portálu Obchodní akademie, Český Těšín, Sokola Tůmy 12, tím pádem i prestiže této školní instituce. Bude zaměřováno na inovaci designu webové prezentace, účelově zavedena logická sémantičtější, intuitivnější struktura minimalizovaného kódu a dokázána účinnost HTML5 i CSS3 při tvorbě moderních internetových stránek. Budou popisovány nejdůležitější teoretické předpoklady a aplikovány z nich vyplývající přínosy na praktické využitelnosti vybraných součástí v nově navrhovaném řešení modernizace internetového portálu Obchodní akademie. V teoretické části bude přiblížen základní přehled o HTML5 a CSS3, proč se jimi zabývat a co bude nutné v případě zájmu vědět. Bude poukazováno na historii tvorby specifikace HTML5, kým je vyvíjena a v čem spočívá nová vize v platformě pro webový vývoj. Dále budou definovány specifické vlastnosti, nové elementy, APIs a funkcionality HTML5 i CSS3 s jeho novými selektory a možnostmi. Bude mapován současný stav podpory HTML5 a CSS3 v prohlížečích, podotýkán stav pracovních verzí specifikace a nakonec se nastiňuje, kdy by měla být specifikace HTML5 plně standardizována. V praktické části bakalářské práce bude nejdříve analyzován současný stav internetového portálu výše zmiňované příspěvkové organizace, budou uvedeny sestavené požadavky zadavatelem a informuje se o nabídce projektu s obeznámením o hlavním poslání řešené odborné střední školy. Poté budou prozkoumávány i jiné varianty řešení, konfrontovány s HTML5, respektive bude poznamenána budoucí vize pro pozdější potřebu dynamické editace stránek. Hlavně bude ale důvodně obhajován výběr varianty modernizace webového portálu právě pomocí HTML5 i CSS3 a nezapomene se ani na implementaci náhradních řešení. Nakonec budou zhodnoceny přínosy navrhovaného řešení, vše bude uzavřeno souhrnem významů výsledků, rozuzlením odlišných názorů, vlastním vyjádřením a stručným shrnutím, proč je implementace HTML5 a CSS3 prosazována již dnes a jakým způsobem by později mohla být perspektivně aplikována. Jednoduše bude odůvodněno rozhodnutí, proč modernizovat prostřednictvím HTML5 a CSS3, ale zahrnout přitom nejen výhody, avšak i nevýhody při vytváření webových prezentací pomocí HTML5. Bude vynasnaženo přesvědčivě a komplexně pojmout postupy či metodiky při konstrukci webu užitím HTML5, vysvětlit, proč je vůbec adekvátní a smysluplné studovat HTML5 již nyní, ale přesto prioritně zajistit pevné základy pro zobrazování relevantního obsahu a aktuálních informací.

Abstract:

The purpose of this bachelor thesis is preferably to introduce new HTML5, CSS3 alternatives, in interaction with jQuery, from the perspective of a web developer in conjunction with a raising of the user attractiveness, SEO, validity and representation of Web portal Business Academy, Český Těšín, Sokola Tůmy 12, and also the prestige of this school institution. It will be focused on web design innovation, will be purposefully implemented a more semantic logical, intuitive minimized code structure and will be proved the effectiveness of HTML5 and CSS3 in the creation of modern websites. The most important theoretical preconditions will be described and then the resulting contributions will be applied to the practical utility of selected components in the newly proposed solution of Internet portal modernization Business Academy. The theoretical part will be approached a basic overview of HTML5 and CSS3, why to deal with them and what will be necessary if you are interested to know. It will be pointed out to the history of the HTML5 specification, who is developing it and what is the new vision in the platform for Web development. Furthermore the specific properties, new elements, HTML5 APIs and functionalities will be defined as well as CSS3 with its new selectors and possibilities. It will be mapped the current state of support for HTML5 and CSS3 in browsers, will be presented draft versions of the specification and finally will be outlined when the HTML5 specification should be fully standardized. At first in the practical part of this bachelor thesis will be analyzed the current state of the above mentioned Web portal allowance organization, will be made out the requirements specified by the contracting authority and will be notified of the project offer with an apprising of the secondary school main sending. After it the other possible solutions will be checked up, will be confronted with HTML5, or will be remarked a future vision for a later editing dynamic pages. But mainly it will be reasonably advocated a choice of options web site upgrading using HTML5 and CSS3 and will not be forgotten even the implementation of alternatives. Finally, the benefits of the proposed solution will be evaluated, everything will be concluded with a summary of the meanings of the results, with the solved distinct views, the self-expression and a brief summary of why the implementation of HTML5 and CSS3 are enforced today and how they might be later applied prospectively. Plainly it will be justified a decision why to modernize using HTML5 and CSS3 but to include not only the advantages but also disadvantages in the creating websites using HTML 5. It will be done my best for a convincing and comprehensive conception of the methodologies or techniques to the site construction using HTML5 and to explain why it is adequate and meaningful to study HTML5 even now but nevertheless primarily to provide the steady basis for displaying of the relevant content and actual information.

Keywords

HTML5, Modernizace internetového portálu, Webový vývoj, Podpora v prohlížečích, Pracovní verze, Sémantické prvky, API, Canvas, SVG, Drag and Drop, Off-line úložiště, Webové úložiště, Video, Formuláře, CSS3, Selektory CSS3, Inovace designu

Keywords

HTML5, Web Portal Modernization, Web Development, Support In Web Browsers, Draft Versions, Semantic Elements, API, Canvas, SVG, Drag and Drop, Off-line Storage, Web Storage, Video, Forms, CSS3, CSS3 Selectors, Design Innovation

Language used: Czech

Date on which the thesis was submitted / produced: 11. 5. 2012

Thesis defence

• Date of defence: 6. 6. 2012
• Supervisor: Martin Pochyla
• Reader: Ivan Ministr

VŠB - Technical University of Ostrava

Ekonomická fakulta

Bachelor programme / field:
Systémové inženýrství a informatika / Aplikovaná informatika