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

Transcrição

1 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

2 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

3 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..

4 AGRADECIMENTOS Agradecemos aos professores por nos ajudarem e todo apoio que tivemos para chegar onde chegarmos

5 EPÍGRAFE Cada sonho que você deixa para trás, é um pedaço do seu futuro que deixar de existir. (Steve Jobs)

6 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.

7 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.

8 LISTA DE FIGURAS Figura 1 Logo Adobe Photoshop CS Figura 2 Logo Unity Figura 3 Logo Visual Studio Figura 6 Script do título para pular de fase Figura 7 Tela de temas Figura 8 Tela de questões Figura 9 Script das questões Figura 10 Tela final... 18

9 SUMÁRIO 1 Introdução DESENVOLVIMENTO Materiais e Métodos Photoshop Unity 3D Visual Studio Banco de Dados Resultados CONCLUSÃO REFERÊNCIAS... 20

10 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 ( 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 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 CS 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, ) 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 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 multiplataforma. 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 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 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 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 16 Figura 4 Script do título para pular de fase Fonte: Scritp do Quiztec, 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 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, 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 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, 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 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 20 4 REFERÊNCIAS GAME HALL UOL. História do vídeo game. Disponível em: < Acesso em: 20 de Novembro de SIGNIFICADOS. QUIZ. Disponível em: < Acesso em: 20 de Novembro de INFOESCOLA. PHOTOSHOP. Disponível em: < >. Acesso em: 20 de Novembro de UNITY TECHNOLOGIES. UM EDITOR REPLETO E ALTAMENTE FLEXÍVEL. Disponível em: < >. Acesso em: 20 de Novembro de MICROSOFT. BEM VINDO AO VISUAL STUDIO Disponível em: < Acesso em 21 de Novembro de 2016.