No content

UMA FERRAMENTA GAMIFICADA PARA AUXILIAR O ENSINO DE TESTE DE SOFTWARE Universidade Presbiteriana Mackenzie - PPGEEC Matheus Marabesi Orientador: Prof. Dr. Ismar Frango Silveira T E S T A B L E

INTRODUÇÃO 01

MOTIVAÇÃO [ ] COMPLEXIDADE dos sistemas desenvolvidos atualmente.

MOTIVAÇÃO [ ] COMPLEXIDADE dos sistemas desenvolvidos atualmente. [ ] As matrizes curriculares de cursos de graduação da área de computação possuem uma CARGA HORÁRIA REDUZIDA a respeito de teste de software.

MOTIVAÇÃO [ ] COMPLEXIDADE dos sistemas desenvolvidos atualmente. [ ] As matrizes curriculares de cursos de graduação da área de computação possuem uma CARGA HORÁRIA REDUZIDA a respeito de teste de software. [ ] A FALTA DE DEDICAÇÃO dos desenvolvedores/alunos à fase de testes de um software.

OBJETIVO [ ] Desenvolver uma FERRAMENTA GAMIFICADA voltada ao o ensino de testes unitários para alunos de cursos de graduação na área de Computação. GERAL

OBJETIVO [ ] Revisão para visualizar o estado da arte no que diz respeito ao ensino de teste de software e à utilização de gamificação como estratégia de ensino. ESPECÍFICOS

OBJETIVO [ ] Revisão para visualizar o estado da arte no que diz respeito ao ensino de teste de software e à utilização de gamificação como estratégia de ensino. [ ] Desenvolver uma ferramenta gamificada para ensino de testes de software, especificamente o Teste Unitário, para delimitação de escopo da pesquisa. ESPECÍFICOS

OBJETIVO [ ] Revisão para visualizar o estado da arte no que diz respeito ao ensino de teste de software e à utilização de gamificação como estratégia de ensino. [ ] Desenvolver uma ferramenta gamificada para ensino de testes de software, especificamente o Teste Unitário, para delimitação de escopo da pesquisa. [ ] Avaliar e analisar a aplicação desta ferramenta em uma turma de graduação. ESPECÍFICOS

SERIOUS 02GAMES& GAMIFICAÇÃO

SERIOUS GAME “Ao contrário de jogos de entretenimento, serious games são jogos desenvolvidos com o objetivo de educar ou treinar ao invés de pura diversão” (MICHAEL; CHEN, 2006) (ADAMS; DORMANS, 2012).

ELEMENTOS DE JOGOS “ ... são definidos como um conjunto de componentes existente em um jogo” (WERBACH; HUNTER, 2012)

DINÂMICA MECÂNICA COMPO- NENTES ELEMENTOS DE JOGOS Figura 3: Elemento de jogos dividido em categorias. Baseado em (WERBACH; HUNTER, 2012)

DINÂMICA MECÂNICA COMPO- NENTES DINÂMICA “A parte mais abrangente dos elementos de jogos, a que possui o maior nível de abstração.” (Werbach e Hunter, 2012)

DINÂMICA MECÂNICA COMPO- NENTES MECÂNICA Brown (2014) define arquitetura de software como as decisões tomadas em um projeto que não se pode reverter sem um nível mínimo de esforço, decisões que requerem um esforço para mudarem e que não são fáceis de mudar em uma tarde.

DINÂMICA MECÂNICA COMPO- NENTES COMPONENTES são a última parte do todo que são os elementos de jogos. Da mesma forma que a dinâmica é o modelo mais abstrato dos elementos, os componentes são o oposto. Eles são a parte mais concreta dos elementos de dinâmica e mecânica (WERBACH; HUNTER, 2012).

GAMIFICAÇÃO “O uso de elementos de jogos e técnicas de game design em um contexto que não é um jogo.” Kevin Werbach & Dan Hunter

“A gamificação é comumente confundida com a aplicação de jogos, mas possui alguns tópicos chaves que se diferenciam. Na gamificação é possível utilizar apenas um elemento de jogo (mas não é restrito a), como por exemplo as badges para engajar a uma pessoa a alcançar um objetivo, enquanto em um jogo é comumente utilizado mais de um.” (KAPP; BLAIR; MESCH, 2012). GAMIFICAÇÃO

