Skip to content
Snippets Groups Projects
Commit b2ca74ca authored by Radek Puš's avatar Radek Puš
Browse files

latex - UI text

parent 044c6654
No related branches found
No related tags found
No related merge requests found
No preview for this file type
......@@ -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}
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.
 
\chapter{Doplnit}
\section{vyhodnocení kvality}
\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í
......
Latex/img/screen_ann.png

46.9 KiB

Latex/img/screen_average_amount.png

110 KiB

Latex/img/screen_change_password.png

20.5 KiB

Latex/img/screen_delete_account.png

28.2 KiB

Latex/img/screen_history.png

69.8 KiB

Latex/img/screen_login.png

16.8 KiB

Latex/img/screen_menu.png

30.1 KiB

Latex/img/screen_registration.png

18.4 KiB

0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment