Feedbacks from first revision
This commit is contained in:
parent
e8ecade433
commit
372ecd3ff2
4 changed files with 43 additions and 22 deletions
12
main.tex
12
main.tex
|
@ -39,6 +39,18 @@
|
|||
personalization, and enhanced accessibility.
|
||||
\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/referencial-teorico.tex}
|
||||
\input{sections/metodologia.tex}
|
||||
|
|
|
@ -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.
|
||||
|
||||
\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}:
|
||||
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}
|
||||
|
||||
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
|
||||
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
|
||||
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 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
|
||||
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.
|
||||
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.
|
||||
|
||||
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
|
||||
desenvolvimento web utilizando o ecossistema React. Dentre essas práticas estão:
|
||||
|
||||
|
|
|
@ -100,8 +100,8 @@ para garantir a precisão e segurança das informações fornecidas.
|
|||
\cleardoublepage{}
|
||||
|
||||
\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",
|
||||
"Informações" e "Calendário Acadêmico". Microinterações discretas, como realces ao passar o mouse sobre cada
|
||||
À 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
|
||||
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,
|
||||
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
|
||||
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
|
||||
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.
|
||||
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
|
||||
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
|
||||
|
@ -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
|
||||
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
|
||||
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
|
||||
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,
|
||||
|
@ -174,7 +174,7 @@ experiência de navegação coesa e intuitiva, elevando a usabilidade e a satisf
|
|||
\cleardoublepage{}
|
||||
|
||||
\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
|
||||
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,
|
||||
|
@ -215,7 +215,7 @@ maneira eficiente.
|
|||
\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
|
||||
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,
|
||||
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
|
||||
|
@ -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)}
|
||||
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
|
||||
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
|
||||
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
|
||||
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
|
||||
|
@ -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)}
|
||||
|
||||
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
|
||||
é 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
|
||||
|
@ -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)}
|
||||
|
||||
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
|
||||
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,
|
||||
|
|
|
@ -153,6 +153,16 @@
|
|||
\bfseries\itshape Abstract.]\itshape}%
|
||||
{\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}{%
|
||||
\list{}{\advance\topsep by6pt\relax%\small
|
||||
\leftmargin=0.8cm
|
||||
|
|
Loading…
Reference in a new issue