navrh.tex

\chapter{Návrh}
\section{Případy užití}
Následující kapitola obsahuje popis případů užití informačního systému tak, jak vyplynuly z rozhovorů se zaměstanci školy a funkčních požadavlů na systém. Na obrázku \ref{img:uc:main} jsou znázorněny hlavní případy užití, které jsou dále rozpracovány v samostatných podkapitolách.
\begin{figure}[h!!!]\centering
    \centering
    \includegraphics[width=10.5cm]{img/usecase/main.png}
    \caption{Případy užití modulu pro tvorbu úvazků a výběr volitelnách předmětů}
    \label{img:uc:main}
\end{figure}

\subsection{Zápis předmětů}
Z důvodu přehlednosti je diagram případu užití \enquote{\textit{Zápis předmětů}} pro obsáhlé případy užití rozdělen na jednotlivé diagramy, které budou popsány v následujících podkapitolách. Uživatel vybere v menu položku \enquote{\textit{Zápis předmětů}} a následně se zobrazí podmenu umožňující výběr konkrétní akce. Pokud je uživatel přihlášen jako učitel, v celém zápisu předmětů se mu budou zobrazovat pouze zápisy související se třídami, které vyučuje.

\begin{figure}[h]\centering
    \centering
    \includegraphics[width=10.5cm]{img/usecase/zapis.png}
    \caption{Případy užití: Zápis předmětů}
    \label{img:uc:zapis}
\end{figure}

\begin{itemize}
    \item Zobrazení výsledků\\  
\end{itemize}

\subsubsection{Správa zápisů}
\begin{itemize}
    \item Zobrazení seznamu zápisu
    \item Vytvoření zápisu
    \item Zobrazení výsledků
    \item Změna viditelnosti zápisu
    \item Archivace zápisu
    \item Editace zápisu
    \item Přiřazení předmětů
    \item Vytvoření validačních skupin
\end{itemize}

\begin{figure}[h!]\centering
    \centering
    \includegraphics[width=10.5cm]{img/usecase/sprava_zapisu.png}
    \caption{Případy užití: správa zápisů}
    \label{img:uc:sprava_zapisu}
\end{figure}

\subsubsection{Výběr předmětů}
\begin{itemize}
    \item Zobrazení seznamu zápisů
    \item Vyplnění zápisu
    \item Editace odpovědi
    \item Zobrazení výsledků zápisu
    \item Vyplnění primární volby
    \item Vyplnění sekundární volby
\end{itemize}
\begin{figure}[h!]\centering
    \centering
    \includegraphics[width=10.5cm]{img/usecase/vyber_predmetu.png}
    \caption{Případy užití: výběr předmětů}
    \label{img:uc:vyber_predmetu}
\end{figure}

\subsubsection{Vyhodnocení zápisu}
\begin{itemize}
    \item Zobrazení seznamu zápisů
    \item Vyhodnocení zápisu
    \item Zobrazení odpovědí studentů
    \item Zobrazení předmětů
    \item Označení za rozpracovaný
    \item Označení za vyhodnocený
\end{itemize}
\clearpage
\pagebreak
\begin{figure}[h!]\centering
    \centering
    \includegraphics[width=10.5cm]{img/usecase/vyhodnoceni.png}
    \caption{Případy užití: vyhodnocení zápisu}
    \label{img:uc:vyhodnoceni}
\end{figure}

\subsection{Tvorba úvazků}
\begin{itemize}
    \item Zobrazení seznamu předmětů
    \item Zobrazení seznamu tříd
    \item Zobrazení seznamu učitelů
    \item Vyplnění požadavků
    \item Přiřazení úvazků
    \item Sezam požadavků učitelů
\end{itemize}
\begin{figure}[h!]\centering
    \centering
    \includegraphics[width=10.5cm]{img/usecase/uvazky.png}
    \caption{Případy užití: tvorba úvazků}
    \label{img:uc:uvazky}
\end{figure}

\subsection{Správa předmětů}
\begin{itemize}
    \item Zobrazení seznamu předmětů
    \item Vytvoření předmětu
    \item Přiřazení studijních oborů
    \item Zobrazení seznamu studijních oborů
    \item Editace předmětu
    \item Archivování předmětu
    \item Obnovení předmětu
\end{itemize}
\begin{figure}[h!]\centering
    \centering
    \includegraphics[width=10.5cm]{img/usecase/sprava_predmetu.png}
    \caption{Případy užití: správa předmětů}
    \label{img:uc:sprava_predmetu}
\end{figure}

\subsection{Export výpisů}
\begin{itemize}
    \item Export - třída, žáci a učitelé
    \item Export - učitel a předměty
    \item Export - student a jeho předměty
    \item Export - předmět, učitel a studenti
    \item Zobrazení seznamu tříd
    \item Zobrazení seznamu učitelů
    \item Zobrazení seznamu studentů
    \item Zobrazení seznamu předmětů
\end{itemize}
\begin{figure}[h!]\centering
    \centering
    \includegraphics[width=10.5cm]{img/usecase/export.png}
    \caption{Případy užití: export výpisů}
    \label{img:uc:export}
\end{figure}
\clearpage
\pagebreak
\subsection{Test dat}
\begin{itemize}
    \item Test vyplnění zápisů
    \item Test naplnění úvazků
    \item Test vyhodnocení zápisů
\end{itemize}
\begin{figure}[h!]\centering
    \centering
    \includegraphics[width=10.5cm]{img/usecase/test.png}
    \caption{Případy užití: test dat}
    \label{img:uc:test}
\end{figure}


\section{Datový model}
\todo[inline]{datový model}

\section{Návrh grafického uživatelského rozhraní}
V následující kapitole jsou realizovány návrhy obrazovek pomocí \verb|wireframe| modelu, který slouží pro náhled nového řešení. Jde o modely definující rozložení, funkce a obsah jednotlivých stránek aplikace. V návrhovém modelu wireframe se zpravidla nedbá na grafické prvky, barvy nebo obrázky.

Byly realizovány návrhy všech důležitých obrazovek vyjma formulářů, jejihž formulářové prvky prakticky kopírují sloupce jednotlivých entit a také některé seznamy entit, které budou ve výsledné práci realizovány jako jednoduchá tabulka s proklikem na detail entity.

Při návrhu obrazovek byl kladen důraz zejména na to, aby odpovídaly funkčním požadavkům definovaným v kapitole 1.3.

Jelikož se jedná o interní aplikaci, všechny obrazovky, kromě přihlašovací obrazovky, předpokládají přihlášeného uživatele. V lévém horním rohu se uživatel dozví, v které části se aktuálně nachází -- \textit{Administrace} nebo \textit{Zápis volitelných předmětů}. V pravé části je umístěn odkaz pro přihlášení a hlavní navigační menu se nachází v levém sloupci. Položky menu mohou být víceúrovňové.

\subsection{Přihlášení studenta pro výběr volitelých předmětů}
Dle funkčních požadavků je požadováno přihlášení studenta pouze pomocí přihlašovací kódu. Wireframe \ref{img:obrazovka:login} reprezentuje veřejně dostupnou obrazovku, tudíž nemá klasickou strukturu popsanou výše, ale obsahuje pouze název školy, formulářové pole pro zadání přihlašovacího kódu a tlačítko pro odeslání formuláře. V případě neúspěchu bude nad formulářovým polem zobrazena chybová hláška.

\begin{figure}[h!]\centering
    \centering
    \includegraphics[width=13.1cm]{img/obrazovky/login.png}
    \caption{Wireframe přihlášení studenta pro výběr volitelých předmětů}
    \label{img:obrazovka:login}
\end{figure}

\subsection{Přehled zápisů studenta}
V hlavní části layoutu obrazovky jsou umístěny dvě tabulky. První tabulka obsahuje zápis, který je aktivní a student má zpřístupňený formulář \ref{img:obrazovka:student_odpoved} pro vybrání volitelných předmětů. K přesměrování na tento formulář slouží tlačítko \enquote{\textit{Odpovědět}} v posledním sloupci tabulky. Tabulka obsahuje důležitý údaj o konce možnosti zápis vyplnit, informaci o tom, zda student zápis vyplnil a zda je aktivní.
Po kliknutí na název předmětu bude student přesměrován na obrazovku \ref{img:obrazovka:student_detail} s detailem zápisu.

