Feedbacks from first revision

This commit is contained in:
Leonardo Murça 2024-09-06 16:42:36 -03:00
parent e8ecade433
commit 372ecd3ff2
4 changed files with 43 additions and 22 deletions

View file

@ -39,6 +39,18 @@
personalization, and enhanced accessibility. personalization, and enhanced accessibility.
\end{abstract} \end{abstract}
\begin{resumo}
Esta tese apresenta o IF Salas, um sistema de gestão de aprendizagem (LMS) de código aberto, desenvolvido
especificamente para o Instituto Federal de Minas Gerais (IFMG). Motivado por preocupações com a privacidade
de dados e as limitações de soluções genéricas de LMS, o IF Salas oferece uma plataforma personalizada para
as necessidades de ensino híbrido e a distância do IFMG. Desenvolvido com uma abordagem centrada no usuário,
incorporando os princípios de usabilidade de Nielsen e as técnicas de microinterações de Saffer, o IF Salas
proporciona uma experiência intuitiva e eficiente tanto para alunos quanto para professores. O Produto Mínimo
Viável (MVP) implementado demonstra o potencial da plataforma para aprimorar a experiência educacional no IFMG,
com o desenvolvimento futuro focado na expansão de funcionalidades, personalização impulsionada por IA e maior
acessibilidade.
\end{resumo}
\input{sections/introducao.tex} \input{sections/introducao.tex}
\input{sections/referencial-teorico.tex} \input{sections/referencial-teorico.tex}
\input{sections/metodologia.tex} \input{sections/metodologia.tex}

View file

