Regras de sala de aula.

Funcionamento da disciplina.

Métodos de avaliação.

Atividade: A sandes de queijo.

Pseudocódigo e fluxograma.

Algoritmia: A Ciência dos Algoritmos

Materiais necessários (inputs):

• Escova de dentes

• Pasta dentífrica

• Copo (opcional, para bochechar)

• Água

• Toalha ou papel para secar

Procedimento detalhado (versão robot):

1. Ir à casa de banho.

2. Ligar a luz (se estiver apagada).

3. Abrir o armário ou gaveta e retirar a escova e a pasta dos dentes.

4. Destapar a pasta.

5. Segurar a escova na mão.

6. Espremer uma pequena quantidade de pasta na escova (aprox. 1 cm).

7. Fechar a pasta e voltar a colocá-la no lugar.

8. Abrir a torneira.

9. Passar a escova com pasta rapidamente por água.

10. Levar a escova à boca.

11. Escovar os dentes superiores (parte da frente, de trás e de cima).

12. Escovar os dentes inferiores (parte da frente, de trás e de cima).

13. Escovar a língua.

14. Bochechar com água.

15. Lavar bem a escova em água corrente.

16. Guardar a escova no copo/armário.

17. Fechar a torneira.

18. Limpar a boca e o rosto com uma toalha ou papel.

19. Desligar a luz (se não for necessária).

20. Sair da casa de banho.

Ir para casa de banho

Se luz = apagada então

Ligar luz

Fim se

Retirar escova

Retirar pasta

Destapar pasta

Colocar pasta na escova

Fechar pasta

Guardar pasta

Abrir torneira

Passar escova por água

Fechar torneira

Enquanto dentes não estão todos escovados faça

Escovar parte dos dentes

Fim enquanto

Escovar língua

Enxaguar boca com água

Lavar escova

Guardar escova

Secar boca/rosto

Se luz = acesa e não necessária então

Desligar luz

Fim se

Sair da casa de banho

Fim

• Telemóvel (com bateria suficiente)

• Aplicação de mensagens (SMS, WhatsApp, etc.)

• Contacto do destinatário

Procedimento detalhado (versão “robot”):

1. Ligar o telemóvel (se estiver desligado).

2. Desbloquear o telemóvel.

3. Abrir a aplicação de mensagens.

4. Selecionar a opção Nova mensagem.

5. Procurar e selecionar o contacto do destinatário na lista (ou escrever o número manualmente).

6. Tocar na caixa de texto.

7. Escrever a mensagem usando o teclado virtual.

8. Rever o texto escrito para verificar erros.

9. Se a mensagem estiver correta → continuar; senão → corrigir.

10. Carregar no botão Enviar (ícone de seta ou semelhante).

11. Confirmar que a mensagem aparece na conversa como enviada.

12. Fechar a aplicação (opcional).

13. Bloquear o telemóvel.

14. Guardar o telemóvel.

Se telemóvel = desligado então

Ligar telemóvel

Fim se

Desbloquear telemóvel

Abrir aplicação de mensagens

Selecionar "Nova mensagem"

Escolher contacto OU escrever número

Escrever mensagem

Rever mensagem

Se mensagem correta então

Enviar mensagem

Senão

Corrigir mensagem

Enviar mensagem

Fim se

Confirmar envio

Fechar aplicação (opcional)

Bloquear telemóvel

Guardar telemóvel

Fim

• Chaleira ou jarro elétrico

• Água

• Saqueta de chá (ou chá solto + passador)

• Chávena

• Colher

• Açúcar, mel ou leite (opcional)

Procedimento detalhado (versão “robot”):

1. Ir à cozinha.

2. Colocar água na chaleira/jarro.

3. Ligar a chaleira/jarro e esperar até a água ferver.

4. Colocar a saqueta de chá dentro da chávena.

5. Quando a água ferver, desligar a chaleira/jarro.

6. Verter a água quente para dentro da chávena, cobrindo a saqueta.

7. Aguardar 3–5 minutos para o chá ficar pronto.

8. Retirar a saqueta com a colher (ou passador, se for chá solto).

9. (Opcional) Adicionar açúcar, mel ou leite.

