diff --git a/main.tex b/main.tex index 22e3724..c8f4858 100644 --- a/main.tex +++ b/main.tex @@ -1,5 +1,6 @@ \documentclass[12pt]{article} +\usepackage{csquotes} \usepackage{template/sbc} \usepackage{graphicx,url} \usepackage{float} diff --git a/sections/metodologia.tex b/sections/metodologia.tex index 9c95203..bddc517 100644 --- a/sections/metodologia.tex +++ b/sections/metodologia.tex @@ -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} diff --git a/sections/o-if-salas.tex b/sections/o-if-salas.tex index 0159ae1..d0b0b03 100644 --- a/sections/o-if-salas.tex +++ b/sections/o-if-salas.tex @@ -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}