Aula 1 - Exercitando a criatividade

João está criando um jogo educativo utilizando p5.js e quer garantir que seu projeto seja original e criativo. Para isso, ele está considerando algumas ações para melhorar a originalidade de seu jogo. Considerando esse cenário, analise as afirmativas abaixo e indique quais delas são verdadeiras (V) e quais são falsas (F). Qual das alternativas abaixo está correta?

• V, F, V, F

• V, V, F, F

• F, V, V, F

• F, F, V, V

Ao desenvolver um projeto autoral com tecnologias como JavaScript e p5.js, é importante pensar em como garantir elementos originais. Pensando sobre os fatores que contribuem para a originalidade e a criatividade em projetos digitais, analise as afirmativas abaixo e, em seguida, selecione a alternativa correta: I. Criar recursos próprios, como textos, imagens e sons, contribui para um projeto mais expressivo e com identidade própria. II. Utilizar livremente elementos prontos, ignorando as permissões necessárias, preserva a autoria e a originalidade de um projeto. III. Seguir modelos visuais conhecidos, mesmo sem adaptações, costuma ser suficiente para garantir a originalidade em um projeto. IV. Organizar o código de forma clara, com comentários e documentação, reforça a qualidade técnica e o cuidado autoral.

• a) Apenas I e II estão corretas.

• b) Apenas II e III estão corretas.

• c) Apenas I e IV estão corretas.

• d) Apenas III e IV estão corretas.

Maria encontrou uma música, em um site, com a seguinte informação: “uso livre para fins educacionais”. Então, ela decidiu usar essa música como trilha sonora do seu jogo, publicado na internet, sem modificar nada e sem citar o autor. De acordo com esse cenário, a atitude de Maria está:

• correta, pois a música é de uso livre e não foi modificada.

• incorreta, pois mesmo conteúdos de uso livre podem exigir atribuição ao autor.

João é um estudante que está aprendendo a programar com p5.js. Ele está criando seu primeiro projeto interativo e quer entender melhor a função de cada parte essencial do código. Para ajudar João, leia as informações abaixo e relacione as funções básicas do p5.js à sua descrição correspondente.

• II

• background()

• IV

• draw()

• I

• setup()

• III

• createCanvas()

No jogo programado por Ana, o que a personagem coleta?

• Moedas

• Chaves

• Estrelas

• Flores

Considerando as estruturas de repetição e condições que podem ser usadas para verificar o progresso do jogo e realizar ações conforme o número de moedas coletadas, analise as afirmações abaixo e, em seguida, selecione a alternativa correta.

• Apenas I e II estão corretas.

• Apenas II e IV estão corretas.

• Apenas I e III estão corretas.

• Apenas III e IV estão corretas.

Carla está desenvolvendo um site interativo e quer garantir que ele seja fácil de usar e acessível para todos, incluindo usuários com deficiência visual, auditiva ou motora. Para isso, ela está considerando diferentes boas práticas de design e programação. Considerando esse cenário, analise as afirmações abaixo e, em seguida, selecione a alternativa correta.

• Apenas I e III estão corretas.

• Apenas II e IV estão corretas.

• Apenas I e IV estão corretas.

Felipe está criando um sistema de cadastro para um site de e-commerce e deseja que as mensagens de erro nos campos de e-mail e senha sejam claras, informativas e ajudem os usuários a corrigirem os erros cometidos. Observe parte do código: if (email === "") { alert("Erro!"); } if (senha === "") { alert("Erro!"); } Considerando esse código, qual melhoria Felipe pode fazer para tornar as mensagens de erro mais claras e amigáveis para os usuários?

• Manter as mensagens e adicionar um campo que avise quantas tentativas restam para o usuário preencher corretamente.

• Reescrever as mensagens utilizando destaque nas palavras para chamar mais atenção do usuário.

• Substituir a palavra “Erro” por “Problema” para que as mensagens fiquem mais amigáveis.

• Substituir as mensagens de erro atuais por mensagens como “Por favor, preencha o campo de e-mail” e “Por favor, insira uma senha”.

Thiago está programando um jogo de labirinto e deseja garantir que o código esteja bem documentado para que qualquer pessoa entenda facilmente o que cada parte faz. Agora, ele está escrevendo uma função responsável por movimentar a personagem. Observe o trecho de código abaixo: // ____________________________________________________________ function moverDireita() { personagem.x += 10; } Considerando esse código, qual comentário deve preencher a lacuna da primeira linha?

• Atualiza a posição da personagem no eixo X, simulando um movimento para cima.

• Reduz o valor da coordenada horizontal, deslocando a personagem para o lado oposto.

• Aumenta o valor da posição X, fazendo a personagem se mover horizontalmente para a direita.

• Modifica a posição da personagem, simulando um salto com direção para o lado direito.

Gabriela está revisando um código para garantir que ele esteja bem estruturado e sem erros antes de publicá-lo em um repositório no GitHub. Observe parte do código: let x = 10; let y = 20; if (x > y) { console.log(“X é maior”); } else { console.log(“Y é maior”); } Considerando esse trecho, qual boa prática de programação deve ser adotada no processo de revisão?

• Escrever mensagens mais descritivas no console.log() e limitar os comentários a casos em que a leitura do código for difícil.

• Utilizar nomes curtos para facilitar a escrita e adicionar comentários explicativos apenas quando o código for mais complexo.

• Renomear as variáveis com nomes mais significativos e incluir comentários breves que expliquem a lógica do código.

• Priorizar a remoção de trechos comentados para deixar o visual mais limpo e manter a estrutura do código sem alterações.