Tabela baseada nas definições de (KAPP; BLAIR; MESCH, 2012): [ JOGO ] Há um início, meio e fim claros para um jogo. - Existe um estado vencedor definido. - Os jogadores sabem quando eles ou alguém completou o jogo. - Um jogo normalmente tem vários elementos de jogos.

Tabela baseada nas definições de (KAPP; BLAIR; MESCH, 2012): [ JOGO ] [ GAMIFICAÇÃO ] Há um início, meio e fim claros para um jogo. - Existe um estado vencedor definido. - Os jogadores sabem quando eles ou alguém completou o jogo. - Um jogo normalmente tem vários elementos de jogos. A intenção é usar elementos de jogos para incentivar a se envolverem com o conteúdo e progredirem e direção a um objetivo. - É possível usar apenas um elemento do jogo para engajar.

Tabela baseada nas definições de (KAPP; BLAIR; MESCH, 2012): [ JOGO ] [ GAMIFICAÇÃO ] [ SIMULAÇÃO ] Há um início, meio e fim claros para um jogo. - Existe um estado vencedor definido. - Os jogadores sabem quando eles ou alguém completou o jogo. - Um jogo normalmente tem vários elementos de jogos. A intenção é usar elementos de jogos para incentivar a se envolverem com o conteúdo e progredirem e direção a um objetivo. - Um ambiente realístico. - É possível usar apenas um elemento do jogo para engajar. Os jogadores podem praticar comportamentos e experimentar os impactos de suas decisões.

Kapp, Blair e Mesch (2012) ressaltam os motivos errados para se escolher gamificação. Dentre eles estão: GAMIFICAÇÃO Jogos são legais/ divertidos

Kapp, Blair e Mesch (2012) ressaltam os motivos errados para se escolher gamificação. Dentre eles estão: GAMIFICAÇÃO Jogos são legais/ divertidos Todo mundo ama jogos

Kapp, Blair e Mesch (2012) ressaltam os motivos errados para se escolher gamificação. Dentre eles estão: GAMIFICAÇÃO Jogos são legais/ divertidos Todo mundo esta usando gamificação Todo mundo ama jogos

Kapp, Blair e Mesch (2012) ressaltam os motivos errados para se escolher gamificação. Dentre eles estão: GAMIFICAÇÃO Jogos são legais/ divertidos Todo mundo esta usando gamificação Todo mundo ama jogos É facil de se criar um jogo

TESTE DE 03SOFTWARE

TESTE DE SOFTWARE “ Testar destina-se a mostrar que um programa faz o que se propõe a fazer e descobrir defeitos antes de ser colocado em uso.” Ian Sommerville

“Verificação se refere as tarefas que garante que o software implementa corretamente as especificações. Validação se refere a diferentes tarefas que garante que o software construído está de acordo com as necessidade do cliente (os requisitos)” (PRESSMAN, 2014) (SOMMERVILLE, 2017) TESTE DE SOFTWARE

ASPECTOS CONCEITUAIS: TESTE UNITÁRIO

ASPECTOS CONCEITUAIS: TESTE UNITÁRIO Figura 7: Exemplo de arquitetura de web em 3 camadas

Figura 8: Foco do teste unitário na arquitetura web 3 camadas ASPECTOS CONCEITUAIS: TESTE UNITÁRIO

TESTE UNITÁRIO Sommerville (2017) define teste unitário como o processo de testar diferentes componentes de um programa, como por exemplo metodos e classes.

TDD Segundo Beck (2010) TDD é um pouco nebuloso, TDD é uma consciência da lacuna entre decisão e feedback durante a programação.

TDD Teste unitário (do inglês Unit Test) se popularizou através da metodologia TDD (em português: Desenvolvimento Guiado por Testes) onde o programador começa a escrever o código do teste antes do código do software de fato (JANZEN, 2005)

TDD Refatoração Teste passando Figura 9: Ciclo de execução do TDD. Baseado em (BECK, 2010) Código do teste

REVISÃO BIBLIOGRÁFICA & TÉCNICA 04

