Návrh webové stránky portálu veřejné správy

Michal Štrejn

Bachelor's thesis

Proposal of public administration portal website

Abstract:

Bakalářská práce se zabývá zlepšením GUI současného portálu veřejné správy České republiky. Velká část je věnována technologiím pomocí, kterých tvoříme webové stránky. Dozvíte se, k čemu slouží jejich základní struktury a krátkou historii. V práci se dotkneme i tématu media queries, které nám umožňují dynamické změny vzhledu při různém rozlišení. Toho využijeme při tvorbě mobilního vzhledu webu, který bude odlišný od toho na desktopu. Druhá polovina teoretické části bakalářské práce se zaměřuje na uživatelskou použitelnost, která nám při tvorbě webu pomůže k lepšímu a uživatelsky přívětivějšímu designu. Vysvětlíme si pojmy jako je UX, UI, use-case, persona a wireframe, který by měl být podstatným krokem před samotným vytvořením stránky. V praktické části se nejprve pustíme do tvorby vlastních person se všemi podstatnými atributy. Chybět nesmí ani krátká analýza současného webu veřejné správy, jeho slabé stránky, nebo prvky které na stránce úplně chybí. Poté si pomocí nástroje InVision vytvoříme vlastní wireframe, který nám dá teoretickou představu o základní struktuře budoucího webu. Wireframe vytvoříme zvlášť pro desktopová zařízení a zvlášť pro mobilní. Nejdůležitější částí je samotná webová stránka vytvořená na základě všech zmíněných atributů. Ta zabrala podstatnou část práce a je hlavním praktickým výstupem v bakalářské práci. V závěru se podíváme na výsledky krátkého dotazníku v Google Forms, který vyplnilo osm respondentů, kteří testovali stránku a hodnotili její vzhled a použitelnost.

Abstract:

The bachelor project is focused on improving the GUI of the current public administration portal of the Czech Republic. A significant part is dedicated to technologies that can be used to build a web page. We will learn what they are used for, their basic structures and a short history. In the project we will also touch on the topic of media queries, which allow us to dynamically change the appearance at different resolutions. We will use this to create a mobile look for the site that will be different from the desktop. The second half of the theoretical part of the bachelor's project will focus on user usability, which will help us to create a better and more user-friendly design when creating a website. We will explain concepts like UX, UI, use-case, persona and wireframe which should be an essential step before the actual creation of the site. In the practical part, we will first start creating custom personas with all the essential attributes. In the practical part, we will first start creating our own personas with all the essential attributes. We must also include a short analysis of the current public administration website, its weak points or elements that are completely missing on the page. Then, using the InVision tool, we will create our own wireframe, which will give us a theoretical idea of the basic structure of the future website. The wireframe will be created separately for desktop devices and mobile devices. The most important part is the web page itself, created on the basis of all the mentioned attributes. This took up the major part of the work is and the main practical output in the bachelor project. Finally, we will look at the results of a short Google Forms survey completed by eight respondents who tested the site and evaluated its appearance and usability.

Keywords

HTML, CSS, Java script, UI specifikace, Portál veřejné správy

Keywords

CSS, Java script, UI specification, Administration portal website, HTML

Language used: Czech

Date on which the thesis was submitted / produced: 17. 3. 2024

Thesis defence

• Supervisor: Ing. Josef Pavlíček, Ph.D.
• Reader: David Franc, Ing.

Czech University of Life Sciences Prague

Faculty of Economics and Management

Bachelor programme:
Informatics