SlideShare uma empresa Scribd logo
1 de 36
Baixar para ler offline
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

Mais conteúdo relacionado

Mais procurados

Slide aplicativos phoenix 1
Slide aplicativos phoenix   1Slide aplicativos phoenix   1
Slide aplicativos phoenix 1phoenixcti
 
Monografia Design Instrucional Eliezer Alves Vilela UNIFEI
Monografia Design Instrucional Eliezer Alves Vilela UNIFEIMonografia Design Instrucional Eliezer Alves Vilela UNIFEI
Monografia Design Instrucional Eliezer Alves Vilela UNIFEIEliézer Alves Vilela .´.
 
Tarefa4 fcteweb 1gloria maria de souza pessanha teixeira da silva
Tarefa4 fcteweb 1gloria maria de souza pessanha teixeira da silvaTarefa4 fcteweb 1gloria maria de souza pessanha teixeira da silva
Tarefa4 fcteweb 1gloria maria de souza pessanha teixeira da silvaGloria Maria Silva
 
Relatório estágio
Relatório estágioRelatório estágio
Relatório estágioPaulo Dys
 

Mais procurados (7)

Datadot2015 FSB
Datadot2015 FSBDatadot2015 FSB
Datadot2015 FSB
 
Game Bible - Ouroboros
Game Bible - OuroborosGame Bible - Ouroboros
Game Bible - Ouroboros
 
Slide aplicativos phoenix 1
Slide aplicativos phoenix   1Slide aplicativos phoenix   1
Slide aplicativos phoenix 1
 
Relatório Final Estágio 2
Relatório Final Estágio 2Relatório Final Estágio 2
Relatório Final Estágio 2
 
Monografia Design Instrucional Eliezer Alves Vilela UNIFEI
Monografia Design Instrucional Eliezer Alves Vilela UNIFEIMonografia Design Instrucional Eliezer Alves Vilela UNIFEI
Monografia Design Instrucional Eliezer Alves Vilela UNIFEI
 
Tarefa4 fcteweb 1gloria maria de souza pessanha teixeira da silva
Tarefa4 fcteweb 1gloria maria de souza pessanha teixeira da silvaTarefa4 fcteweb 1gloria maria de souza pessanha teixeira da silva
Tarefa4 fcteweb 1gloria maria de souza pessanha teixeira da silva
 
Relatório estágio
Relatório estágioRelatório estágio
Relatório estágio
 

Semelhante a [Dia 3] Roda de conversa: Diversão Séria (DS)

ApresentaçãoConexão2020 - DS - Game Quiz.pdf
ApresentaçãoConexão2020 - DS - Game Quiz.pdfApresentaçãoConexão2020 - DS - Game Quiz.pdf
ApresentaçãoConexão2020 - DS - Game Quiz.pdfDiversão Séria UFABC
 
Laboratório de Projetos de Jogos 2_Plano de Ensino _ 1 Semestre 2013
Laboratório de Projetos de Jogos 2_Plano de Ensino _ 1 Semestre 2013Laboratório de Projetos de Jogos 2_Plano de Ensino _ 1 Semestre 2013
Laboratório de Projetos de Jogos 2_Plano de Ensino _ 1 Semestre 2013Dra. Camila Hamdan
 
Plano de Ensino - Aplicações para Internet 1o. semestre 2013
Plano de Ensino - Aplicações para Internet  1o. semestre 2013Plano de Ensino - Aplicações para Internet  1o. semestre 2013
Plano de Ensino - Aplicações para Internet 1o. semestre 2013Dra. Camila Hamdan
 
Planificacao-AIB-22-23.pdf
Planificacao-AIB-22-23.pdfPlanificacao-AIB-22-23.pdf
Planificacao-AIB-22-23.pdfssuserdbc275
 
Plano de aula_disciplina_internet_na_educação
Plano de aula_disciplina_internet_na_educaçãoPlano de aula_disciplina_internet_na_educação
Plano de aula_disciplina_internet_na_educaçãoSuzanne Penin
 
Apresentação do Curso em ead para criação de jogos virtuais
Apresentação do Curso em ead para criação de jogos virtuaisApresentação do Curso em ead para criação de jogos virtuais
Apresentação do Curso em ead para criação de jogos virtuaisfrogstation
 
