<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="aspect-ratio" content="4:3">
  <title>The Scientific Question Test</title>
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }

    body {
      padding: 12px;
      color: #1e2945;
      background: #ffffff;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 10px;
      user-select: none;
    }

    .title {
      font-size: 15px;
      font-weight: 700;
      letter-spacing: -0.2px;
      color: #1e2945;
      text-align: center;
    }

    /* Example selector tabs */
    .examples-bar {
      display: flex;
      gap: 6px;
      width: 100%;
      max-width: 500px;
      justify-content: center;
      flex-wrap: wrap;
    }

    .tab-btn {
      padding: 5px 10px;
      font-size: 12px;
      font-weight: 600;
      border: 1px solid #e6e6e6;
      border-radius: 20px;
      background: #f8fafc;
      color: #64748b;
      cursor: pointer;
      transition: all 0.2s ease;
      white-space: nowrap;
    }

    .tab-btn.active {
      background: #e0f2fe;
      color: #0369a1;
      border-color: #38bdf8;
      box-shadow: 0 1px 3px rgba(3, 105, 161, 0.15);
    }

    /* Flowchart Container */
    .flowchart {
      width: 100%;
      max-width: 500px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 8px;
    }

    /* Step Row */
    .step-row {
      display: flex;
      width: 100%;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      position: relative;
    }

    /* Decision Box */
    .box {
      flex: 1;
      background: #ffffff;
      border: 1px solid #e6e6e6;
      border-radius: 10px;
      padding: 8px 10px;
      font-size: 13px;
      font-weight: 600;
      line-height: 1.25;
      color: #1e2945;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.04);
      transition: all 0.25s ease;
      text-align: left;
      position: relative;
    }

    .box .step-num {
      display: inline-block;
      font-size: 10px;
      font-weight: 700;
      text-transform: uppercase;
      color: #0284c7;
      margin-bottom: 2px;
      letter-spacing: 0.5px;
    }

    .box.active-node {
      border-color: #0284c7;
      background: #f0f9ff;
      box-shadow: 0 0 0 2px rgba(2, 132, 199, 0.2), 0 4px 10px rgba(2, 132, 199, 0.1);
    }

    /* Outcome Badges */
    .badge {
      width: 130px;
      min-width: 130px;
      border-radius: 8px;
      padding: 6px 8px;
      font-size: 11px;
      font-weight: 600;
      line-height: 1.2;
      text-align: center;
      border: 1px solid #e6e6e6;
      transition: all 0.25s ease;
      opacity: 0.45;
    }

    .badge-red {
      background: #fff5f5;
      border-color: #fecaca;
      color: #b91c1c;
    }

    .badge-green {
      background: #f0fdf4;
      border-color: #bbf7d0;
      color: #15803d;
    }

    .badge.active-badge {
      opacity: 1;
      transform: scale(1.02);
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    }

    .badge-red.active-badge {
      box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.2), 0 4px 10px rgba(220, 38, 38, 0.1);
    }

    .badge-green.active-badge {
      box-shadow: 0 0 0 2px rgba(22, 163, 74, 0.2), 0 4px 10px rgba(22, 163, 74, 0.1);
    }

    /* Connectors */
    .connector-v {
      display: flex;
      flex-direction: column;
      align-items: center;
      height: 20px;
      position: relative;
      margin-left: -138px; /* align with left box center */
    }

    .line-v {
      width: 2px;
      height: 100%;
      background: #e2e8f0;
      transition: background 0.25s ease;
    }

    .arrow-tag {
      position: absolute;
      top: 2px;
      background: #ffffff;
      padding: 0 4px;
      font-size: 9px;
      font-weight: 700;
      color: #64748b;
      border-radius: 4px;
      border: 1px solid #e2e8f0;
      transition: all 0.25s ease;
    }

    .connector-h {
      display: flex;
      align-items: center;
      width: 24px;
      position: relative;
    }

    .line-h {
      height: 2px;
      width: 100%;
      background: #e2e8f0;
      transition: background 0.25s ease;
    }

    .h-tag {
      position: absolute;
      top: -12px;
      left: 50%;
      transform: translateX(-50%);
      background: #ffffff;
      padding: 0 3px;
      font-size: 9px;
      font-weight: 700;
      color: #64748b;
      border-radius: 3px;
      border: 1px solid #e2e8f0;
      transition: all 0.25s ease;
    }

    /* Active connector states */
    .active-line {
      background: #0284c7 !important;
    }

    .active-tag {
      border-color: #0284c7 !important;
      color: #0284c7 !important;
      background: #f0f9ff !important;
    }

    .active-line-red {
      background: #ef4444 !important;
    }

    .active-tag-red {
      border-color: #ef4444 !important;
      color: #b91c1c !important;
      background: #fef2f2 !important;
    }

    .active-line-green {
      background: #22c55e !important;
    }

    .active-tag-green {
      border-color: #22c55e !important;
      color: #15803d !important;
      background: #f0fdf4 !important;
    }

    /* Final Row */
    .final-row {
      display: flex;
      width: 100%;
      justify-content: flex-start;
      padding-left: calc((100% - 138px) / 2 - 65px);
    }

    @media (max-width: 420px) {
      body { padding: 8px 6px; }
      .box { font-size: 11.5px; padding: 6px 8px; }
      .badge { width: 105px; min-width: 105px; font-size: 9.5px; padding: 4px 6px; }
      .connector-h { width: 16px; }
      .connector-v { margin-left: -113px; }
      .final-row { padding-left: calc((100% - 113px) / 2 - 52px); }
    }
  </style>