Druhá tabulka obsahuje zápisy, jejihž datum platnosti již skončilo a v ideální případě jej student také vyplnil. Název zápisu v prvním sloupci opět odkazuje na \ref{img:obrazovka:student_detail} s detailem zápisu a voleb studenta. V momentě, kdy se stav zápisu změní z \textit{čeká na vyhodnocení} na \textit{vyhodnoceno} se studentovi zpřístupní tlačítko pro zobrazení výsledků \ref{img:obrazovka:student_vysledky} zápisu. 

\begin{figure}[h!]\centering
    \centering
    \includegraphics[width=13.1cm]{img/obrazovky/student_zapis_index.png}
    \caption{Wireframe s přehledem zápisů studenta}
    \label{img:obrazovka:student_index}
\end{figure}

\begin{figure}[h!!]\centering
    \centering
    \includegraphics[width=13.1cm]{img/obrazovky/student_zapis_odpoved.png}
    \caption{Wireframe s formulářem pro výběr volitelných předmětů}
    \label{img:obrazovka:student_odpoved}
\end{figure}
\clearpage

\subsection{Vyplnění formuláře zápisu -- výběr předmětů}

Stěžejní součást studentské části je obrazovka \ref{img:obrazovka:student_odpoved}, která slouží k vybrání předmětů studentem. Hlavní sekce je rozdělena na popis zápisu, sekci s předměty, které jsou zapsané pro všchny povinně, pokud je v zápisu definovaná a dále následují tabulky pro každou skupinu předmětů. Dle funkčních požadavků jsou skupiny dvojího typu -- výběr alespoň určitého počtu předmětů a výběr alespoň minimálního počtu hodin týdně. Typy skupin reflektuje validace formuláře.

Každá skupina je reprezentována tabulkou, která obsahuje názvy předmětů včetně hodinové dotace a dále dva sloupce. Druhý sloupec obsahuje \verb|checkboxy| pro označení předmětu na daném řádku jako primární volbu studenta. Třetí sloupec pak checkboxy pro označení sekundární volby. V každém řádku tabulky, neboli pro každý předmět, může být označena pouze volba primární nebo volba sekundární, nikoli obě najednou.

Po stisknutí tlačítka pro uložení odpovědí se provede validace a pokud studentova volba nesplňuje požadavky na počty hodin nebo předmětů ve skupině zobrazí se u dané skupiny chybová hláška.

\begin{figure}[h!]\centering
    \centering
    \includegraphics[width=13.1cm]{img/obrazovky/student_zapis_detail.png}
    \caption{Wireframe s detailním zobrazením zápisů a odpověďmi studenta}
    \label{img:obrazovka:student_detail}
\end{figure}

\subsection{Detail zápisu a odpovědi studenta}
Obrazovka \ref{img:obrazovka:student_detail} obsahuje detailní informace o zvoleném zápisu volitelných předmětů. Dále, pokud student již odeslal formulář \ref{img:obrazovka:student_odpoved} se pod tabulkou s detaily zápisu zobrazí tlačítko pro možnou úpravu odpovědí, v opačném případě se zobrazí tlačítko pro vyplnění formuláře \ref{img:obrazovka:student_odpoved} s výběrem volitelných předmětů.V dolní části jsou zobrazeny dvě tabulky, první obsahuje seznam předmětů, které si student zvolil jako primární, druhá pak předměty zvolené jako sekundární. V případě, že student dosud volbu neprovedl, je tato skutečnost zapsána v tabulce.

\subsection{Detail zápisu s výsledky}
po vyhodnocení zápisu administrátorem se studentům zpřístupní obrazovka \ref{img:obrazovka:student_vysledky} na které kromě detailů zápisu zobrazeny předměty, který op zásahu administrátora budou skutečně v následujícím školním roce vypsány. 

Předměty jsou vypsány v tabulce, kde každý předmět je doplněn o počet vyučovacích hodin za týden.

\begin{figure}[h!]\centering
    \centering
    \includegraphics[width=13.1cm]{img/obrazovky/student_zapis_vysledky.png}
    \caption{Wireframe s výsledky zápisu}
    \label{img:obrazovka:student_vysledky}
\end{figure}

