\section{Resultado}
Neste capitulo decidimos mostrar o resultado final do projeto. Em baixo seguem algumas imagens e uma breve explicação da informação que é apresentada e as funcionalidades que permitem.
\vspace{1cm}

A imagem a baixo retrata a pagina de entrada do site. É possível ver alguma informação relevante sobre a faculdade, mais em baixo existe uma lista de contactos e ainda a lista de cursos e as cadeiras de cada um. Existe ainda o botão de LOGIN, para que o utilizador possa ter acesso ao formulário de autenticação ou registo.

\begin{figure}[H]
	\centering
	\includegraphics[width=1\textwidth]{images/main1}
	\caption{Página inicial do site - Informação}
\end{figure}
\newpage

Continuação da página de entrada do site referente a lista de cursos e cadeiras. Aqui é possível ver informação da oferta educativa e as cadeiras de cada um dos cursos.

\begin{figure}[H]
	\centering
	\includegraphics[width=1\textwidth]{images/main2}
	\caption{Página inicial do site - Oferta educativa}
\end{figure}
\newpage

De seguida apresentamos duas imagens respetivas à parte de autenticação. A primeira representa o formulário de login de estudante, sendo que o do professor é semelhante. E a segunda representa o formulário de registo, para criar uma nova conta.

\begin{figure}[H]
	\centering
	\includegraphics[width=0.8\textwidth]{images/login}
	\caption{Autenticação - Formulário de Login}
\end{figure}

\begin{figure}[H]
	\centering
	\includegraphics[width=0.8\textwidth]{images/registo}
	\caption{Autenticação - Formulário de registo}
\end{figure}
\newpage
Em ambos os formulários é apresentado uma mensagem de erro caso tenha ocorrido um erro ao criar uma nova conta. Este erro pode ocorrer por campos inválidos, por já existir um utilizador com o nome da nova conta ou, no caso do login, por o nome de utilizador e a password estarem incorretos.

\begin{figure}[H]
	\centering
	\includegraphics[width=0.5\textwidth]{images/login_erro}
	\caption{Autenticação - Formulário de Login em caso de erro}
\end{figure}

\begin{figure}[H]
	\centering
	\includegraphics[width=0.7\textwidth]{images/registo_erro}
	\caption{Autenticação - Formulário de registo em caso de erro}
\end{figure}
\newpage

As próximas imagens retratam a área pessoal de um estudante. A página de entrada, na área pessoal do estudante, mostra algumas informações gerais do estudante e é apresentado um menu do lado esquerdo com as opções de navegação possíveis.

\begin{figure}[H]
	\centering
	\includegraphics[width=0.8\textwidth]{images/student1}
	\caption{Estudante - Página inicial}
\end{figure}

Na imagem em baixo é apresentada uma página de definições, onde o estudante pode editar algumas informações como o email pessoal, a foto de perfil, a morada e a sua data de nascimento.

\begin{figure}[H]
	\centering
	\includegraphics[width=0.8\textwidth]{images/student2}
	\caption{Estudante - Página de definições}
\end{figure}
\newpage

Cada estudante tem acesso aos seus resultados e às informações das edições de cadeiras que estão concluídas ou às que está inscrito. Em baixo é apresentada a lista de edições de cadeiras que o estudante concluiu e o respetivo resultado. Para a lista de edições em que está inscrito, a lista é semelhante com a diferença de que não é apresentada a nota final. Em cada cadeira apresentada é possível clicar para obter mais informações sobre a mesma. Para uma cadeira que tenha, ou não, sido concluída, a vista é igual com a diferença que nas concluídas aparece a nota em cada avaliação.

\begin{figure}[H]
	\centering
	\includegraphics[width=0.8\textwidth]{images/student3}
	\caption{Estudante - Página de resultados}
\end{figure}

\begin{figure}[H]
	\centering
	\includegraphics[width=0.8\textwidth]{images/student4}
	\caption{Estudante - Informação da edição de uma cadeira}
\end{figure}
\newpage

De seguida apresentamos as imagens  da área pessoal de um professor. A página de entrada na área pessoal do professor mostra algumas informações gerais do professor e é apresentado um menu do lado esquerdo com as opções de navegação possíveis. A interface apresentada, seja para um professor ou para um assistente, é igual, embora alguns botões não estejam disponíveis na interface consoante o tipo de conta autenticada. Para controlar também pelo lado do cliente as ações que cada tipo de professor pode executar. De qualquer maneira estas ações são controladas no lado do servidor consoante o tipo de conta que está autenticada. A página de entrada na área do professor e da página de definições são semelhantes à do estudante, com a diferença nos dados que podem ser editados. Na lista de cadeiras é apresentada uma lista de edições de cadeiras em que o professor é regente ou assistente. A lista é igual à apresentada aos estudantes, mas só é mostrado o nome da cadeira. Para aceder à página de gestão de uma cadeira basta clicar na respetiva cadeira.

Em baixo é apresentada a imagem correspondente à pagina principal de gestão de uma cadeira. Esta página está divida em 4 secções (um separador por secção). Em baixo é explicado o conteúdo de cada um dos separadores e as funcionalidades respetivas.


Na primeira secção é apresentado a lista de estudantes inscritos na edição da cadeira. Sendo a página de um professor (não assistente), é possível remover e adicionar novos estudantes à edição. Ambos podem pesquisar por um determinado aluno seja por nome ou número.

\begin{figure}[H]
	\centering
	\includegraphics[width=0.8\textwidth]{images/prof1}
	\caption{Professor - Estudantes inscritos numa edição}
\end{figure}

\begin{figure}[H]
	\centering
	\includegraphics[width=0.8\textwidth]{images/prof2}
	\caption{Professor - Adicionar estudante à edição}
\end{figure}

Na segunda secção é apresentada uma tabela com as avaliações da edição. Também neste caso sendo um professor, é possível editar a informação de uma avaliação, apagar ou criar uma nova. Ambos podem pesquisar por uma avaliação através do nome ou da data.

\begin{figure}[H]
	\centering
	\includegraphics[width=0.8\textwidth]{images/prof3}
	\caption{Professor - Lista de avaliações de uma edição}
\end{figure}

\begin{figure}[H]
	\centering
	\includegraphics[width=0.8\textwidth]{images/prof4}
	\caption{Professor - Editar detalhes de uma avaliação}
\end{figure}

Na terceira secção é apresentada uma lista dos professores atuais de uma edição. Um professor pode adicionar ou remover novos professores. Um assistente só pode consultar. 

\begin{figure}[H]
	\centering
	\includegraphics[width=0.8\textwidth]{images/prof5}
	\caption{Professor - Lista de professores de uma edição}
\end{figure}

\begin{figure}[H]
	\centering
	\includegraphics[width=0.8\textwidth]{images/prof6}
	\caption{Professor - Adicionar professor a uma avaliação}
\end{figure}

Na ultima secção é apresentada uma tabela com as respetivas notas dos estudantes da edição. Ambos professores e assistentes podem mudar as notas dos estudantes.

\begin{figure}[H]
	\centering
	\includegraphics[width=0.8\textwidth]{images/prof7}
	\caption{Professor - Adicionar professor a uma avaliação}
\end{figure}
\vspace{1.5cm}

Em cada secção sempre que se trata de uma operação de adicionar, editar ou remover são apresentadas mensagens de sucesso ou de erro. Caso se trate de um erro é mostrada uma explicação de qual poderá ter sido a causa.
