latex - UI text

Latex/BP_Radek_Pus_2019.tex

@@ -609,18 +609,80 @@ V databázi je seznam sítí (\textit{"Network"}). Každá se potom dělí na da
  	\label{ModelANN}
 \end{figure}
+%TODO maybe student má takové výsledky, důchodce makové výsledky
 \chapter{Výsledné uživatelské rozhraní}
-\begin{itemize}
-	\item vyfotit jednotlivé části, co která část dělá
-	\item student má takové výsledky, důchodce makové výsledky
-\end{itemize}
-\chapter{Doplnit}
-\section{vyhodnocení kvality}
+Výsledné rozhraní uživatelské rozhraní má dohromady tři obrazovky. Přihlašovací, kterou uživatel vidí jako první při načtení aplikace. Druhou obrazovkou je registrační formulář, aby uživatel mohl aplikaci použít. Poslední obrazovka, tvořící hlavní část aplikace, je dostupná po přihlášení. Obsahuje grafy, které ukazují, jak se pravděpodobně uživatel bude chovat po finanční stránce v následujících dnech.
+\section{Přihlašovací obrazovka}
+Přihlašovací obrazovka obsahuje formulář pro zadání uživatelského jména a hesla. Dále obsahuje odkaz na stránku pro registraci, pro uživatele, kteří se do aplikace ještě nezaregistrovali.
+\begin{figure}[h]
+ 	\includegraphics[width=0.55\textwidth]{img/screen_login.png}
+ 	\centering
+ 	\caption[Uživatelské rozhraní - přihlašovací obrazovka]{Uživatelské rozhraní - přihlašovací obrazovka}
+ 	\label{ScreenLogin}
+\end{figure}
+
+\section{Registrační obrazovka}
+Registrační obrazovka vychází z obrazovky přihlašovací. Obsahuje formulář pro vytvoření uživatelského jména, hesla a odkaz zpět na přihlašovací obrazovku, pro uživatele, jež klikli omylem na odkaz pro registraci.
+\begin{figure}[h]
+ 	\includegraphics[width=0.55\textwidth]{img/screen_registration.png}
+ 	\centering
+ 	\caption[Uživatelské rozhraní - registrační obrazovka]{Uživatelské rozhraní - registrační obrazovka}
+ 	\label{ScreenRegistration}
+\end{figure}
+
+\section{Hlavní obrazovka}
+Hlavní obrazovka je nejsložitější. V záhlaví obsahuje dropdown menu, jenž po rozkliknutí nabídne odhlášení, změnu hesla a zrušení účtu. V případě, že dojde k výběru odhlášení, uživatel je automaticky přesměrován na hlavní obrazovku. Pokud ale naopak vybere možnost pro změnu hesla nebo zrušení účtu, zobrazí se dialog pro potvrzení a zadání hesla.
+\begin{figure}[h]
+	\hspace{1.7cm}
+	$\vcenter{\hbox{\includegraphics[width=0.7\textwidth]{img/screen_menu.png}}}$
+	
+	\vspace{.3cm}
+	
+	$\vcenter{\hbox{\includegraphics[width=0.4\textwidth]{img/screen_delete_account.png}}}$
+ 	\hspace*{.2in}
+  	$\vcenter{\hbox{\includegraphics[width=0.32\textwidth]{img/screen_change_password.png}}}$
+ 	\centering
+ 	\caption[Uživatelské rozhraní - menu a účet]{Uživatelské rozhraní - menu a účet}
+ 	\label{ScreenMenuAccount}
+\end{figure}
+\newpage
+Pod záhlavím je obrazovka rozdělena na dalších pět částí. První z nich je část pro nahrání souboru obsahující výpis z účtu a pod ním je seznam všech úspěšně nahraných souborů. V tomto seznamu je zároveň tlačítko, které umožňuje uživateli libovolný soubor snadno odstranit.
+
+Druhou částí jsou čtyři grafy, zobrazující, jak měl uživatel doposud výdaje. První z nich, sloupcový, ukazuje souhrnnou velikost transakcí za poslední čtyři týdny. Další tři jsou koláčové. První zobrazuje poměr velikostí transakcí (rozdělené na drobné, malé, střední, velké,...). Druhý i třetí graf pak využívají konstantní symboly k zobrazení, jakého druhu transakce pravděpodobně byly.
+\begin{figure}[h]
+ 	\includegraphics[width=0.55\textwidth]{img/screen_history.png}
+ 	\centering
+ 	\caption[Uživatelské rozhraní - uživatelská historie]{Uživatelské rozhraní - uživatelská historie}
+ 	\label{ScreenUserHistory}
+\end{figure}
+
+Zbylé části obrazovky tvoří samotné předpovědi. Nejdříve se zobrazuje předpověď základě umělé inteligence. Tu tvoří seznam pravděpodobných plateb na týden od nahrání historie, doplněný o typ plateb (odhadnutý z hodnot konstantních symbolů) a koláčový graf, který tyto transakce dává do poměru stejným způsobem, jako předešlý graf historie.
+\begin{figure}[h]
+ 	\includegraphics[width=0.55\textwidth]{img/screen_ann.png}
+ 	\centering
+ 	\caption[Uživatelské rozhraní - předpověď neuronovou sítí]{Uživatelské rozhraní - předpověď neuronovou sítí}
+ 	\label{ScreenANN}
+\end{figure}
+
+Druhá předpověď, založená na průměru všech transakcí, zobrazuje čárový graf s odhadovanými výdaji na další čtyři týdny a koláčový graf pro předpovědi na jednotlivé dny v týdnu.
+
+Poslední předpověď, tvořící zároveň poslední sekci obrazovky, je předpovídání na základě porovnávání částek. Z této předpovědi vychází seznam pravděpodobných transakcí na další týden (strukturovaný stejně jako seznam pro předpovídání neuronovou sítí), koláčové grafy s druhem transakcí, vycházejících z konstantních symbolů a poměrnou velikostí transakcí.
+\begin{figure}[h]
+ 	\includegraphics[width=0.55\textwidth]{img/screen_average_amount.png}
+ 	\centering
+ 	\caption[Uživatelské rozhraní - předpověď průměrem a hodnotou]{Uživatelské rozhraní - předpověď průměrem a hodnotou}
+ 	\label{ScreenANN}
+\end{figure}
+
+\chapter{Vyhodnocení kvality}
 \begin{itemize}
 	\item vložit historii za určité období a porovnat ji s historií skutečnou za další období (oříznout dobu)
 \end{itemize}
+\chapter{Doplnit}
+-- vyscreenovat mathematicu ve FullHD místo 4K
+
 \section{scénáře testující použití}
 \begin{itemize}
 	\item dát cizím k otestování