II Workshop Diversão Séria & Dias da Ada - Slides de Apresentação
Quarta 21/10 - Roda de conversa: Diversão Séria (DS) - desenvolvimento de uma plataforma de game quiz (com estudantes da UFABC).
Apresentadores:
Diego Martos Buoro
Guilherme Dias Belarmino
Everton Surica Bezerra
Jean Rodrigues Pereira
João Paulo Motta
Mitzrael Albarrassim de Oliveira
Rháleff Nascimento Rodrigues de Oliveira
Rodrigo Martins de Souza
2. 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
4. 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
5. 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
6. 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
7. 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
9. 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)
18. 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
19. 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
20. 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
21. 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
23. 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
24. 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
25. 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
26. 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
27. 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
28. 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
29. 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
34. 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
35. ● 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