\subsection{Seznam předmětů}
Tato obrazovka \ref{img:obrazovka:predmety_seznam} slouží pouze jako rozcestník pro správu jednotlivých předmětů. Obsahuje proklik z názvu předmětu na jeho detail. Pro zjednodušení orientace lze předměty v tabulce řadit abecedně nebo podle kódu. Z důvodu usnadnění jsou v posledním sloupci tabulky pro každý předmět odkazy na příslušné akce -- editace, detail a archivace předmětu.

\begin{figure}[h!]\centering
    \centering
    \includegraphics[width=13.1cm]{img/obrazovky/predmet_seznam.png}
    \caption{Wireframe seznamu předmětů}
    \label{img:obrazovka:predmety_seznam}
\end{figure}

\begin{figure}[h!]\centering
    \centering
    \includegraphics[width=13.1cm]{img/obrazovky/predmet_detail.png}
    \caption{Wireframe s výsledky zápisu}
    \label{img:obrazovka:predmet_detail}
\end{figure}

\subsection{Detail předmětu}
Obrazovka \ref{img:obrazovka:predmet_detail} slouží jednak jako rozcestník pro další nezbytné akce s předmětem, jedna jako zobrazení potřebných detailů o předmětu. V horní části se nachází box s popisem předmětu, který je poté dostupný studentů, aby jim pomohl při rozhodování o výběru předmětu. V tabulce se nachází detaily o předmětu -- název a kód. Pod tabulkou je umístěno tlačítko editace předmětu.

V dolní části se nachází tabulka se studijními obory ve kterých se předmět vyučuje. Studijní obory lze přidat tlačítkem po tabulkou, odebrat nebo editovat pomocí ikon v posledním sloupci tabulky.

\subsection{Seznam aprobací}
Hlavní část obrazovky \ref{img:obrazovka:ucitel_aprobace} obsahuje tabulku se seznamem všech učitelů. Data v tabulce lze řadit abecedně podle jména učitele a vyhledávat podle předmětů, které učitel vyučuje. V druhém sloupci jsou kódy předmětů a v posledním odkazy ve formě ikon na akce pro archivování a úpravu aprobací učitele. V záhlaví tabulky vpravo je umístěn symbol \enquote{plus} pro přidání dalšího záznamu.

\begin{figure}[h!]\centering
    \centering
    \includegraphics[width=13.1cm]{img/obrazovky/ucitel_aprobace.png}
    \caption{Wireframe se seznamm učitelů a jejich aprobací}
    \label{img:obrazovka:ucitel_aprobace}
\end{figure}

\subsection{Seznam zápisů}
Klíčovým rozcestníkem pro správu zápisů v modulu je obrazovka \ref{img:obrazovka:zapis_seznam} obsahující seznam zápisů v aplikaci. Jedná se o tabulku obsahující ve svých řádcích jednotlivé zápisy. Zápis je textově reprezentován jako název oboru, ročník a školní rok, pro který je zápis platný. 

Pok kliknutí na název zápisu v prvním sloupci dojde k přesměrování na obrazovku \ref{img:obrazovka:zapis_detail} s detailem zápisu. Dále seznam obsahuje školní rok, stav zápisu a sloupec s odkazy na akce detailu, editace a archivace. V horní části záhlaví karty s názvem stránky je umístěn symbol \textit{\enquote{plus}} pro vytvoření nového záznamu. 

\todo[inline]{obrazovka zapisu}
\begin{figure}[h!]\centering
    \centering
    \includegraphics[width=13.1cm]{img/obrazovky/ucitel_aprobace.png}
    \caption{Wireframe se seznamem zápisů}
    \label{img:obrazovka:zapis_seznam}
\end{figure}

\begin{figure}[h!]\centering
    \centering
    \includegraphics[width=13.1cm]{img/obrazovky/zapis_detail.png}
    \caption{Wireframe se detailem zápisu}
    \label{img:obrazovka:zapis_detail}
\end{figure}

\subsection{Detail zápisu}
Obrazovka \ref{img:obrazovka:predmet_detail} obsahuje všechny informace o daném zápisu a také možnost zápis upravovat. V horní části je zobrazen popis zápisu viditelný pro studenty, který obsahuje obecné informace a pokyny pro výběr předmětů. V tabulce nalevo je kromě položek ročník, obor a platnosti zápisů také položka \enquote{\textit{stav zápisu}}, která indikuje ve které fázi se zápis aktuálně nachází a měla by být výrazně odlišena tak, aby byl stav na první pohled patrný. 

