fotossintese-composition-v1.0.0.js•9.74 kB
</p>
</div>
</div>
`,
fonte_elemento: "Lato",
margem_superior: 30,
margem_inferior: 30,
contabilizacao_progresso: true
};
// =============================================================================
// ATIVIDADE DE FIXAÇÃO E TAREFA DE CASA
// =============================================================================
const tarefaCasa = {
id: "text-tarefa-001",
type: "texto",
subtype: "note-format",
titulo_conteudo: "Para Casa: Observando a Fotossíntese no Dia a Dia",
content: `
<div style="background: linear-gradient(135deg, #FFF8DC 0%, #F5F5DC 100%); padding: 25px; border-radius: 15px; border: 3px solid #DAA520;">
<h3 style="color: #B8860B; margin-top: 0; text-align: center;">📝 Tarefa de Casa</h3>
<div style="background-color: #FFF; padding: 20px; border-radius: 10px; margin: 20px 0; box-shadow: 0 2px 5px rgba(0,0,0,0.1);">
<h4 style="color: #228B22; margin-top: 0;">🔍 Missão: Detetive da Fotossíntese</h4>
<p>Durante esta semana, você será um detetive procurando evidências da fotossíntese ao seu redor!</p>
</div>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin: 20px 0;">
<div style="background-color: #E8F5E8; padding: 20px; border-radius: 10px; border-left: 5px solid #228B22;">
<h5 style="color: #1E6B1E; margin-top: 0;">📸 ATIVIDADE 1: Álbum da Fotossíntese</h5>
<p><strong>O que fazer:</strong></p>
<ul>
<li>Tire 5 fotos de plantas fazendo fotossíntese</li>
<li>Inclua plantas diferentes (árvores, flores, grama, etc.)</li>
<li>Para cada foto, escreva onde está a clorofila</li>
</ul>
<p><strong>Dica:</strong> Procure folhas bem verdes no sol!</p>
</div>
<div style="background-color: #E6F3FF; padding: 20px; border-radius: 10px; border-left: 5px solid #1E90FF;">
<h5 style="color: #1E6B96; margin-top: 0;">🌱 ATIVIDADE 2: Experimento Simples</h5>
<p><strong>O que fazer:</strong></p>
<ul>
<li>Coloque uma planta aquática em um copo com água</li>
<li>Deixe no sol e observe</li>
<li>Anote: você vê bolhas? (São de oxigênio!)</li>
<li>Compare: sol vs sombra</li>
</ul>
<p><strong>Material:</strong> Elódea ou qualquer planta aquática</p>
</div>
</div>
<div style="background-color: #FFFACD; padding: 20px; border-radius: 10px; margin: 20px 0;">
<h4 style="color: #B8860B; margin-top: 0;">📊 ATIVIDADE 3: Pesquisa em Casa</h4>
<p>Faça uma mini-pesquisa e responda:</p>
<ol style="line-height: 1.6;">
<li>Quantas árvores existem no seu bairro/quadra?</li>
<li>Qual árvore produz mais oxigênio: pequena ou grande? Por quê?</li>
<li>O que aconteceria se cortássemos todas as árvores da sua rua?</li>
<li>Como você pode ajudar a aumentar a fotossíntese na sua cidade?</li>
</ol>
</div>
<div style="background-color: #E0FFFF; padding: 20px; border-radius: 10px; margin: 20px 0;">
<h4 style="color: #008B8B; margin-top: 0;">✏️ FORMATO DA ENTREGA</h4>
<p><strong>Crie um "Diário da Fotossíntese" com:</strong></p>
<ul>
<li>🖼️ Álbum de fotos com legendas explicativas</li>
<li>📝 Relatório do experimento da planta aquática</li>
<li>🔍 Respostas da pesquisa do bairro</li>
<li>💭 Sua reflexão: "Por que a fotossíntese é importante para mim?"</li>
</ul>
<p style="color: #B8860B;"><strong>Data de entrega:</strong> Próxima aula de Ciências</p>
</div>
<div style="text-align: center; background-color: #F0FFF0; padding: 15px; border-radius: 10px;">
<p style="margin: 0; color: #228B22; font-weight: bold;">
🌟 Lembre-se: Você é parte da natureza! Suas ações podem ajudar as plantas a fazer mais fotossíntese! 🌿
</p>
</div>
</div>
`,
fonte_elemento: "Lato",
margem_superior: 30,
margem_inferior: 30,
contabilizacao_progresso: true
};
// =============================================================================
// ESTRUTURA PRINCIPAL DA COMPOSIÇÃO
// =============================================================================
/**
* COMPOSIÇÃO COMPLETA: FOTOSSÍNTESE
* Organização sequencial dos elementos para uma aula de 50 minutos
*/
export const composicaoFotossintese = {
// Metadados da composição
metadata: {
titulo: "Fotossíntese: Como as Plantas Produzem Alimento",
descricao: "Composição educacional interativa sobre fotossíntese para estudantes do 7º ano",
autor: "Prof. Ricardo Kawasaki",
disciplina: "Ciências Naturais",
serie: "7º ano do Ensino Fundamental",
duracao_estimada: "50 minutos",
versao: "1.0.0",
data_criacao: "2025-06-29",
tags: ["fotossíntese", "plantas", "biologia", "ciências", "7º ano", "ensino fundamental"],
objetivos_aprendizagem: [
"Compreender o conceito de fotossíntese",
"Identificar os componentes necessários para fotossíntese",
"Reconhecer a importância da fotossíntese para a vida",
"Localizar onde ocorre a fotossíntese nas plantas",
"Aplicar conhecimentos em situações práticas"
]
},
// Sequência de elementos da aula
elementos: [
headerPrincipal, // 2 minutos - Apresentação
introducaoObjetivos, // 3 minutos - Objetivos e curiosidade inicial
atividadeInicial, // 5 minutos - Ativação do conhecimento prévio
conceitoFotossintese, // 5 minutos - Conceito principal e etimologia
componentesFotossintese, // 6 minutos - Os 4 ingredientes
imagemEstruturaFolha, // 4 minutos - Anatomia da folha
hotspotClorofila, // 6 minutos - Exploração interativa da clorofila
equacaoFotossintese, // 5 minutos - Equação química simplificada
locaisFotossintese, // 4 minutos - Onde acontece a fotossíntese
importanciaFotossintese, // 6 minutos - Importância para a vida
atividadePratica, // 4 minutos - Experimento do iodo (demonstração)
quizFotossintese, // 8 minutos - Avaliação interativa
resumoFinal, // 3 minutos - Síntese dos conceitos
tarefaCasa // 2 minutos - Orientações para casa
],
// Configurações de progressão
configuracao_progresso: {
rastreamento_habilitado: true,
feedback_visual: true,
porcentagem_conclusao: true,
tempo_estimado_elemento: true,
elementos_obrigatorios: [
"header-fotossintese-001",
"text-conceito-001",
"list-componentes-001",
"hotspot-clorofila-001",
"quiz-fotossintese-001"
]
},
// Configurações visuais globais
tema_visual: {
cor_primaria: "#228B22", // Verde floresta
cor_secundaria: "#32CD32", // Verde limão
cor_destaque: "#FF6347", // Vermelho tomate
fonte_principal: "Lato",
fonte_secundaria: "Open Sans",
espacamento_padrao: 30
},
// Recursos necessários
recursos_midiaticos: [
"assets/images/folhas-verdes-sol.jpg",
"assets/images/estrutura-folha-anatomia.jpg",
"assets/images/cloroplasto-ampliado.jpg"
],
// Indicadores de qualidade educacional
qualidade_educacional: {
diversidade_elementos: 9, // Tipos diferentes de elementos utilizados
interatividade_nivel: "alto", // Hotspots, quiz, atividades práticas
adequacao_idade: "apropriado", // Linguagem e conceitos para 7º ano
tempo_otimizado: true, // 50 minutos bem distribuídos
avaliacao_integrada: true, // Quiz e atividades de fixação
conexao_cotidiano: true // Exemplos práticos e aplicações
}
};
// =============================================================================
// FUNÇÕES AUXILIARES PARA GERENCIAMENTO DA COMPOSIÇÃO
// =============================================================================
/**
* Função para calcular tempo total estimado da composição
*/
export function calcularTempoTotal(composicao) {
const tempos = {
'cabecalho': 2,
'texto': 4,
'imagem': 4,
'lista': 6,
'interatividade': 6,
'quiz': 8
};
return composicao.elementos.reduce((total, elemento) => {
return total + (tempos[elemento.type] || 3);
}, 0);
}
/**
* Função para validar completude da composição
*/
export function validarComposicao(composicao) {
const validacao = {
temMetadata: !!composicao.metadata,
temElementos: composicao.elementos && composicao.elementos.length > 0,
temAvaliacao: composicao.elementos.some(el => el.type === 'quiz'),
temInteratividade: composicao.elementos.some(el => el.type === 'interatividade'),
tempoAdequado: calcularTempoTotal(composicao) <= 50
};
return {
valida: Object.values(validacao).every(v => v === true),
detalhes: validacao
};
}
/**
* Função para exportar composição em formato JSON
*/
export function exportarComposicao(composicao) {
return JSON.stringify(composicao, null, 2);
}
// Log de criação
console.log('✅ Composição "Fotossíntese: Como as Plantas Produzem Alimento" criada com sucesso!');
console.log(`📊 Total de elementos: ${composicaoFotossintese.elementos.length}`);
console.log(`⏱️ Tempo estimado: ${calcularTempoTotal(composicaoFotossintese)} minutos`);
console.log(`🎯 Validação: ${validarComposicao(composicaoFotossintese).valida ? 'APROVADA' : 'NECESSITA AJUSTES'}`);