</head>
<body>

  <div class="title">The Scientific Question Test</div>

  
  <div class="examples-bar">
    <button class="tab-btn active" onclick="setMode('wheels')">🛹 Wheel Distance</button>
    <button class="tab-btn" onclick="setMode('graphic')">🎨 Coolest Graphic</button>
    <button class="tab-btn" onclick="setMode('ghosts')">👻 Ghost Existence</button>
  </div>

  
  <div class="flowchart">
    
    
    <div class="step-row">
      <div class="box" id="node-1">
        <span class="step-num">Step 1</span><br>
        Observable & measurable in physical world?
      </div>
      
      <div class="connector-h">
        <div class="line-h" id="h-line-1"></div>
        <span class="h-tag" id="h-tag-1">NO</span>
      </div>

      <div class="badge badge-red" id="badge-1">
        ✖ Non-Scientific<br><span style="font-weight:400;font-size:0.9em;opacity:0.85;">Belief / Metaphysical</span>
      </div>
    </div>

    
    <div class="connector-v">
      <div class="line-v" id="v-line-1"></div>
      <span class="arrow-tag" id="v-tag-1">YES ↓</span>
    </div>

    
    <div class="step-row">
      <div class="box" id="node-2">
        <span class="step-num">Step 2</span><br>
        Asks for personal taste or values?
      </div>

      <div class="connector-h">
        <div class="line-h" id="h-line-2"></div>
        <span class="h-tag" id="h-tag-2">YES</span>
      </div>

      <div class="badge badge-red" id="badge-2">
        ✖ Non-Scientific<br><span style="font-weight:400;font-size:0.9em;opacity:0.85;">Opinion / Value</span>
      </div>
    </div>

    
    <div class="connector-v">
      <div class="line-v" id="v-line-2"></div>
      <span class="arrow-tag" id="v-tag-2">NO ↓</span>
    </div>

    
    <div class="step-row">
      <div class="box" id="node-3">
        <span class="step-num">Step 3</span><br>
        Can you test & gather data?
      </div>

      <div class="connector-h">
        <div class="line-h" id="h-line-3"></div>
        <span class="h-tag" id="h-tag-3">YES</span>
      </div>

      <div class="badge badge-green" id="badge-3">
        ✔ Scientific Question<br><span style="font-weight:400;font-size:0.9em;opacity:0.85;">Empirical & Testable</span>
      </div>
    </div>

  </div>

  <script src="{{VENDOR_CDN}}/classace-diagram.js"></script>
  <script>
    const modes = {
      wheels: {
        activeNodes: ['node-1', 'node-2', 'node-3'],
        activeVLines: ['v-line-1', 'v-line-2'],
        activeVTags: ['v-tag-1', 'v-tag-2'],
        activeHLines: [{ id: 'h-line-3', color: 'green' }],
        activeHTags: [{ id: 'h-tag-3', color: 'green' }],
        activeBadge: 'badge-3'
      },
      graphic: {
        activeNodes: ['node-1', 'node-2'],
        activeVLines: ['v-line-1'],
        activeVTags: ['v-tag-1'],
        activeHLines: [{ id: 'h-line-2', color: 'red' }],
        activeHTags: [{ id: 'h-tag-2', color: 'red' }],
        activeBadge: 'badge-2'
      },
      ghosts: {
        activeNodes: ['node-1'],
        activeVLines: [],
        activeVTags: [],
        activeHLines: [{ id: 'h-line-1', color: 'red' }],
        activeHTags: [{ id: 'h-tag-1', color: 'red' }],
        activeBadge: 'badge-1'
      }
    };

    function resetStyles() {
      // Clear boxes
      ['node-1', 'node-2', 'node-3'].forEach(id => {
        const el = $(id);
        if (el) el.classList.remove('active-node');
      });

      // Clear V connectors
      ['v-line-1', 'v-line-2'].forEach(id => {
        const el = $(id);
        if (el) el.classList.remove('active-line');
      });
      ['v-tag-1', 'v-tag-2'].forEach(id => {
        const el = $(id);
        if (el) el.classList.remove('active-tag');
      });

      // Clear H connectors
      ['h-line-1', 'h-line-2', 'h-line-3'].forEach(id => {
        const el = $(id);
        if (el) el.classList.remove('active-line-red', 'active-line-green');
      });
      ['h-tag-1', 'h-tag-2', 'h-tag-3'].forEach(id => {
        const el = $(id);
        if (el) el.classList.remove('active-tag-red', 'active-tag-green');
      });

      // Clear badges
      ['badge-1', 'badge-2', 'badge-3'].forEach(id => {
        const el = $(id);
        if (el) el.classList.remove('active-badge');
      });
    }

    function setMode(modeKey) {
      resetStyles();

      // Update button styles
      $$('.tab-btn').forEach(btn => btn.classList.remove('active'));
      const buttons = $$('.tab-btn');
      if (modeKey === 'wheels') buttons[0]?.classList.add('active');
      if (modeKey === 'graphic') buttons[1]?.classList.add('active');
      if (modeKey === 'ghosts') buttons[2]?.classList.add('active');

      const config = modes[modeKey];
      if (!config) return;

      // Activate nodes
      config.activeNodes.forEach(id => {
        const el = $(id);
        if (el) el.classList.add('active-node');
      });

      // Activate vertical lines
      config.activeVLines.forEach(id => {
        const el = $(id);
        if (el) el.classList.add('active-line');
      });
      config.activeVTags.forEach(id => {
        const el = $(id);
        if (el) el.classList.add('active-tag');
      });

      // Activate horizontal branches
      config.activeHLines.forEach(item => {
        const el = $(item.id);
        if (el) el.classList.add(`active-line-${item.color}`);
      });
      config.activeHTags.forEach(item => {
        const el = $(item.id);
        if (el) el.classList.add(`active-tag-${item.color}`);
      });

      // Activate outcome badge
      if (config.activeBadge) {
        const badge = $(config.activeBadge);
        if (badge) badge.classList.add('active-badge');
      }
    }

    // Initialize with first example
    setMode('wheels');
  </script>
