Upload
buitu
View
213
Download
0
Embed Size (px)
Citation preview
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.