CENTRO ESTADUAL DE EDUCAÇÃO TECNOLÓGICA PAULA SOUZA

EXTENSÃO DA ESCOLA TÉCNICA ESTADUAL “DR. DOMINGOS MINICUCCI FILHO” NA “EE CARDOSO DE

ALMEIDA” Técnico em Informática

Felipe Eduardo Lopes Vicente Larissa Machado Gonçalves

Lucas Matheus Sganzela Teixeira de Moraes

Desenvolvimento De Um Quiz Educativo: Quiztec.

Botucatu - SP 2016

Felipe Eduardo Lopes Vicente Larissa Machado Gonçalves

Lucas Matheus Sganzela Teixeira de Moraes

Desenvolvimento De Um Quiz Educativo: Quiztec.

Trabalho de Conclusão de Curso Apresentado ao Curso Técnico em Informática da Extensão da Etec “Dr. Domingos Minicucci Filho” na “EE Cardoso de Almeida” orientado pelo Professor Arilson José de Oliveira Júnior como requisito parcial para obtenção do título de técnico em Informática.

Botucatu - SP 2016

DEDICATÓRIA Dedico primeiramente as nossas famílias por estarem sempre presentes, aos nossos

professores que nos auxiliarão em nossa trajetória e dedicamos também ao nosso

amigo Cleber Silva de Souza Junior que não pode estar presente, porem teve uma

participação essencial na realização do nosso trabalho.

.

AGRADECIMENTOS

Agradecemos aos professores por nos ajudarem e todo apoio que tivemos para

chegar onde chegarmos

EPÍGRAFE

Cada sonho que você deixa para trás, é um pedaço

do seu futuro que deixar de existir.

(Steve Jobs)

RESUMO

Com os conhecimentos adquiridos com as aulas de teoria de orientação a objeto e

as aulas de desenvolvimento de software decidimos criar um trabalho em C#, sendo

também uma linguagem orientada a objeto, porque na plataforma de

desenvolvimento que utilizamos para a execução do trabalho aceita somente duas

linguagens sendo elas JavaScript e C#, por C# ser mais parecido com Java

decidimos utilizar essa linguagem de programação. O trabalho consiste em um

software de aprendizado baseado em um quiz game utilizando a plataforma Unity 3D

para o seu desenvolvimento. Unity é uma plataforma atualmente muito popular para

desenvolvimento de jogos em várias plataformas, o trabalho é compatível tanto para

desktop quanto mobile que são as plataformas mais comuns no dia a dia das

pessoas, ele tende a contribuir com a diversão e conhecimento, e ele pode ser

jogado com várias pessoas por conter sistema de pontuação, criando assim uma

disputa saudável de conhecimento entre amigos. Utilizamos para o desenvolvimento

o photoshop cs2 para criação do layout como cenário e botões, Unity 3D como

engine de desenvolvimento junto com visual studio como plataforma de criação de

scripts. Depois de utilizado todas essas ferramentas conseguimos então um quiz de

fácil entendimento que responde bem sem erros e fácil atualização sempre que

precisar focado em seu objetivo de poder ajudar. Concluímos que esse quiz mesmo

funcional ele é um ótimo protótipo esperamos ao longo do tempo melhorar ele cada

vez mais.

Palavras-chave: C#. Unity. Jogos Educacionais. Educação.

ABSTRACT

With the knowledge gained from object orientation theory classes and software

development classes we decided to create a C # work, also being an object oriented

language, because in the development platform that we use for the execution of the

work only two Languages being they JavaScript and C #, because C # is more like

Java we decided to use this programming language. The work consists of a learning

software based on a quiz game using the Unity 3D platform for its development.

Unity is a currently very popular platform for multi-platform gaming development, the

work is compatible for both desktop and mobile which are the most common

platforms in people's day to day, it tends to contribute fun and knowledge, and it can

Be played with multiple people by containing punctuation system, thus creating a

healthy dispute of knowledge among friends. We used for developing photoshop cs2

for creating the layout as scenery and buttons, Unity 3D as a development engine

along with visual studio as a scripting platform. After all these tools have been used

then we have an easy-to-understand quiz that responds well without error and easy