10. Mexer bem com a colher.

11. O chá está pronto a beber.

Ir para cozinha

Encher chaleira com água

Ligar chaleira

Esperar até água ferver

Colocar saqueta de chá na chávena

Desligar chaleira

Verter água quente para chávena

Esperar 3-5 minutos

Retirar saqueta de chá

Se desejar então

Adicionar açúcar/mel/leite

Mexer com colher

Fim se

Chá pronto

Fim

• Consola de jogos

• Comando(s)

• Televisor ou monitor ligado

• Jogo (disco, cartucho ou digital)

• Energia elétrica

Procedimento detalhado (versão “robot”):

1. Verificar se o televisor/monitor está ligado.

2. Se estiver desligado → ligar televisor/monitor.

3. Ligar a consola (botão Power).

4. Ligar o comando (botão correspondente).

5. Verificar se o jogo já está inserido/carregado.

6. Se não → inserir disco/cartucho ou selecionar jogo digital.

7. Aguardar o carregamento do jogo.

8. No menu inicial, selecionar “Jogar” ou equivalente.

9. Configurar opções básicas (nível, idioma, etc.), se necessário.

10. Iniciar partida.

11. Jogar até querer parar.

12. Guardar progresso (se o jogo permitir).

13. Sair do jogo.

14. Desligar consola.

15. Desligar televisor/monitor (se não for mais usado).

Se televisor desligado então

Ligar televisor

Fim se

Ligar consola

Ligar comando

Se jogo não carregado então

Inserir jogo físico OU selecionar jogo digital

Fim se

Esperar jogo carregar

Selecionar "Jogar"

Se necessário então

Configurar opções

Fim se

Jogar

Quando terminar então

Guardar progresso (se aplicável)

Sair do jogo

Desligar consola

Desligar televisor (se não for usado)

Fim quando

Fim

Em geral, o trabalho pareceu-me bom excluindo a parte onde não falamos sobre jogar o jogo em si.

o fluxograma o mesmo, tem mais detalhes

mas em geral está parecido.

No pseucódigo maior parte está igual, só tenho é diferentes "se" e "senão" mas de resto acho que está bem.

Por fim no fluxograma uma vez que o pseucódigo está parecido exceto os "se" e "senão", o mesmo se aplica ao fluxograma.

Concluindo acho que me saí bem nesta atividade.

Na descrição dos ingredientes e procedimentos, fi-lo com bastante detalhe e pormenor, assim como a professora. Apenas não relatei com tanto rigor as áreas de escovagem dos dentes.

Quanto ao pseudocódigo e ao fluxograma, penso que ambos estão muito parecidos aos da professora e vão de encontro ao que foi pedido.

Penso que o meu pseudocódigo e o fluxograma vão de acordo com o que pediu, tendo executado um bom trabalho.

Os inputs são idênticos, faltando-nos apenas referir a bateria.

Escolhemos usar o WhatsApp como app de mensagem então alguns passos são por natureza diferentes.

Instruções que adicionamos para além das constatadas no modelo incluem: parar de se mover, pois é perigoso andar e mandar mensagens ao mesmo tempo; verificar a existência do WI-FI; a mensagem específica "olá".

Escapou-nos algumas linhas de estruturação, como os "Fim se" no Pseudocódigo, e o "Início" e "Fim" no Fluxograma.

A não ser estes detalhes, acho que fizemos o trabalho idêntico ao exemplo e respondemos ao necessário.

Por outro lado, no aspeto de adicionar algo ao chá o da sr.professora apresenta mais opções.

Realço , contudo , que faltou apenas mencionar o procedimento "Ir á cozinha" em todos eles.

Comparando com o da Professora, no geral, o Procedimento Detalhado (versão “robô”, bem objetivo e sem ambiguidades) ficou bastante semelhante.
Já no pseudocódigo, percebi que ficaram em falta algumas partes em relação ao da professora.
Quanto ao fluxograma, notei que existem algumas diferenças na forma como foi representado.

Enquanto no Pseudocódigo como no Fluxograma estão bastante completos e parecidos com o da professora.

A descrição dos ingredientes e procedimentos vão de encontro com o modelo da professora.

