Inteli - Instituto de Tecnologia e Liderança

UniWorld

Camaleões

👨‍🎓 Integrantes:

• Carolina Pascarelli Alves Santos
• Daniel Parente Pessoa Dias
• Igor Paço Sguissardi de Oliveira
• João Pedro Carbone
• Luiza Faria Petenazzi
• Thalyta da Silva Viana
• Vitor Margarido Balbo

👩‍🏫 Professores:

Orientador(a)

• Fabiana Martins Oliveira

Instrutores

• Francisco Escobar
• Cristiano Benites
• Filipe Gonçalves
• Cesar Almiñana
• Fillipe Resina
• Fernando Pizzo

📜 Descrição

     Visando solucionar os problemas relacionados ao processo de onboarding, no qual é caracterizado por ser um processo exaustivo, como muitos conteúdos para serem absorvidos pelos novos colaboradores em um curto período de tempo e que, por estes motivos, tem como consequência demoras na adaptação e rendimento dos recém-contratados. Com isso, a nossa proposta de solução é um serious game, um jogo que não tem como objetivo apenas divertir, mas também ensinar, instruindo o novo funcionário não somente sobre seu cargo no setor de TI, como também dos seus produtos mais vendidos, do dicionário interno da empresa e a respeito dos valores da companhia, como diversidade, sustentabilidade e progressão de carreira, tópicos que são levados muito a sério pela empresa.
    Para isso, estamos desenvolvendo um jogo pela web, assim, o novo colaborador apenas precisará obter o link do “game” fornecido pela empresa para poder jogar em seu notebook, avançando as fases e conhecendo cada vez mais sobre sua área de atuação assim como os princípios e contexto empresariais. Desse modo, iremos aumentar o engajamento do colaborador, por revelar questões como planos de carreiras e impactos sociais positivos realizados pela Unilever ao redor do mundo, e ressaltar que ele será um responsável direto por essas ações, promovendo maior conscientização, disposição, valorização e senso de pertencimento nos recém-contratados.

Link para o jogo UniWorld

📁 Estrutura de pastas

Dentre os arquivos e pastas presentes na raiz do projeto, definem-se:

• assets: aqui estão os arquivos relacionados a elementos não-estruturados deste repositório, como imagens.

• documents: aqui estão todos os documentos do projeto, como o Game Development Document (GDD) bem como documentos complementares, na pasta "other".

• src: todo o código fonte criado para o desenvolvimento do projeto do jogo.

• README.md: arquivo que serve como guia e explicação geral sobre o projeto e o jogo (o mesmo que você está lendo agora).

• index.htlm: arquivo responsável pela execução do jogo.

🔧 Como executar o código

Aqui, será detalhado o passo a passo para a execução do jogo.

Requisitos:

1. Phaser: Primeiramente, você precisará instalar o Phaser para desenvolver jogos web. Baixe-o em phaser.io/download.
2. Visual Studio Code: Este tutorial assume que você usará o Visual Studio Code como seu editor de código. Faça o download em code.visualstudio.com/download.
3. GitHub: Também é fundamental possuir o GitHub Desktop instalado em seu dispositivo. Caso não possua, faça o download no site oficial desktop.github.com
4. Node: Outro ponto essencial é a presença do node em seu dispositivo. Acesse nodejs.org e realize o download.

Passo a passo:

1. Clonar o Repositório:

• Abra seu terminal (ou prompt de comando) e execute o seguinte comando para clonar o repositório de exemplo:

  git clone https://github.com/Inteli-College/2024-T0012-IN01-G04

• Isso criará uma cópia local dos arquivos do projeto em seu computador.

2. Instalação do Node:

• Execute o instalador baixado e siga as instruções do assistente de instalação.
• Verifique se a opção “npm” (Node Package Manager) também está selecionada durante a instalação.

3. Verifique a Instalação:

• Abra o terminal (ou prompt de comando) e digite os seguintes comandos:

  node -v
  npm -v

• Se você vir as versões do Node.js e do npm, a instalação foi bem-sucedida.

4. Abrir o Projeto no Visual Studio Code:

• Abra o Visual Studio Code.
• Selecione "File" (Arquivo) > "Open Folder" (Abrir Pasta).
• Navegue até a pasta onde você clonou o repositório e selecione-a.
• Aguarde enquanto o Visual Studio Code carrega o projeto.

5. Instalar a Extensão Live Server:

• No Visual Studio Code, vá até a barra lateral esquerda e clique no ícone de extensões (ou pressione Ctrl+Shift+X).
• Na barra de pesquisa, digite "Live Server".
• A extensão "Live Server" deve aparecer nos resultados. Clique em "Install" (Instalar) para instalá-la.
• Após a instalação, clique em "Reload" (Recarregar) para ativar a extensão.

6. Executar o Jogo:

• No Visual Studio Code, navegue até o arquivo index.html no explorador de arquivos à esquerda.
• Clique com o botão direito do mouse no arquivo index.html e selecione "Open with Live Server" (Abrir com Live Server).
• Isso abrirá automaticamente o jogo em seu navegador padrão.

7. Fazer Modificações:

• Com o jogo aberto em seu navegador, você pode fazer alterações nos arquivos do projeto usando o Visual Studio Code.
• Por exemplo, você pode modificar o código JavaScript para alterar o comportamento do jogo, editar os arquivos HTML e CSS para ajustar a aparência e o layout, entre outras personalizações.
• Salve os arquivos após fazer suas alterações.
• O Live Server irá automaticamente recarregar a página do navegador para que você possa ver suas alterações em tempo real.

Com essas instruções, esperamos facilitar o processo de execução local do código e que, desse modo, seja possível a Unilever realizar as modificações desejadas em nosso jogo sem dificuldades.

🗃 Histórico de lançamentos

• 0.1.0 - 16/02/2024

• 0.2.0 - 01/03/2024

• 0.3.0 - 15/03/2024

• 0.4.0 - 28/03/2024

• 0.5.0 - 11/04/2024

📋 Licença/License

CAMALEÕES by Inteli, Carolina Pascarelli Alves Santos, Daniel Parente Pessoa Dias, Igor Paço Sguissardi de Oliveira,João Pedro Carbone, Luiza Faria Petenazzi, Thalyta da Silva Viana, Vitor Margarido Balbo is licensed under Attribution 4.0 International.