Derivatives and Integrals: An Annotated Discourse

<section xml:id="section-interactive-code">
      <title>Interactive Coding</title>
      <introduction>
        <p>
          More interactive components, just for testing, no commentary.
        </p>
      </introduction>
      <exercises>
        <title>ActiveCode</title>
        <introduction>
          <p>
            ActiveCode, Python program.
          </p>
        </introduction>
<listing xml:id="program-activecode-python">
<title>An interactive Python program, using <pubtitle>Runestone</pubtitle></title>
<program xml:id="python-hello-world" label="python-hello-world" interactive="activecode" language="python">
<code>
print("Hello, World!")
</code>
</program>
</listing>
<listing xml:id="program-activecode-python-no-codelens">
<title>An interactive Python program without codelens.</title>
<program xml:id="python-hello-world-no-codelens" label="python-hello-world-no-codelens" interactive="activecode" language="python" codelens="no">
<code>
print("Hello, World!")
</code>
</program>
</listing>
      </exercises>
      <exercises>
        <title>CodeLens</title>
        <introduction>
          <p>
            A steppable Python program.
          </p>
        </introduction>
<listing xml:id="program-codelens-python">
<title>A Python program, stepable with CodeLens</title>
<program xml:id="python-hello-world-code-lens" label="python-hello-world-code-lens" interactive="codelens" language="python">
<code>
print('Hello, World!')
</code>
</program>
</listing>
      </exercises>
      <exercises>
        <title>Activity with An ActiveCode</title>
        <introduction>
          <p>
            Something to do with ActiveCode program.
          </p>
        </introduction>
        <activity xml:id="coding-exercise-partial-two" label="coding-exercise-partial-two">
          <title>Activity Coding Exercise</title>
          <statement>
            <p>
              Similar to above,
              but now as a complete Python program inside an <tag>activity</tag>.
              This demonstrates the possibility to use any
              <q>project-like</q>
              block (<tag>project</tag>,
              <tag>activity</tag>, <tag>exploration</tag>,
              <tag>investigation</tag>),
              but not in the case when structured with <tag>task</tag>.
            </p>
          </statement>
<program label="partial-program-two" interactive="activecode" language="python">
<code>
for i in range(10):
print(i)
</code>
</program>
          <answer>
            <p>
              We're still not really sure.
            </p>
          </answer>
        </activity>
      </exercises>
      <subsection>
        <title>YouTube</title>
        <p>
          Video, observable on a Runestone server.
        </p>
        <video xml:id="yt-list-vars" youtube="X1-UNHUajfk" width="60%" margins="5% 35%" preview="yt-list-variables.png" />
      </subsection>
    </section>