@ -10,7 +10,7 @@ desde a subseção \ref{subsec:prototipacao-do-layout} até a \ref{subsec:coleta
Sistema de controle de versão distribuído gratuito e de código aberto. Sistema de controle de versão distribuído gratuito e de código aberto.
\item \textbf{Github}: \item \textbf{Github}:
Plataforma de primariamente de hospedagem de código-fonte e arquivos com controle de versão usando o Git Plataforma de primariamente de hospedagem de código-fonte e arquivos com controle de versão usando o Git.
\item \textbf{Github Actions}: \item \textbf{Github Actions}:
Serviço integrado de integração contínua e implantação contínua (CI/CD) fornecido pelo GitHub. Ele permite que Serviço integrado de integração contínua e implantação contínua (CI/CD) fornecido pelo GitHub. Ele permite que
@ -91,24 +91,23 @@ a facilidade de uso por parte dos usuários, uma vez que a ferramenta é bem dif
\subsection{Codificação do protótipo} \subsection{Codificação do protótipo}
Após a prototipação das telas principais, iniciou-se o desenvolvimento da aplicação utilizando uma abordagem proposta Após a prototipação das telas principais, iniciou-se o desenvolvimento da aplicação utilizando uma abordagem proposta
por Andrew Hunt e David Thommas em seu livro O Programador Pragmático \cite{pragmatic-programmer} chamada de \textit{Projéteis Luminosos}. por Andrew Hunt e David Thommas em seu livro O Programador Pragmático \cite{pragmatic-programmer} chamada de \textit{Projéteis Luminosos}.
Essa abordagem é uma analogia a atiradores de armas de fogo que utilizam projéteis luminosos. Esses projéteis são carregados a intervalos Essa abordagem é uma analogia a atiradores de armas de fogo que utilizam projéteis luminosos. Esses projéteis são carregados a intervalos
no pente de munição com as balas comuns. Quando disparados, seu fósforo se acende e deixa uma trilha pirotécnica da arma até o que quer no pente de munição com as balas comuns. Quando disparados, seu fósforo se acende e deixa uma trilha pirotécnica da arma até o que quer
que atinjam. Se os projéteis estiverem atingindo o alvo, as balas comuns também estarão. O feedback é imediato e, já que eles operam no que atinjam. Se os projéteis estiverem atingindo o alvo, as balas comuns também estarão. O feedback é imediato e, já que eles operam no
mesmo ambiente da munição real, os efeitos externos são reduzidos. mesmo ambiente da munição real, os efeitos externos são reduzidos.
Os projéteis luminosos no contexto do desenvolvimento do IF Salas foi necessário para validar como certos fluxos, antes prototipados No contexto do IF Salas, as "balas reais"\ representam as funcionalidades finais e completas da aplicação, ou seja, as
no Figma, funcionariam na prática. Essa abordagem foi escolhida pelo fato do IF Salas ser algo que nunca foi construído e utilizado
anteriormente no contexto do IFMG Sabará. Ou seja, alguns requisitos ainda pareciam incógnitos e, não tínhamos uma ideia nitida
de como o sistema funcionaria na prática. Mesmo que \textit{Google Classroom} tenha sido utilizado anteriormente em alguns contextos,
a ferramenta ainda era de propósito geral, e certos fluxos comuns não foram cobertos pela ferramenta, como por exemplo todo o fluxo
de criação, atribuição e correção de atividades interdisciplinares.
Em resumo, no contexto do IF Salas, as "balas reais" representam as funcionalidades finais e completas da aplicação, ou seja, as
características e fluxos que devem ser totalmente implementados e funcionar conforme esperado para o usuário final. características e fluxos que devem ser totalmente implementados e funcionar conforme esperado para o usuário final.
Já os "projéteis luminosos" simbolizam as versões intermediárias ou protótipos dessas funcionalidades, que foram desenvolvidos para testar Já os "projéteis luminosos"\ simbolizam as versões intermediárias ou protótipos dessas funcionalidades, que foram desenvolvidos para testar
e validar se as ideias ou fluxos funcionam na prática antes de serem totalmente desenvolvidos e integrados na aplicação. e validar se as ideias ou fluxos funcionam na prática antes de serem totalmente desenvolvidos e integrados na aplicação.
Os projéteis luminosos também foram necessários para validar como certos fluxos, antes prototipados no Figma, funcionariam na prática.
Essa abordagem foi escolhida pelo fato do IF Salas ser algo que nunca foi construído e utilizado anteriormente no contexto do IFMG Sabará.
Ou seja, alguns requisitos ainda pareciam incógnitos e, não tínhamos uma ideia nitida de como o sistema funcionaria na prática. Mesmo que
\textit{Google Classroom} tenha sido utilizado anteriormente em alguns contextos, a ferramenta ainda era de propósito geral, e certos fluxos
comuns não foram cobertos pela ferramenta, como por exemplo todo o fluxo de criação, atribuição e correção de atividades interdisciplinares.
A arquitetura e organização dos arquivos do código do projeto foi estruturada seguindo as práticas mais difundidas no mercado de A arquitetura e organização dos arquivos do código do projeto foi estruturada seguindo as práticas mais difundidas no mercado de
desenvolvimento web utilizando o ecossistema React. Dentre essas práticas estão: desenvolvimento web utilizando o ecossistema React. Dentre essas práticas estão:

View file

@ -100,8 +100,8 @@ para garantir a precisão e segurança das informações fornecidas.
\cleardoublepage{} \cleardoublepage{}
\subsection{Página inicial logado (visão do professor)} \subsection{Página inicial logado (visão do professor)}
À esquerda, temos um menu vertical que é apresentado de forma clara, destacando as opções essenciais: "Página Inicial", À esquerda, temos um menu vertical que é apresentado de forma clara, destacando as opções essenciais: "Página Inicial"\,
"Informações" e "Calendário Acadêmico". Microinterações discretas, como realces ao passar o mouse sobre cada "Informações"\ e "Calendário Acadêmico". Microinterações discretas, como realces ao passar o mouse sobre cada
item do menu, fornecem feedback instantâneo, indicando sua interatividade e facilitando a navegação do usuário. item do menu, fornecem feedback instantâneo, indicando sua interatividade e facilitando a navegação do usuário.
No centro da tela, as turmas são exibidas com clareza e organização, cada uma identificada por uma cor única, No centro da tela, as turmas são exibidas com clareza e organização, cada uma identificada por uma cor única,
título e ano correspondente. Essa abordagem segue os princípios de Nielsen para uma identificação rápida e título e ano correspondente. Essa abordagem segue os princípios de Nielsen para uma identificação rápida e
@ -129,10 +129,10 @@ na plataforma IF Salas.
O card fixo no topo foi projetado para garantir clareza e acessibilidade: a cor identificadora da turma no topo O card fixo no topo foi projetado para garantir clareza e acessibilidade: a cor identificadora da turma no topo
proporciona uma rápida associação visual, seguida pelo nome da turma em destaque, oferecendo uma identificação proporciona uma rápida associação visual, seguida pelo nome da turma em destaque, oferecendo uma identificação
instantânea. Abaixo do avatar do professor, seu nome é apresentado ao lado, promovendo uma conexão pessoal e instantânea. Abaixo do avatar do professor, seu nome é apresentado ao lado, promovendo uma conexão pessoal e
uma experiência mais humana. As quatro abas navegáveis - "Comunicados", "Atividades", "Pessoas" e "Notas" - são uma experiência mais humana. As quatro abas navegáveis - "Comunicados"\, "Atividades"\, "Pessoas"\ e "Notas"\ - são
facilmente acessíveis e destacadas visualmente para facilitar a navegação entre as seções da sala de aula. facilmente acessíveis e destacadas visualmente para facilitar a navegação entre as seções da sala de aula.
Na primeira coluna à esquerda, os cards são apresentados de forma clara e organizada, com microinterações sutis Na primeira coluna à esquerda, os cards são apresentados de forma clara e organizada, com microinterações sutis
que realçam a interatividade. Por exemplo, ao clicar no botão "Iniciar aula" no card da sala de aula virtual, que realçam a interatividade. Por exemplo, ao clicar no botão "Iniciar aula"\ no card da sala de aula virtual,
uma nova aba é aberta no Jitsi, proporcionando uma experiência de usuário contínua. Além disso, a capacidade de uma nova aba é aberta no Jitsi, proporcionando uma experiência de usuário contínua. Além disso, a capacidade de
editar o link da sala iniciada através do ícone de três pontos oferece flexibilidade ao professor. Os cards de editar o link da sala iniciada através do ícone de três pontos oferece flexibilidade ao professor. Os cards de
próximas atividades e horários de atendimento são igualmente interativos, permitindo a edição para garantir precisão próximas atividades e horários de atendimento são igualmente interativos, permitindo a edição para garantir precisão
@ -155,7 +155,7 @@ aprimorada para todos os envolvidos no IF Salas.
Além do card fixo que fornece informações essenciais sobre a turma, um botão "Criar atividade", estrategicamente Além do card fixo que fornece informações essenciais sobre a turma, um botão "Criar atividade", estrategicamente
posicionado à direita da tela, convida o professor a iniciar o processo de criação de uma nova atividade de forma posicionado à direita da tela, convida o professor a iniciar o processo de criação de uma nova atividade de forma
direta e imediata, destacando a funcionalidade de forma proeminente. Abaixo deste botão, a tela é cuidadosamente direta e imediata, destacando a funcionalidade de forma proeminente. Abaixo deste botão, a tela é cuidadosamente
dividida em duas seções: "Provas" e "Trabalhos". Na seção "Provas", uma lista clara e organizada apresenta as provas dividida em duas seções: "Provas"\ e "Trabalhos"\. Na seção "Provas", uma lista clara e organizada apresenta as provas
em aberto, exibindo de forma distintiva o título, a data de entrega e a pontuação correspondente de cada prova. Da mesma em aberto, exibindo de forma distintiva o título, a data de entrega e a pontuação correspondente de cada prova. Da mesma
forma, na seção "Trabalhos", as informações são apresentadas de maneira coerente, permitindo uma rápida identificação do forma, na seção "Trabalhos", as informações são apresentadas de maneira coerente, permitindo uma rápida identificação do
título, data de entrega e pontuação dos trabalhos disponíveis. Em casos de atividades atribuídas a mais de uma disciplina, título, data de entrega e pontuação dos trabalhos disponíveis. Em casos de atividades atribuídas a mais de uma disciplina,
@ -174,7 +174,7 @@ experiência de navegação coesa e intuitiva, elevando a usabilidade e a satisf
\cleardoublepage{} \cleardoublepage{}
\subsection{Sala de aula - Pessoas (visão do professor)} \subsection{Sala de aula - Pessoas (visão do professor)}
Além do card fixo que fornece informações essenciais sobre a turma, a tela é organizada em duas seções distintas: "Docentes" Além do card fixo que fornece informações essenciais sobre a turma, a tela é organizada em duas seções distintas: "Docentes"\
e "Discentes". Na primeira seção, a lista de professores é apresentada de forma clara e organizada, onde cada item exibe o e "Discentes". Na primeira seção, a lista de professores é apresentada de forma clara e organizada, onde cada item exibe o
avatar do professor e seu nome completo ao lado. Essa apresentação permite aos usuários identificar facilmente os professores avatar do professor e seu nome completo ao lado. Essa apresentação permite aos usuários identificar facilmente os professores
responsáveis pela turma, promovendo uma comunicação eficaz e uma conexão mais pessoal entre docentes e alunos. Na segunda seção, responsáveis pela turma, promovendo uma comunicação eficaz e uma conexão mais pessoal entre docentes e alunos. Na segunda seção,
@ -215,7 +215,7 @@ maneira eficiente.
\subsection{Página inicial logado (visão do aluno)} \subsection{Página inicial logado (visão do aluno)}
À esquerda da interface, um menu vertical é estrategicamente posicionado, apresentando de forma clara e organizada as opções À esquerda da interface, um menu vertical é estrategicamente posicionado, apresentando de forma clara e organizada as opções
principais, como "Página Inicial", "Informações" e "Calendário Acadêmico". Essa disposição favorece uma navegação fluida e principais, como "Página Inicial", "Informações"\ e "Calendário Acadêmico". Essa disposição favorece uma navegação fluida e
direta, garantindo que os usuários possam acessar facilmente as diferentes áreas da plataforma. No centro da tela, as turmas, direta, garantindo que os usuários possam acessar facilmente as diferentes áreas da plataforma. No centro da tela, as turmas,
fundamentais para a organização acadêmica, são apresentadas de forma visualmente atraente e funcional. Cada turma é distintamente fundamentais para a organização acadêmica, são apresentadas de forma visualmente atraente e funcional. Cada turma é distintamente
identificada por uma cor única, seguida do título, iniciais e os respectivos professores responsáveis. Essa representação visual identificada por uma cor única, seguida do título, iniciais e os respectivos professores responsáveis. Essa representação visual
@ -240,9 +240,9 @@ contribuem para uma experiência de usuário coesa, intuitiva e altamente satisf
\subsection{Sala de aula - Comunicados (visão do aluno)} \subsection{Sala de aula - Comunicados (visão do aluno)}
O design do card principal é meticulosamente elaborado, começando com a cor distintiva da turma no topo, seguida pelo título O design do card principal é meticulosamente elaborado, começando com a cor distintiva da turma no topo, seguida pelo título
proeminente da turma. Abaixo do avatar do professor, seu nome é apresentado ao lado, facilitando uma conexão visual imediata proeminente da turma. Abaixo do avatar do professor, seu nome é apresentado ao lado, facilitando uma conexão visual imediata
entre aluno e professor. Três abas navegáveis - "Comunicados", "Atividades" e "Pessoas" - são claramente dispostas, permitindo entre aluno e professor. Três abas navegáveis - "Comunicados", "Atividades"\ e "Pessoas"\ - são claramente dispostas, permitindo
uma navegação intuitiva e rápida pelos diferentes aspectos da sala de aula. Na primeira coluna à esquerda, os cards são organizados uma navegação intuitiva e rápida pelos diferentes aspectos da sala de aula. Na primeira coluna à esquerda, os cards são organizados
de maneira coesa e acessível. O card da sala de aula virtual incorpora uma microinteração eficaz, oferecendo um botão "Entrar" de maneira coesa e acessível. O card da sala de aula virtual incorpora uma microinteração eficaz, oferecendo um botão "Entrar"\
que permite aos alunos participarem instantaneamente de uma sala de aula no Jitsi em uma nova aba, promovendo uma experiência de que permite aos alunos participarem instantaneamente de uma sala de aula no Jitsi em uma nova aba, promovendo uma experiência de
entrada direta e imediata. O card de próximas atividades apresenta as tarefas pendentes de forma clara e organizada, enquanto o entrada direta e imediata. O card de próximas atividades apresenta as tarefas pendentes de forma clara e organizada, enquanto o
card de horários de atendimento oferece uma visão rápida e fácil dos horários disponíveis para os alunos, facilitando a comunicação card de horários de atendimento oferece uma visão rápida e fácil dos horários disponíveis para os alunos, facilitando a comunicação
@ -262,7 +262,7 @@ de sala de aula online que é intuitiva, eficaz e altamente funcional para os us
\subsection{Sala de aula - Atividades (visão do aluno)} \subsection{Sala de aula - Atividades (visão do aluno)}
Além do card fixo mencionado anteriormente, a tela é habilmente dividida em duas seções distintas: "Provas" e "Trabalhos", Além do card fixo mencionado anteriormente, a tela é habilmente dividida em duas seções distintas: "Provas"\ e "Trabalhos",
dispostas de forma clara e organizada uma abaixo da outra. Na primeira seção, uma lista de provas disponíveis para entrega dispostas de forma clara e organizada uma abaixo da outra. Na primeira seção, uma lista de provas disponíveis para entrega
é apresentada com detalhes cruciais, incluindo título da prova, data de entrega e pontuação atribuída. Da mesma forma, na é apresentada com detalhes cruciais, incluindo título da prova, data de entrega e pontuação atribuída. Da mesma forma, na
segunda seção, uma lista de trabalhos em aberto é exibida, fornecendo informações claras sobre título, data de entrega e segunda seção, uma lista de trabalhos em aberto é exibida, fornecendo informações claras sobre título, data de entrega e
@ -283,7 +283,7 @@ pendentes, facilitando assim o engajamento e o progresso acadêmico na plataform
\subsection{Sala de aula - Pessoas (visão do aluno)} \subsection{Sala de aula - Pessoas (visão do aluno)}
Além do card fixo que fornece informações essenciais sobre a turma, a tela é organizada em duas seções distintas: "Docentes" Além do card fixo que fornece informações essenciais sobre a turma, a tela é organizada em duas seções distintas: "Docentes"\
e "Discentes". Na primeira seção, a lista de professores é apresentada de forma clara e organizada, onde cada item exibe o e "Discentes". Na primeira seção, a lista de professores é apresentada de forma clara e organizada, onde cada item exibe o
avatar do professor e seu nome completo ao lado. Essa apresentação permite aos usuários identificar facilmente os professores avatar do professor e seu nome completo ao lado. Essa apresentação permite aos usuários identificar facilmente os professores
responsáveis pela turma, promovendo uma comunicação eficaz e uma conexão mais pessoal entre docentes e alunos. Na segunda seção, responsáveis pela turma, promovendo uma comunicação eficaz e uma conexão mais pessoal entre docentes e alunos. Na segunda seção,

View file

@ -153,6 +153,16 @@
\bfseries\itshape Abstract.]\itshape}% \bfseries\itshape Abstract.]\itshape}%
{\endlist} {\endlist}
\renewenvironment{resumo}{%
\list{}{\advance\topsep by6pt\relax%\small
\leftmargin=0.8cm
\labelwidth=\z@
\listparindent=\z@
\itemindent\listparindent
\rightmargin\leftmargin}\item[\hskip\labelsep
\bfseries\itshape Resumo.]\itshape}%
{\endlist}
\newenvironment{resumo}{% \newenvironment{resumo}{%
\list{}{\advance\topsep by6pt\relax%\small \list{}{\advance\topsep by6pt\relax%\small
\leftmargin=0.8cm \leftmargin=0.8cm