Quanto ao pseudocódigo e ao fluxograma, existem algumas diferenças uma vez que referi o pormenor do bule quase o chá fosse para mais do que uma pessoa, mas no geral acho que as ideias estão iguais.

No entanto, tanto o pseudocódigo como o fluxograma apresentam-se semelhantes ao da professora.

A descrição dos ingredientes e dos procedimentos está de acordo com o modelo apresentado.

No que diz respeito ao pseudocódigo e ao fluxograma, surgem algumas diferenças, já que incluí o detalhe do bule. Ainda assim, de maneira geral, penso que as ideias são bastante semelhantes.

Após comparar o meu trabalho com o da professora considero que o objetivo principal do mesmo foi alcançado, apesar do meu possuir alguns passos a mais. Ambos possuem diferenças e pontos em comum, porém são trabalhos muito semelhantes.

Efetivamente, o nosso trabalho é mais detalhado pois inclui cuidados de higiene, preparação da mesa e arrumação final já o da professora é mais focado nas etapas essências da preparação do chá.

Assim, o trabalho da professora será o mais adequado para aprendizagem devido a sua clareza e simplificação, já o nosso será mais adequado para a prática diária.

Escrita de pseudocódigo para situações com condições simples e compostas.

Representação de decisões através de fluxogramas.

Implementação dos mesmos exemplos em código Python, utilizando as instruções if, else e elif.

Resolução de exercícios práticos de aplicação das estruturas condicionais.

Análise e explicação detalhada do programa “Menu da Cantina” como exemplo resolvido.

Criação de menus interativos semelhantes (Jogos, Restaurante, Zoológico, Cinema) que se repetem até o utilizador escolher a opção de saída.

Consolidação dos conceitos de condição de paragem, repetição controlada, e seleção múltipla.

Discussão coletiva das soluções apresentadas e esclarecimento de dúvidas.

Introdução e exploração orientada de um exercício-modelo: criação de um quiz interativo em Python.

O exercício serviu como exemplo orientador para a construção de um novo quiz personalizado.

Autoavaliação.

Num produto multimédia interativo:

• o utilizador não é passivo;

• as suas escolhas influenciam o que acontece a seguir;

• existe feedback imediato (visual, sonoro ou funcional).

Quanto maior o controlo do utilizador e mais relevantes forem as respostas do sistema, maior é o nível de interatividade.

Tipos de interatividade:

• Interatividade de navegação – escolher caminhos, menus, links.

• Interatividade funcional – manipular objetos, arrastar, escrever, ajustar parâmetros.

• Interatividade cognitiva – o utilizador pensa, decide, resolve problemas.

• Interatividade social – interação com outros utilizadores (comentários, chats, jogos online).

Exemplos de interatividade em produtos multimédia:

1. Websites e aplicações

2. Jogos digitais

3. Aplicações educativas multimédia

4. Vídeos interativos

5. Quiosques e instalações multimédia

Media estáticos:

São media que não se alteram com o tempo. O conteúdo mantém-se igual enquanto está a ser visualizado.

Características

• Não têm movimento nem som

• O utilizador apenas observa ou lê

• São simples e leves em termos técnicos

Exemplos

• Texto (parágrafos, títulos, legendas)

• Imagens (fotografias, ilustrações, ícones)

• Gráficos e infografias estáticas

• Mapas ou esquemas fixos

Uso típico:

• Manuais digitais

• Websites informativos

• Slides de apoio teórico

Media dinâmicos:

São media que mudam ao longo do tempo, podendo incluir movimento, som ou ambos.

Características

• Evoluem enquanto são apresentados

• Captam mais facilmente a atenção

• Podem ser lineares ou interativos

Exemplos

• Áudio (música, narração, efeitos sonoros)

• Vídeo (filmes, tutoriais, clips)

• Animações (2D, 3D, motion graphics)

• Simulações e animações interativas

Uso típico

• Jogos digitais

• Vídeos educativos

• Apresentações multimédia

• Plataformas de e-learning

Tipografia: tipos de letra, legibilidade e adequação ao suporte.

Análise de cartazes e mensagens visuais.

Nestes trabalhos, o que mais influencia se a mensagem é bem entendida é a forma como o texto e as imagens estão organizados e apresentados.

