Adiciona sobre a aba notas

This commit is contained in:
Leonardo Murça 2024-07-04 17:55:33 -03:00
parent 2b3fc025bd
commit ace2fa838b
3 changed files with 44 additions and 31 deletions

View file

@ -1,5 +1,6 @@
\documentclass[12pt]{article}
\usepackage{csquotes}
\usepackage{template/sbc}
\usepackage{graphicx,url}
\usepackage{float}

View file

@ -48,43 +48,43 @@ de Aula.
\begin{figure}[ht]
\centering
\includegraphics[width=.7\textwidth]{login}
\includegraphics[width=1\textwidth]{login}
\caption{Login}
\end{figure}
\begin{figure}[ht]
\centering
\includegraphics[width=.7\textwidth]{pagina-inicial}
\includegraphics[width=1\textwidth]{pagina-inicial}
\caption{Página inicial}
\end{figure}
\begin{figure}[ht]
\centering
\includegraphics[width=.7\textwidth]{turma-detalhes-comunicados}
\includegraphics[width=1\textwidth]{turma-detalhes-comunicados}
\caption{Sala de aula Comunicados}
\end{figure}
\begin{figure}[ht]
\centering
\includegraphics[width=.7\textwidth]{turma-detalhes-atividades}
\includegraphics[width=1\textwidth]{turma-detalhes-atividades}
\caption{Sala de aula Atividades}
\end{figure}
\begin{figure}[ht]
\centering
\includegraphics[width=.7\textwidth]{turma-detalhes-pessoas}
\includegraphics[width=1\textwidth]{turma-detalhes-pessoas}
\caption{Sala de aula Pessoas}
\end{figure}
\begin{figure}[ht]
\centering
\includegraphics[width=1\textwidth]{atividade-detalhes.png}
\caption{Detalhes de atividade}
\end{figure}
\vfill
\cleardoublepage{}
\begin{figure}[ht]
\centering
\includegraphics[width=.7\textwidth]{atividade-detalhes.png}
\caption{Detalhes de atividade}
\end{figure}
A estrutura lógica das telas prototipadas foram baseadas no sistema \textit{Google Classroom} visando
a facilidade de uso por parte dos usuários, uma vez que a ferramenta é bem difundida no ambiente acadêmico do IFMG\@.
@ -131,7 +131,7 @@ uma vez que não houve a implantação do software em ambiente de produção. Ob
\begin{figure}[ht]
\centering
\includegraphics[width=.7\textwidth]{gitflow.jpg}
\includegraphics[width=1\textwidth]{gitflow.jpg}
\caption{Git Flow Adaptado}
\end{figure}

View file

