Regras de sala de aula.

Regras de sala de aula.

Funcionamento do discplina.

Métodos de avaliação

Nos tempos livres gosto de jogar futebol e jogar videojogos.

Sou humilde e simpático.

Atividade: A sandes de queijo.

Pseudocódigo e fluxograma.

Algoritmia: A Ciência dos Algoritmos.

Avaliação intercalar.

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, utilizando:

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

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

Em produtos multimédia, os media são os elementos usados para comunicar informação. Dividem-se, de forma simples e direta, em estáticos e dinâmicos, consoante mudam ou não ao longo do tempo.

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.

Uma imagem digital pode ser de dois tipos principais: bitmap (raster) ou vetorial.

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

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.

O áudio inclui voz, música e efeitos sonoros.

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

O vídeo combina imagem em movimento, som e texto.

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

A animação cria movimento a partir de imagens, desenhos ou texto.

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.

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

SMS: Sexualidade, Mensagens e Segredos

Casamento infantil.

Explicação das etapas, critérios de avaliação e prazos.

Preenchimento do formulário (conceito do produto).

Aplicação de cores, tipografia e formas.

Criação do logótipo da marca.

Definição de conteúdos (texto, imagem, vídeo, som).

Acompanhamento individual dos projetos.

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

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