</body>
</html>

Distinguishing Scientific Questions from Non-Scientific Questions

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="aspect-ratio" content="4:3">
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }

    body {
      background: transparent;
      color: #1e2945;
      padding: 12px;
      display: flex;
      flex-direction: column;
      gap: 12px;
      justify-content: center;
      min-height: 100%;
    }

    .transform-row {
      background: #ffffff;
      border: 1px solid #e2e8f0;
      border-radius: 12px;
      padding: 12px;
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 10px;
    }

    .card-pane {
      flex: 1 1 0;
      min-width: 0;
      padding: 10px 12px;
      border-radius: 8px;
      display: flex;
      flex-direction: column;
      gap: 6px;
    }

    .opinion-card {
      background: #fef2f2;
      border: 1px solid #fecaca;
    }

    .scientific-card {
      background: #f0fdf4;
      border: 1px solid #bbf7d0;
    }

    .badge-row {
      display: flex;
      align-items: center;
      gap: 6px;
    }

    .badge {
      display: inline-flex;
      align-items: center;
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      padding: 2px 7px;
      border-radius: 999px;
    }

    .badge-opinion {
      background: #dc2626;
      color: #ffffff;
    }

    .badge-scientific {
      background: #16a34a;
      color: #ffffff;
    }

    .item-icon {
      font-size: 14px;
    }

    .question-text {
      font-size: 13.5px;
      line-height: 1.35;
      color: #1e2945;
      font-weight: 500;
    }

    .highlight-opinion {
      background: #fee2e2;
      color: #b91c1c;
      padding: 1px 4px;
      border-radius: 4px;
      font-weight: 700;
      text-decoration: line-through;
      text-decoration-color: #ef4444;
    }

    .highlight-scientific {
      background: #dcfce7;
      color: #15803d;
      padding: 1px 4px;
      border-radius: 4px;
      font-weight: 700;
    }

    .transform-arrow {
      flex: 0 0 130px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 4px 6px;
      background: #f8fafc;
      border: 1px dashed #cbd5e1;
      border-radius: 8px;
    }

    .arrow-action {
      font-size: 11px;
      font-weight: 600;
      color: #0284c7;
      line-height: 1.25;
    }

    .arrow-icon {
      font-size: 16px;
      color: #0284c7;
      margin-top: 2px;
      line-height: 1;
    }

    @media (max-width: 520px) {
      .transform-row {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        padding: 10px;
      }

      .transform-arrow {
        flex: auto;
        padding: 6px 8px;
        flex-direction: row;
        gap: 6px;
      }

      .arrow-icon {
        margin-top: 0;
        transform: rotate(90deg);
      }

      .question-text {
        font-size: 13px;
      }
    }
  </style>