1) Tipos de letra (fontes)

Existem vários estilos de letras, mas os mais comuns são:

• Serifadas (com “pezinhos”)
  Ex.: Times New Roman, Georgia
  Normalmente usadas em textos longos impressos, porque guiam o olhar na leitura.

• Sem serifa (mais simples e limpas)
  Ex.: Arial, Verdana, Helvetica
  Muito usadas em ecrãs, porque são mais claras em resoluções diferentes.

• Decorativas ou manuscritas
  Ex.: Comic Sans, Brush Script
  Só devem ser usadas em títulos curtos, porque cansam e dificultam a leitura.

  
  

📌 Regra prática: evitar usar muitas fontes diferentes. Em geral, 1 ou 2 fontes chegam.

2) Legibilidade (o texto tem de ser fácil de ler)

A legibilidade depende de vários fatores:

• Tamanho da letra
  Texto pequeno demais obriga a esforço.
  Texto grande demais pode parecer infantil ou ocupar espaço desnecessário.

• Contraste com o fundo
  Texto claro em fundo claro ou texto escuro em fundo escuro dá mau resultado.
  Ex.: cinzento claro em branco é péssimo.

• Espaçamento
  Texto muito apertado parece “amontoado”.
  Linhas muito juntas cansam.

• Comprimento das linhas
  Linhas muito compridas dificultam seguir a leitura.
  Em textos maiores, é melhor usar blocos e parágrafos curtos.

  
  

3) Adequação ao suporte (onde vai ser visto)

Não é a mesma coisa fazer um texto para papel ou para ecrã:

• Impressão (papel)
  Pode usar fontes serifadas em textos longos.
  O detalhe costuma ficar mais nítido.

• Ecrã (telemóvel, computador, tablet)
  O texto tem de ser mais direto, com tamanho maior e fontes simples.
  Deve haver mais espaço entre elementos, porque o ecrã é pequeno.

• Cartaz ou slide
  O texto deve ser curto e muito legível à distância.
  Títulos grandes e poucas linhas.

  
  

📌 Regra prática: se o público tiver de “esforçar os olhos”, o design falhou.

A tipografia não é só “escolher uma letra bonita”. É escolher uma letra que funcione, que seja fácil de ler e que esteja adequada ao suporte. Um bom trabalho é aquele em que a mensagem é entendida logo à primeira, sem confusão.

1) Bitmap / Raster

É feita de píxeis (quadradinhos de cor).

Características

• Tem resolução (ex.: 1920×1080).

• Se aumentares muito, fica desfocada/pixelizada.

• Boa para fotografias e imagens com muitos detalhes.

Exemplos de formatos

• JPG/JPEG, PNG, GIF, BMP, TIFF, WEBP

Vantagens

• Realista (ideal para fotos)

• Compatível com praticamente tudo

Desvantagens

• Perde qualidade ao ampliar

• Pode ocupar muito espaço (especialmente PNG/TIFF)

  
  

2) Vetorial

É feita com formas matemáticas (linhas, curvas, polígonos), não com píxeis.

Características

• Não depende da resolução

• Pode ser ampliada infinitamente sem perder qualidade

• Ideal para logótipos, ícones, desenhos técnicos, esquemas

Exemplos de formatos

• SVG, AI, EPS, PDF (pode ser vetorial)

Vantagens

• Qualidade perfeita em qualquer tamanho

• Ficheiros leves em desenhos simples

• Fácil editar formas e cores

Desvantagens

• Não é ideal para fotografias realistas

• Alguns programas/formatos podem não ser tão universais como JPG/PNG

O que isso significa na prática

• Podes aumentar ou reduzir a imagem sem perder qualidade.

• Cada elemento (linha, círculo, forma) é editável separadamente.

• É ideal para gráficos “limpos” e profissionais.

Para que serve mais

• Logótipos

• Ícones

• Ilustrações simples

• Cartazes e flyers

• Infográficos

• Design para web (SVG)

Diferença rápida: Vetorial vs Imagem normal (raster)

• Vetorial (SVG, AI, EPS, PDF) → não perde qualidade ao ampliar