@ -54,7 +54,7 @@ O layout responsivo também garante uma experiência consistente em diferentes d
\begin{figure}[ht]
\centering
\includegraphics[width=.7\textwidth]{login-implementacao}
\includegraphics[width=1\textwidth]{login-implementacao}
\caption{Login}
\end{figure}
@ -68,7 +68,7 @@ para garantir a precisão e segurança das informações fornecidas.
\begin{figure}[ht]
\centering
\includegraphics[width=.7\textwidth]{cadastro-implementacao}
\includegraphics[width=1\textwidth]{cadastro-implementacao}
\caption{Cadastro}
\end{figure}
@ -93,7 +93,7 @@ na plataforma IF Salas.
\begin{figure}[ht]
\centering
\includegraphics[width=.7\textwidth]{pagina-inicial-logado-professor}
\includegraphics[width=1\textwidth]{pagina-inicial-logado-professor}
\caption{Página inicial logado (visão do professor)}
\end{figure}
@ -120,7 +120,7 @@ aprimorada para todos os envolvidos no IF Salas.
\begin{figure}[ht]
\centering
\includegraphics[width=.7\textwidth]{sala-de-aula-comunicados-professor}
\includegraphics[width=1\textwidth]{sala-de-aula-comunicados-professor}
\caption{Sala de aula - Comunicados (visão do professor)}
\end{figure}
@ -142,7 +142,7 @@ experiência de navegação coesa e intuitiva, elevando a usabilidade e a satisf
\begin{figure}[ht]
\centering
\includegraphics[width=.7\textwidth]{sala-de-aula-atividades-professor}
\includegraphics[width=1\textwidth]{sala-de-aula-atividades-professor}
\caption{Sala de aula - Atividades (visão do professor)}
\end{figure}
@ -159,19 +159,31 @@ facilita a identificação dos colegas de classe e promove uma atmosfera de cola
\begin{figure}[ht]
\centering
\includegraphics[width=.7\textwidth]{sala-de-aula-pessoas-professor}
\includegraphics[width=1\textwidth]{sala-de-aula-pessoas-professor}
\caption{Sala de aula - Pessoas (visão do professor)}
\end{figure}
\subsection{Sala de aula - Notas (visão do professor)}
TODO: Mussum Ipsum, cacilds vidis litro abertis. Casamentiss faiz malandris se pirulitá. In elementis mé pra quem é amistosis
quis leo. Em pé sem cair, deitado sem dormir, sentado sem cochilar e fazendo pose. Manduma pindureta quium dia nois paga.
Mussum Ipsum, cacilds vidis litro abertis. Casamentiss faiz malandris se pirulitá. In elementis mé pra quem é amistosis quis
leo. Em pé sem cair, deitado sem dormir, sentado sem cochilar e fazendo pose. Manduma pindureta quium dia nois paga.
A quis leo. Em pé sem cair, deitado sem dormir, sentado sem cochilar e fazendo pose. Manduma pindureta quium dia nois paga.
Mussum Ipsum, cacilds vidis litro abertis. Casamentiss faiz malandris se pirulitá. In elementis mé pra quem é amistosis quis
leo. Em pé sem cair, deitado sem dormir, sentado sem cochilar e fazendo pose. Manduma pindureta quium dia nois paga.
Essa aba foi projetada com foco em pequenos detalhes que fazem uma grande diferença na usabilidade e na satisfação dos professores e alunos que a utilizam.
As microinterações desempenham um papel crucial na aba "Notas", fornecendo feedback imediato e relevante para ações específicas. Quando um professor atribui
uma nota a um aluno, uma confirmação visual instantânea, como uma mudança de cor ou a exibição de um ícone de confirmação, sinaliza que a nota foi salva com
sucesso. Esses pequenos indicadores garantem que o usuário está constantemente informado sobre o estado de suas ações. Além disso, ao passar o cursor sobre
elementos interativos, realces e animações suaves indicam a disponibilidade de ações, guiando o usuário de forma intuitiva e reduzindo a carga cognitiva.
A visibilidade do status do sistema é mantida através de atualizações em tempo real, onde mudanças nas notas ou comentários são imediatamente refletidas
na interface. Isso garante que os usuários estejam sempre cientes do que está acontecendo. A correspondência entre o sistema e o mundo real é observada
na utilização de terminologias familiares e na disposição das notas em formato de grade, facilitando a adaptação dos professores ao sistema.
A aba também proporciona um alto grau de controle e liberdade ao usuário, permitindo desfazer ações e corrigir erros facilmente. A consistência e os padrões
são mantidos com um design uniforme que segue a linha visual do IF Salas, ajudando os usuários a navegar com confiança. Para prevenir erros, a interface
inclui validações e confirmações, como avisos ao deixar campos obrigatórios em branco, garantindo a integridade dos dados.
O design minimalista da aba, com cores suaves e tipografia clara, contribui para uma experiência visual agradável e funcional, eliminando elementos
desnecessários que possam distrair os usuários. Esse foco em estética e simplicidade ajuda os professores a se concentrarem nas tarefas principais de
maneira eficiente.
\vfill
\cleardoublepage{}
@ -194,7 +206,7 @@ contribuem para uma experiência de usuário coesa, intuitiva e altamente satisf
\begin{figure}[ht]
\centering
\includegraphics[width=.7\textwidth]{pagina-inicial-logado-aluno}
\includegraphics[width=1\textwidth]{pagina-inicial-logado-aluno}
\caption{Página inicial logado (visão do aluno)}
\end{figure}
@ -217,7 +229,7 @@ de sala de aula online que é intuitiva, eficaz e altamente funcional para os us
\begin{figure}[ht]
\centering
\includegraphics[width=.7\textwidth]{sala-de-aula-comunicados-aluno}
\includegraphics[width=1\textwidth]{sala-de-aula-comunicados-aluno}
\caption{Sala de aula - Comunicados (visão do aluno)}
\end{figure}
@ -238,7 +250,7 @@ pendentes, facilitando assim o engajamento e o progresso acadêmico na plataform
\begin{figure}[ht]
\centering
\includegraphics[width=.7\textwidth]{sala-de-aula-atividades-aluno}
\includegraphics[width=1\textwidth]{sala-de-aula-atividades-aluno}
\caption{Sala de aula - Atividades (visão do aluno)}
\end{figure}
@ -256,7 +268,7 @@ facilita a identificação dos colegas de classe e promove uma atmosfera de cola
\begin{figure}[ht]
\centering
\includegraphics[width=.7\textwidth]{sala-de-aula-pessoas-aluno}
\includegraphics[width=1\textwidth]{sala-de-aula-pessoas-aluno}
\caption{Sala de aula - Pessoas (visão do aluno)}
\end{figure}
@ -279,7 +291,7 @@ encerrando o processo de interação de maneira eficiente.
\begin{figure}[ht]
\centering
\includegraphics[width=.7\textwidth]{detalhes-atividade-aluno}
\includegraphics[width=1\textwidth]{detalhes-atividade-aluno}
\caption{Detalhes da atividade (visão do aluno)}
\end{figure}
@ -306,6 +318,6 @@ comunidade acadêmica.
\begin{figure}[ht]
\centering
\includegraphics[width=.7\textwidth]{informacoes-aluno}
\includegraphics[width=1\textwidth]{informacoes-aluno}
\caption{Informações (visão do aluno)}
\end{figure}