REVISÃO BIBLIOGRÁFICA [ ] Delimitação da busca nos congressos (WEI, CLEI, SIGCSE) [ ] Período de 5 anos (2012 - 2017) CATEGORIA CLEI WEI SIGSE Teste e engenharia de software 8 3 1 Edu. e eng de software 3 8 0 Educação 1 13 0 Gamificação 1 0 0 Educação e gamificação 4 25 0

REVISÃO TÉCNICA

Figura 11: Tela inicial do Flexbox Froggy REVISÃO TÉCNICA

Figura 11: Tela inicial do Flexbox Froggy Figura 12: Tela inicial do How HTTPS Works REVISÃO TÉCNICA

Figura 11: Tela inicial do Flexbox Froggy Figura 12: Tela inicial do How HTTPS Works Figura 13: Tela inicial do Regex Crossword REVISÃO TÉCNICA

CONCEPÇÃO & 05DESENVOLVIMENTO

CONCEPÇÃO [ TESTE UNITÁRIO ]

CONCEPÇÃO [ TESTE UNITÁRIO ] Tabela 3: Descrição detalhada dos assuntos abordados Introdução: Teste unitario Programação estruturada Programação Orientada a Objetos

CONCEPÇÃO [ TESTE UNITÁRIO ] Introdução: Teste unitario Introduzir os conceitos base para o usuário de quais aspectos da programação é possível utilizar teste unitário. Exemplificação da utilização de teste unitário com o paradigma da programação estruturada, com exemplos de funções que são passíveis de teste e funções que não são passíveis de teste. Utilizar os conceitos apresentados na sessão anterior acrescentando a utilização de classes. Programação estruturada Programação Orientada a Objetos Tabela 3: Descrição detalhada dos assuntos abordados

CONCEPÇÃO [ TESTE UNITÁRIO ] Intro.: TDD Vermelho Verde Azul

CONCEPÇÃO [ TESTE UNITÁRIO ] Tabela 3: Descrição detalhada dos assuntos abordados Intro.: TDD Apresenta a técnica TDD para o usuário. Exemplificando o que é o TDD, quais os seus benefícios e pontos negativos. Primeira etapa do ciclo TDD, exemplicar o proposito de se escrever o codigo anteriormente ao código de produção. Terceira e última etapa do ciclo TDD, exemplificar o propósito da refatoração(se necessária) e a confiança de se alterar o código e garantir que não existem efeitos colaterais. Vermelho Verde Azul Segunda etapa do ciclo TDD, exemplificar a importância de se alterar o código de produção com a menor alteração possível, apenas para que o teste unitário passe. Mudando de estado do vermelho para o verde.

CONCEPÇÃO [ ELEMENTOS DA EXPERIÊNCIA GAMIFICADA ]

[ ] [ ] Manrique (2013c) CONCEPÇÃO [ ELEMENTOS DA EXPERIÊNCIA GAMIFICADA ] ROSA Onboarding [ ] AMARELO Late Onboarding AZUL Late Midgame [ ] VERDE Endgame [ ] ROXO/EPIC Everlasting experienc [ ] LARANJA Midgame

Figura 15: Testable: experiência gamificada CONCEPÇÃO [ ELEMENTOS DA EXPERIÊNCIA GAMIFICADA ] [ Tutorial ] [ Experience ] Points [ Random ] Rewards [ Free Lunch ] [ Epic ] Challenge [ In-Came ] Currency

BASE TECNOLOGÍAS UTILIZADAS ESPECÍFICAS +

HTML CSS NodeJs Javascript Webpack BASE ReactJs Firebase D3 TECNOLOGÍAS UTILIZADAS ESPECÍFICAS +

DESENVOLVIMENTO

PÚBLICO ALVO

PÚBLICO ALVO Estudantes da área de desenvolvimento; Jovens aprendizes. Faixa etária 17 a 25 anos

PROCESSO DE DESENVOLVIMENTO

PROCESSO DE DESENVOLVIMENTO

IDENTIDADE VISUAL [Elementos do jogo]

IDENTIDADE VISUAL [Interface]

No content

OBRIGADO Universidade Presbiteriana Mackenzie - PPGEEC Matheus Marabesi Orientador: Prof. Dr. Ismar Frango Silveira T E S T A B L E