• Raster (JPG, PNG, GIF) → ao ampliar fica pixelizado

Ferramentas comuns

• Inkscape (grátis)

• Adobe Illustrator

• Figma

• CorelDRAW

Avaliação dos projetos multimédia.

Reflexão sobre o processo, dificuldades e aprendizagens.

– bitmap para vetorial (tracing)

– vetorial para bitmap (rasterização)

Escolha de formatos de imagem para diferentes suportes.

Em campanhas de sensibilização, os media dinâmicos são usados para impactar, emocionar e convencer o público.

Para que serve numa campanha:

• Transmitir uma mensagem curta e clara

• Criar impacto emocional

• Acompanhar vídeos ou animações

Exemplos:

• Spot de rádio sobre Internet Segura

• Voz-off num vídeo

• Música de fundo para reforçar a mensagem

Para que serve numa campanha:

• Contar uma história

• Mostrar situações reais ou simuladas

• Explicar problemas e soluções

Exemplos:

• Vídeo curto de alerta sobre burlas online

• Simulação de um ataque de phishing

• Testemunhos ou encenação de situações de risco

Para que serve numa campanha:

• Simplificar ideias complexas

• Criar mensagens visuais diretas

• Tornar a comunicação mais apelativa

Exemplos:

• Ícones animados a mostrar comportamentos seguros

• Texto animado com mensagens de alerta

• Pequenas histórias animadas

Captação e edição básica de som.

Criação de pequenos excertos áudio para a campanha.

Narrativa multimédia é a forma como contamos uma história usando vários elementos:

• imagem

• vídeo

• áudio

• texto

• animação

Numa campanha, a narrativa não é “contar uma história bonita”.
É organizar a mensagem de forma lógica e impactante.

2️⃣ Problema
Qual é o risco ou erro?

3️⃣ Consequência
O que pode acontecer?

4️⃣ Solução / Mensagem final
O que devemos fazer?

O que é um guião?

É o documento onde organizamos:

• o que vai acontecer

• quem fala

• que imagens aparecem

• que som é usado

Estrutura simples de guião (modelo)

Cena 1
Imagem: aluno no computador
Áudio: som de notificação
Texto: “Nova mensagem recebida”

Cena 2
Imagem: email suspeito
Áudio: voz-off explica o risco

Cena 3
Imagem: conta bloqueada
Texto animado: “Verifica antes de clicar”

É a representação visual do guião.
Funciona como uma banda desenhada do vídeo.

Serve para:

• organizar ideias

• evitar improvisos

• visualizar a sequência

• dividir tarefas no grupo

Cada quadro do storyboard deve ter:

• Desenho simples da cena

• Descrição do que acontece

• Indicação de som ou texto

• Duração aproximada

A animação digital consiste em criar a ilusão de movimento a partir de imagens, ícones, texto ou personagens.

Em vez de mostrar uma imagem fixa, os elementos movem-se, aparecem, desaparecem ou mudam de posição, tornando a comunicação mais dinâmica e apelativa.

A animação é muito usada em:

• campanhas de sensibilização

• publicidade

• vídeos educativos

• redes sociais

✔ Movimento simples – evitar animações demasiado complexas
✔ Tempo – controlar a velocidade com que os elementos aparecem ou se movem
✔ Clareza da mensagem – a animação deve ajudar a compreender a informação
✔ Foco – destacar apenas os elementos importantes

Uma boa animação não distrai, ajuda a comunicar melhor a mensagem.

Ou seja, os acontecimentos devem fazer sentido e ter ligação entre si.

Exemplo

1️⃣ Um aluno recebe uma mensagem
2️⃣ Abre o link
3️⃣ Surge um aviso de perigo

As cenas estão ligadas e contam uma sequência clara.

Pode ser usada para criar impacto ou surpresa.

Exemplo

1️⃣ Aluno clica num link
2️⃣ Corte rápido para um aviso grande:
⚠️ “Cuidado com phishing!”

Neste caso a sequência é interrompida para reforçar a mensagem.

Autoavaliação.

SMS: Sexualidade, Mensagens e Segredos

Casamento infantil.

Criação do logótipo da marca.

Edição e melhoria dos conteúdos multimédia.