;(function() { window.createMeasureObserver = (measureName) => { var markPrefix = `_uol-measure-${measureName}-${new Date().getTime()}`; performance.mark(`${markPrefix}-start`); return { end: function() { performance.mark(`${markPrefix}-end`); performance.measure(`uol-measure-${measureName}`, `${markPrefix}-start`, `${markPrefix}-end`); performance.clearMarks(`${markPrefix}-start`); performance.clearMarks(`${markPrefix}-end`); } } }; /** * Gerenciador de eventos */ window.gevent = { stack: [], RUN_ONCE: true, on: function(name, callback, once) { this.stack.push([name, callback, !!once]); }, emit: function(name, args) { for (var i = this.stack.length, item; i--;) { item = this.stack[i]; if (item[0] === name) { item[1](args); if (item[2]) { this.stack.splice(i, 1); } } } } }; var runningSearch = false; var hadAnEvent = true; var elementsToWatch = window.elementsToWatch = new Map(); var innerHeight = window.innerHeight; // timestamp da última rodada do requestAnimationFrame // É usado para limitar a procura por elementos visíveis. var lastAnimationTS = 0; // verifica se elemento está no viewport do usuário var isElementInViewport = function(el) { var rect = el.getBoundingClientRect(); var clientHeight = window.innerHeight || document.documentElement.clientHeight; // renderizando antes, evitando troca de conteúdo visível no chartbeat-related-content if(el.className.includes('related-content-front')) return true; // garante que usa ao mínimo 280px de margem para fazer o lazyload var margin = clientHeight + Math.max(280, clientHeight * 0.2); // se a base do componente está acima da altura da tela do usuário, está oculto if(rect.bottom < 0 && rect.bottom > margin * -1) { return false; } // se o topo do elemento está abaixo da altura da tela do usuário, está oculto if(rect.top > margin) { return false; } // se a posição do topo é negativa, verifica se a altura dele ainda // compensa o que já foi scrollado if(rect.top < 0 && rect.height + rect.top < 0) { return false; } return true; }; var asynxNextFreeTime = () => { return new Promise((resolve) => { if(window.requestIdleCallback) { window.requestIdleCallback(resolve, { timeout: 5000, }); } else { window.requestAnimationFrame(resolve); } }); }; var asyncValidateIfElIsInViewPort = function(promise, el) { return promise.then(() => { if(el) { if(isElementInViewport(el) == true) { const cb = elementsToWatch.get(el); // remove da lista para não ser disparado novamente elementsToWatch.delete(el); cb(); } } }).then(asynxNextFreeTime); }; // inicia o fluxo de procura de elementos procurados var look = function() { if(window.requestIdleCallback) { window.requestIdleCallback(findByVisibleElements, { timeout: 5000, }); } else { window.requestAnimationFrame(findByVisibleElements); } }; var findByVisibleElements = function(ts) { var elapsedSinceLast = ts - lastAnimationTS; // se não teve nenhum evento que possa alterar a página if(hadAnEvent == false) { return look(); } if(elementsToWatch.size == 0) { return look(); } if(runningSearch == true) { return look(); } // procura por elementos visíveis apenas 5x/seg if(elapsedSinceLast < 1000/5) { return look(); } // atualiza o último ts lastAnimationTS = ts; // reseta status de scroll para não entrar novamente aqui hadAnEvent = false; // indica que está rodando a procura por elementos no viewport runningSearch = true; const done = Array.from(elementsToWatch.keys()).reduce(asyncValidateIfElIsInViewPort, Promise.resolve()); // obtém todos os elementos que podem ter view contabilizados //elementsToWatch.forEach(function(cb, el) { // if(isElementInViewport(el) == true) { // // remove da lista para não ser disparado novamente // elementsToWatch.delete(el); // cb(el); // } //}); done.then(function() { runningSearch = false; }); // reinicia o fluxo de procura look(); }; /** * Quando o elemento `el` entrar no viewport (-20%), cb será disparado. */ window.lazyload = function(el, cb) { if(el.nodeType != Node.ELEMENT_NODE) { throw new Error("element parameter should be a Element Node"); } if(typeof cb !== 'function') { throw new Error("callback parameter should be a Function"); } elementsToWatch.set(el, cb); } var setEvent = function() { hadAnEvent = true; }; window.addEventListener('scroll', setEvent, { capture: true, ive: true }); window.addEventListener('click', setEvent, { ive: true }); window.addEventListener('resize', setEvent, { ive: true }); window.addEventListener('load', setEvent, { once: true, ive: true }); window.addEventListener('DOMContentLoaded', setEvent, { once: true, ive: true }); window.gevent.on('allJSLoadedAndCreated', setEvent, window.gevent.RUN_ONCE); // inicia a validação look(); })();
  • AssineUOL
Topo

Planos de aula

Ensino médio

Navegar por temas
Navegar por disciplinas

Ensino médio

Artes - Fotografia

Valéria Peixoto de Alencar

Fotografia

Objetivos

- Estudar a história da fotografia.

- Conhecer o processo de produção da imagem fotográfica.

- Estimular diferentes formas de olhar.

Comentários

A utilização de imagens, especialmente as fotográficas, é cada vez mais presente no cotidiano. Mas será que paramos para realmente olhar as imagens que nos cercam? Este plano de aula pretende fazer com que os alunos conheçam mais profundamente a linguagem fotográfica e sua história, além de possibilitar o trabalho com novas mídias; por exemplo, o telefone celular.

Material

Os textos "Fotografia - 1" e "Fotografia - 2" podem ser utilizados como ponto de partida.

Estratégia

- Leitura e entendimento dos textos.

- Pedir aos alunos que tragam fotografias para a sala de aula.

- O professor deve levar para a sala de aula várias imagens fotográficas, de diferentes fontes, e apresentá-las aos alunos, de maneira que eles percebam suas diferenças.

Atividade

1. Em duplas ou trios, partindo de um tema proposto pelo professor, os alunos devem fazer fotografias com câmeras ou celulares.

2. Os componentes do grupo selecionarão as fotos que considerarem mais expressivas.

3. A classe discute sobre o processo de registro fotográfico e sobre os motivos que determinaram as escolhas dos grupos.

4. A classe organiza uma exposição das fotos.

Sugestões

1. Possíveis temas para o trabalho:

a. A escola vista por um ângulo que você nunca viu.

b. O bairro: o que ele tem de mais antigo? E de mais moderno?

2. Se possível, estimular a utilização de máquinas diferentes (digital e mecânica); e fazer fotos coloridas e em preto e branco.

3. Interdisciplinaridade com Ciências/Física, para o entendimento dos princípios da Óptica.

4. Produzir fotos com lata. A fotografia com lata é um processo que permite conhecer a fundo os os da produção fotográfica.

Ensino médio

Artes: Obra de arte biográfica

Artes: Cotidiano na pop art

Artes: Cubismo

Artes: O que a nossa cultura material diz sobre nós?

O que a nossa cultura material diz sobre nós?

Artes: Exercícios cênicos

Exercícios cênicos

Artes: Arte afro-brasileira

Artes: Fazendo um "ready made"

Fazendo um "ready made"

Artes: Pintura com molde

Pintura com molde

Artes: Arte Povera

Arte Povera

Artes: Argila, seu uso na sala de aula

Inglês: Playing with logic

Inglês: Joking with the alphabet

Joking with the alphabet

Inglês: Find the answer

Find the answer

Inglês: Acrósticos

Acrósticos

Artes: Pintores negros

Pintores negros

Artes: Futebol e arte

Futebol e arte

Espanhol: Artículos Definidos y Indefinidos

Artículos Definidos y Indefinidos

Espanhol: Condicional Simple

Condicional Simple

Espanhol: Futuro Simple

Futuro Simple

Espanhol: Números

Números

Artes: Como usar um quiz em sua aula

Como usar um quiz em sua aula

Matemática: Recortando o círculo

Recortando o círculo

Matemática: Deduzir a área do trapézio a partir do retângulo

Deduzir a área do trapézio a partir do retângulo

Ciências: Sentido da visão - 2

Sentido da visão - 2

Ciências: Sentido da visão - 1

Sentido da visão - 1

Artes: Oficina de "papier collé"

Oficina de "papier collé"

Geografia: Revoluções agrícola, verde e transgênica

Artes: Gravura na massa de modelar

Gravura na massa de modelar

Ciências: Solo: estrutura e composição

Ciências: Estudo de campo

Matemática: Experiências com gráfico de linha

Experiências com gráfico de linha

Matemática: Interpretação do máximo divisor comum

Interpretação do máximo divisor comum

Matemática: Vantagens do hexágono regular

Vantagens do hexágono regular

Matemática: Ampliação e redução de um cubo: consequência

Ampliação e redução de um cubo: consequência

Matemática: Razão entre duas frações: qual é a regra?

Razão entre duas frações: qual é a regra?

Matemática: Cálculo da área do triângulo a partir do retângulo

Cálculo da área do triângulo a partir do retângulo

Artes: Frans Krajcberg

Frans Krajcberg

Artes: Ilustrando histórias

Ilustrando histórias

Matemática: Ponteiros, ângulos e regra de três

Ponteiros, ângulos e regra de três

Matemática: Diagonais do quadrado e do retângulo

Diagonais do quadrado e do retângulo

Matemática: Jogo da forca na geometria

Jogo da forca na geometria

Matemática: Jogo: um número para cada letra

Jogo: um número para cada letra

Matemática: Matemática da roda

Matemática da roda

Matemática: Régua e número decimal

Régua e número decimal

Espanhol: Pronombres personales

Pronombres personales

Matemática: Potenciação: explorando a base

Potenciação: explorando a base

Matemática: Como comparar raízes?

Como comparar raízes?