Pod tabulkou se nacházejí tlačítko \enquote{\textit{upravit}} pro přesměrování na formulář editace základních údajů o zápisu a tlačítko pro změnu stavu zápisu, toto tlačítko přepíná mezi stavy dokončený/nedokončený. Níže je umístěn jednoduchý formulář pro výběr skupiny předmětů, která má být k zápisu přidána. Po jejím přidání se zobrazí jako samostatná tabulka v dolní části obrazovky.

V části \enquote{\textit{Skupiny předmětů}} jsou vypsané jednotlivé skupiny předmětů, které jsou vždy identifikovány nadpisem a typem skupiny. Pro přidání předmětu do skupiny slouží tlačítko pod tabulkou s předměty, vedle kterého se nachází také tlačítkop pro smazání celé skupiny předmětů ze zápisu. Jednotlivé přidané předměty se zobrazují jako řádek v tabulce příslušné skupiny a je u nich také zobrazena hodinová dotace na týden a odkazy na smazání předmětu ze skupiny a editaci záznamu daného předmětu.

\subsection{Formulář pro vyhodnocení zápisu}
Dle funkčních požadavků jedna ze stěžejních částí systémů je samotné vyhodnocení voleb předmětů studentů. Návrh formuláře na obrazovce \ref{img:obrazovka:zapis_vyhodnoceni} zobrazuje jeden zápis a pro zjednodušení pouze jednu skupinu předmětů. V případě, že zápis bude mít více skupin předmětů budou vypadat obdobně.

V horní části je zobrazen popis zápisu a požadavky navýběr předmětů, který je také dostupným studentům, aby měl administrátor, který zápis vyhodnocuje přehled o vypsaných předmětech a minimálních požadavcích, které jsou kladeny na volby studentů. Pokud byla u zápisu definována, následuje seznam skupiny automaticky zapsaných předmětů pro všechny skupiny, která je neměnná. Níže je tabulka pro každou skupinu skupinu předmětů s příslušnou tabulkou a formulářem.

Formulář je jedinečný pro každou skupinu předmětů a má formu tabulky, jejíž sloupce tvoří jednotlivá studenti kteří spadají pro daný zápis a to i takoví, kteří zápis nevyplnili. Sloupce tabulky odpovídají vypsaným předmětům. V záklaví je u každého předmětu uveden počet hodin za týden, počet studentů, kteří mají aktuálně předmět zvolený jako primární -- tedy bude jim zapsán a počet studentů, kteří jej v zápise zvolili jako sekundární. Po najetí kurzorem na symbol lupy vedle názvu předmětu se zobrazí okno s počty zapsaných studentů z jiných zápisů pro ten stejný předmět. Checkbox má funkci zrušení předmětu, tedy pokud administrátor checkbox zaškrtne, dojde ke zrušení výběru daného předmětu všem studentům a administrátor jim bude muset přiřadit náhradní předmět. Takto označený předmět nelze žádnému studentovi zapsat.

V buňce se jménem studenta je zobrazen počet hodin/předmětů které si měl student zapsat a počet, který má aktuálně zapsaný. Pro přehlednost by měl být výrazně označen student, který nesplňuje požadavky zápisu. Pokud je v dalších buňkách, vždy na souřadnici student - předmět,zobrazeno písmeno \verb|P| nebo \verb|S|, značí to skutečnost, že se jedná o studentovu primární nebo sekundární volbu. Zaškrnutí checkboxu indikuje zapsání předmětu danému studentovi. Při prvním otevření formuláře administrátorem zaškrtnutý checkbox odpovídá tomu, že si student vybral předmět jako primární.

Studenti jsou v tabulce řazeni podle data odeslání odpovědi. Pokud počet studentů přesáhne kapacitu předmětu budou takoví studenti v tabulce výrazně označeni, aby administrátor mohl na tuto skutečnost reagovat.

\begin{figure}[h!]\centering
    \centering
    \includegraphics[width=13.1cm]{img/obrazovky/zapis_vyhodnoceni.png}
    \caption{Wireframe s formulářem pro vyhodnocení zápisu}
    \label{img:obrazovka:zapis_vyhodnoceni}
\end{figure}

\subsection{Formulář pro přiřazení úvazků}
\todo[inline]{tvorba úvazků}