Projeto Inglês Moleza - Semana 11 e 12

saibrotech / mentoria

Repositório para gestão das atividades de mentoria para transição de carreira realizada pela SaibroTech

GNU General Public License v3.0

4 stars 1 forks source link

Projeto Inglês Moleza - Semana 11 e 12 #144

Closed AndreBuitoni closed 1 year ago

AndreBuitoni commented 1 year ago

Semana 11 --- --- 13 a 19 de Março Semana 12 --- --- 20 a 26 de Março

Atividades executadas essa semana

[x] Iniciado o protótipo da página de leituras, contendo os campos: texto, glossário e exercícios; ----- ----- ----- março/2023
[x] Revisão da programação da página do jogo "Name That Card"; ----- ----- ----- ----- ----- ----- ----- ----- março/2023
[x] Definir próximo rumo do Projeto ----- ----- ----- ----- ----- ----- ----- 03/07/2023

Outras atividades previstas (sem prazo definido)

Criar um segundo conjunto de palavras com outra temática.
Criar a primeira página com um texto e exercicios de compreensão de leitura (já está prototipado).
Criar o mecanismo de login do usuário (tela de login, sistema de autenticação).
Criar páginas que contenham os vídeos do YouTube.

AndreBuitoni commented 1 year ago

PROTOTIPAGEM DA PÁGINA DE LEITURA - INICIADA A PROTOTIPAGEM

Esta página está em fase de prototipagem e design. Segue imagem para documentar o andamento:

-> Essa página representa um template de como seriam todas as páginas de texto. No site, o usuário vai poder selecionar os textos por nível em outro página anterior que conterá algum tipo de lista com os textos.

AndreBuitoni commented 1 year ago

NAME THAT CARD - RESUMO É um jogo onde o usuário recebe uma lista de palavras no centro da tela e precisa arrastar as palavras até as imagens correspondentes para verificar se sabe o significado da palavra.

PROTOTIPAGEM TELA 1 - Tela Inicial

PROTOTIPAGEM TELA 2 - Tela Final (é assim que deve ficar quando o usuário finalizar o jogo)

TELAS INTERMEDIÁRIAS E FUNCIONAMENTO DO JOGO

Não foram prototipadas, mas quando o usuário arrastar uma palavra em cima de uma imagem, as cores CINZAS devem mostrar uma coloração AMARELA. Sons devem ser adicionados para indicar ao usuário de acertou ou errou a palavra. Se errar, a palavra volta automaticamente para o centro, se acertar, a coloração daquele CARD torna-se verde.
O sistema deve contabilizar o número de tentativas erradas ao longo do jogo para exibir somente na tela final.
O sistema deve contabilizar o tempo de jogo. Talvez exibir o tempo na página durante o jogo.

AndreBuitoni commented 1 year ago

REVISÃO DA PROGRAMAÇÃO DE NAME THAT CARD

A programação do jogo foi iniciada. Fiz um estudo sobre as ferramentas de DROP and DRAG com JavaScript, para desenvolver o sistema que permite carregar as palavras até os cards e modificar a cor do card quando estamos carregando a palavra.
Ao realizar a função de DROP, ou seja, largar a palavra no card, o sistema verifica se o texto da palavra condiz com o texto que é o nome da imagem na base de dados.
Caso POSITIVO: o CARD torna-se verde, o sistema emite um som de sucesso, a palavra é impressa no CARD e o retângulo da palavra desaparece.
Caso NEGATIVO: o CARD pisca vermelho, o sistema emite um som de falha, a palavra retorna para o centro da página.

AndreBuitoni commented 1 year ago

PRÓXIMO RUMO DO PROJETO

O projeto será colocado em espera, pois acredito que será mais interessante, sob ponto de vista de aprendizagem e portfolio, realizar o projeto usando React ao invés de somente JavaScript.

Pretendo estudar mais um pouco de React e quando estiver preparado, retorno para este projeto e refaço com React.

TAREFA FINALIZADA