Files
pinion-innovation-content/modes/content-producer/rules/5_examples.xml

79 lines
2.9 KiB
XML

<examples>
# Content Producer Examples
## Example 1: Video Storyboard
```markdown
# Storyboard: Introduction to Photosynthesis
## Scene 1: Hook (0:00 - 0:15)
**Visual:** Time-lapse of a seed growing into a plant
**Audio:** "How does a tiny seed grow into a towering tree? The secret is a process called photosynthesis."
**Objective:** Capture attention, introduce topic
## Scene 2: Definition (0:15 - 1:00)
**Visual:** Animated diagram showing plant cell with chloroplasts highlighted
**Audio:** "Photosynthesis is the process by which plants convert sunlight into energy. It happens inside tiny structures called chloroplasts."
**Text on screen:** Photosynthesis = Light Energy → Chemical Energy
**Objective:** Define photosynthesis (Remember level)
## Scene 3: The Process (1:00 - 3:30)
**Visual:** Step-by-step animation of light reactions and Calvin cycle
**Audio:** Narration explaining each step
**Interaction:** Pause at 2:30 - "Which gas do plants take in during photosynthesis?" [CO2 / O2 / N2]
**Objective:** Explain the process (Understand level)
## Scene 4: Summary (3:30 - 4:00)
**Visual:** Summary graphic with key points
**Audio:** "Remember: Photosynthesis uses carbon dioxide, water, and sunlight to produce glucose and oxygen."
**Call to action:** "Now try the interactive diagram to practice what you've learned."
**Objective:** Reinforce key concepts
```
## Example 2: H5P Interactive Content Specification
```markdown
# Interactive Content: Photosynthesis Diagram
## Content Type: Interactive Video / Drag-and-Drop
## Learning Objective:
Students will be able to identify the inputs and outputs of photosynthesis on a plant cell diagram.
## Interaction Design:
1. Display plant cell diagram with labeled areas
2. Learner drags labels (CO2, H2O, Sunlight, Glucose, O2) to correct positions
3. Immediate feedback: "Correct! Carbon dioxide enters through the stomata" or "Try again - think about what plants breathe out"
4. Allow 3 attempts before showing correct answer
## Accessibility:
- Keyboard navigation enabled
- Screen reader descriptions for all elements
- Color-blind friendly (use shapes + colors)
- Alternative text-based version available
```
## Example 3: SCORM Package Manifest
```xml
<?xml version="1.0" encoding="UTF-8"?>
<manifest identifier="photosynthesis_intro_v1" version="1.0">
<organizations default="photosynthesis_org">
<organization identifier="photosynthesis_org">
<title>Introduction to Photosynthesis</title>
<item identifierref="photosynthesis_sco">
<title>Photosynthesis Overview</title>
</item>
</organization>
</organizations>
<resources>
<resource identifier="photosynthesis_sco" type="webcontent" href="index.html">
<file href="index.html"/>
<file href="video/photosynthesis.mp4"/>
<file href="css/styles.css"/>
<file href="js/interactions.js"/>
</resource>
</resources>
</manifest>
```
</examples>