</head>
<body>

  
  <div class="transform-row">
    <div class="card-pane opinion-card">
      <div class="badge-row">
        <span class="badge badge-opinion">Opinion</span>
        <span class="item-icon">👟</span>
      </div>
      <div class="question-text">
        Which sneaker is <span class="highlight-opinion">best</span>?
      </div>
    </div>

    <div class="transform-arrow">
      <div class="arrow-action">Replace "best" with measurable grip force</div>
      <div class="arrow-icon">→</div>
    </div>

    <div class="card-pane scientific-card">
      <div class="badge-row">
        <span class="badge badge-scientific">Scientific</span>
        <span class="item-icon">🔬</span>
      </div>
      <div class="question-text">
        Which sneaker sole produces the <span class="highlight-scientific">greatest friction on hardwood</span>?
      </div>
    </div>
  </div>

  
  <div class="transform-row">
    <div class="card-pane opinion-card">
      <div class="badge-row">
        <span class="badge badge-opinion">Opinion</span>
        <span class="item-icon">🌸</span>
      </div>
      <div class="question-text">
        Is fertilizer <span class="highlight-opinion">good</span> for flowers?
      </div>
    </div>

    <div class="transform-arrow">
      <div class="arrow-action">Replace "good" with measured height</div>
      <div class="arrow-icon">→</div>
    </div>

    <div class="card-pane scientific-card">
      <div class="badge-row">
        <span class="badge badge-scientific">Scientific</span>
        <span class="item-icon">🔬</span>
      </div>
      <div class="question-text">
        How does fertilizer amount affect the <span class="highlight-scientific">weekly stem growth of marigolds</span>?
      </div>
    </div>
  </div>