update whenever you need to focus on your goal of being able to help. We conclude

that this even functional quiz is a great prototype we hope over time to improve it

more and more.

Keywords: C#. Unity. Educational Games. Education.

LISTA DE FIGURAS

Figura 1 Logo Adobe Photoshop CS2 ....................................................................... 11

Figura 2 Logo Unity 5 ................................................................................................ 12

Figura 3 Logo Visual Studio ...................................................................................... 13

Figura 6 Script do título para pular de fase ............................................................... 16

Figura 7 Tela de temas ............................................................................................. 17

Figura 8 Tela de questões ......................................................................................... 17

Figura 9 Script das questões ..................................................................................... 18

Figura 10 Tela final .................................................................................................... 18

SUMÁRIO

1 Introdução ........................................................................................................... 10

2 DESENVOLVIMENTO ........................................................................................ 11

2.1 Materiais e Métodos .......................................................................................... 11

2.1.1 Photoshop ............................................................................................. 11

2.1.2 Unity 3D ................................................................................................. 12

2.1.3 Visual Studio .......................................................................................... 13

2.1.4 Banco de Dados .................................................................................... 14

2.2Resultados .......................................................................................................... 15

3 CONCLUSÃO ..................................................................................................... 19

4 REFERÊNCIAS .................................................................................................. 20

10

1 INTRODUÇÃO

Em constante evolução, o videogame é uma das formas de entretenimento mais

populares do mundo. Além de proporcionar diversão, a tecnologia dos jogos

eletrônicos vem sendo cada vez mais explorada.

No início, os jogos eletrônicos eram bastante simples, com gráficos básicos e sem

som. William A. Higinbotham criou um dos primeiros jogos, Tennis for Two (“tênis

para dois”), em 1958, Ele era um jogo muito simples, jogado por meio de um

osciloscópio.

Os jogos além de prover novas interatividades podem ser utilizados para diversos

meios, e não apenas como diversão.

A influência dos jogos eletrônicos na sociedade é enorme. Desde crianças e jovens

que conseguem ganhar raciocínio lógico e aprender conceitos teóricos até incitar

comportamentos nas pessoas (GameHall Uol, 2016)

O surgimento do jogo educativo se deu no renascimento, os jogos de todos os tipos

que na era medieval eram abominados, ressurgem se incorporando novamente no

cotidiano das pessoas e também como um material pedagógico no ensino.

Atualmente os jogos na educação são classificados de acordo com duas funções, a

primeira é a lúdica, que fornece prazer e diversão, a segunda é a educativa, o jogo

pode auxiliar ou promover a aquisição de saberes. É importante que na aplicação de

jogos haja a mediação do professor para que a função lúdica não se sobreponha a

função educativa, deve haver um equilíbrio entre essas duas funções gerando maior

interesse nos alunos (Wikipedia, 2016).

Quiz é o nome de um jogo de questionários que tem como objetivo fazer uma

avaliação dos conhecimentos sobre determinado assunto. Neste tipo de jogo podem

participar tanto grupo de muitas pessoas, como participantes individuais, que devem

acertar a maior quantidade de respostas para ganhar

