fotossintese-composer-json-v1.0.0.js•17.5 kB
/**
* @document Fotossíntese Composition JSON for EuConquisto Composer
* @version 1.0.0
* @status active
* @author Claude
* @created 2025-06-29
* @last_updated 2025-06-29
*/
// Photosynthesis Educational Composition - Composer-Compatible JSON
const fotossinteseDEJSON = {
"version": "1.1",
"metadata": {
"title": "Fotossíntese: Como as Plantas Produzem Alimento",
"description": "Composição educacional interativa sobre fotossíntese para estudantes do 7º ano do ensino fundamental. Duração: 50 minutos.",
"thumb": null,
"tags": ["fotossíntese", "plantas", "biologia", "ciências", "7º ano", "ensino fundamental", "educação"]
},
"interface": {
"content_language": "pt_br",
"index_option": "buttons",
"font_family": "Lato",
"show_summary": "enabled",
"finish_btn": "enabled"
},
"structure": [
// Header Element - Green Theme
{
"id": "header-fotossintese-001",
"type": "head-1",
"content_title": "Cabeçalho Principal",
"primary_color": "#FFFFFF",
"secondary_color": "#228B22",
"category": "<p>Ciências Naturais - 7º Ano</p>",
"background_image": "https://images.unsplash.com/photo-1441974231531-c6227db76b6e?w=1200&h=600&fit=crop&crop=entropy&auto=format",
"avatar": "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=150&h=150&fit=crop&crop=face&auto=format",
"avatar_border_color": "#32CD32",
"author_name": "<p>Prof. Ricardo Kawasaki</p>",
"author_office": "<p>Ciências da Natureza</p>",
"show_category": true,
"show_author_name": true,
"show_divider": true,
"dam_assets": []
},
// Objectives Text
{
"id": "text-objetivos-001",
"type": "text-2",
"content_title": "Objetivos da Aula",
"padding_top": 35,
"padding_bottom": 35,
"background_color": "#FFFFFF",
"text": "<h1><span style=\"color: #228B22; font-size: 30px;\">🎯 Objetivos da Aula</span></h1><div style=\"background: linear-gradient(135deg, #E8F5E8 0%, #F0FFF0 100%); padding: 25px; border-radius: 15px; border: 3px solid #228B22; margin: 20px 0;\"><p><span style=\"font-size: 18px; color: #2F4F4F;\">Ao final desta aula, você será capaz de:</span></p><ul style=\"line-height: 1.8; margin-left: 20px; color: #2F4F4F;\"><li><strong>Explicar</strong> o que é fotossíntese e sua importância</li><li><strong>Identificar</strong> os componentes necessários para a fotossíntese</li><li><strong>Descrever</strong> onde ocorre a fotossíntese nas plantas</li><li><strong>Compreender</strong> como as plantas produzem seu próprio alimento</li><li><strong>Relacionar</strong> a fotossíntese com a vida na Terra</li></ul><div style=\"background-color: #F0FFF0; padding: 15px; border-left: 4px solid #228B22; margin: 20px 0; border-radius: 5px;\"><p><strong style=\"color: #228B22;\">💡 Curiosidade:</strong> <span style=\"color: #2F4F4F;\">Você sabia que as plantas são como pequenas fábricas que produzem seu próprio alimento usando apenas luz solar, água e ar?</span></p></div></div>",
"dam_assets": []
},
// What is Photosynthesis
{
"id": "text-conceito-001",
"type": "text-2",
"content_title": "Conceito de Fotossíntese",
"padding_top": 35,
"padding_bottom": 35,
"background_color": "#FFFFFF",
"text": "<h1><span style=\"color: #228B22; font-size: 30px;\">🌱 O que é Fotossíntese?</span></h1><p style=\"font-size: 18px; line-height: 1.6; color: #2F4F4F;\">A <strong style=\"color: #228B22;\">fotossíntese</strong> é o processo pelo qual as plantas produzem seu próprio alimento. É como se elas tivessem uma cozinha especial dentro de suas folhas!</p><div style=\"background-color: #F5F5DC; padding: 20px; border-radius: 10px; margin: 20px 0;\"><h3 style=\"color: #8B4513; margin-top: 0;\">📚 Etimologia da palavra</h3><p style=\"color: #2F4F4F;\"><strong>FOTO</strong> = luz + <strong>SÍNTESE</strong> = produção</p><p style=\"font-style: italic; color: #2F4F4F;\">Fotossíntese = \"Produção com luz\"</p></div><p style=\"color: #2F4F4F;\">Durante a fotossíntese, as plantas conseguem transformar substâncias simples em alimento, usando a energia da luz solar. É um processo fantástico que mantém toda a vida na Terra!</p>",
"dam_assets": []
},
// Ingredients List
{
"id": "list-componentes-001",
"type": "list-1",
"content_title": "Os 4 Ingredientes da Fotossíntese",
"padding_top": 35,
"padding_bottom": 35,
"background_color": "#FFFFFF",
"primary_color": "#228B22",
"secondary_color": "#FFFFFF",
"items": [
{
"id": "comp-001",
"text": "<p><strong style=\"color: #FF6347;\">☀️ Luz Solar (Energia)</strong><br><span style=\"color: #2F4F4F;\">A energia que vem do Sol é o \"combustível\" que faz a fotossíntese acontecer. Sem luz, as plantas não conseguem produzir alimento.</span></p>",
"image": null,
"video": null
},
{
"id": "comp-002",
"text": "<p><strong style=\"color: #1E90FF;\">💧 Água (H₂O)</strong><br><span style=\"color: #2F4F4F;\">As plantas absorvem água pelas raízes. A água é um dos ingredientes principais da \"receita\" da fotossíntese.</span></p>",
"image": null,
"video": null
},
{
"id": "comp-003",
"text": "<p><strong style=\"color: #708090;\">🌬️ Gás Carbônico (CO₂)</strong><br><span style=\"color: #2F4F4F;\">As plantas \"respiram\" o gás carbônico do ar através de pequenos poros nas folhas chamados estômatos.</span></p>",
"image": null,
"video": null
},
{
"id": "comp-004",
"text": "<p><strong style=\"color: #228B22;\">🍃 Clorofila</strong><br><span style=\"color: #2F4F4F;\">É o pigmento verde das plantas que consegue capturar a luz solar. É como um painel solar natural!</span></p>",
"image": null,
"video": null
}
],
"dam_assets": []
},
// Chemical Equation
{
"id": "text-equacao-001",
"type": "statement-2",
"content_title": "Equação da Fotossíntese",
"padding_top": 35,
"padding_bottom": 35,
"background_color": "#FFFFFF",
"border_color": "#228B22",
"text": "<div style=\"text-align: center;\"><h2 style=\"color: #1E6B1E; margin-top: 0;\">⚗️ A Fórmula Mágica da Fotossíntese</h2><div style=\"background: white; padding: 25px; border-radius: 10px; margin: 20px 0; box-shadow: 0 4px 8px rgba(0,0,0,0.1);\"><div style=\"font-size: 24px; font-weight: bold; color: #2F4F4F; line-height: 2;\"><span style=\"color: #1E90FF;\">6 H₂O</span> <span style=\"color: #666;\"> + </span> <span style=\"color: #708090;\">6 CO₂</span> <span style=\"color: #666;\"> + </span> <span style=\"color: #FF6347;\">Energia Solar</span><br><span style=\"color: #228B22; font-size: 30px;\">↓</span><br><span style=\"color: #8B4513;\">C₆H₁₂O₆</span> <span style=\"color: #666;\"> + </span> <span style=\"color: #32CD32;\">6 O₂</span></div></div><p style=\"color: #8B4513;\"><strong>🍯 Glicose:</strong> É o \"açúcar\" que a planta produz como alimento!</p></div>",
"font_family": "Lato",
"dam_assets": []
},
// Leaf Structure Image
{
"id": "image-folha-001",
"type": "image-and-text",
"content_title": "Anatomia da Folha",
"padding_top": 35,
"padding_bottom": 35,
"background_color": "#FFFFFF",
"image_width": "50%",
"image_position": "left",
"image_border_radius": 10,
"background_image": null,
"image": "https://images.unsplash.com/photo-1574482620831-29d2c4e32347?w=600&h=400&fit=crop&auto=format",
"text": "<h3 style=\"color: #228B22;\">🔬 A Fábrica das Plantas: A Folha</h3><p style=\"color: #2F4F4F;\"><strong>Epiderme:</strong> Camada protetora externa</p><p style=\"color: #2F4F4F;\"><strong>Mesófilo:</strong> Onde fica a maior parte da clorofila</p><p style=\"color: #2F4F4F;\"><strong>Nervuras:</strong> Transportam água e nutrientes</p><p style=\"color: #2F4F4F;\"><strong>Estômatos:</strong> Pequenos poros para trocas gasosas</p><div style=\"background-color: #E8F5E8; padding: 10px; border-radius: 5px; margin-top: 15px;\"><p style=\"margin: 0; font-size: 14px; color: #2F4F4F;\">💡 <strong>Curiosidade:</strong> Uma única folha pode ter mais de 100.000 estômatos!</p></div>",
"subtitle": null,
"dam_assets": []
},
// Interactive Hotspot - Chlorophyll
{
"id": "hotspot-clorofila-001",
"type": "hotspots-1",
"content_title": "Exploração da Clorofila",
"padding_top": 35,
"padding_bottom": 35,
"width": null,
"background_color": "#FFFFFF",
"spot_color": "#228B22",
"image": "https://images.unsplash.com/photo-1578662996442-48f60103fc96?w=800&h=500&fit=crop&auto=format",
"image_alt": "Imagem ampliada de cloroplastos mostrando a estrutura interna",
"spots": [
{
"id": "marker-001",
"x": "25",
"y": "30",
"icon": "info",
"title": "O que é Clorofila?",
"description": "A clorofila é um pigmento verde encontrado nos cloroplastos das plantas. Ela é responsável por: capturar a energia da luz solar, dar a cor verde às plantas, e iniciar o processo da fotossíntese.",
"hasMedia": false,
"isActive": false,
"image": null,
"audio": null
},
{
"id": "marker-002",
"x": "65",
"y": "45",
"icon": "target",
"title": "Cloroplastos",
"description": "Os cloroplastos são como pequenas fábricas verdes dentro das células das folhas. Características importantes: contêm a clorofila, são onde acontece a fotossíntese, têm formato oval ou redondo, e uma única célula pode ter mais de 100 cloroplastos!",
"hasMedia": false,
"isActive": false,
"image": null,
"audio": null
},
{
"id": "marker-003",
"x": "50",
"y": "70",
"icon": "star",
"title": "Tilacoides",
"description": "Os tilacoides são estruturas achatadas dentro dos cloroplastos. É aqui que acontece a 'magia': a luz solar é capturada, a energia luminosa é convertida em energia química, e são organizados como pilhas de moedas.",
"hasMedia": false,
"isActive": false,
"image": null,
"audio": null
}
],
"dam_assets": []
},
// Importance of Photosynthesis
{
"id": "text-importancia-001",
"type": "text-2",
"content_title": "Importância da Fotossíntese",
"padding_top": 35,
"padding_bottom": 35,
"background_color": "#FFFFFF",
"text": "<h1><span style=\"color: #228B22; font-size: 30px;\">🌍 Por que a Fotossíntese é Tão Importante?</span></h1><p style=\"font-size: 18px; color: #2F4F4F;\">A fotossíntese é um dos processos mais importantes para a vida em nosso planeta. Sem ela, a vida como conhecemos não existiria!</p><div style=\"background: linear-gradient(135deg, #E6F3FF 0%, #F0F8FF 100%); padding: 20px; border-radius: 10px; border-left: 5px solid #4169E1; margin: 15px 0;\"><h3 style=\"color: #1E6B96; margin-top: 0;\">🫁 PRODUÇÃO DE OXIGÊNIO</h3><p style=\"color: #2F4F4F;\">• Todo o oxigênio que respiramos vem da fotossíntese<br>• Uma árvore pode produzir O₂ para 2 pessoas por dia<br>• 70% do oxigênio vem do fitoplâncton nos oceanos!</p></div><div style=\"background: linear-gradient(135deg, #F0FFF0 0%, #E8F5E8 100%); padding: 20px; border-radius: 10px; border-left: 5px solid #228B22; margin: 15px 0;\"><h3 style=\"color: #1E6B1E; margin-top: 0;\">🍞 BASE DA CADEIA ALIMENTAR</h3><p style=\"color: #2F4F4F;\">• Plantas são produtores primários<br>• Todos os animais dependem das plantas<br>• Fornece energia para toda a vida terrestre</p></div><div style=\"background: linear-gradient(135deg, #FFF8DC 0%, #F5F5DC 100%); padding: 20px; border-radius: 10px; border-left: 5px solid #DAA520; margin: 15px 0;\"><h3 style=\"color: #B8860B; margin-top: 0;\">🌡️ CONTROLE DO CLIMA</h3><p style=\"color: #2F4F4F;\">• Remove CO₂ da atmosfera (efeito estufa)<br>• Ajuda a regular a temperatura global<br>• 1 árvore absorve 22kg de CO₂ por ano</p></div>",
"dam_assets": []
},
// Quiz - Single Choice with proper structure
{
"id": "quiz-fotossintese-001",
"type": "quiz-1",
"content_title": "Quiz: Teste seus Conhecimentos",
"padding_top": 35,
"padding_bottom": 35,
"background_color": "#FFFFFF",
"primary_color": "#228B22",
"remake": "enable",
"max_attempts": 3,
"utilization": {
"enabled": true,
"percentage": 70
},
"feedback": {
"type": "custom"
},
"questions": [
{
"id": "q001-fotossintese",
"question": "<p><span style=\"font-size: 18px; color: #2F4F4F;\">O que significa a palavra 'fotossíntese'?</span></p>",
"image": null,
"video": null,
"answered": false,
"feedback_default": {
"text": "<p><span style=\"color: #2F4F4F;\">Baseando-se na etimologia da palavra...</span></p>",
"image": null,
"video": null,
"media_max_width": null
},
"feedback_correct": {
"text": "<p><span style=\"color: #228B22;\">🎉 Excelente! FOTO = luz e SÍNTESE = produção. Fotossíntese = produção com luz!</span></p>",
"image": null,
"video": null,
"media_max_width": null
},
"feedback_incorrect": {
"text": "<p><span style=\"color: #DC143C;\">🤔 Lembre-se: FOTO significa luz e SÍNTESE significa produção ou fabricação.</span></p>",
"image": null,
"video": null,
"media_max_width": null
},
"no_correct_answer": false,
"no_feedback": false,
"choices": [
{
"id": "q001-a",
"correct": false,
"text": "<p><span style=\"font-size: 15px;\">Divisão com luz</span></p>"
},
{
"id": "q001-b",
"correct": true,
"text": "<p><span style=\"font-size: 15px;\">Produção com luz</span></p>"
},
{
"id": "q001-c",
"correct": false,
"text": "<p><span style=\"font-size: 15px;\">Respiração com luz</span></p>"
},
{
"id": "q001-d",
"correct": false,
"text": "<p><span style=\"font-size: 15px;\">Movimento com luz</span></p>"
}
]
}
],
"dam_assets": []
},
// Summary
{
"id": "text-resumo-001",
"type": "statement-1",
"content_title": "Resumo da Aula",
"padding_top": 35,
"padding_bottom": 35,
"background_color": "#FFFFFF",
"border_color": "#228B22",
"text": "<div style=\"text-align: center;\"><h2 style=\"color: #1E6B1E; margin-top: 0;\">📋 Resumo: Fotossíntese - Como as Plantas Produzem Alimento</h2><div style=\"background-color: #E0FFFF; padding: 25px; border-radius: 15px; margin: 25px 0;\"><h3 style=\"color: #008B8B; margin-top: 0;\">🎯 Mensagem Principal</h3><p style=\"font-size: 20px; font-weight: bold; color: #2F4F4F; margin-bottom: 0;\">A fotossíntese é o processo mais importante para a vida na Terra!<br>Sem ela, não existiríamos. 🌱➡️🌍</p></div></div>",
"font_family": "Lato",
"dam_assets": []
}
],
"assets": [
"https://images.unsplash.com/photo-1441974231531-c6227db76b6e?w=1200&h=600&fit=crop&crop=entropy&auto=format",
"https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=150&h=150&fit=crop&crop=face&auto=format",
"https://images.unsplash.com/photo-1574482620831-29d2c4e32347?w=600&h=400&fit=crop&auto=format",
"https://images.unsplash.com/photo-1578662996442-48f60103fc96?w=800&h=500&fit=crop&auto=format"
]
};
// Function to inject composition into Composer via localStorage
function injectCompositionIntoComposer() {
try {
// Store the composition data in localStorage
localStorage.setItem('photosynthesis_composition', JSON.stringify(fotossinteseDEJSON));
// Create a composition key for the Composer interface
const compositionKey = 'temp_composition_' + Date.now();
localStorage.setItem(compositionKey, JSON.stringify(fotossinteseDEJSON));
// Store reference for easy retrieval
localStorage.setItem('current_composition_key', compositionKey);
console.log('✅ Composition injected successfully!');
console.log('📝 Key:', compositionKey);
console.log('🎯 Ready for visualization in Composer');
return {
success: true,
key: compositionKey,
message: 'Composition ready for loading in Composer'
};
} catch (error) {
console.error('❌ Failed to inject composition:', error);
return {
success: false,
error: error.message
};
}
}
// Export for use
export { fotossinteseDEJSON, injectCompositionIntoComposer };