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...
 
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
 
Apresentação Metodológica Joy Street
Apresentação Metodológica Joy StreetApresentação Metodológica Joy Street
Apresentação Metodológica Joy Street
 
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

Análise poema país de abril (Mauel alegre)
Análise poema país de abril (Mauel alegre)Análise poema país de abril (Mauel alegre)
Análise poema país de abril (Mauel alegre)ElliotFerreira
 
Discurso Direto, Indireto e Indireto Livre.pptx
Discurso Direto, Indireto e Indireto Livre.pptxDiscurso Direto, Indireto e Indireto Livre.pptx
Discurso Direto, Indireto e Indireto Livre.pptxferreirapriscilla84
 
2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamental
2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamental2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamental
2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamentalAntônia marta Silvestre da Silva
 
5 bloco 7 ano - Ensino Relogioso- Lideres Religiosos _ Passei Direto.pdf
5 bloco 7 ano - Ensino Relogioso- Lideres Religiosos _ Passei Direto.pdf5 bloco 7 ano - Ensino Relogioso- Lideres Religiosos _ Passei Direto.pdf
5 bloco 7 ano - Ensino Relogioso- Lideres Religiosos _ Passei Direto.pdfLeloIurk1
 
Noções de Farmacologia - Flávia Soares.pdf
Noções de Farmacologia - Flávia Soares.pdfNoções de Farmacologia - Flávia Soares.pdf
Noções de Farmacologia - Flávia Soares.pdflucassilva721057
 
A QUATRO MÃOS - MARILDA CASTANHA . pdf
A QUATRO MÃOS  -  MARILDA CASTANHA . pdfA QUATRO MÃOS  -  MARILDA CASTANHA . pdf
A QUATRO MÃOS - MARILDA CASTANHA . pdfAna Lemos
 
Mapa mental - Classificação dos seres vivos .docx
Mapa mental - Classificação dos seres vivos .docxMapa mental - Classificação dos seres vivos .docx
Mapa mental - Classificação dos seres vivos .docxBeatrizLittig1
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...azulassessoria9
 
análise de redação completa - Dissertação
análise de redação completa - Dissertaçãoanálise de redação completa - Dissertação
análise de redação completa - DissertaçãoMaiteFerreira4
 
Revista-Palavra-Viva-Profetas-Menores (1).pdf
Revista-Palavra-Viva-Profetas-Menores (1).pdfRevista-Palavra-Viva-Profetas-Menores (1).pdf
Revista-Palavra-Viva-Profetas-Menores (1).pdfMárcio Azevedo
 
Bullying - Atividade com caça- palavras
Bullying   - Atividade com  caça- palavrasBullying   - Atividade com  caça- palavras
Bullying - Atividade com caça- palavrasMary Alvarenga
 
ATIVIDADE PARA ENTENDER -Pizzaria dos Descritores
ATIVIDADE PARA ENTENDER -Pizzaria dos DescritoresATIVIDADE PARA ENTENDER -Pizzaria dos Descritores
ATIVIDADE PARA ENTENDER -Pizzaria dos DescritoresAnaCarinaKucharski1
 
Rotas Transaarianas como o desrto prouz riqueza
Rotas Transaarianas como o desrto prouz riquezaRotas Transaarianas como o desrto prouz riqueza
Rotas Transaarianas como o desrto prouz riquezaronaldojacademico
 
o ciclo do contato Jorge Ponciano Ribeiro.pdf
o ciclo do contato Jorge Ponciano Ribeiro.pdfo ciclo do contato Jorge Ponciano Ribeiro.pdf
o ciclo do contato Jorge Ponciano Ribeiro.pdfCamillaBrito19
 
Libras Jogo da memória em LIBRAS Memoria
Libras Jogo da memória em LIBRAS MemoriaLibras Jogo da memória em LIBRAS Memoria
Libras Jogo da memória em LIBRAS Memorialgrecchi
 
COMPETÊNCIA 4 NO ENEM: O TEXTO E SUAS AMARRACÕES
COMPETÊNCIA 4 NO ENEM: O TEXTO E SUAS AMARRACÕESCOMPETÊNCIA 4 NO ENEM: O TEXTO E SUAS AMARRACÕES
COMPETÊNCIA 4 NO ENEM: O TEXTO E SUAS AMARRACÕESEduardaReis50
 
FASE 1 MÉTODO LUMA E PONTO. TUDO SOBRE REDAÇÃO
FASE 1 MÉTODO LUMA E PONTO. TUDO SOBRE REDAÇÃOFASE 1 MÉTODO LUMA E PONTO. TUDO SOBRE REDAÇÃO
FASE 1 MÉTODO LUMA E PONTO. TUDO SOBRE REDAÇÃOAulasgravadas3
 
"É melhor praticar para a nota" - Como avaliar comportamentos em contextos de...
"É melhor praticar para a nota" - Como avaliar comportamentos em contextos de..."É melhor praticar para a nota" - Como avaliar comportamentos em contextos de...
"É melhor praticar para a nota" - Como avaliar comportamentos em contextos de...Rosalina Simão Nunes
 
Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....
Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....
Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....LuizHenriquedeAlmeid6
 