RED - Jogo da glória virtual
RED - Jogo da glória virtualRED - Jogo da glória virtual
RED - Jogo da glória virtualSofia Cavaco
 
Estratégias de Aprendizagem baseadas em Tecnologias Digitais - O Jogo e a Gam...
Estratégias de Aprendizagem baseadas em Tecnologias Digitais - O Jogo e a Gam...Estratégias de Aprendizagem baseadas em Tecnologias Digitais - O Jogo e a Gam...
Estratégias de Aprendizagem baseadas em Tecnologias Digitais - O Jogo e a Gam...João Paulo Freire
 
Apresentação Metodológica Joy Street
Apresentação Metodológica Joy StreetApresentação Metodológica Joy Street
Apresentação Metodológica Joy StreetJoy Street SA
 
Webinar leya educacao_jogo_estrategia_aprendizagem_27mai_13
Webinar leya educacao_jogo_estrategia_aprendizagem_27mai_13Webinar leya educacao_jogo_estrategia_aprendizagem_27mai_13
Webinar leya educacao_jogo_estrategia_aprendizagem_27mai_13Sofia Barcelos
 
Introdução ao desenvolvimento de jogos educativos HTML5 ( MoodleMoot Brasília...
Introdução ao desenvolvimento de jogos educativos HTML5 ( MoodleMoot Brasília...Introdução ao desenvolvimento de jogos educativos HTML5 ( MoodleMoot Brasília...
Introdução ao desenvolvimento de jogos educativos HTML5 ( MoodleMoot Brasília...David Luz
 
plano_de_projeto_controlart_rascunho
plano_de_projeto_controlart_rascunhoplano_de_projeto_controlart_rascunho
plano_de_projeto_controlart_rascunhouserrx
 

Semelhante a [Dia 3] Roda de conversa: Diversão Séria (DS) (16)

ApresentaçãoConexão2020 - DS - Game Quiz.pdf
ApresentaçãoConexão2020 - DS - Game Quiz.pdfApresentaçãoConexão2020 - DS - Game Quiz.pdf
ApresentaçãoConexão2020 - DS - Game Quiz.pdf
 
Laboratório de Projetos de Jogos 2_Plano de Ensino _ 1 Semestre 2013
Laboratório de Projetos de Jogos 2_Plano de Ensino _ 1 Semestre 2013Laboratório de Projetos de Jogos 2_Plano de Ensino _ 1 Semestre 2013
Laboratório de Projetos de Jogos 2_Plano de Ensino _ 1 Semestre 2013
 
jogo
jogojogo
jogo
 
Plano de Ensino - Aplicações para Internet 1o. semestre 2013
Plano de Ensino - Aplicações para Internet  1o. semestre 2013Plano de Ensino - Aplicações para Internet  1o. semestre 2013
Plano de Ensino - Aplicações para Internet 1o. semestre 2013
 
Planificacao-AIB-22-23.pdf
Planificacao-AIB-22-23.pdfPlanificacao-AIB-22-23.pdf
Planificacao-AIB-22-23.pdf
 
Plano de aula_disciplina_internet_na_educação
Plano de aula_disciplina_internet_na_educaçãoPlano de aula_disciplina_internet_na_educação
Plano de aula_disciplina_internet_na_educação
 
Apresentação do Curso em ead para criação de jogos virtuais
Apresentação do Curso em ead para criação de jogos virtuaisApresentação do Curso em ead para criação de jogos virtuais
Apresentação do Curso em ead para criação de jogos virtuais
 
Tcc
TccTcc
Tcc
 
RED - Jogo da glória virtual
RED - Jogo da glória virtualRED - Jogo da glória virtual
RED - Jogo da glória virtual
 
Estratégias de Aprendizagem baseadas em Tecnologias Digitais - O Jogo e a Gam...
Estratégias de Aprendizagem baseadas em Tecnologias Digitais - O Jogo e a Gam...Estratégias de Aprendizagem baseadas em Tecnologias Digitais - O Jogo e a Gam...
Estratégias de Aprendizagem baseadas em Tecnologias Digitais - O Jogo e a Gam...
 
Apresentação Metodológica Joy Street
Apresentação Metodológica Joy StreetApresentação Metodológica Joy Street
Apresentação Metodológica Joy Street
 
Proposta Joy Street Apresentação Metodológica
Proposta Joy Street Apresentação MetodológicaProposta Joy Street Apresentação Metodológica
Proposta Joy Street Apresentação Metodológica
 
Webinar leya educacao_jogo_estrategia_aprendizagem_27mai_13
Webinar leya educacao_jogo_estrategia_aprendizagem_27mai_13Webinar leya educacao_jogo_estrategia_aprendizagem_27mai_13
Webinar leya educacao_jogo_estrategia_aprendizagem_27mai_13
 
Introdução ao desenvolvimento de jogos educativos HTML5 ( MoodleMoot Brasília...
Introdução ao desenvolvimento de jogos educativos HTML5 ( MoodleMoot Brasília...Introdução ao desenvolvimento de jogos educativos HTML5 ( MoodleMoot Brasília...
Introdução ao desenvolvimento de jogos educativos HTML5 ( MoodleMoot Brasília...
 
Gamification Reduzida
Gamification ReduzidaGamification Reduzida
Gamification Reduzida
 
plano_de_projeto_controlart_rascunho
plano_de_projeto_controlart_rascunhoplano_de_projeto_controlart_rascunho
plano_de_projeto_controlart_rascunho
 

Mais de Diversão Séria UFABC

Oficina 2022 - Produção e Divulgação de Materiais Educacionais
Oficina 2022 - Produção e Divulgação de Materiais EducacionaisOficina 2022 - Produção e Divulgação de Materiais Educacionais
Oficina 2022 - Produção e Divulgação de Materiais EducacionaisDiversão Séria UFABC
 
[Dia 5] Palestra: Círculo Mágico, Game Design e Aprendizagem
[Dia 5] Palestra: Círculo Mágico, Game Design e Aprendizagem[Dia 5] Palestra: Círculo Mágico, Game Design e Aprendizagem
[Dia 5] Palestra: Círculo Mágico, Game Design e AprendizagemDiversão Séria UFABC
 
[Dia 5] Palestra: A experiência do usuário em jogos
[Dia 5] Palestra: A experiência do usuário em jogos[Dia 5] Palestra: A experiência do usuário em jogos
[Dia 5] Palestra: A experiência do usuário em jogosDiversão Séria UFABC
 
[Dia 4] Roda de conversa: Cinco anos de tecnologia como tendência para mulher...
[Dia 4] Roda de conversa: Cinco anos de tecnologia como tendência para mulher...[Dia 4] Roda de conversa: Cinco anos de tecnologia como tendência para mulher...
[Dia 4] Roda de conversa: Cinco anos de tecnologia como tendência para mulher...Diversão Séria UFABC
 
[Dia 3] Roda de conversa: Mulheres e carreira em Tecnologia da Informação
[Dia 3] Roda de conversa: Mulheres e carreira em Tecnologia da Informação[Dia 3] Roda de conversa: Mulheres e carreira em Tecnologia da Informação
[Dia 3] Roda de conversa: Mulheres e carreira em Tecnologia da InformaçãoDiversão Séria UFABC
 
[Dia 2] Mesa-redonda: Mulheres nas Exatas
[Dia 2] Mesa-redonda: Mulheres nas Exatas[Dia 2] Mesa-redonda: Mulheres nas Exatas
[Dia 2] Mesa-redonda: Mulheres nas ExatasDiversão Séria UFABC
 
[Dia 2] Roda de conversa: Desbravadoras do Universo - Mulheres em STEM
[Dia 2] Roda de conversa: Desbravadoras do Universo - Mulheres em STEM[Dia 2] Roda de conversa: Desbravadoras do Universo - Mulheres em STEM
[Dia 2] Roda de conversa: Desbravadoras do Universo - Mulheres em STEMDiversão Séria UFABC
 
Diversão Séria: Aprenda a divulgar seus projetos nas mídias digitais
Diversão Séria: Aprenda a divulgar seus projetos nas mídias digitaisDiversão Séria: Aprenda a divulgar seus projetos nas mídias digitais
Diversão Séria: Aprenda a divulgar seus projetos nas mídias digitaisDiversão Séria UFABC
 

Mais de Diversão Séria UFABC (19)

Oficina 2022 - Produção e Divulgação de Materiais Educacionais
Oficina 2022 - Produção e Divulgação de Materiais EducacionaisOficina 2022 - Produção e Divulgação de Materiais Educacionais
Oficina 2022 - Produção e Divulgação de Materiais Educacionais
 
Conexão2020 - Enfrente.pdf
Conexão2020 - Enfrente.pdfConexão2020 - Enfrente.pdf
Conexão2020 - Enfrente.pdf
 
ApresentaçãoConexão2019 - DS.pdf
ApresentaçãoConexão2019 - DS.pdfApresentaçãoConexão2019 - DS.pdf
ApresentaçãoConexão2019 - DS.pdf
 
Apresentação Conexão 2021
Apresentação Conexão 2021Apresentação Conexão 2021
Apresentação Conexão 2021
 
III WS DS & DA - Sessão I - seg
III WS DS & DA - Sessão I - seg III WS DS & DA - Sessão I - seg
III WS DS & DA - Sessão I - seg
 
III WS DS & DA - Sessão III - sexta
 III WS DS & DA - Sessão III - sexta III WS DS & DA - Sessão III - sexta
III WS DS & DA - Sessão III - sexta
 
III WS DS & DA - Sessão II - quinta
III WS DS & DA - Sessão II - quintaIII WS DS & DA - Sessão II - quinta
III WS DS & DA - Sessão II - quinta
 
[Dia 5] Palestra: Círculo Mágico, Game Design e Aprendizagem
[Dia 5] Palestra: Círculo Mágico, Game Design e Aprendizagem[Dia 5] Palestra: Círculo Mágico, Game Design e Aprendizagem
[Dia 5] Palestra: Círculo Mágico, Game Design e Aprendizagem
 
[Dia 5] Palestra: A experiência do usuário em jogos
[Dia 5] Palestra: A experiência do usuário em jogos[Dia 5] Palestra: A experiência do usuário em jogos
[Dia 5] Palestra: A experiência do usuário em jogos
 
[Dia 4] Roda de conversa: Cinco anos de tecnologia como tendência para mulher...
[Dia 4] Roda de conversa: Cinco anos de tecnologia como tendência para mulher...[Dia 4] Roda de conversa: Cinco anos de tecnologia como tendência para mulher...
[Dia 4] Roda de conversa: Cinco anos de tecnologia como tendência para mulher...
 
[Dia 3] Roda de conversa: Mulheres e carreira em Tecnologia da Informação
[Dia 3] Roda de conversa: Mulheres e carreira em Tecnologia da Informação[Dia 3] Roda de conversa: Mulheres e carreira em Tecnologia da Informação
[Dia 3] Roda de conversa: Mulheres e carreira em Tecnologia da Informação
 
[Dia 2] Mesa-redonda: Mulheres nas Exatas
[Dia 2] Mesa-redonda: Mulheres nas Exatas[Dia 2] Mesa-redonda: Mulheres nas Exatas
[Dia 2] Mesa-redonda: Mulheres nas Exatas
 
[Dia 2] Roda de conversa: Desbravadoras do Universo - Mulheres em STEM
[Dia 2] Roda de conversa: Desbravadoras do Universo - Mulheres em STEM[Dia 2] Roda de conversa: Desbravadoras do Universo - Mulheres em STEM
[Dia 2] Roda de conversa: Desbravadoras do Universo - Mulheres em STEM
 
Jogos na Educação
Jogos na EducaçãoJogos na Educação
Jogos na Educação
 
Prototipação de Jogos
Prototipação de JogosPrototipação de Jogos
Prototipação de Jogos
 
Diversão Séria: Aprenda a divulgar seus projetos nas mídias digitais
Diversão Séria: Aprenda a divulgar seus projetos nas mídias digitaisDiversão Séria: Aprenda a divulgar seus projetos nas mídias digitais
Diversão Séria: Aprenda a divulgar seus projetos nas mídias digitais
 
Slides Twine aula3
Slides Twine aula3Slides Twine aula3
Slides Twine aula3
 
Slides Twine aula2
Slides Twine aula2Slides Twine aula2
Slides Twine aula2
 
Slides Twine aula1
Slides Twine aula1Slides Twine aula1
Slides Twine aula1
 

Último

Slides Lição 4, CPAD, Como se Conduzir na Caminhada, 2Tr24.pptx
Slides Lição 4, CPAD, Como se Conduzir na Caminhada, 2Tr24.pptxSlides Lição 4, CPAD, Como se Conduzir na Caminhada, 2Tr24.pptx
Slides Lição 4, CPAD, Como se Conduzir na Caminhada, 2Tr24.pptxLuizHenriquedeAlmeid6
 
Educação São Paulo centro de mídias da SP
Educação São Paulo centro de mídias da SPEducação São Paulo centro de mídias da SP
Educação São Paulo centro de mídias da SPanandatss1
 
FCEE - Diretrizes - Autismo.pdf para imprimir
FCEE - Diretrizes - Autismo.pdf para imprimirFCEE - Diretrizes - Autismo.pdf para imprimir
FCEE - Diretrizes - Autismo.pdf para imprimirIedaGoethe
 
cartilha-pdi-plano-de-desenvolvimento-individual-do-estudante.pdf
cartilha-pdi-plano-de-desenvolvimento-individual-do-estudante.pdfcartilha-pdi-plano-de-desenvolvimento-individual-do-estudante.pdf
cartilha-pdi-plano-de-desenvolvimento-individual-do-estudante.pdfIedaGoethe
 
HORA DO CONTO5_BECRE D. CARLOS I_2023_2024
HORA DO CONTO5_BECRE D. CARLOS I_2023_2024HORA DO CONTO5_BECRE D. CARLOS I_2023_2024
HORA DO CONTO5_BECRE D. CARLOS I_2023_2024Sandra Pratas
 
Apostila da CONQUISTA_ para o 6ANO_LP_UNI1.pptx
Apostila da CONQUISTA_ para o 6ANO_LP_UNI1.pptxApostila da CONQUISTA_ para o 6ANO_LP_UNI1.pptx
Apostila da CONQUISTA_ para o 6ANO_LP_UNI1.pptxIsabelaRafael2
 
Simulado 1 Etapa - 2024 Proximo Passo.pdf
Simulado 1 Etapa - 2024 Proximo Passo.pdfSimulado 1 Etapa - 2024 Proximo Passo.pdf
Simulado 1 Etapa - 2024 Proximo Passo.pdfEditoraEnovus
 
Slides Lição 2, Central Gospel, A Volta Do Senhor Jesus , 1Tr24.pptx
Slides Lição 2, Central Gospel, A Volta Do Senhor Jesus , 1Tr24.pptxSlides Lição 2, Central Gospel, A Volta Do Senhor Jesus , 1Tr24.pptx
Slides Lição 2, Central Gospel, A Volta Do Senhor Jesus , 1Tr24.pptxLuizHenriquedeAlmeid6
 
Doutrina Deus filho e Espírito Santo.pptx
Doutrina Deus filho e Espírito Santo.pptxDoutrina Deus filho e Espírito Santo.pptx
Doutrina Deus filho e Espírito Santo.pptxThye Oliver
 
BRASIL - DOMÍNIOS MORFOCLIMÁTICOS - Fund 2.pdf
BRASIL - DOMÍNIOS MORFOCLIMÁTICOS - Fund 2.pdfBRASIL - DOMÍNIOS MORFOCLIMÁTICOS - Fund 2.pdf
BRASIL - DOMÍNIOS MORFOCLIMÁTICOS - Fund 2.pdfHenrique Pontes
 
VALORES HUMANOS NA DISCIPLINA DE ENSINO RELIGIOSO
VALORES HUMANOS NA DISCIPLINA DE ENSINO RELIGIOSOVALORES HUMANOS NA DISCIPLINA DE ENSINO RELIGIOSO
VALORES HUMANOS NA DISCIPLINA DE ENSINO RELIGIOSOBiatrizGomes1
 
ALMANANHE DE BRINCADEIRAS - 500 atividades escolares
ALMANANHE DE BRINCADEIRAS - 500 atividades escolaresALMANANHE DE BRINCADEIRAS - 500 atividades escolares
ALMANANHE DE BRINCADEIRAS - 500 atividades escolaresLilianPiola
 
Aula 13 8º Ano Cap.04 Revolução Francesa.pptx
Aula 13 8º Ano Cap.04 Revolução Francesa.pptxAula 13 8º Ano Cap.04 Revolução Francesa.pptx
Aula 13 8º Ano Cap.04 Revolução Francesa.pptxBiancaNogueira42
 
Mesoamérica.Astecas,inca,maias , olmecas
Mesoamérica.Astecas,inca,maias , olmecasMesoamérica.Astecas,inca,maias , olmecas
Mesoamérica.Astecas,inca,maias , olmecasRicardo Diniz campos
 
William J. Bennett - O livro das virtudes para Crianças.pdf
William J. Bennett - O livro das virtudes para Crianças.pdfWilliam J. Bennett - O livro das virtudes para Crianças.pdf
William J. Bennett - O livro das virtudes para Crianças.pdfAdrianaCunha84
 
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptx
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptxSlides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptx
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptxLuizHenriquedeAlmeid6
 
Aula - 2º Ano - Cultura e Sociedade - Conceitos-chave
Aula - 2º Ano - Cultura e Sociedade - Conceitos-chaveAula - 2º Ano - Cultura e Sociedade - Conceitos-chave
Aula - 2º Ano - Cultura e Sociedade - Conceitos-chaveaulasgege
 
A galinha ruiva sequencia didatica 3 ano
A  galinha ruiva sequencia didatica 3 anoA  galinha ruiva sequencia didatica 3 ano
A galinha ruiva sequencia didatica 3 anoandrealeitetorres
 

Último (20)

Slides Lição 4, CPAD, Como se Conduzir na Caminhada, 2Tr24.pptx
Slides Lição 4, CPAD, Como se Conduzir na Caminhada, 2Tr24.pptxSlides Lição 4, CPAD, Como se Conduzir na Caminhada, 2Tr24.pptx
Slides Lição 4, CPAD, Como se Conduzir na Caminhada, 2Tr24.pptx
 
XI OLIMPÍADAS DA LÍNGUA PORTUGUESA -
XI OLIMPÍADAS DA LÍNGUA PORTUGUESA      -XI OLIMPÍADAS DA LÍNGUA PORTUGUESA      -
XI OLIMPÍADAS DA LÍNGUA PORTUGUESA -
 
Educação São Paulo centro de mídias da SP
Educação São Paulo centro de mídias da SPEducação São Paulo centro de mídias da SP
Educação São Paulo centro de mídias da SP
 
FCEE - Diretrizes - Autismo.pdf para imprimir
FCEE - Diretrizes - Autismo.pdf para imprimirFCEE - Diretrizes - Autismo.pdf para imprimir
FCEE - Diretrizes - Autismo.pdf para imprimir
 
cartilha-pdi-plano-de-desenvolvimento-individual-do-estudante.pdf
cartilha-pdi-plano-de-desenvolvimento-individual-do-estudante.pdfcartilha-pdi-plano-de-desenvolvimento-individual-do-estudante.pdf
cartilha-pdi-plano-de-desenvolvimento-individual-do-estudante.pdf
 
Orientação Técnico-Pedagógica EMBcae Nº 001, de 16 de abril de 2024
Orientação Técnico-Pedagógica EMBcae Nº 001, de 16 de abril de 2024Orientação Técnico-Pedagógica EMBcae Nº 001, de 16 de abril de 2024
Orientação Técnico-Pedagógica EMBcae Nº 001, de 16 de abril de 2024
 
HORA DO CONTO5_BECRE D. CARLOS I_2023_2024
HORA DO CONTO5_BECRE D. CARLOS I_2023_2024HORA DO CONTO5_BECRE D. CARLOS I_2023_2024
HORA DO CONTO5_BECRE D. CARLOS I_2023_2024
 
Apostila da CONQUISTA_ para o 6ANO_LP_UNI1.pptx
Apostila da CONQUISTA_ para o 6ANO_LP_UNI1.pptxApostila da CONQUISTA_ para o 6ANO_LP_UNI1.pptx
Apostila da CONQUISTA_ para o 6ANO_LP_UNI1.pptx
 
Simulado 1 Etapa - 2024 Proximo Passo.pdf
Simulado 1 Etapa - 2024 Proximo Passo.pdfSimulado 1 Etapa - 2024 Proximo Passo.pdf
Simulado 1 Etapa - 2024 Proximo Passo.pdf
 
Slides Lição 2, Central Gospel, A Volta Do Senhor Jesus , 1Tr24.pptx
Slides Lição 2, Central Gospel, A Volta Do Senhor Jesus , 1Tr24.pptxSlides Lição 2, Central Gospel, A Volta Do Senhor Jesus , 1Tr24.pptx
Slides Lição 2, Central Gospel, A Volta Do Senhor Jesus , 1Tr24.pptx
 
Doutrina Deus filho e Espírito Santo.pptx
Doutrina Deus filho e Espírito Santo.pptxDoutrina Deus filho e Espírito Santo.pptx
Doutrina Deus filho e Espírito Santo.pptx
 
BRASIL - DOMÍNIOS MORFOCLIMÁTICOS - Fund 2.pdf
BRASIL - DOMÍNIOS MORFOCLIMÁTICOS - Fund 2.pdfBRASIL - DOMÍNIOS MORFOCLIMÁTICOS - Fund 2.pdf
BRASIL - DOMÍNIOS MORFOCLIMÁTICOS - Fund 2.pdf
 
VALORES HUMANOS NA DISCIPLINA DE ENSINO RELIGIOSO
VALORES HUMANOS NA DISCIPLINA DE ENSINO RELIGIOSOVALORES HUMANOS NA DISCIPLINA DE ENSINO RELIGIOSO
VALORES HUMANOS NA DISCIPLINA DE ENSINO RELIGIOSO
 
ALMANANHE DE BRINCADEIRAS - 500 atividades escolares
ALMANANHE DE BRINCADEIRAS - 500 atividades escolaresALMANANHE DE BRINCADEIRAS - 500 atividades escolares
ALMANANHE DE BRINCADEIRAS - 500 atividades escolares
 
Aula 13 8º Ano Cap.04 Revolução Francesa.pptx
Aula 13 8º Ano Cap.04 Revolução Francesa.pptxAula 13 8º Ano Cap.04 Revolução Francesa.pptx
Aula 13 8º Ano Cap.04 Revolução Francesa.pptx
 
Mesoamérica.Astecas,inca,maias , olmecas
Mesoamérica.Astecas,inca,maias , olmecasMesoamérica.Astecas,inca,maias , olmecas
Mesoamérica.Astecas,inca,maias , olmecas
 
William J. Bennett - O livro das virtudes para Crianças.pdf
William J. Bennett - O livro das virtudes para Crianças.pdfWilliam J. Bennett - O livro das virtudes para Crianças.pdf
William J. Bennett - O livro das virtudes para Crianças.pdf
 
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptx
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptxSlides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptx
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptx
 
Aula - 2º Ano - Cultura e Sociedade - Conceitos-chave
Aula - 2º Ano - Cultura e Sociedade - Conceitos-chaveAula - 2º Ano - Cultura e Sociedade - Conceitos-chave
Aula - 2º Ano - Cultura e Sociedade - Conceitos-chave
 
A galinha ruiva sequencia didatica 3 ano
A  galinha ruiva sequencia didatica 3 anoA  galinha ruiva sequencia didatica 3 ano
A galinha ruiva sequencia didatica 3 ano
 

[Dia 3] Roda de conversa: Diversão Séria (DS)

  • 1. Diversão Séria: Desenvolvimento de uma Plataforma Game Quiz Projeto SUCEN II Workshop Diversão Séria & Dias da Ada
  • 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)
  • 10. Metodologia >> Comunicação (Discord) II Workshop Diversão Séria & Dias da Ada
  • 11. Metodologia >> Compartilhamento de arquivos (Drive) II Workshop Diversão Séria & Dias da Ada
  • 12. Metodologia >> Documentação (Ferramentas Google) II Workshop Diversão Séria & Dias da Ada
  • 13. Metodologia >> Fluxo de Telas II Workshop Diversão Séria & Dias da Ada
  • 14. Metodologia >> Fluxo de Telas II Workshop Diversão Séria & Dias da Ada
  • 15. Metodologia >> Desenvolvimento (GitHub) II Workshop Diversão Séria & Dias da Ada
  • 16. Metodologia >> Desenvolvimento (GitHub) II Workshop Diversão Séria & Dias da Ada
  • 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
  • 30. Resultados >> Plataforma Web II Workshop Diversão Séria & Dias da Ada
  • 31. Resultados >> Aplicativo II Workshop Diversão Séria & Dias da Ada
  • 32. Resultados >> Aplicativo 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