Ir para o conteúdo principal
Diversão Séria:
Desenvolvimento de uma
Plataforma Game Quiz
Projeto SUCEN
II Workshop
Diversão Séria & Dias da Ada
II Workshop Diversão Séria & Dias da Ada
Pedagógico
Jean Rodrigues Pereira
Rháleff Nascimento R. Oliveira
Design
Everton Surica Bezerra
Mitzrael Albarrassim de Oliveira
Rodrigo Martins de Souza
Desenvolvimento (web e mobile)
Diego Martos Buoro
Guilherme Dias Belarmino
João Paulo Freire Motta
Docentes
Carla Lopes Rodriguez
Denise Hideko Goya
Rafaela Vilela da Rocha
Equipes
Sobre o projeto…
Justificativa
Por que desenvolvimento de jogos educacionais?
● Proporcionam aprendizado, treinamento e avaliação
do desempenho de usuários
● Vêm sendo aplicados em áreas como saúde, defesa,
meio ambiente, negócios, entre outras
● Entretanto, seu desenvolvimento é um processo
complexo que requer profissionais que tenham o
domínio na área e validem a aplicação
II Workshop Diversão Séria & Dias da Ada
Objetivos do Projeto de Extensão Diversão Séria
I. Organizar capacitações sobre o design e o
desenvolvimento de jogos educacionais (para o público
interno e externo)
II. Desenvolver e apoiar o desenvolvimento de jogos
educacionais (pelo público interno e externo)
III. Divulgar, realizar atividades de extensão e
conclusão do projeto "Diversão Séria"
II Workshop Diversão Séria & Dias da Ada
SUCEN - Superintendência de Controle de Endemias
II Workshop Diversão Séria & Dias da Ada
Secretaria de Estado da Saúde de São Paulo
Visão geral do Game Quiz
II Workshop Diversão Séria & Dias da Ada
Professor Usuário
Cria o quiz
Disponibiliza código
Entra com o
código para jogar
Página web Quiz no celular
Metodologia
Metodologia
● Equipe Pedagógica: Revisão ad-hoc da literatura
● Equipe Design: User Flow, Storyboard
● Equipe de Desenvolvimento: Ruby on Rails, Unity,
Visual Studio Code, GitHub, Postgres, Heroku
(Servidor em nuvem)
II Workshop Diversão Séria & Dias da Ada
Reuniões semanais entre
22jun a 11/set/2020 (12 semanas)
Metodologia >> Comunicação (Discord)
II Workshop Diversão Séria & Dias da Ada
Metodologia >> Compartilhamento de arquivos (Drive)
II Workshop Diversão Séria & Dias da Ada
Metodologia >> Documentação (Ferramentas Google)
II Workshop Diversão Séria & Dias da Ada
Metodologia >> Fluxo de Telas
II Workshop Diversão Séria & Dias da Ada
Metodologia >> Fluxo de Telas
II Workshop Diversão Séria & Dias da Ada
Metodologia >> Desenvolvimento (GitHub)
II Workshop Diversão Séria & Dias da Ada
Metodologia >> Desenvolvimento (GitHub)
II Workshop Diversão Séria & Dias da Ada
Atividades realizadas
1. Levantamento na literatura de requisitos
pedagógicos / jogabilidade
2. Levantamento de dados de registro e estatística
a serem coletados e apresentados durante o jogo
3. Criação de questões e alternativas para
prototipação
4. Validação de processos didáticos (consultoria
para outras equipe)
Atividades realizadas >> Equipe Pedagógica
II Workshop Diversão Séria & Dias da Ada
1. Elaboração de um fluxo de telas
2. Mecânicas de jogo
3. Posicionamento de texto e interações (layout)
4. Apresentação do feedback
5. Tela de perfil do usuário
6. Planejamento para diferentes modos de jogo:
a. modo clássico
b. modo sobrevivência
c. modo competitivo
Atividades realizadas >> Equipe Design
II Workshop Diversão Séria & Dias da Ada
1. Elaboração da arquitetura do game quiz e
plataforma web
2. Estudo de ferramentas, frameworks e linguagens
para o desenvolvimento do back-end
3. Desenvolvimento do esquema e fluxo de dados
entre o jogo e a plataforma
4. Desenvolvimento da plataforma web e jogo de
acordo com os requisitos passado pelas outras
equipes
Atividades realizadas >> Equipe Desenvolvimento
II Workshop Diversão Séria & Dias da Ada
BD:
Postgres
Página
web
Professor Usuário
Unity
Cria o quiz
Gera .JSON,
código + link
para
download
Req. HTTP para
baixar o .JSON
Disponibiliza código
Entra com o código
para jogar
Servidor: Ruby
on rails
Frontend
Backend
Visão geral da arquitetura de desenvolvimento
II Workshop Diversão Séria & Dias da Ada
Resultados
Levantamento de requisitos pedagógicos/
jogabilidade:
Tempo para resolução em segundos
Quantidade de estrelas para indicar
desempenho do aluno
Recursos para ajudar o jogador
(Habilidades/Trapaças)
Pontuação geral ao final do quiz
Resultados >> Requisitos
II Workshop Diversão Séria & Dias da Ada
Levantamento de dados de registro e estatística a
serem coletados e apresentados durante o jogo:
a. Dados de Perfil: Nome, Idade, Cidade, Escola -
código, Turma - código, login, senha, email
b. Dados de Jogo: Pontuação, Tempo de resposta,
Data/Horário, Quantidade de Erros, Quantidade
de Acertos, entre outros
Resultados >> Persistência de dados
II Workshop Diversão Séria & Dias da Ada
Criação de questões e alternativas para
prototipação:
➔ Perguntas para o quiz sobre Leishmaniose
Exemplo:
1) Como uma pessoa saudável é infectada?
a. Tendo contato direto com outra pessoa já infectada
b. Sendo mordida por um cachorro infectado
c. Sendo picada por um vetor (mosquito palha) infectado
d. Bebendo água contaminada
Resultados >> 27 questões propostas
II Workshop Diversão Séria & Dias da Ada
Resultados >> Layouts Principais
Fluxo geral em questões, com exemplo para a utilização de habilidades
II Workshop Diversão Séria & Dias da Ada
Resultados >> Layouts Principais
Fluxo do menu principal até o começo do quiz no modo clássico
II Workshop Diversão Séria & Dias da Ada
Resultados >> Layouts Principais
Fluxo geral em questões, com exemplo para a utilização de habilidades
II Workshop Diversão Séria & Dias da Ada
Desconsidera o primeiro
erro nessa pergunta
Temporariamente
congela o tempo
Elimina duas
alternativas
Resultados >> Habilidades / Trapaças
II Workshop Diversão Séria & Dias da Ada
Resultados >> Plataforma Web
II Workshop Diversão Séria & Dias da Ada
Resultados >> Aplicativo
II Workshop Diversão Séria & Dias da Ada
Resultados >> Aplicativo
II Workshop Diversão Séria & Dias da Ada
Considerações Finais
1. Desenvolvimento de jogos educacionais é uma área
multidisciplinar (game design, desenvolvimento, arte, área
de estudo do jogo, entre outros).
2. Alunos membros do projeto “Diversão Séria” passaram
por um processo de capacitação e amadurecimento, a
partir da integração com os docentes e outros membros
do projeto.
3. Por meio de parcerias e de uma equipe multidisciplinar foi
possível a capacitação e a construção inicial do protótipo
do “Game quiz”.
Conclusões
II Workshop Diversão Séria & Dias da Ada
● Aspectos Pedagógicos:
○ Validar as questões criadas com especialistas
○ Validar o game com usuários
● Aspectos de Design e Arte
○ Consolidação da arte final para o primeiro protótipo.
○ Validar mecânicas empregadas no jogo.
● Aspectos de Desenvolvimento:
○ Aprimorar e gerar arquivos de dados para geração de quiz
pela plataforma
○ Leitura do quiz gerado pela plataforma por meio do Unity
○ Finalizar a autenticação de usuário
Próximos Passos
II Workshop Diversão Séria & Dias da Ada
diversao.seria@gmail.com
http://pesquisa.ufabc.edu.br/lirte/diversaoseria/
https://github.com/diversao-seria/
https://www.facebook.com/DiversaoSeriaUFABC/
https://www.instagram.com/diversaoseriaufabc/
Contatos
II Workshop Diversão Séria & Dias da Ada