Último (20)

Análise poema país de abril (Mauel alegre)
Análise poema país de abril (Mauel alegre)Análise poema país de abril (Mauel alegre)
Análise poema país de abril (Mauel alegre)
 
Discurso Direto, Indireto e Indireto Livre.pptx
Discurso Direto, Indireto e Indireto Livre.pptxDiscurso Direto, Indireto e Indireto Livre.pptx
Discurso Direto, Indireto e Indireto Livre.pptx
 
2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamental
2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamental2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamental
2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamental
 
5 bloco 7 ano - Ensino Relogioso- Lideres Religiosos _ Passei Direto.pdf
5 bloco 7 ano - Ensino Relogioso- Lideres Religiosos _ Passei Direto.pdf5 bloco 7 ano - Ensino Relogioso- Lideres Religiosos _ Passei Direto.pdf
5 bloco 7 ano - Ensino Relogioso- Lideres Religiosos _ Passei Direto.pdf
 
Noções de Farmacologia - Flávia Soares.pdf
Noções de Farmacologia - Flávia Soares.pdfNoções de Farmacologia - Flávia Soares.pdf
Noções de Farmacologia - Flávia Soares.pdf
 
A QUATRO MÃOS - MARILDA CASTANHA . pdf
A QUATRO MÃOS  -  MARILDA CASTANHA . pdfA QUATRO MÃOS  -  MARILDA CASTANHA . pdf
A QUATRO MÃOS - MARILDA CASTANHA . pdf
 
Mapa mental - Classificação dos seres vivos .docx
Mapa mental - Classificação dos seres vivos .docxMapa mental - Classificação dos seres vivos .docx
Mapa mental - Classificação dos seres vivos .docx
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
 
análise de redação completa - Dissertação
análise de redação completa - Dissertaçãoanálise de redação completa - Dissertação
análise de redação completa - Dissertação
 
Revista-Palavra-Viva-Profetas-Menores (1).pdf
Revista-Palavra-Viva-Profetas-Menores (1).pdfRevista-Palavra-Viva-Profetas-Menores (1).pdf
Revista-Palavra-Viva-Profetas-Menores (1).pdf
 
Bullying - Atividade com caça- palavras
Bullying   - Atividade com  caça- palavrasBullying   - Atividade com  caça- palavras
Bullying - Atividade com caça- palavras
 
ATIVIDADE PARA ENTENDER -Pizzaria dos Descritores
ATIVIDADE PARA ENTENDER -Pizzaria dos DescritoresATIVIDADE PARA ENTENDER -Pizzaria dos Descritores
ATIVIDADE PARA ENTENDER -Pizzaria dos Descritores
 
Rotas Transaarianas como o desrto prouz riqueza
Rotas Transaarianas como o desrto prouz riquezaRotas Transaarianas como o desrto prouz riqueza
Rotas Transaarianas como o desrto prouz riqueza
 
CINEMATICA DE LOS MATERIALES Y PARTICULA
CINEMATICA DE LOS MATERIALES Y PARTICULACINEMATICA DE LOS MATERIALES Y PARTICULA
CINEMATICA DE LOS MATERIALES Y PARTICULA
 
o ciclo do contato Jorge Ponciano Ribeiro.pdf
o ciclo do contato Jorge Ponciano Ribeiro.pdfo ciclo do contato Jorge Ponciano Ribeiro.pdf
o ciclo do contato Jorge Ponciano Ribeiro.pdf
 
Libras Jogo da memória em LIBRAS Memoria
Libras Jogo da memória em LIBRAS MemoriaLibras Jogo da memória em LIBRAS Memoria
Libras Jogo da memória em LIBRAS Memoria
 
COMPETÊNCIA 4 NO ENEM: O TEXTO E SUAS AMARRACÕES
COMPETÊNCIA 4 NO ENEM: O TEXTO E SUAS AMARRACÕESCOMPETÊNCIA 4 NO ENEM: O TEXTO E SUAS AMARRACÕES
COMPETÊNCIA 4 NO ENEM: O TEXTO E SUAS AMARRACÕES
 
FASE 1 MÉTODO LUMA E PONTO. TUDO SOBRE REDAÇÃO
FASE 1 MÉTODO LUMA E PONTO. TUDO SOBRE REDAÇÃOFASE 1 MÉTODO LUMA E PONTO. TUDO SOBRE REDAÇÃO
FASE 1 MÉTODO LUMA E PONTO. TUDO SOBRE REDAÇÃO
 
"É melhor praticar para a nota" - Como avaliar comportamentos em contextos de...
"É melhor praticar para a nota" - Como avaliar comportamentos em contextos de..."É melhor praticar para a nota" - Como avaliar comportamentos em contextos de...
"É melhor praticar para a nota" - Como avaliar comportamentos em contextos de...
 
Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....
Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....
Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....
 

[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