UNIVERSIDADE FEDERAL DE ALAGOAS

INSTITUTO DE COMPUTAÇÃO

TDVLE: ​The Dank Virtual Learning Environment

TÓPICOS EM ENGENHARIA DE SOFTWARE
PROJETANDO LINHAS DE PRODUTO DE SOFTWARE

Lucas de Oliveira Amorim

Lucas Ribeiro Raggi
Nelson Gomes Neto
Wagner Fontes da Silva
Professor Arturo Hernández
Enunciado  
O  trabalho  tem  como  meta  o  desenvolvimento  de  um  Ambiente  Virtual  de  Aprendizagem,  a 
TDVLE  (The  Dank  Virtual  Learning  Environment).  Nele,  os  alunos  e  professores  poderão  se 
cadastrar;  será  possível  alunos  interagirem  numa  rede  social,  professores  criarem  classes, 
questionários  atividades,  também  será  possível  gerar  vários  tipos  de  relatórios  e  corrigir 
questionários;  os  alunos  serão  prontamente  notificados  de  cada  coisa  importante  que  os 
relaciona,  como  a  descrição;  professores  terão  disponíveis  relatórios  informativos  sobre  seus 
tutelados; também existe o suporte para fóruns na TDVLE.  
 
Além  disso,  com  a  intenção  de  aumentar  a  comunicação  entre  os  usuários  além  da  dualidade 
professor/aluno,  desta  maneira  a  plataforma  conta  com  uma  rede  social  conjuntamente  com  o 
resto do sistema para maior descontração.  
 
Cada  usuário  tem  seu  login  e  senha  para  acessar  o  sistema,  assim  como suas permissões, que 
podem  ser alteradas mediante permissão de um administrador. Tudo isso é gerenciado de forma 
transparente  pelo  sistema,  que  é  disponibilizado  em  aplicativos  móveis  para  iOS,  Android,  e 
através do site. 
 

Objetivos   
Tem  como  objetivo  principal  manter  registros  sobre  os  alunos,  professores,  e  também  das 
atividades  letivas  (questionários  e  atividades)  que  podem  ser  respondidas  e  avaliadas  através 
da própria plataforma, sendo possível fazer upload e download dos arquivos necessários. 
 
Voltado  para  melhor  experiência  do  usuário,  a  Linha de Produto de Software desenvolvida conta 
com algumas variabilidades para melhor usabilidade e personalização para cada usuário.  
 

Tecnologias utilizadas  
A  API  REST  do  projeto  foi  desenvolvida  em  Grails,  um  framework  Web  para  Groovy.  O  front-end 
foi  desenvolvido  em  JavaScript,  com  o  framework  Angular  v6.  O  SGBD  utilizado  foi  o 
PostgreSQL.  O  aplicativo  para  dispositivos  móveis  foi  desenvolvido  em  React  Native.  Para 
desenvolvimento,  foram  utilizadas  as  IDEs  IntelliJ  (API  Groovy)  e  WebStorm  (front-end 
JavaScript), da JetBrains. 
Para  gerência  do SGBD, utilizamos o software pgAdmin v4, muito difundido entre DBAs como um 
dos  melhores  para  tal  tarefa.  Com  ele,  podemos  configurar  permissões  de  acesso, gerenciar as 
tabelas  de  nosso  banco  relacional,  adicionar  novos  gatilhos  ou  procedimento  armazenados, 
entre outras tarefas. 
 
 
 
 
 
 
 

Diagrama de Features 

   
Features 

● Cadastro 
○ Obrigatório 
○ Cadastro  dos  usuários.  São  classificados  como aluno e professor, professores precisam 
ser autorizados por administradores 
● Interface 
○ Obrigatório 
○ Interface gráfica da aplicação. Disponível em aplicativo Web que pode ser visualizado em 
Desktop e em dispositivos Mobiles; também foi implementada aplicação mobile nativa. 
● Seguir 
○ Opcional 
○ Opção  de  seguir  outros  usuários.  Permite  receber  notificações  sobre  atividades  desses 
usuários, como postagens, tarefas realizadas e atividades nas plataformas sociais 
● Pagamento de material 
○ Obrigatório 
○ Sistema para autenticar pagamento de recursos exclusivos a pagantes 
● Relatório 
○ Opcional 
○ Opção  de  ver  um  relatório  sobre  a  turma,  as  atividades  e  cada  aluno  em  particular, 
podendo ser visto em 2 diferentes tipos de gráficos ou textualmente 
● Plataforma Social 
○ Obrigatório 
○ Podendo ser uma Rede Social ou Fórum, ou conter ambos 
○ Na  Rede  social  é  possível  fazer  posts  de  imagens  e  de  mensagens  e  curtir  outras 
postagens e  
○ No Fórum é possível criar tópicos de discussão e comentar nos mesmos 
● Tarefas 
○ Obrigatório 
○ Podendo ter Questionários, Atividades ou ambos 
○ Questionários  o  professor  pode  criar  o  questionário  e  avalia-lo,  e  o  usuário  pode 
participar do mesmo 
○ Atividades  individuais  podem  ser  resolvidas  por  usuários,  criadas  e  avaliadas  por 
professores 
● Turma  
○ Obrigatório 
○ A  turma  sendo  um  ambiente  criado  pelo  professor  onde  os  usuários  podem  entrar  para 
receber atividades e questionários   
 

Arquitetura em camadas e diagrama de variabilidade 

● Diagrama de variabilidade 

 
 

● Diagrama de arquitetura 

 
 

Diagrama de Componentes e Diagrama de Variabilidade 

 
 
 

 
 
 
  

   
Imagens do sistema 
Login 

 
Cadastro 

 
  
 
Selecionador de Feature 

 
Notificações 
  
 
Postagem 

 
 
 
Perfil 

 
  
 
 
Achar Pessoas / Ver quem sigo / Ver seguidores 

 
 
 
Turmas 

 
Criar atividade 

   
  
 
Criar Questionário 

 
  
Relatório Geral 

 
Relatório de atividade 

   
  
Relatório Aluno 

 
  
 
Pagamento 

   
  
Fórum 

Login do Fórum 
  
 
Cadastro do Fórum 

 
 
Tópico do Fórum 
  
 
Perguntas mais frequentes 

 
Postagem do Fórum 
  
 
Tópicos sem resposta  

 
 
 
Tópicos ativos 
  
Pesquisa