(https://www.significados.com.br/quiz/, 2016).

Diante disso o objetivo de nosso trabalho é desenvolver um Quiz educativo, que

tende a ajudar crianças do ensino fundamental em suas dificuldades de uma forma

mais divertida.

.

11

2 DESENVOLVIMENTO 2.1 Materiais e Métodos

Utilização da plataforma unity 3D para desenvolvimento do jogo utilizando a

linguagem C#, para a edição de imagem foi utilizado Photoshop CS2.

2.1.1 Photoshop

Adobe Photoshop é um software de criação e edição de imagens da Adobe Systems

Inc. É considerado o líder no mercado dos editores de imagem profissionais.

(WIKIPÉDIA, 2016)

É usado atualmente por muitas empresas de diversos ramos, e também por revistas,

fotógrafos, modelos para dar alguns retoques nas imagens, removendo defeitos, etc.

(PACIEVITCH, 2005-2013)

O software foi utilizado uso para criar o cenário do jogo, introduzindo uma boa

ambientação e gráficos apropriados ao software. Fazendo uso das ferramentas

‘Retângulo’ e o modo de mesclarem ‘Luz Indireta’ para tratar texturas e objetos do

jogo.

Figura 1 Logo Adobe Photoshop CS2

Fonte: Photoshop CS2

12

2.1.2 Unity 3D

Unity, também conhecido como Unity 3D, é um motor de jogo 3D proprietário e

uma IDE criado pela Unity Technologies. Unity é similar ao

Blender, Virtools ou Torque Game Engine, em relação a sua forma primária de

autoria de jogos: a sua interface gráfica. O motor cresceu a partir de uma adição de

um suporte para a plataforma Mac OS X e depois se tornou um motor multi-

plataforma. O Unity possui duas versões principais: Unity Pro, que custa US$

1.500,00, e a versão gratuita, simplesmente chamada Unity, que pode ser usada

tanto para fins educacionais, quanto para fins comerciais e a versão pro pode ser

testada por um período de 30 dias.

O Unity na grande maioria das vezes e usado na criação jogos de browser, (Jogos

que rodam em navegador de internet). Mas o motor é capaz de criar grandes

jogos.(Unity Technologies, 2016)

Figura 2 Logo Unity 5

Fonte: Unity 3D, 2016

Suporte para o uso de shaders; Programação em C♯ ou JavaScript; Suporte

ao PhysX, incluindo detector de colisão, soft body e ragdoll; Compatibilidade com os

navegadores(via o plugin Unity Web Player): Internet Explorer, Firefox, Safári,

Opera, Google Chrome (versões anteriores a 45) e Camino; Compatibilidade

com Blender, 3ds Max, Maya, Cinema 4D, Cheetah 3D,Softimage, modo, ZBrush

Lightwave, Photoshop, Fireworks, e "Substance".

13

2.1.3 Visual Studio

O Microsoft Visual Studio é um pacote de programas da Microsoft para

desenvolvimento de software especialmente dedicado ao .NET Framework e às

linguagens Visual Basic (VB), C, C++, C# (C Sharp) e J# (J Sharp). Também é um

grande produto de desenvolvimento na área web, usando a plataforma do ASP.NET.

As linguagens com maior frequência nessa plataforma são: VB.NET (Visual

Basic.Net) e o C♯ (lê-se C Sharp).

O Microsoft® Visual Studio® 2008 cumpre a visão da Microsoft de aplicativos

clientes permitindo que os desenvolvedores criem com muita rapidez aplicativos que

são passíveis de proporcionar experiências de usuário com a mais alta qualidade e

riqueza. O Visual Studio 2008, junta ferramentas com as quais as organizações

sentirão maior facilidade em capturar e analisar informações, o que significa a

melhor tomada de decisões de negócios. O Visual Studio 2008 possibilita que

organizações de todos os tamanhos criem aplicativos mais seguros, gerenciáveis e

confiáveis que tiram proveito do Windows™ e do Office.

O Visual Studio 2008 se baseia em três pilares para proporcionar melhor experiência

para os programadores: Melhorias na produtividade do desenvolvedor;

Gerenciamento do ciclo de vida do aplicativo; e Utilização das mais recentes

tecnologias, será o software de criação dos scripts para o Unity por aceitar C#.

(Microsoft, 2016)

Figura 3 Logo Visual Studio

Fonte: Visual Studio, 2016.

14

2.1.4 Banco de Dados

Utilizamos para criar o banco de dados no unity uma ferramenta chamada

Playerprefs que eles mesmo contem que dá para armazenar perguntas e as

alternativas dentro das telas de temas do jogo e mesmo que o jogo seja fechado a

ferramenta consegue guardar tudo que foi armazenado nele. (Unity Technologies,

2016)

15

Resultados

Na tela inicial do nosso software temos apenas um cenário simples como

representado na figura 5, que se move utilizando um script de comando para que a

tela se mova para o lado e se replique e imagens estáticas, somente um botão com

um Script básico para pular para a próxima tela como apresentado na figura 6 aqui

também já configuramos no “build settings” que o jogo será compatível para Móbile

sendo no caso para android Windows fone e IOS, também compatível para desktop.

Figura 6: Tela inicial do Quiz.

Fonte: Quiztec,2016

16

Figura 4 Script do título para pular de fase

Fonte: Scritp do Quiztec, 2016.

Após essa tela de título, foi criada uma tela com os temas do jogo, onde contém

opções, o jogador selecionar um tema de sua preferência, no momento temos

apenas dois assuntos a ser escolhido 1 “mundo nerd” e 2 ”ensino fundamental”, no

caso mundo nerd se trata de jogos animes series coisas que jovens nerds gostam e

ensino fundamental matérias como história geografia ciência entre outras que fazem

parte do currículo escolar como mostra na figura 7.

Nos dois quadrados de tema contem script que faz com que o botão cinza se

acenda dando início ao quiz que o jogador escolheu, também estrelas que mostram

se o jogo já foi jogado alguma vez e se já obteve alguma pontuação e ele fica salvo

no próprio unity para mesmo que o jogo seja fechado não se perca a pontuação

17

Figura 5 Tela de temas

Fonte: Tela de temas do Quiztec,2016.

Nessa tela é a tela do jogo em si onde utilizamos um script de comando para alterar

os textos “Perguntas” e “alternativas” e colocar as reais perguntas e alternativas que

foram salvas na ferramenta chamada playerprefs que o próprio unity fornece em sua

criação que serve para armazena dados como as questões, alternativas e ate

pontuação como mostrado na figura 8.

Figura 6 Tela de questões

Fonte: Tela de perguntas e respostas do Quiztec, 2016.

Nessa imagem podemos observar um script que utiliza a ferramenta playerprefs que

serve como o banco de dados do unity nele tambem faz algumas comparações para

ver se a alternativa escolhido é a correta e se for a correta somando um ponto na

pontuação geral do tema que tambem esta sendo armazenado através da

ferramenta playerprefs e sempre que você escolhe uma alternativa o próprio script já

18

entende que deve pular para a próxima pergunta ate que chegue a ultima pergunta

armazenada no tema escolhido como mostra na figura 9

Figura 7 Script das questões

Fonte: Script de armazenamento de questões do Quiztec, 2016.

Nessa última tela temos três estrelas com os comandos de se o jogador atingir uma

certa quantidade de pontos em sua média elas se acenderem como cinco ou mais

acende uma, sete a nove acende duas e se acerta tudo acende as três em baixo um

texto que exibi a pontuação feita durante o jogo e três botões com comandos

variados o primeiro com comando de voltar a tela inicial do jogo o botão do meio

voltar a tela de escolha de tema e o ultimo para jogar o mesmo tema novamente

como mostra a figura 10

Figura 8 Tela final

Fonte: Tela de pontuação do Quiztec, 2016.

19

3 CONCLUSÃO

Com aspectos simples e de fácil entendimento, leve com compatibilidade para

mobile e desktop, esse software é somente um protótipo para o que temos em

mente, iremos aperfeiçoar ele para que ele possa ajudar crianças e jovens para

provas como ENEM e vestibulares com matérias especificas e perguntas sobre o dia

a dia, sem tirar a diversão de um jogo de quiz.

20

4 REFERÊNCIAS

GAME HALL UOL. História do vídeo game. Disponível em:

<http://selectgame.gamehall.uol.com.br/os-jogos-eletronicos-e-seus-impactos-na-

sociedade/>. Acesso em: 20 de Novembro de 2016.

SIGNIFICADOS. QUIZ. Disponível em: <https://www.significados.com.br/quiz/>.

Acesso em: 20 de Novembro de 2016.

INFOESCOLA. PHOTOSHOP. Disponível em:

<http://www.infoescola.com/informatica/photoshop >. Acesso em: 20 de Novembro

de 2016.

UNITY TECHNOLOGIES. UM EDITOR REPLETO E ALTAMENTE FLEXÍVEL.

Disponível em: < https://unity3d.com/pt/unity/editor >. Acesso em: 20 de Novembro

de 2016.

MICROSOFT. BEM VINDO AO VISUAL STUDIO 2015. Disponível em:

<https://msdn.microsoft.com/library/dd831853(v=vs.140).aspx>. Acesso em 21 de

Novembro de 2016.