AMANDA DA SILVA LEAL LUCAS SIQUEIRA FERNANDES
USABILIDADE DO AMBIENTE VIRTUAL DE APRENDIZAGEM MOODLE DO INSTITUTO FEDERAL FLUMINENSE
CAMPOS DOS GOYTACAZES/RJ 2022
USABILIDADE DO AMBIENTE VIRTUAL DE APRENDIZAGEM MOODLE DO INSTITUTO FEDERAL FLUMINENSE
Trabalho de conclusão de curso apresentado à Coordenação de informática do Instituto Federal Fluminense, como parte das exigências para obtenção de título de Bacharel em Sistemas de informação.
Orientador: Prof. D. Sc. Breno Fabrício Terra Azevedo
CAMPOS DOS GOYTACAZES/RJ 2022
565
Fone: (22) 2737-5600 TERMO 30/2022 - DIRCREFREIT/REIT/IFFLU
20 de junho de 2022
AMANDA DA SILVA LEAL LUCAS SIQUEIRA FERNANDES
USABILIDADE DO AMBIENTE VIRTUAL DE APRENDIZAGEM MOODLE DO INSTITUTO FEDERAL FLUMINENSE
Trabalho de Conclusão de Curso apresentado ao Instituto Federal de Educação, Ciência e Tecnologia Fluminense como parte das exigências para a conclusão do Curso de Bacharel em Sistemas de Informação.
Aprovado em 14 de junho de 2022.
Banca examinadora
Prof. D.Sc. Breno Fabrício Terra Azevedo (orientador) Instituto Federal Fluminense (IFF)
Profạ M.Sc. Maria Alciléia Alves Rocha Instituto Federal Fluminense (IFF)
Profạ D.Sc. Renata Mesquita da Silva Santos Instituto Federal Fluminense (IFF)
Campos dos Goytacazes 2022
TERMO 30/2022 - DIRCREFREIT/REIT/IFFLU | Página 1 de 2
Código Verificador:
Código de Autenticação:
COMUNICAÇÃO NA EDUCAÇÃO
COMUNICAÇÃO NA EDUCAÇÃO, em 20/06/2022 19:27:22.
Este documento foi emi do pelo SUAP em 20/06/2022. Para comprovar sua auten cidade, faça a leitura do QRCode ao lado ou acesse https://suap.iff.edu.br/autenticar-documento/ e forneça os dados abaixo:
364428 8e86cdb17c
TERMO 30/2022 - DIRCREFREIT/REIT/IFFLU | Página 2 de 2
distância. Neste sentido, destaca-se a importância em analisar a usabilidade desses sistemas para melhorar a interface para o usuário, considerando principalmente as limitações de alguns alunos, como falta de equipamento eletrônico, dificuldade de acesso ao sistema, entre outros.
Sendo assim, o presente trabalho tem como objetivo propor melhorias da usabilidade do Ambiente Virtual de Aprendizagem MOODLE (Modular Object-Oriented Dynamic Learning Environment), utilizado pelo Instituto Federal Fluminense (IFF), através de uma pesquisa de opinião com os alunos e da análise feita pelo Grupo de Trabalho (GT) instituído pelo IFF. Com isso, foram levados em conta a usabilidade do ambiente virtual de aprendizagem, onde foram apontadas as funcionalidades mais utilizadas pelos professores e alunos, propondo-se melhorias realizadas no ambiente teste do Moodle IFF.
Palavras-chave: MOODLE, acessibilidade, interface com o usuário.
to analyze the usability of these systems to improve the user interface, considering mainly the limitations of some students, such as lack of electronic equipment, difficulty in accessing the system, among others. Therefore, the present work aims to propose improvements in the usability of the MOODLE Virtual Learning Environment (Modular Object-Oriented Dynamic Learning Environment), used by Instituto Federal Fluminense (IFF), through an opinion survey with students and analysis made by the Working Group (WG) established by IFF. With It, the usability of the virtual learning environment was taken into account, where the most used features by teachers and students were pointed out, proposing improvements made in the test environment of Moodle IFF.
Keyword: MOODLE, accessibility, user interface.
conhecimento para a finalização dessa etapa tão importante em nossas vidas, assim como aos amigos e familiares que contribuíram de alguma forma para a conclusão deste trabalho.
Também citamos com imensa gratidão o Grupo de Trabalho (GT), instituído pelo IFF e a aluna Raissa Cordeiro da Silva Barreto, responsável pelo trabalho de conclusão de curso
“UsabiliColab: método colaborativo para avaliação da usabilidade do Moodle”, que fizeram toda a análise de usabilidade do MOODLE, identificando os pontos que precisavam de melhorias, oferecendo a base para o trabalho prático apresentado no presente projeto.
LISTA DE FIGURAS
Figura 1 Listagem de Atividades (MOODLE EAD IFF 2021) 19
Figura 2 Exibir dados da atividade (MOODLE EAD IFF 2021) 20 Figura 3 Página de Login do Rooda. (Site Oficial do ROODA 2021) 22 Figura 4 Listagem de disciplinas (Site Oficial do ROODA 2021) 23 Figura 5 Listagem de disciplinas (Site Oficial da Universidade Federal do Pampa
2021)
24
Figura 6 Login do MOODLE UFSC (Site Oficial da Universidade Federal de Santa Catarina 2021)
25
Figura 7 Tela da lista de recursos para adicionar em um curso 29
Figura 8 Página inicial do novo MOODLE 30
Figura 9 Tela apresentada na adição/modificação do recurso URL 31 Figura 10 Tela apresentada na adição/modificação do recurso Arquivo 32 Figura 11 Tela que apresenta a seção “Meus cursos” no menu lateral 33 Figura 12 Tela principal após a remoção do bloco “Meus cursos” no menu lateral 33
Figura 13 Tela que apresenta a seção “Navegação” 34
Figura 14 Tela após a remoção da seção “Navegação” 35
Figura 15 Barra de ferramentas na tela inicial 35
Figura 16 Tela com o campo “Pesquisa” aberto 36
Figura 17 Tela de modificação do perfil 1 37
Figura 18 Tela de modificação do perfil 2 37
Figura 19 Tela de modificação do perfil 3 38
Figura 20 Tela de modificação do perfil 4 39
Figura 21 Tela de modificação do perfil 5 39
Figura 22 Antiga localização da opção “Modificar Perfil” (página do perfil). 40 Figura 23 Menu superior com a opção “Modificar Perfil” adicionada. 41 Figura 24 Antiga localização da opção “Modificar a senha” (página do perfil). 42
Figura 25 Tela referente à modificação de senha. 42
Figura 26 Menu superior com a opção “Mudar a Senha” adicionada. 43 Figura 27 Antiga localização da opção “Idioma preferido” (página do perfil). 44
Figura 28 Menu superior com a opção “Idioma Preferido” adicionada. 44 Figura 29 Antiga localização da opção “preferências do fórum” (página do perfil). 45 Figura 30 Menu superior com a opção “Preferências do Fórum” adicionada. 46 Figura 31 Antiga localização da opção “preferências do editor” (página do perfil). 47 Figura 32 Menu superior com a opção “Preferências do Editor” adicionada. 47 Figura 33 Antiga localização da opção “preferências do curso” (página do perfil). 48 Figura 34 Menu superior com a opção “Preferências do Curso” adicionada. 49 Figura 35 Antiga localização da opção “preferências do calendário” (página do
perfil).
50 Figura 36 Menu superior com a opção “Preferências do Calendário” adicionada. 50 Figura 37 Antiga localização da opção “preferências de mensagens” (página do
perfil).
51 Figura 38 Menu superior com a opção “Preferências de Mensagens” adicionada. 52 Figura 39 Antiga localização da opção “preferências de Notificação” (página do
perfil).
53 Figura 40 Menu superior com a opção “Preferências de Notificação” adicionada. 54 Figura 41 Página de “Preferências de Notificação” anterior à modificação e melhora
da usabilidade.
55 Figura 42 Página de “Preferências de Notificação” após a modificação e melhora da
usabilidade.
55 Figura 43 Filtro de cursos anterior à modificação para melhora da usabilidade. 56 Figura 44 Filtro de cursos após a modificação para melhora da usabilidade. 57 Figura 45 Menu superior onde se encontrava o botão “Sair” antes da modificação
para melhora da usabilidade.
58 Figura 46 Menu superior após o ajuste do botão “sair” no menu superior. 59 Figura 47 Tela utilizada na avaliação da Q1 na seção 1. 61 Figura 48 Tela utilizada na avaliação da Q2 seção 1 e Q1 na seção 2. 62 Figura 49 Tela utilizada na avaliação da Q3 na seção 1 e Q3 na seção 2. 63 Figura 50 Tela utilizada na avaliação da Q4 na seção 1. 64 Figura 51 Tela utilizada na avaliação da Q5 na seção 1 e Q4 na seção 2. 65 Figura 52 Tela utilizada na avaliação da Q2 na seção 2. 65 Figura 53 Tela utilizada na avaliação da Q5 na seção 2. 66
Figura 54 Tela utilizada na avaliação da Q6 na seção 2. 67
Figura 55 Tela de representação da idade do usuário. 68
Figura 56 Tela de representação da proporção de estudantes e professores participantes na pesquisa.
68 Figura 57 Tela de representação do grau de escolaridade dos usuários participantes
na pesquisa.
69 Figura 58 Tela que representa a Q1 da seção 1, sobre a tela da figura 47. 70 Figura 59 Tela que representa a Q2 da seção 1, sobre a tela da figura 48. 71 Figura 60 Tela que representa a Q3 da seção 1, sobre a tela da figura 49. 72 Figura 61 Tela que representa a Q4 da seção 1, sobre a tela da figura 50. 73 Figura 62 Tela que representa a Q5 da seção 1, sobre a tela da figura 51. 74 Figura 63 Tela que representa as sugestões de melhorias. 75 Figura 64 Tela que representa a Q1 da seção 2, sobre a tela da figura 48. 76 Figura 65 Tela que representa a Q2 da seção 2, sobre a tela da figura 52. 77 Figura 66 Tela que representa a Q3 da seção 2, sobre a tela da figura 49. 78 Figura 67 Tela que representa a Q4 da seção 2, sobre a tela da figura 51. 79 Figura 68 Tela que representa a Q5 da seção 2, sobre a tela da figura 53. 80 Figura 69 Tela que representa a Q6 da seção 2, sobre a tela da figura 54. 81 Figura 70 Tela que representa as sugestões de melhorias. 82
LISTA DE ABREVIATURAS E SIGLAS
AVA – Ambiente Virtual de aprendizagem CSS – Cascading Style Sheets
EAD – Ensino à distância GT – Grupo de trabalho
HTML – Hyper Text Markup Language IFF – Instituto Federal Fluminense
MOODLE – Modular Object-Oriented Dynamic Learning Environment MYSQL – Structured Query Language
PHP – Hypertext Preprocessor
ROODA – Rede cooperativa de aprendizagem UFSC – Universidade Federal de Santa Catarina UFRGS – Universidade Federal do Rio Grande do Sul UNIPAMPA – Universidade Federal do Pampa URL – Uniform Resource Locator
SUMÁRIO
1 INTRODUÇÃO ... 13
1.1 OBJETIVO GERAL ... 13
1.2 OBJETIVOS ESPECÍFICOS ... 14
1.3 MOTIVAÇÃO E JUSTIFICATIVA ... 14
1.4 ORGANIZAÇÃO DA MONOGRAFIA ... 15
2 FUNDAMENTAÇÃO TEÓRICA ... 16
2.1 USABILIDADE ... 16
2.2 AMBIENTES VIRTUAIS DE APRENDIZAGEM ... 17
2.2.1 MOODLE ... 18
2.3 TRABALHOS RELACIONADOS ... 19
2.3.1 Rooda ... 19
2.3.2 MOODLE Unipampa ... 21
2.3.3 MOODLE Universidade Federal de Santa Catarina ... 23
3 METODOLOGIA ... 24
3.1 REQUISITOS ... 24
3.2 LINGUAGENS E FERRAMENTAS ... 24
3.2.1 HTML ... 24
3.2.2 CSS ... 25
3.2.3 MySQL ... 25
3.2.4 PHP ... 26
3.3 ARQUITETURA E FUNCIONAMENTO DAS NOVAS FUNCIONALIDADES ... 26
4 PESQUISA DE OPINIÃO... 27
4.1 TELAS UTILIZADAS PARA AVALIAÇÃO ... 27
4.1.1 Tela de login... 27
4.1.2 Tela inicial ... 28
4.1.3 Tela de cursos ... 28
4.1.4 Tela de calendário ... 29
4.1.5 Tela de anexo ... 30
4.1.6 Tela de menu superior ... 31
4.1.7 Tela de notas ... 32
4.1.8 Tela de preferências ... 32
4.2 PERGUNTAS UTILIZADAS ... 33
4.3 PERFIL DO USUÁRIO ... 34
4.4 ESTÉTICA E FACILIDADE DE COMPREENSÃO ... 36
4.4.1 Questão 1... 37
4.4.2 Questão 2... 37
4.4.3 Questão 3... 38
4.4.4 Questão 4... 39
4.4.5 Questão 5... 40
4.4.6 Final da seção 1 ... 41
4.5 USABILIDADE ... 43
4.5.1 Questão 1... 43
4.5.2 Questão 2... 44
4.5.3 Questão 3... 45
4.5.4 Questão 4... 45
4.5.5 Questão 5... 46
4.5.6 Questão 6... 47
4.5.7 Final da seção 2 ... 48
5 DESENVOLVIMENTO ... 51
5.1 PROPOSTAS DE MELHORIAS NA USABILIDADE DO MOODLE ... 51
5.1.1 Página ... 51
5.1.2 Bloco Navegação ... 52
5.1.3 URL ... 52
5.1.4 Arquivo ... 53
5.1.5 Bloco “Meus Cursos” ... 54
5.1.6 Barra de Ferramentas ... 56
5.1.7 Modificar Perfil ... 57
5.1.8 Modificar Senha ... 61
5.1.9 Preferência de Idioma ... 63
5.1.10 Preferências do Fórum... 64
5.1.11 Preferências do Editor ... 66
5.1.12 Preferências do Curso... 67
5.1.13 Preferências do Calendário ... 69
5.1.14 Preferências de Mensagens ... 70
5.1.15 Preferências de Notificação ... 72
5.1.16 Calendário de Eventos ... 75
5.1.17 Botão “Sair” ... 76
6 CONSIDERAÇÕES FINAIS ... 79
6.1 TRABALHOS FUTUROS ... 79
7 REFERÊNCIAS BIBLIOGRÁFICAS... 80
1 INTRODUÇÃO
A cada dia que passa a tecnologia evolui exponencialmente trazendo mais praticidades e facilitações cotidianas ao usuário. Prova disso, como exemplo, é a evolução visual dos sistemas operacionais da Microsoft como o Windows e suas interfaces e atualizações nos últimos 20 anos, vindo desde a utilização do Windows XP, lançado em 2001, até o Windows 11, lançado em 2021. Essas novas interfaces demonstram a necessidade de adequação das tecnologias para com o mercado, com foco principalmente em sistemas que possuem alta adesão, usabilidade, e consequentemente uma alta escalabilidade a fim de apresentar melhores ajustes visuais e/ou operacionais.
Com isso, se faz necessária a atualização e melhoramento de qualquer software para que não se tornem defasados e se incluam em uma ferramenta de ajuda e praticidade ao usuário final. Assim se dá a oportunidade de destacar, principalmente na experiência do mesmo, abrangendo cada vez mais indivíduos a remover as barreiras que representam limitações, sejam elas alguma deficiência, idade, gênero, ou qualquer característica que dificulte o acesso do usuário para com aquela determinada tecnologia.
O MOODLE, ambiente virtual de aprendizagem utilizado pelos campi do Instituto Federal Fluminense (IFF) é um sistema que visa estreitar o relacionamento entre alunos e professores, onde são anexadas atividades avaliativas, exercícios, materiais e documentos a fim de possibilitar o ensino e avaliação remota do professor para com os alunos em suas disciplinas (MOODLE, 2021). Semanalmente, milhares de alunos realizam seu acesso visando a anexação de atividades e visualização de documentos anexados por seus professores, no ambiente virtual de aprendizagem, sendo assim necessário seu aprimoramento e manutenibilidade, principalmente no que tange à usabilidade e melhorias visuais do ambiente virtual de aprendizagem, impactando diretamente no usuário final.
1.1 Objetivo Geral
O objetivo geral deste trabalho é avaliar a usabilidade na interface do MOODLE utilizado pelo IFF, com base na opinião de usuários, com a finalidade de propor melhorias para
serem aplicadas na versão Moove, com o intuito de remover possíveis barreiras de usabilidade e facilitando ainda mais o uso da ferramenta por milhares de usuários que o acessam constantemente a fim de realizarem suas tarefas acadêmicas. Assim, é necessária a avaliação considerando também o design responsivo, simples e objetivo.
1.2 Objetivos Específicos
Diante do objetivo geral apresentado, os seguintes objetivos específicos se colocam:
• Desenvolver novas funcionalidades, propostas pelo GT, que foram analisadas levando em conta a melhora da usabilidade do Software MOODLE.
• Consertar bugs e possíveis falhas, propostas pelo GT, para a melhora da usabilidade no Software MOODLE.
1.3 Motivação e Justificativa
Sugerir melhorias no redesign do MOODLE, na versão Moove 1(que é um plugin do MOODLE), nos aspectos de usabilidade relativos à interface é relevante pois independente de deficiências apresentadas pelo usuário final, sejam elas físicas e/ou cognitivas, o mesmo deve ser capaz de realizar suas atividades acadêmicas regularmente, não sendo impedido por parte do sistema de cumprir seus requisitos acadêmicos. O Moove foi escolhido para receber as modificações pois é a que está em desenvolvimento para lançamento, e por isso está mais atualizada do que o sistema MOODLE utilizado no momento. E para isso, foi feito uma pesquisa com os alunos do curso de Sistemas de informação do IFF utilizando um formulário2 elaborado no Google Forms, para reunir a opinião deles a respeito da versão do MOODLE utilizada por eles, a fim de comparar com as sugestões de melhorias analisadas pelo GT do IFF e reportadas no trabalho de conclusão de curso da aluna Raissa.
1 Disponível em: <https://ead-teste.iff.edu.br/>
2 Disponível em: < https://forms.gle/2ee5PVmFNfT47QTz7>
Planejar e executar a avaliação da interface MOODLE, é necessário para que cada vez mais estudantes consigam ter uma maior adesão ao sistema, promovendo uma maior inclusão entre os alunos da instituição, e consequentemente aumentando o rendimento daqueles alunos que hoje identificam quaisquer dificuldades visuais e/ou operacionais na utilização da ferramenta.
1.4 Organização da Monografia
Este trabalho começa a partir da Introdução, contendo a motivação e justificativa e a elucidação dos objetivos gerais e específicos da pesquisa. A partir desta abordagem inicial sobre o tema a organização ocorre da seguinte maneira:
O Capítulo 2 apresenta a Fundamentação Teórica, onde são identificadas algumas das universidades e institutos que utilizam o sistema MOODLE ou sistemas semelhantes, para assim realizar a comparação com o MOODLE utilizado pelo Instituto Federal Fluminense campus Campos Centro e aplicar as modificações referentes à melhora da usabilidade do software.
O Capítulo 3 trata do desenvolvimento, que explica de forma mais detalhada acerca das linguagens que foram utilizadas para o desenvolvimento do novo MOODLE.
No Capítulo 4, é apresentado as análises dos resultados obtidos por meio de uma pesquisa realizada entre os alunos.
O Capítulo 5 apresenta as Considerações Finais acerca do trabalho, que são as referências bibliográficas utilizadas para o desenvolvimento do trabalho.
2 FUNDAMENTAÇÃO TEÓRICA
Neste capítulo, serão descritos os aspectos e conceitos relativos à realidade brasileira, que levam este trabalho a ser relevante ao cenário atual. Nele são citadas diferentes universidades que utilizam diferentes versões do MOODLE, que possuem conceitos importantes que servem como base para o desenvolvimento deste trabalho.
A versão utilizada nesse trabalho foi a 3.9. Foram feitas modificações no código fonte do Moodle, submetidas no banco de dados do sistema, seguindo as linguagens utilizadas (HTML e PHP). Porém, não foram enviadas para produção, pois a intenção foi de visualizar como ficariam essas modificações e relatar através desse trabalho como forma de sugestão para futura implementação
2.1 Usabilidade
De acordo com Winckler e Pimenta (2002), usabilidade é o termo técnico usado para descrever a qualidade de uso de uma interface. Quando a usabilidade é levada em conta durante o processo de desenvolvimento de interfaces Web, vários problemas podem ser eliminados como, por exemplo, pode-se reduzir o tempo de acesso à informação, tornando-as facilmente disponíveis aos usuários e evitando a frustração de não encontrar informações no site.
A qualidade da usabilidade de uma interface é caracterizada por alguns pilares, que segundo (NIELSEN, 1993), são representados pelos seguintes pontos:
• Facilidade de aprendizado;
• Satisfação subjetiva do usuário
• Facilidade de lembrar como realizar uma tarefa após algum tempo;
• Rapidez no desenvolvimento de tarefas;
• Baixa taxa de erros;
Como referenciada na ISO 25010 (2011), a usabilidade é a capacidade do produto de software de ser compreendido, aprendido, operado e atraente ao usuário, quando usado sob condições especificadas.
Pode-se evidenciar, que a usabilidade propicia eficiência na execução de tarefas, com ferramentas adequadas; uso sem grandes necessidades de aprendizado, manuais, ajudas, suporte técnico, satisfação de uso, etc.
Com isso, a importância da melhora da usabilidade é imprescindível para o aprimoramento do software MOODLE, para assim, torná-lo mais acessível a um público de todas as idades e experiência no uso da ferramenta.
“Para que seja promovida a cidadania, não basta ter os serviços disponíveis: o site tem que ter usabilidade. Os cidadãos têm que, em primeiro lugar, encontrar as informações que precisam e depois, entender as orientações sobre os procedimentos.” (Ferreira, 2009), onde em sua pesquisa foram realizadas mudanças significativas com base na usabilidade do site do Instituto de Previdência dos Servidores do Estado de Minas Gerais.
2.2 Ambientes Virtuais de Aprendizagem
Essa pesquisa foi realizada em setembro de 2021. Para identificar os sistemas, foram realizadas buscas no Google, usando as seguintes palavras-chave: MOODLE, MOODLE acessibilidade, MOODLE iff.
Também foram obtidos dados sobre os sistemas, nos sites oficiais dos respectivos sistemas e nas lojas da Google Play. Os sistemas disponibilizados na Web ou na Google Play, com licença gratuita ou teste, foram baixados e experimentados a fim de testá-los e realizar uma melhor análise referente à aplicação.
A pesquisa foi realizada no Google Scholar e utilizando as palavras chaves especificadas, resultou em artigos referentes ao Software MOODLE, que é o Software utilizado pelo sistema do IFF. Os Ambientes Virtuais de Aprendizagem que utilizam o Software MOODLE, listadas no presente trabalho, foram desenvolvidas para todas as plataformas disponíveis, ou seja, acesso Web através de computadores, smartphones ou tablets.
2.2.1 MOODLE
MOODLE é um ambiente virtual de aprendizagem à distância baseada em software livre. É um acrônimo de Modular Object-Oriented Dynamic Learning Environment (ambiente modular de aprendizagem dinâmica orientada a objetos). Ele foi e continua sendo desenvolvido continuamente por uma comunidade de centenas de programadores em todo o mundo, que também constituem um grupo de suporte aos usuários, acréscimo de novas funcionalidades, suporte para consertar possíveis erros, etc. Uma fundação é uma empresa que fornece, respectivamente, o apoio para o desenvolvimento do software e sua tradução para dezenas de idiomas, e apoio profissional à sua instalação (SABBATINI, 2007).
O sistema MOODLE foi desenvolvido por Martin Douglamas em 2001, e de acordo com Alves (2009), no ano de escrita do presente trabalho (2022) existem 45.816 usuários cadastrados e o MOODLE está presente em 198 países, e mais de 200 instituições brasileiras estão utilizando este ambiente como espaço de aprendizagem.3
A Figura 1 apresenta a listagem de cursos, onde o usuário visualiza após realizar o login no MOODLE do IFF.
Figura 1 - Listagem de Atividades
3 Disponível em: < https://docs.MOODLE.org/all/pt_br/Sobre_o_MOODLE>
Fonte: MOODLE EAD IFF (2021).
A Figura 2 apresenta a tela que demonstra as informações de uma atividade proposta por um professor. Nela observam-se ícones, menu, dados sobre as tarefas e anexos.
Figura 2 - Exibir dados da atividade.
Fonte: MOODLE EAD (2021).
2.3 Trabalhos Relacionados
2.3.1 Rooda
O Rooda 4 assim como o MOODLE é um AVA (Ambiente Virtual de Aprendizagem) e tem como pressuposto a interação entre os participantes, focando princípios educacionais e interdisciplinares através de sua interface centrada no usuário. Esta abordagem tem como objetivo possibilitar que alunos e professores tenham acesso às atividades das quais participam através da área de trabalho, na qual se encontra acesso às disciplinas e funcionalidades (ROODA - NUTED, 2021).
O Rooda foi desenvolvido pelo Núcleo de Tecnologia Digital Aplicada à Educação (NUTED), utilizado pela Universidade Federal do Rio Grande do Sul (UFRGS). Seu desenvolvimento teve início no ano 2000, tendo sido realizado seu lançamento no ano de 2006 e tendo atingido no mesmo ano o número de 9977 usuários em 686 disciplinas, utilizando o sistema. O sistema, até a versão 2.0, foi desenvolvido na linguagem PHP.
4 Disponível em: < https://ead.ufrgs.br/rooda/>
Atualmente o sistema possui disponibilização de atividades pedagógicas, e dentro das aulas possui a possibilidade da utilização de diferentes recursos e funcionalidades para promover a usabilidade para os alunos participantes daquela aula.
Os recursos que podem ser criados referentes a uma aula são:
• Fóruns;
• Salas de Bate papo para a interação dos alunos;
• Envio de emails, criação de Bibliotecas;
• Criação de Webfólios;
• Realização de exercícios avaliativos;
• Criação e utilização de Diários de bordo;
• Realização de enquetes;
• Criação de grupos para trabalho;
• Utilização de um mural público para discussões diárias pelos usuários.
A Figura 3 apresenta a página de login, disponível para o usuário ao acessar o website do projeto Rooda.
Figura 3 - Página de Login do Rooda.
Fonte: Site Oficial do ROODA (2021).
Também é possível ter a listagem de atividades cadastradas assim que o usuário realiza o login. A Figura 4 apresenta a listagem de disciplinas, onde o usuário visualiza a listagem de disciplinas, no Rooda, que o mesmo se encontra cadastrado, pela instituição.
Figura 4 - Listagem de disciplinas.
Fonte: Site Oficial do ROODA (2021).
2.3.2 MOODLE Unipampa
A Universidade Federal do Pampa 5(Unipampa) é uma instituição de ensino superior pública federal brasileira, fundada em 2008 e estabelecida no estado do Rio Grande do Sul. Em
5 Disponível em: < https://MOODLE.unipampa.edu.br/>
2017 foi considerada a quinta melhor instituição de ensino superior gaúcha segundo avaliação do MEC medida pelo Índice Geral de Cursos.
A Universidade Federal do Pampa também utiliza o MOODLE customizado com imagens e paleta de cores da universidade, onde ao acessar o site disponibilizado pela universidade, pode-se verificar layouts semelhantes às telas utilizadas pelo MOODLE IFF, como por exemplo, a listagem de disciplinas apresentadas na Figura 5.
Dentre as suas funcionalidades temos as principais que são:
• Criação de Aulas;
• Criação de Glossário;
• Criação de Fórum;
• Anexo de arquivos;
• Visualização de cursos participados pelos estudantes;
• Realização de exercícios;
A Figura 5 apresenta a listagem de disciplinas, onde o usuário visualiza após acessar o
MOODLE Unipampa.
Figura 5 - Listagem de disciplinas.
Fonte: Site Oficial da Universidade Federal do Pampa (2021)
2.3.3 MOODLE Universidade Federal de Santa Catarina
A Universidade Federal de Santa Catarina é uma instituição de ensino superior pública federal brasileira, sendo a maior universidade do estado de Santa Catarina e uma das principais da Região Sul do Brasil.
Também é visualizada a utilização do sistema MOODLE pela Universidade Federal de Santa Catarina 6(UFSC), apresentando customização com imagens e paleta de cores da universidade, como no exemplo anterior, onde ao entrar no ambiente virtual de aprendizagem, é possível verificar a utilização do sistema.
Como o tópico referente à universidade anterior, dentre as principais funcionalidades da Universidade Federal de Santa Catarina temos:
• Criação de Aulas;
• Criação de Glossário;
• Criação de Fórum;
• Anexo de arquivos;
• Visualização de cursos participados pelos estudantes;
• Realização de exercícios;
A Figura 6 apresenta a tela de login do MOODLE UFSC, onde o usuário é redirecionado após realizar o acesso ao endereço do sistema.
Figura 6 - Tela de Login do MOODLE UFSC
Fonte: Site Oficial da Universidade Federal de Santa Catarina (2021)
6 Disponível em: <https://MOODLE.ufsc.br/>
3 METODOLOGIA
A pesquisa realizada no presente trabalho pode ser qualificada como exploratória. De acordo com Gil (2017), as pesquisas exploratórias tendem a ser mais flexíveis em seu planejamento, pois pretendem observar e compreender os mais variados aspectos relativos ao fenômeno estudado pelo pesquisador.
Assim, essa pesquisa foi desenvolvida em três etapas, sendo a primeira o levantamento e estudo bibliográfico sobre os Ambientes Virtuais de Aprendizagem que utilizam o Software Moodle. A segunda foi a pesquisa de opinião respondida pelos estudantes do IFF voltada à avaliação da usabilidade das principais telas do MOODLE utilizado pelo instituto, coletando opiniões dos estudantes para possível pontos de melhora na opinião dos estudantes usuários. A última fase foi a programação das funcionalidades listadas pelo GT do IFF, a fim de realizar a melhora da usabilidade do Software MOODLE.
3.1 Requisitos
O sistema MOODLE, foi desenvolvido em PHP e neste projeto foi utilizada a versão 3.9, com a arquitetura cliente-servidor, utilizando juntamente com HTML5, CSS3 e Javascript.
Para armazenar os dados, o banco MySQL. O servidor foi configurado com sistema operacional Windows 11 Home Single (21H2).
3.2 Linguagens e ferramentas
3.2.1 HTML
HTML é a sigla em inglês para Hypertext Markup Language, que, em português, significa linguagem para marcação de hipertexto.
Como referenciado por SILVA (2008), podemos resumir a linguagem de hipertexto como todo o conteúdo inserido para web e que que tem como principal característica a possibilidade de se interligar a outros documentos da web. O que torna possível a construção de hipertextos são os links, presentes nas páginas dos sites que estamos acostumados a visitar quando entramos na internet.
3.2.2 CSS
CSS é a abreviação para os termos em inglês Cascading Style Sheet traduzido para o português como folhas de estilo em cascata.
A definição mais precisa e simples para folha de estilo encontra-se na página inicial no site do W3C e diz que folha de estilo em cascata é um mecanismo simples para adicionar estilos (por exemplo: fontes, cores de espaçamentos) aos documentos web (SILVA, 2007).
3.2.3 MySQL
O MySQL é um servidor gerenciador de banco de dados (SGBD) relacional, de licença dupla (sendo uma delas de software livre), projetado inicialmente para trabalhar com aplicações de pequeno e médio Portes, mas hoje atendendo aplicações de grande porte e com mais vantagens do que seus concorrentes. Possui todas as características que um banco de dados de grande porte precisa, sendo reconhecido por algumas entidades como banco de dados opções com maior capacidade para concorrer com programas similares de código fechado, tais como SQL server (da Microsoft) e Oracle (MILANI, 2007).
3.2.4 PHP
Como parafraseado por Dall'oglio (2018), PHP do significado personal home page tools, foi criada no outono de 1994 por Rasmus Lerdorf. A linguagem era formada por um conjunto de scripts escritos em linguagens e, voltados a criação de páginas dinâmicas que Ramos utilizava para monitorar o acesso ao seu círculo na internet.
Em 1995 o código-fonte do PHP foi liberado e com isso sua popularização foi exponencialmente atraindo mais desenvolvedores ao projeto. Ao longo do tempo essa linguagem passou por várias reescritas de código e novas adaptações tendo, por exemplo, o lançamento do PHP na sua segunda versão, em 1997, na época chamado de PHP/FI 2.0. Assim, com avanço de desempenho, segurança e tratamento de erros do código, foram lançadas as versões conseguintes até o PHP 7.0 lançado em 2015.
Foi utilizada a versão 8.1.3 do PHP, lançada no dia 17 de fevereiro de 2022.
3.3 Arquitetura e funcionamento das novas funcionalidades
As novas funcionalidades propostas e apresentadas neste projeto foram construídas no ambiente virtual de aprendizagem do MOODLE, permitindo ao usuário acessá-las com facilidade dispositivos como PCs, notebooks, tablets e smartphones.
Atualmente o IFF possui o Software MOODLE funcionando em ambiente de produção podendo ser acessado pela URL https://ead2.iff.edu.br/ e seu acesso nos dispositivos é permitido aos usuários que possuem a credencial para realizar o login, sejam eles alunos, professores ou usuários com demais níveis de permissão na aplicação.
4 PESQUISA DE OPINIÃO
Neste capítulo serão apresentados os resultados obtidos na pesquisa feita com os usuários do MOODLE do IFF Campus Campos Centro.
O perfil desses usuários são estudantes e ex-estudantes do IFF campus Campos centro com mais de 18 anos, convidados via Whatsapp para participarem dessa pesquisa.
Foram utilizadas algumas imagens retiradas do sistema antes das modificações e os participantes opinaram em relação à estética, facilidade de compreensão e usabilidade sobre as figuras 47, 48, 49, 50, 51, 52 e 53.
4.1 Telas utilizadas para avaliação
4.1.1 Tela de login
A Figura 47 apresenta a tela de login do MOODLE, com o tema Moove, localizado no endereço http://ead-teste.iff.edu.br/ utilizado na avaliação dos aspectos de usabilidade, utilizada para embasar a pergunta Q1 da seção 1 da pesquisa realizada.
Figura 47 - Tela utilizada na avaliação da Q1 na seção 1.
Fonte: Elaboração própria.
4.1.2 Tela inicial
A Figura 48 apresenta a tela inicial do MOODLE, podendo ser visualizada após o login do usuário, utilizada para embasar a pergunta Q2 da seção 1 e Q1 da seção 2 da pesquisa realizada.
Figura 48 - Tela utilizada na avaliação da Q2 seção 1 e Q1 na seção 2.
Fonte: Elaboração própria.
4.1.3 Tela de cursos
A Figura 49 apresenta a tela “Meus Cursos” do MOODLE, podendo ser acessada pelo menu lateral após o login do usuário no ambiente virtual de aprendizagem, utilizada para embasar a pergunta Q3 das seções 1 e 2 da pesquisa realizada.
Figura 49 - Tela utilizada na avaliação da Q3 na seção 1 e Q3 na seção 2.
Fonte: Elaboração própria.
4.1.4 Tela de calendário
A Figura 50 apresenta a tela “Calendário” do MOODLE, podendo ser acessada pelo menu lateral após o login do usuário no ambiente virtual de aprendizagem, utilizada para embasar a pergunta Q4 da seção 1 da pesquisa realizada.
Figura 50 - Tela utilizada na avaliação da Q4 na seção 1.
Fonte: Elaboração própria.
4.1.5 Tela de anexo
A Figura 51 apresenta a tela para anexo de um arquivo privado no MOODLE, podendo ser acessada pelo menu lateral após o login do usuário no ambiente virtual de aprendizagem, utilizada para embasar a pergunta Q5 da seção 1 e Q4 na seção 2 da pesquisa realizada.
Figura 51 - Tela utilizada na avaliação da Q5 na seção 1 e Q4 na seção 2.
Fonte: Elaboração própria.
4.1.6 Tela de menu superior
A Figura 52 apresenta o menu superior do usuário, podendo ser visualizado no MOODLE após o login do usuário no ambiente virtual de aprendizagem, utilizada para embasar a pergunta Q2 da seção 2 da pesquisa realizada.
Figura 52 - Tela utilizada na avaliação da Q2 na seção 2.
Fonte: Elaboração própria.
4.1.7 Tela de notas
A Figura 53 apresenta a tela “Notas”, podendo ser acessada pelo menu superior, após o login do usuário no ambiente virtual de aprendizagem, utilizada para embasar a pergunta Q5 da seção 2 da pesquisa realizada.
Figura 53 - Tela utilizada na avaliação da Q5 na seção 2.
Fonte: Elaboração própria.
4.1.8 Tela de preferências
A Figura 54 apresenta a tela “Preferências”, podendo ser acessada pelo menu superior, após o login do usuário no ambiente virtual de aprendizagem, utilizada para embasar a pergunta Q6 da seção 2 da pesquisa realizada.
Figura 54 - Tela utilizada na avaliação da Q6 na seção 2.
Fonte: Elaboração própria.
E ao final das seções 1 e 2, foi perguntado “Você tem alguma sugestão de melhoria em relação à estética e compreensão?”.
4.2 Perguntas utilizadas
Abaixo se encontram as perguntas referentes às imagens analisadas nas seções 1 e 2, onde os participantes puderam emitir sua opinião conforme a usabilidade e disposição das funcionalidades.
Parte I
• Q1: “A organização e disposição dos elementos da página de login é clara?”;
• Q2: “A organização e disposição dos elementos da tela inicial é clara?”;
• Q3: “A organização e disposição dos elementos da página de cursos do aluno é clara?”;
• Q4: “A organização e disposição dos elementos da página de calendário é clara?”;
• Q5: “A organização e disposição dos elementos da página para envios de atividades é clara?”;
Parte II
• Q1: “As funções apresentadas na tela inicial estão dispostas de maneira fácil para o uso?”;
• Q2: “As funções apresentadas no menu do usuário estão dispostas de maneira fácil para o uso?”;
• Q3: “As funções apresentadas na tela de cursos estão dispostas de maneira fácil para o uso?”;
• Q4: “As funções apresentadas na tela de envios de atividades estão dispostas de maneira fácil para o uso?”;
• Q5: “As funções apresentadas na tela de notas estão dispostas de maneira fácil para o uso?”;
• Q6: “As funções apresentadas na tela de cadastro do usuário estão dispostas de maneira fácil para o uso?”;
4.3 Perfil do usuário
Com o intuito de conhecer um pouco dos alunos que participaram da pesquisa, foi traçado um perfil básico do usuário como demonstrado na Figura 55.
Como mostrado na figura 55, dos 23 participantes, 73,9% compõem a faixa etária de
“18 a 25 anos”, enquanto 13% se apresentaram na faixa de “Mais de 35 anos”, e por fim 8,7%, representando a menor porcentagem estavam entre “26 a 30 anos”. A Figura 55 apresenta o gráfico com as idades dos participantes da pesquisa.
Figura 55 - Tela de representação da idade do usuário.
Fonte: Elaboração própria.
Majoritariamente todos se enquadram na categoria “Estudante”.
A Figura 56 apresenta o gráfico com a proporção de estudantes e professores por parte dos usuários participantes da pesquisa, onde dos 23 participantes, 100% afirmaram ser estudantes.
Figura 56 - Tela de representação da proporção de estudantes e professores participantes na pesquisa.
Fonte: Elaboração própria.
Questionados referente ao grau de escolaridade, 65,2% responderam que não possuem o ensino superior completo, enquanto 17,4% se encontraram na opção de “Ensino superior completo” e 13% com “Ensino médio completo”, como demonstrado na figura 57.
A Figura 57 apresenta o gráfico referente ao grau de escolaridade dos usuários participantes da pesquisa.
Figura 57 - Tela de representação do grau de escolaridade.
Fonte: Elaboração própria.
4.4 Estética e facilidade de compreensão
Nessa seção foram apresentadas telas do sistema para que os usuários respondessem em relação à estética e facilidade de compreensão dos componentes do sistema. Foi utilizado um sistema de média para contabilizar as respostas, começando com 1 que representa “Concordo totalmente” e finalizando com 5 que é “Discordo totalmente”.
4.4.1 Questão 1
A primeira pergunta foi em relação a tela de login. 47,8% concordaram totalmente e 26,1% concordaram com a disposição dos elementos na tela inicial, enquanto 17,4%
discordaram e 8,7% discordaram totalmente, como mostrado na figura 58.
A Figura 58 apresenta o gráfico referente às respostas do questionamento sobre a organização dos elementos da página de login.
Figura 58 - Tela que representa a Q1 da seção 1, sobre a tela da figura 47.
Fonte: Elaboração própria.
4.4.2 Questão 2
A segunda questão foi sobre a tela inicial do sistema. 34,8% dos participantes concordaram totalmente e 21,7% concordaram com a clareza da organização e disposição dos elementos, enquanto 21,7% discordaram e 4,3% discordaram totalmente dessa opinião, como mostrado na figura 59.
A Figura 59 apresenta o gráfico referente às respostas do questionamento sobre a organização dos elementos da tela inicial do sistema avaliado.
Figura 59 - Tela que representa a Q2 da seção 1, sobre a tela da figura 48.
Fonte: Elaboração própria.
4.4.3 Questão 3
Na terceira questão foi abordado sobre os elementos da página de cursos. 43,5%
concordaram totalmente e 8,7% concordaram, enquanto 21,7% discordaram e 4,3%
discordaram totalmente. 21,7% ficaram no meio termo.
A Figura 60 apresenta o gráfico referente às respostas do questionamento sobre a organização e disposição dos elementos da página de cursos do aluno e o quão claro é o objetivo da página, na opinião dos usuários participantes.
Figura 60 - Tela que representa a Q3 da seção 1, sobre a tela da figura 49.
Fonte: Elaboração própria.
4.4.4 Questão 4
Na quarta questão, o objetivo era em relação a tela de calendário. 78,3% concordaram totalmente, 17,4% ficaram no intermediário e 4,3% discordaram totalmente.
A Figura 61 apresenta o gráfico referente às respostas do questionamento sobre a organização e disposição dos elementos da página do calendário e o quão claro é o objetivo da página, na opinião dos usuários participantes.
Figura 61 - Tela que representa a Q4 da seção 1, sobre a tela da figura 50.
Fonte: Elaboração própria.
4.4.5 Questão 5
A quinta questão foi questionando a tela para envio das atividades. 43,5% concordaram totalmente, 13% concordaram, 30,4% escolheram a opção intermediária, 8,7% discordaram e 4,3% discordaram totalmente.
A Figura 62 apresenta o gráfico referente às respostas do questionamento sobre a organização e disposição dos elementos da página para envio de atividades do aluno e o quão claro é o objetivo da página, na opinião dos usuários participantes.
Figura 62 - Tela que representa a Q5 da seção 1, sobre a tela da figura 51.
Fonte: Elaboração própria.
4.4.6 Final da seção 1
Ao final dessa seção, foi disponibilizado um campo para que os participantes pudessem opinar de forma mais livre sobre as telas que foram apresentadas, como pode ser visualizado na figura 63. Essas opiniões foram de extrema importância, pois baseando-se nelas foi possível trabalhar nas modificações com mais clareza, além de respeitar a opinião dos usuários que utilizam todos os dias, além de perceber que o novo MOODLE agrada mais aos alunos em relação à antiga versão.
A Figura 63 apresenta as sugestões de melhoria realizadas pelos usuários participantes da pesquisa, referentes à seção 1.
Figura 63 - Tela que representa as sugestões de melhorias.
Fonte: Elaboração própria.
4.5 Usabilidade
Para essa seção foram utilizadas as mesmas telas da seção anterior, porém dessa vez foi solicitado aos participantes para que avaliassem considerando a usabilidade dos elementos do sistema.
Os resultados foram contabilizados da mesma forma que anteriormente, uma métrica que começa por 1 - “concordo totalmente” e vai até o 5 - “discordo totalmente”.
4.5.1 Questão 1
Na primeira questão, foi apresentado aos participantes a tela inicial do MOODLE para que avaliassem as funções apresentadas. 43,5% concordaram totalmente, 21,7% concordaram, enquanto 8,7% discordaram totalmente, 13% discordaram e 13% ficaram com a opção mediana, como mostrado na figura 64.
A Figura 64 apresenta as respostas sobre a escala de disposição dos elementos da tela inicial, na opinião dos usuários participantes.
Figura 64 - Tela que representa a Q1 da seção 2, sobre a tela da figura 48.
Fonte: Elaboração própria.
4.5.2 Questão 2
Na segunda questão, os participantes avaliaram a tela do menu de usuário. 52,2%
concordaram totalmente, 34,8% concordaram e 13% discordaram totalmente, como mostrado na figura 65.
A Figura 65 apresenta as respostas sobre a escala de disposição dos elementos no menu superior visualizado pelo usuário logado, na opinião dos usuários participantes.
Figura 65 - Tela que representa a Q2 da seção 2, sobre a tela da figura 52.
Fonte: Elaboração própria.
4.5.3 Questão 3
A terceira questão foi acerca da tela de cursos. 47,8% concordaram totalmente, 8,7%
concordaram. 26,1% escolheram o intermediário, enquanto 4,3% discordaram totalmente e 13%
discordaram, como mostrado na figura 66.
A Figura 66 apresenta as respostas sobre a escala de disposição e facilidade de uso dos elementos da tela de cursos, na opinião dos usuários participantes.
Figura 66 - Tela que representa a Q3 da seção 2, sobre a tela da figura 49.
Fonte: Elaboração própria.
4.5.4 Questão 4
Na quarta questão, os participantes responderam sobre as funções apresentadas na tela de envios de atividades. 34,8% concordam totalmente, 4,3% concordaram, enquanto 34,8%
ficaram na opção intermediária, 13% discordaram totalmente e 13% discordaram, como mostrado pela figura 67.
A Figura 67 apresenta as respostas sobre a escala de disposição e facilidade de uso dos elementos da tela de envio de atividades, na opinião dos usuários participantes.
Figura 67 - Tela que representa a Q4 da seção 2, sobre a tela da figura 51.
Fonte: Elaboração própria.
4.5.5 Questão 5
A quinta questão abordou sobre as funções apresentadas na tela de notas. 39,1%
concordaram totalmente, 21,7% concordaram. 17,4% ficaram na opção intermediária, 13%
discordaram totalmente, e 8,7% discordaram, como mostrado pela figura 68.
A Figura 68 apresenta as respostas sobre a escala de disposição e facilidade de uso dos elementos da tela da listagem de notas do usuário, na opinião dos participantes.
Figura 68 - Tela que representa a Q5 da seção 2, sobre a tela da figura 53.
Fonte: Elaboração própria.
4.5.6 Questão 6
Na questão 6 foi avaliado sobre a tela de cadastro do usuário. 30,4% concordaram totalmente, 26,1% concordaram. 26,1% escolheram a opção intermediária, 8,7% discordaram totalmente e 8,7% discordaram, como mostrado na figura 69.
A Figura 69 apresenta as respostas sobre a escala de disposição e facilidade de uso dos elementos da tela de cadastro do usuário, na opinião dos participantes.
Figura 69 - Tela que representa a Q6 da seção 2, sobre a tela da figura 54.
Fonte: Elaboração própria.
4.5.7 Final da seção 2
Assim como na seção anterior, os participantes tiveram um campo para expressarem sua opinião, oferecendo sugestão ou apenas deixando uma observação sobre o que analisaram nas telas.
A Figura 70 apresenta as sugestões de melhoria realizadas pelos usuários participantes da pesquisa, referentes à seção 2.
Figura 70 - Tela que representa as sugestões de melhorias.
Fonte: Elaboração própria.
5 DESENVOLVIMENTO
5.1 Propostas de melhorias na usabilidade do MOODLE
5.1.1 Página
Iniciando pelo recurso “Página”, é utilizado para auxiliar na criação dos conteúdos de um curso. Para auxiliar na usabilidade foi solicitada a exclusão desse recurso, pois a intenção é que nas páginas dos cursos contenha as opções que serão utilizadas pelos professores. A Figura 7 apresenta a tela de listagem dos recursos possíveis para adicionar a um curso, no MOODLE, listando todos os recursos presentes e disponíveis no ambiente virtual de aprendizagem.
Figura 7 - Tela da lista de recursos para adicionar em um curso.
Fonte: MOODLE IFF.
5.1.2 Bloco Navegação
Ao acessar o ambiente virtual de aprendizagem MOODLE do IFF, no canto inferior direito podemos ver o bloco de “Navegação”, onde há a listagem dos cursos que o aluno está cadastrado.
Como apresenta dados duplicados com os dados da aba “meus cursos”, gerando uma confusão na usabilidade, foi solicitada a remoção dessa aba apresentada. A Figura 8 apresenta a página inicial do MOODLE, onde o usuário visualiza após realizar o login no MOODLE em ambiente de desenvolvimento, na versão “Moove”.
Figura 8 - Página inicial do novo MOODLE.
Fonte: Elaboração própria
5.1.3 URL
”URL” é um dos recursos utilizados para auxiliar na criação dos conteúdos de um curso.
Para auxiliar na usabilidade foi solicitada a modificação desse recurso, colocando a mensagem
“Este formulário contém campos obrigatórios marcados com “!” no topo da página.
Esse ajuste consta tanto na página de inclusão e edição da URL, como mostrado na Figura 9.
A Figura 9 apresenta a tela ao acessar o recurso URL, mostrando todos os campos e características dessa página onde foi realizado o ajuste da localização da mensagem “Este formulário contém campos obrigatórios marcados com “!”.
Figura 9 - Tela que apresenta formulário para configurar o recurso URL.
Fonte: Elaboração própria.
5.1.4 Arquivo
“Arquivo” é um dos recursos utilizados para auxiliar na criação dos conteúdos de um curso.
Para auxiliar na usabilidade foi solicitada a modificação desse recurso, colocando a mensagem “Este formulário contém campos obrigatórios marcados com “!” no topo da página, e encurtar os passos para a adição desse recurso, expandindo todos os itens ao abrir o recurso.
A Figura 10 apresenta a modificação no formulário de configuração do recurso
“Arquivo”, realizada na localização da mensagem e a consequente expansão das seções presentes no formulário, onde anteriormente só havia a seção “Geral” aberta, e as seções conseguintes ficavam fechadas, gerando a necessidade de mais “cliques” por parte do usuário.
Figura 10 - Tela que apresenta o formulário para configurar o recurso Arquivo.
Fonte: Elaboração própria.
5.1.5 Bloco “Meus Cursos”
O bloco “Meus Cursos” está presente na página inicial, como opção no menu lateral assim que é aberto o painel do MOODLE do IFF.
Esse bloco também está presente como uma seção no menu principal, assim estando presente em duas áreas ao mesmo tempo e confundindo a usabilidade, sendo sugerida a remoção dessa aba no menu lateral e deixando a área livre para posteriormente ser reaproveitada por outro recurso como apresentado pelas Figuras 11 e 12.
A Figura 11 apresenta a tela inicial exibida para o usuário após a realização do login, podendo ser visualizada a presença da seção “Meus Cursos” no menu lateral direito.
Figura 11- Tela que apresenta a seção “Meus Cursos” no menu lateral.
Fonte: Elaboração própria
A Figura 12 apresenta a tela inicial exibida para o usuário após a realização do login, podendo ser visualizada a remoção da seção “Meus Cursos” no menu lateral, para a melhora da usabilidade.
Figura 12 - Tela principal após a remoção do bloco “Meus Cursos” do menu lateral.
Fonte: Elaboração própria
5.1.6 Barra de Ferramentas
A “barra de ferramentas” é um conjunto de recursos que foram avaliados. Com eles, podemos citar a caixa de pesquisa por palavra-chave, barra de ferramentas, a visualização de notificações, mensagens, etc.
Iniciando pela caixa de pesquisa, foi avaliado que ao utilizar o tema Moove, a caixa de pesquisa fica “escondida”, sendo necessário clicar em cima do ícone para a mesma se expandir, como apresentado na imagem abaixo como mostrado pela Figura 15.
A Figura 15 apresenta o menu superior da tela inicial, exibido para o usuário após a realização do login, podendo ser visualizada a caixa de pesquisa minimizada, no canto superior direito.
Figura 15 – Barra de ferramentas na tela inicial.
Fonte: Elaboração própria.
Sendo assim, foi sugerido que fixasse a barra de ferramentas com o input aberto, sem a necessidade do clique a fim de melhorar a usabilidade da pesquisa. Assim, foi realizada a modificação apresentada na figura 16.
A Figura 16 apresenta o menu superior da tela inicial, exibido para o usuário após a realização do login, podendo ser visualizada a caixa de pesquisa maximizada após a modificação realizada.
Figura 16 - Tela com o campo “pesquisa” aberto.
Fonte: Elaboração própria.
5.1.7 Modificar Perfil
O campo de modificação do perfil de usuário, como avaliado, é desnecessariamente extensivo e possui muitos campos, confundindo o usuário quanto aos campos obrigatórios e os que não são necessários quanto à alteração.
Para isso, como sugerido, ocultamos os campos menos utilizados pelos usuários, dando um visual mais claro ao formulário como demonstrado pelas figuras 17, 18, 19, 20 e 21.
A Figura 17 apresenta a tela de modificação do perfil do usuário, exibindo a aba “Geral” e seus campos subsequentes, demonstrando extensivos campos inutilizados ao preenchimento para a modificação do perfil do usuário, no MOODLE.
Figura 17 - Tela de modificação do perfil 1.
Fonte: Elaboração própria.
A Figura 18 apresenta a continuação da tela de modificação do perfil do usuário, com a presença das abas “Imagem do Usuário”, “Nomes Adicionais” e “Interesses”, junto aos seus campos subsequentes, também demonstrando extensivos campos inutilizados ao preenchimento para a modificação do perfil do usuário, no MOODLE.
Figura 18 - Tela de modificação do perfil 2.
Fonte: Elaboração própria.
A Figura 19 apresenta a continuação da tela de modificação do perfil do usuário exibindo as abas “Nomes Adicionais”, “Interesses” e “Outros”, junto aos seus campos subsequentes, também demonstrando extensivos campos inutilizados ao preenchimento para a modificação do perfil do usuário, no MOODLE.
Figura 19 - Tela de modificação do perfil 3.
Fonte: Elaboração própria.
E após o tratamento dos campos opcionais, omitindo-os e tratando dos quesitos da usabilidade, como solicitado, o resultado final do formulário pode ser visualizado nas imagens
apresentadas a seguir, onde são exibidas somente as seções principais, sendo elas as seções
“Geral” e “Imagem do Usuário”.
A Figura 20 demonstra a tela de modificação do perfil do usuário exibindo a aba
“Geral”, junto aos seus campos subsequentes após a modificação, onde a seção “Geral” não teve alteração.
Figura 20 - Tela de modificação do perfil 4.
Fonte: Elaboração própria.
A Figura 21 demonstra a continuação da tela de modificação do perfil do usuário exibindo a aba “Imagem do Usuário”, junto a seus campos subsequentes, após a modificação da melhora da usabilidade na página e o encurtamento dos campos.
Figura 21 - Tela de modificação do perfil 5.
Fonte: Elaboração própria.
Além disso, para chegar na tela de modificação de perfil são necessários muitos cliques, então foi solicitado que encurtasse esse caminho, sendo assim a adição da opção de “modificar perfil” na barra de navegação do menu superior, facilitando assim a usabilidade, como apresentado nas Figuras 22 e 23.
A Figura 22 apresenta a página do perfil do usuário, demonstrando a localização da opção “Modificar Perfil” antes da modificação, necessitando de muitos cliques do usuário para a sua visualização.
Figura 22 - Antiga localização da opção “Modificar Perfil” (página do perfil).
Fonte: Elaboração própria.
A Figura 23 apresenta a modificação da localização do recurso “Modificar Perfil”
adicionada no menu superior, presente em todas as páginas quando o usuário se encontra logado, melhorando assim sua usabilidade.
Figura 23 - Menu superior com a opção “Modificar Perfil” adicionada.
Fonte: Elaboração própria.
5.1.8 Modificar Senha
Na tela referente à modificação de senha, foi solicitado que colocasse a mensagem “Este formulário contém campos obrigatórios marcados com “!” no topo do formulário, e essa modificação pode ser visualizada na figura 25.
A Figura 24 apresenta a página do perfil do usuário, demonstrando a localização da opção “Modificar Senha” antes da modificação, necessitando de muitos cliques do usuário para a sua visualização.
Figura 24 - Antiga localização da opção “Modificar a senha” (página do perfil).
Fonte: Elaboração própria.
A Figura 25 apresenta a página de edição de senha do usuário, demonstrando a modificação da mensagem de obrigatoriedade de preenchimento de alguns campos para o topo do formulário.
Figura 25 - Tela referente à modificação de senha.
Fonte: Elaboração própria.
Como o campo de modificação de perfil, são necessários muitos cliques, então foi solicitado que encurtasse esse caminho, sendo assim solicitada a adição da opção de “mudar a
senha” na barra de navegação do menu superior, facilitando assim a usabilidade, como apresentado nas figuras 24 e 26.
A Figura 26 apresenta a modificação da localização do recurso “Modificar Senha”
adicionada no menu superior, presente em todas as páginas quando o usuário se encontra logado, melhorando assim sua usabilidade.
Figura 26 - Menu superior com a opção “Mudar a Senha” adicionada.
Fonte: Elaboração própria.
5.1.9 Preferência de Idioma
Como o campo de modificação de senha, são necessários muitos cliques, então foi solicitado que encurtasse esse caminho, adicionando a opção de “Idioma Preferido” na barra de navegação do menu superior, facilitando assim a usabilidade, como apresentado na figura 27 e na figura 28.
Figura 27 - Antiga localização da opção “Idioma preferido” (página do perfil).
Fonte: Elaboração própria.
A Figura 28 apresenta a adição do recurso “Idioma Preferido” adicionada no menu superior, presente em todas as páginas quando o usuário se encontra logado, melhorando assim sua usabilidade.
Figura 28 - Menu superior com a opção “Idioma Preferido” adicionada.
Fonte: Elaboração própria.
5.1.10 Preferências do Fórum
Como o campo de modificação de senha, são necessários muitos cliques, então foi solicitado que encurtasse esse caminho, sendo assim solicitada a adição da opção de
“Preferências do Fórum” na barra de navegação do menu superior, facilitando assim a usabilidade, como apresentado nas figuras 29 e 30.
A Figura 29 apresenta a página do perfil do usuário, demonstrando a localização da opção
“Preferências do Fórum”, necessitando de muitos cliques do usuário para a sua visualização.
Figura 29 - Antiga localização da opção “preferências do fórum” (página do perfil).
Fonte: Elaboração própria.
A Figura 30 apresenta a adição do recurso “Preferências do Fórum” adicionada no menu superior, presente em todas as páginas quando o usuário se encontra logado,
melhorando assim sua usabilidade.
Figura 30 - Menu superior com a opção “Preferências do Fórum” adicionada.
Fonte: Elaboração própria.
5.1.11 Preferências do Editor
Como o campo de preferências do fórum, são necessários muitos cliques, então foi solicitado que encurtasse esse caminho, sendo assim solicitada a adição da opção de
“Preferências do Editor” na barra de navegação do menu superior, facilitando assim a usabilidade, como apresentado nas figuras 31 e 32.
A Figura 31 apresenta a página do perfil do usuário, demonstrando a localização da opção “Preferências do Editor”, necessitando de muitos cliques do usuário para a sua visualização.
Figura 31 - Antiga localização da opção “preferências do editor” (página do perfil).
Fonte: Elaboração própria.
A Figura 32 apresenta a adição do recurso “Preferências do Fórum” adicionada no menu superior, presente em todas as páginas quando o usuário se encontra logado, melhorando assim sua usabilidade.
Figura 32 - Menu superior com a opção “Preferências do Editor” adicionada.
Fonte: Elaboração própria.
5.1.12 Preferências do Curso
Para encurtar o caminho até as “Preferências do curso”, foi solicitado a adição da opção na barra de navegação do menu superior, facilitando assim a usabilidade, como apresentado nas figuras 33 e 34.
Figura 33 - Antiga localização da opção “preferências do curso” (página do perfil).
Fonte: Elaboração própria.
A Figura 34 apresenta a adição do recurso “Preferências do Curso” adicionada no menu superior, presente em todas as páginas quando o usuário se encontra logado, melhorando assim sua usabilidade.
Figura 34 - Menu superior com a opção ”Preferências do Curso” adicionada.
Fonte: Elaboração própria.