</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="aspect-ratio" content="4:3">
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    }

    body {
      background-color: #f8f9fa;
      color: #1e2945;
      padding: 16px;
      display: flex;
      flex-direction: column;
      gap: 16px;
      width: 100%;
    }

    .grid-container {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
      gap: 14px;
      width: 100%;
    }

    .column-card {
      background: #ffffff;
      border-radius: 12px;
      padding: 16px;
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    .card-sci {
      border: 2px solid #0284c7;
    }

    .card-non-sci {
      border: 2px solid #f43f5e;
    }

    .card-header {
      display: flex;
      align-items: center;
      gap: 10px;
      padding-bottom: 8px;
      border-bottom: 1px solid #e2e8f0;
    }

    .icon-badge {
      width: 38px;
      height: 38px;
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      flex-shrink: 0;
    }

    .icon-sci {
      background: #e0f2fe;
    }

    .icon-non-sci {
      background: #ffe4e6;
    }

    .card-title {
      font-size: 16px;
      font-weight: 700;
      line-height: 1.2;
    }

    .sci-text {
      color: #0284c7;
    }

    .non-sci-text {
      color: #f43f5e;
    }

    .trait-list {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }

    .trait-item {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      font-size: 14px;
      line-height: 1.35;
      color: #1e2945;
    }

    .trait-num {
      width: 22px;
      height: 22px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      font-weight: 700;
      flex-shrink: 0;
      margin-top: 1px;
    }

    .num-sci {
      background: #0284c7;
      color: #ffffff;
    }

    .num-non-sci {
      background: #f43f5e;
      color: #ffffff;
    }

    .example-box {
      border-radius: 8px;
      padding: 10px 12px;
      font-size: 13px;
      line-height: 1.3;
      margin-top: 4px;
      display: flex;
      flex-direction: column;
      gap: 2px;
    }

    .example-sci {
      background: #f0f9ff;
      border-left: 3px solid #0284c7;
    }

    .example-non-sci {
      background: #fff1f2;
      border-left: 3px solid #f43f5e;
    }

    .example-tag {
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.5px;
    }

    .interactive-panel {
      background: #ffffff;
      border: 1px solid #e2e8f0;
      border-radius: 12px;
      padding: 12px 16px;
      display: flex;
      flex-direction: column;
      gap: 8px;
    }

    .panel-label {
      font-size: 12px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      color: #64748b;
    }

    .btn-row {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

    .tab-btn {
      flex: 1;
      min-width: 130px;
      padding: 8px 12px;
      border-radius: 8px;
      border: 1px solid #cbd5e1;
      background: #f8fafc;
      color: #1e2945;
      font-size: 13px;
      font-weight: 600;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      outline: none;
    }

    .tab-btn.active-sci {
      background: #e0f2fe;
      border-color: #0284c7;
      color: #0369a1;
      box-shadow: 0 0 0 1px #0284c7;
    }

    .tab-btn.active-non-sci {
      background: #ffe4e6;
      border-color: #f43f5e;
      color: #e11d48;
      box-shadow: 0 0 0 1px #f43f5e;
    }

    .verdict-text {
      font-size: 13px;
      color: #334155;
      font-style: italic;
    }
  </style>
</head>
<body>

  <div class="grid-container">
    
    <div class="column-card card-sci">
      <div class="card-header">
        <div class="icon-badge icon-sci">📏 🔍</div>
        <div class="card-title sci-text">Scientific Questions</div>
      </div>
      <div class="trait-list">
        <div class="trait-item">
          <span class="trait-num num-sci">1</span>
          <span><strong>Observable</strong> with senses or tools</span>
        </div>
        <div class="trait-item">
          <span class="trait-num num-sci">2</span>
          <span><strong>Measurable</strong> with numbers or data</span>
        </div>
        <div class="trait-item">
          <span class="trait-num num-sci">3</span>
          <span><strong>Testable</strong> with an experiment</span>
        </div>
      </div>
      <div class="example-box example-sci">
        <span class="example-tag sci-text">Skateboard Example</span>
        <span>"Which wheel type rolls the farthest on concrete?"</span>
      </div>
    </div>

    
    <div class="column-card card-non-sci">
      <div class="card-header">
        <div class="icon-badge icon-non-sci">❤️ 💭</div>
        <div class="card-title non-sci-text">Non-Scientific Questions</div>
      </div>
      <div class="trait-list">
        <div class="trait-item">
          <span class="trait-num num-non-sci">1</span>
          <span>Based on <strong>personal taste</strong> or style</span>
        </div>
        <div class="trait-item">
          <span class="trait-num num-non-sci">2</span>
          <span>Involves <strong>moral judgments</strong></span>
        </div>
        <div class="trait-item">
          <span class="trait-num num-non-sci">3</span>
          <span>Relies on <strong>untestable beliefs</strong></span>
        </div>
      </div>
      <div class="example-box example-non-sci">
        <span class="example-tag non-sci-text">Skateboard Example</span>
        <span>"Which deck graphic looks the coolest?"</span>
      </div>
    </div>
  </div>

  
  <div class="interactive-panel">
    <div class="panel-label">Tap to compare questions:</div>
    <div class="btn-row">
      <button id="btnWheel" class="tab-btn active-sci" onclick="selectQuestion('wheel')">
        🛹 Wheel Distance
      </button>
      <button id="btnGraphic" class="tab-btn" onclick="selectQuestion('graphic')">
        🎨 Deck Graphic
      </button>
    </div>
    <div id="verdict" class="verdict-text">
      ✓ <strong>Scientific:</strong> Distance (meters) is measurable with tools and testable.
    </div>
  </div>

  <script>
    function selectQuestion(type) {
      const btnWheel = document.getElementById('btnWheel');
      const btnGraphic = document.getElementById('btnGraphic');
      const verdict = document.getElementById('verdict');

      if (type === 'wheel') {
        btnWheel.className = 'tab-btn active-sci';
        btnGraphic.className = 'tab-btn';
        verdict.innerHTML = '✓ <strong>Scientific:</strong> Distance (meters) is measurable with tools and testable by experiment.';
      } else {
        btnWheel.className = 'tab-btn';
        btnGraphic.className = 'tab-btn active-non-sci';
        verdict.innerHTML = '✦ <strong>Non-Scientific:</strong> "Coolest" is an opinion and cannot be measured with a ruler or scale.';
      }
    }
  </script>
</body>
</html>

La observación científica: más allá de mirar

Observación de fenómenos naturales cambiantes en el tiempo

Observaciones cualitativas y cuantitativas en el laboratorio

Uso de lupas y microscopios para observaciones detalladas

Identificación de anomalías y patrones en la naturaleza

science

Observación científica sistemática

What Makes a Good Scientific Question?

Turning Observations into Investigable Questions

Identifying Patterns and Relationships to Investigate

Making Reasoned Predictions in Science

Posing Investigable Questions and Making Predictions

Making Qualitative and Quantitative Empirical Observations

Identifying Patterns, Similarities, and Differences in Phenomena

Formulating Testable Cause-and-Effect Hypotheses

Refining Questions for Practical Investigation

Scientific Questions, Testable Hypotheses, and Empirical Observations

科学的な思考力とは

自然を観察する目を育てる

五感を使って観察する

実験の基本を知る

条件を変えて比べる

科学的な見方・考え方と観察の基礎

Designing Investigations to Answer Scientific Questions

Planning a Fair Test: Controlling Variables

Identifying Variables to Change, Measure and Control

Describing Potential Risks in Investigations

Planning for Safe Use of Equipment and Materials

Designing Fair Tests and Safe Investigations

¿Cómo nacen las preguntas científicas?

Diferencia entre preguntas investigables y no investigables

Transformación de preguntas generales en preguntas específicas

Selección y priorización de una pregunta de investigación

Preguntas sobre la materia y sus transformaciones

Preguntas sobre los seres vivos y los ecosistemas

Preguntas sobre fuerzas, movimiento y el planeta Tierra

Formulación de preguntas de indagación científica

観察結果の記録方法

予想と結果を比べる

問いを見つけて立てる

ちがいと同じ点を見つける

実験の計画を立てる

科学的な問いと実験の計画

¿Qué es una hipótesis científica y cómo se estructura?

Articulación del conocimiento cotidiano con la teoría científica

Diferencia entre opinión, creencia y evidencia científica

Diferencia entre descripción, explicación y evidencia

Los modelos científicos como herramientas para pensar

Alcance y limitaciones de los modelos científicos

La construcción y mutabilidad de los modelos científicos

Hipótesis, evidencia y fundamentos de los modelos científicos

上皿てんびんの使い方

メスシリンダーの使い方

温度計の使い方

拡大鏡の使い方

観察・実験の結果をまとめる

観察・測定の道具と結果のまとめ方

Modelado de la estructura celular y sus organelos

Modelado de las partículas en sólidos, líquidos y gases

Modelado del ciclo de las rocas y la tectónica de placas

Comparar hipótesis y diseños con otros investigadores

Formulación de predicciones comprobables a partir de teorías

Modelado científico aplicado y evaluación de explicaciones

見つけたことを伝え合う

自然を愛する心を育てる

みんなで問題解決に取り組む

安全に実験する工夫

問題解決のプロセスを振り返る

科学的な問題解決と協力・安全・振り返り

物質と物質の性質

身の回りの物体を観察する

物体の形に注目する

物体の体積を考える

体積とは何か

水の量を測る

かたまりの体積を測る

物質の観察と体積の測定

重さとは何か

重さを感じ取る

てんびんで重さを測る

電子はかりで重さを測る

重さの理解と測定

形を変えて重さを測る

ねって形を変えて重さを比べる

切って分けて重さを比べる

形が変わっても重さは変わらないことを理解する

形を変えても重さは変わらない

形が変わると体積はどうなるか

同じ体積で重さを比べる

同じ体積・ちがう重さの実験

物質の重さと体積の関係

体積と重さの関係

増やしたり減らしたりして重さを調べる

物体の性質について問いを立てる

物体の重さについて予想と結果を比べる

日常生活の中の重さと体積

重さと体積で物体を分類する

物体の観察結果を報告する

重さと体積の探究とまとめ

力の大きさと向きの表し方

風の力を感じる

風が物体を動かす

風の強さと動き方の関係

風の強さを変えて調べる

風を起こす方法

風の力の大きさを比べる

風で動くものの種類

風の向きと物体の動く方向

風の力の効果を実験する

風の力で物体を動かす — 観察と実験

ゴムの力を感じる

ゴムをのばす力

ゴムの力で物体を動かす

ゴムののばし方と動き方の関係

ゴムののばし方を変えて調べる

ゴムの力の大きさを比べる

ゴムの種類と動き方

ゴムの力を利用したおもちゃ

ゴムの力で物体を動かす — 観察と実験

風の力とゴムの力を比べる

風とゴムの力の強さを比較する

風とゴムの力について問いを立てる

風とゴムの力で予想と結果を比べる

日常生活の風とゴムの力

風とゴムの力の実験を安全に行う

風とゴムの力の結果をまとめる

風の力とゴムの力の比較とまとめ

光エネルギーと電気エネルギー

光を観察する

光はまっすぐ進む

光がまっすぐ進むことを確かめる

影のでき方

形や大きさと影の関係

影のでき方を実験する

光の進み方と影

光の反射

鏡で光を返す

反射のしかたと角度

光の反射を実験する

光を集める

レンズで光を集める

集光して温度を測る

光の強さと明るさ

光が当たると明るくなる

光が当たると暖かくなる

明るさと暖かさの関係

日だまりと日かげを比べる

光を集める — 明るさと暖かさ

太陽の光を観察する

光の性質について問いを立てる

光の性質で予想と結果を比べる

日常生活の光の性質

光の観察を安全に行う

光の観察結果をまとめる

光の性質の探究とまとめ

Saco conclusiones de los experimentos que realizo

¿Qué hacer cuando los resultados no coinciden con la hipótesis?

Identificación de errores sistemáticos y errores aleatorios

Repetir una experiencia para comprobar los resultados

Relación entre mis conclusiones y las de otros autores

Redacción de la sección de discusión y conclusiones en un informe

Análisis de datos, errores y redacción de conclusiones

Writing Scientific Reports for Specific Audiences

Sharing Your Digital Work with Others

Choosing What to Draw to Help Others Understand

Using Multimedia Sources to Answer Research Questions

Communicating Findings for Specific Audiences

音を観察する

音の大小を聞き分ける

振動を感じる

音と振動の関係

音が出るとき振動することを確かめる

音の大きさと振動の関係

音の大きさを変えて振動を調べる

音の種類と振動のしかた

La persistencia como valor fundamental del trabajo científico

Modificación de procedimientos ante obstáculos experimentales

Cambiar de opinión ante nuevas pruebas

Formulación de nuevas preguntas derivadas de una investigación

El escepticismo científico como herramienta de conocimiento

Estudio de caso: el descubrimiento de la penicilina y la serendipia

Persistencia, escepticismo y evolución científica

音を止める方法

身の回りの音を観察する

音の性質について問いを立てる

音の性質で予想と結果を比べる

日常生活の音の観察

音の観察結果をまとめる

音の性質の観察とまとめ

磁石を観察する

磁石につくもの

磁石につかないもの

つくものとつかないものを分類する

磁石につくものとつかないもの

磁石の吸引と反発

N極とS極の性質

同じ極同士は反発する

磁石の極 — 引力と反発

OGS.7.SEP.1

Aligned learning resources

Related diagrams