NEW
Font size
WorksheetsSe Liga - Pensamento Computacional 1 ano EM
Total questions: 20
Worksheet time: 30mins
Durante um projeto de programação, estudantes criaram uma função para sugerir um lanche para os usuários da lanchonete da escola. A ideia é que a sugestão fosse dada se o usuário gostasse de pão ou frutas.
Observe o código desenvolvido:
```js
function sugerirLanche(gostaDePao, gostaDeFrutas) {
if (gostaDePao) {
return "Sanduíche";
} else {
return "Salada de frutas";
}
}
```
Pensando no objetivo dos estudantes, como esse código pode ser aprimorado para sugerir um lanche sempre que a pessoa gostar de pão ou de frutas?
A) ```js
if (gostaDePao || gostaDeFrutas) {
return "Oferecer lanche";
} else {
return "Sem sugestão";
}
```
```js
if (gostaDePao || gostaDeFrutas) {
return "Sem sugestão";
} else {
return "Oferecer lanche";
}
```
```js
if (gostaDePao) {
return "Oferecer lanche";
} else {
if (gostaDeFrutas) {
return "Sem sugestão";
}
}
```
```js
if (gostaDePao) {
if (gostaDeFrutas) {
return "Oferecer lanche";
} else {
return "Sem sugestão";
}
}
```
Durante a organização de uma gincana escolar, Pedro criou um programa usando a biblioteca p5.js para sugerir provas aos participantes com base na idade e nas preferências.
Observe parte do código desenvolvido:
```js
function setup() {
createCanvas(800, 400);
createElement("h2", "Sugestão de Provas para a Gincana");
createSpan("Idade do participante:");
campoIdade = createInput("12");
campoForca = createCheckbox("Provas de força");
campoConhecimento = createCheckbox("Provas de conhecimento");
}
```
Título
Caixa de seleção.
Texto informativo.
Medidas de altura e largura.
Durante um concurso de desenho digital, os participantes utilizaram um programa interativo que exibia na tela sugestões de temas com base na idade e nos interesses registrados, como “fantasia” ou “natureza”. A interface coletava informações com campos de entrada e caixas de seleção.
Com base na lógica planejada, qual estrutura deve ser utilizada para comunicar informações ao usuário, caracterizando uma saída de dados?
O elemento de título, inserido na tela com “createElement()”.
A função “text()”, utilizada para exibir frases e palavras na tela.
A seleção em caixas de opção, feita com o método “.checked()”.
A função “background()”, usada para alterar a aparência da tela.
Como parte do jogo de detetive, um grupo criou uma aplicação que exibe na tela a próxima pista do caso, de forma textual. Eles querem garantir que essa pista seja apresentada com destaque, no centro da tela, facilitando a compreensão por todos os jogadores.
Pensando nisso, qual algoritmo representa como se exibe essa mensagem na interface da aplicação?
```js textAlign(CENTER);
text("A próxima pista está no armário vermelho.", 0, height);
```
```js textAlign(CENTER, CENTER);
textSize(36);
text("A próxima pista está no armário vermelho.", width / 2, height / 2);
```
```js textAlign(CENTER);
textSize(36);
text("A próxima pista está no armário vermelho.", 0, 0);
```
```js text("A próxima pista está no armário vermelho.");
textAlign(CENTER);
textSize(36);
Camila criou um programa para sugerir alimentos mais saudáveis às crianças durante uma simulação de compras no supermercado. A sugestão depende da idade e do gosto por sabores doces ou salgados.
```js
function geraSugestao(idade, gostaDeDoce, gostaDeSalgado) {
if (idade >= 12 && idade < 14) {
if (gostaDeDoce || gostaDeSalgado) {
return "Barra de cereal com cobertura de chocolate";
} else {
return "Suco natural sem adição de açúcar";
}
}
}
```No código apresentado, o uso das estruturas condicionais “if” e “else” permite controlar qual comportamento do programa?
A sugestão com base na combinação entre idade e preferências do usuário.
A repetição automática das sugestões exibidas na interface do programa.
A definição do tipo dos dados inseridos pelos usuários nos campos de entrada e saída.
A apresentação do conteúdo textual com base na posição definida dentro do Canvas.
Durante a feira de ciências, um grupo criou um sistema que sugere experimentos com base em variáveis fornecidas. Inicialmente, os comandos estavam todos agrupados no "draw()", mas, após testes, os estudantes decidiram mover parte da lógica para uma função separada chamada "geraSugestao()”.
Nesse contexto, qual benefício o refinamento feito trouxe para a solução?
Reduziu a complexidade do código.
Permitiu que o programa funcionasse sem o uso do draw().
Organizou a lógica de decisão em um bloco reutilizável.
vitou o uso de variáveis dentro do programa.
Luana desenvolveu um jogo digital que recomenda playlists de festa com base na idade e no gosto musical do usuário:
```js
function geraPlaylist(idade, gostaDePop) {
if (idade >= 16) {
if (gostaDePop) {
return "Pop hits da década";
} else {
return "Clássicos dos anos 80";
}
} else {
if (gostaDePop) {
return "Pop leve teen";
} else {
return "Trilhas sonoras de animações";
}
}
}
```
Com base nesse código, qual condição deve ser verdadeira para que a playlist sugerida seja "Pop hits da década"?
A idade ser menor que 16 e gostar de pop.
A idade ser igual a 16 e não gostar de pop.
A idade ser menor que 16 e gostar de clássicos.
A idade ser igual ou superior a 16 anos e gostar de pop.
Em uma feira de tecnologia, um grupo apresentou um sistema interativo que recomendava desafios para os visitantes. A recomendação era baseada na idade e nas preferências escolhidas por meio de caixas de seleção.
Observe parte do código:
```js
function draw() {
background("white");
let idade = campoIdade.value();
let gostaDeLogica = campoLogica.checked();
let gostaDeAventura = campoAventura.checked();
let desafio = geraDesafio(idade, gostaDeLogica, gostaDeAventura);
textAlign(CENTER, CENTER);
textSize(32);
text(desafio, width / 2, height / 2);
}
```
Com base no algoritmo apresentado, qual comando é responsável por tornar o texto claro e compreensível para o usuário?
A função “textSize”.
A propriedade “.value”
A verificação “.checked()”.
O alinhamento “CENTER”.
Uma equipe de alunos desenvolveu um infográfico digital explicando o funcionamento da fotossíntese. Durante a revisão, o professor questionou se a comunicação das ideias estava clara e de fácil interpretação.
O trecho abaixo foi extraído do infográfico:
A fotossíntese é o processo que permite que algumas plantas, algas e bactérias produzam seu próprio alimento. Para isso, elas usam a luz do sol para transformar CO₂ e H₂O em energia química, que fica armazenada. Durante essa transformação, o O₂ é liberado no ar como resultado.
Com base nos critérios de clareza e intencionalidade da comunicação digital, o que a equipe deveria considerar ao revisar esse conteúdo?
A preservação do texto original, priorizando o uso de vocabulário técnico e científico como padrão.
A troca de tema do infográfico, escolhendo uma opção mais relevante e engajadora para o público-alvo.
A redução do tamanho do texto, mantendo a linguagem técnica para garantir precisão e objetividade.
A reescrita do conteúdo com linguagem acessível, promovendo a compreensão por diferentes públicos.
Um grupo de estudantes colaborou com um centro comunitário para criar um sistema que sugere atendimentos personalizados com base na idade do visitante e em suas preferências por atividades intelectuais ou criativas. O objetivo era facilitar a triagem inicial, apresentando sugestões adequadas de forma automatizada e compreensível.
Observe o código desenvolvido:
```js
function recomendaAtendimento(idade, gostaDeEducacao, gostaDeArte) {
if (idade >= 60) {
return "Encaminhar para atividades voltadas à terceira idade";
} else if (idade >= 18 || gostaDeEducacao || gostaDeArte) {
return "Encaminhar para atividade de interesse ou orientação especializada";
} else {
return "Encaminhar para acolhimento inicial com assistente social";
}
}
```
Nesse sentido, qual será o comportamento esperado da função “recomendaAtendimento” ao iniciar o código?
Aplicar testes em ordem aleatória para selecionar respostas específicas, priorizando perfis detalhados.
Avaliar uma condição por vez para selecionar respostas específicas, ajustadas ao perfil de entrada.
Combinar critérios distintos para selecionar respostas específicas, considerando sempre a primeira variável.
Adotar uma lógica linear para selecionar respostas específicas, adaptando a resposta conforme o último retorno.
Sofia faz parte de um clube do livro e teve a ideia de criar uma página chamada Bookflix para mostrar vídeos do YouTube com dicas de leitura e o primeiro tema é sobre literatura fantástica.
Para começar, ela criou um arquivo chamado index.html no Visual Studio Code e colocou nele o cabeçalho, o título do vídeo e um parágrafo com palavras-chave sobre o tema.
Pensando nisso, qual código deve ser utilizado para apresentação desse conteúdo?
<body> <header>BOOKFLIX</header> <h1>Dicas de literatura fantástica</h1> <p>#literatura fantástica</p> </body>
<body> <header>BOOKFLIX</header> <h1>Dicas de literatura fantástica</h1> <p>#literatura fantástica</p> </body>
A turma toda está engajada na produção da Bookflix, e muitos participaram com sugestões para estilizar a página. Após chegarem a um acordo sobre as cores de fundo e do texto, Emília, uma das participantes do clube do livro, abriu o arquivo styles.css e escreveu o seguinte código:
body { color: grey; background: pink; }
Entretanto, a página permaneceu igual, com o fundo branco e o texto na cor preta. O que Emília deve fazer para resolver esse problema?
Pedro ficou responsável por estruturar a página web e fazer alguns refinamentos. A ação que ele irá executar agora é agrupar o primeiro título e o primeiro parágrafo, que fazem parte da mesma seção.
Considerando a situação descrita, Pedro deverá utilizar as tags na seguinte ordem:
</title></div>Dicas de literatura fantástica<title><div></p>#literatura fantástica<p>
<div><title>Dicas de literatura fantástica</title><p>#literatura fantástica</p></div>
<div><h1>Dicas de literatura fantástica</h1><p>#literatura fantástica</p></div>
<title><h1>Dicas de literatura fantástica</h1></title><p>#literatura fantástica</p>
O cabeçalho da página Bookflix precisa ficar mais atrativo. Então, Cecília propôs fazer o seguinte:
inserir uma borda inferior fina;
inserir uma margem interna à borda;
aumentar o tamanho da fonte, que antes era 14 pixels;
aplicar a cor verde no texto do cabeçalho e na borda.
Com base na situação descrita, qual código representa corretamente as sugestões de Cecília?
Coralina recebeu a tarefa de estilizar a seção da página web, onde a lista de vídeos será exibida. Para começar, ela abriu o arquivo styles.css e criou o código ao lado:
De acordo com o código apresentado, as alterações na página web realizadas por Coralina se referem a quais características de estilo?
Cor do título da seção, bem como margem superior interna de 80 pixels e margem inferior interna de 70 pixels.
Cor de fundo da seção, bem como margem superior interna de 80 pixels e margem inferior interna de 70 pixels.
Cor do título da seção, bem como margem inferior externa de 80 pixels e margem superior externa de 70 pixels.
Cor de fundo da seção, bem como margem superior externa de 80 pixels e da margem inferior externa de 70 pixels.
A turma está animada com a produção da Bookflix. Agora, chegou a vez de João participar com suas contribuições. Ele escolheu o estilo de fonte News Cycle, mas não sabe como obter o código dessa fonte para embutir à pagina. Para ajudar, sua colega Maria escreveu um passo a passo para que ele consiga concluir essa tarefa.
Considerando essas informações, qual o passo a passo informado por Maria?
No site Google Forms, digitar o nome da fonte na barra de pesquisa → selecionar a fonte News Cycle → clicar em Get font → clicar em Get embed code → retornar ao VS Code, no arquivo index.html → colar o código na tag <head>.
No site Google Forms, digitar o nome da fonte na barra de pesquisa → selecionar a fonte News Cycle → clicar em Get font → clicar em Download all → retornar ao VS Code, no arquivo styles.css → colar o código na tag <header>.
No site Google Docs, digitar o nome da fonte na barra de pesquisa → selecionar a fonte News Cycle → clicar em Get font → clicar em Download all → retornar ao VS Code, no arquivo index.html → colar o código na tag <head>.
No site Google Fonts, digitar o nome da fonte na barra de pesquisa → selecionar a fonte News Cycle → clicar em Get font → clicar em Get embed code → retornar ao VS Code, no arquivo index.html → colar o código na tag <head>.
A turma do clube do livro escolheu alguns vídeos do YouTube para colocar na página Bookflix em formato de lista. Para isso, Alice está criando uma categoria com o título Clássicos da literatura estrangeira. Nessa seção, serão inseridas as miniaturas dos vídeos com hiperlinks, que direcionarão aos respectivos vídeos no Youtube.
Para começar, Alice fará a inserção do título da seção e o primeiro vídeo com seu hiperlink. Depois, repetirá o processo para inserir os demais vídeos.
De acordo com o contexto descrito, qual código representa corretamente essa ação?
Clarice ficou responsável por criar a seção Entrevistas com autores na página Bookflix. Nessa parte do site, foram utilizados os seguintes recursos:
1. Um título criado com a tag <h2> para nomear a seção;
2. A incorporação direta de um vídeo usando a tag <iframe>;
3. Um parágrafo com a descrição do vídeo;
4. Um arquivo externo styles.css para personalizar o tamanho do vídeo e a aparência do texto.
Com base nos recursos usados, quais ferramentas digitais estão presentes nessa seção?
CSS, JavaScript e GitHub.
HTML, CSS e Youtube.
HTML, CSS e GitHub.
CSS, JavaScript e YouTube.
Lucas está ajustando o visual da seção de recomendações de livros em sua página web. Ele alterou o arquivo styles.css para definir uma cor de fundo azul e adicionar espaçamento interno de 50 pixels na parte superior e 40 pixels na parte inferior. Quais características de estilo foram modificadas?
Cor de fundo da seção e espaçamento externo superior de 50 pixels.
Cor do título da seção e espaçamento interno superior de 40 pixels.
Cor de fundo da seção e espaçamento interno superior de 50 pixels e inferior de 40 pixels.
Cor do texto da seção e espaçamento externo inferior de 50 pixels.
Em um projeto de programação, Sofia criou um sistema que sugere atividades para visitantes de uma exposição, usando a biblioteca p5.js. O código inclui campos de entrada para idade e caixas de seleção para preferências. Qual elemento do código é responsável por exibir a sugestão final na tela?
A função “background()”, que altera a cor da tela.
A função “createCheckbox()”, que registra as preferências.
A função “createInput()”, que coleta a idade do visitante.
A função “text()”, que mostra a sugestão ao usuário.
