<section xml:id="splice-integration">
<title>SPLICE Integration</title>
<p>
<url href="https://cssplice.org/" visual="cssplice.org">SPLICE</url>
is a project to supply documentation and infrastructure to help with adopting shared standards,
protocols,
and tools for web-based learning tools.
The project has designed a
<url href="https://cssplice.org/slcp/index.html" visual="cssplice.org/slcp">protocol</url>
for an embedded iframe to communicate with its host page.
</p>
<p>
One aspect is the ability of an iframe to ask for a new size.
Below is a test of that capability.
</p>
<p>
These are examples that use the
<url href="https://cssplice.org/slcp/index.html" visual="cssplice.org/slcp">SPLICE</url>
protocol for communicating with a server, such as Runestone.
They are all integrated into this <pretext /> book as an <tag>interactive</tag> that uses an <attr>iframe</attr> attribute to embed an iframe from some other server.
</p>
<p>
This first sample tests the ability of an iframe to ask for a new size.
</p>
<interactive xml:id="splice-resize-example" platform="javascript" width="60%" aspect="2:1" source="splice/splice-resize.js" />
<p>
The next uses
<url href="https://codecheck.io" visual="codecheck.io">CodeCheck</url>.
</p>
<figure xml:id="horstmann-codecheck">
<caption>CodeCheck <c>iframe</c></caption>
<interactive label="interactive-horstmann-codecheck" iframe="https://codecheck.io/files/wiley/ch-bj4cc-c06_exp_6_105" width="95%" aspect="1:1" />
</figure>
<p>
And the remaing four are from the
<url href="https://opendsax.cs.vt.edu/" visual="opendsax.cs.vt.edu">OpenDSA</url>
project.
</p>
<figure xml:id="opendsa-slideshow">
<caption>Stack pop slideshow</caption>
<interactive label="opendsa-slideshow-pop" iframe="https://opendsax.cs.vt.edu/embed/astackPopCON" width="95%" />
</figure>
<figure xml:id="splice-integration-insert">
<caption>A List Insertion Exercise</caption>
<interactive label="OpenDSA-list-insertion" iframe="https://opendsax.cs.vt.edu/OpenDSA/Exercises/List/AlistInsertPRO.html" width="100%" />
</figure>
<figure xml:id="splice-integration-bs">
<caption>A Binary Search Exercise</caption>
<interactive label="OpenDSA-integration-bs" iframe="https://opendsax.cs.vt.edu/OpenDSA/AV/Searching/binarySearchPRO.html" width="175%" aspect="3:1" />
</figure>
<figure xml:id="splice-integration-dijkstra">
<caption>Dijkstra's Algorithm Exercise</caption>
<interactive label="OpenDSA-integration-dijkstra" iframe="https://opendsax.cs.vt.edu/OpenDSA/AV/Graph/DijkstraPE.html" width="175%" aspect="1:1" />
</figure>
</section>
Section 3.28 SPLICE Integration
View Source for section
SPLICE is a project to supply documentation and infrastructure to help with adopting shared standards, protocols, and tools for web-based learning tools. The project has designed a protocol for an embedded iframe to communicate with its host page.
1
cssplice.org
2
cssplice.org/slcp
One aspect is the ability of an iframe to ask for a new size. Below is a test of that capability.
These are examples that use the SPLICE protocol for communicating with a server, such as Runestone. They are all integrated into this PreTeXt book as an
3
cssplice.org/slcp
<interactive>
that uses an @iframe
attribute to embed an iframe from some other server.This first sample tests the ability of an iframe to ask for a new size.
The next uses CodeCheck.
4
codecheck.io
View Source for figure
<figure xml:id="horstmann-codecheck">
<caption>CodeCheck <c>iframe</c></caption>
<interactive label="interactive-horstmann-codecheck" iframe="https://codecheck.io/files/wiley/ch-bj4cc-c06_exp_6_105" width="95%" aspect="1:1" />
</figure>
iframe
And the remaing four are from the OpenDSA project.
5
opendsax.cs.vt.edu
View Source for figure
<figure xml:id="opendsa-slideshow">
<caption>Stack pop slideshow</caption>
<interactive label="opendsa-slideshow-pop" iframe="https://opendsax.cs.vt.edu/embed/astackPopCON" width="95%" />
</figure>
View Source for figure
<figure xml:id="splice-integration-insert">
<caption>A List Insertion Exercise</caption>
<interactive label="OpenDSA-list-insertion" iframe="https://opendsax.cs.vt.edu/OpenDSA/Exercises/List/AlistInsertPRO.html" width="100%" />
</figure>
View Source for figure
<figure xml:id="splice-integration-bs">
<caption>A Binary Search Exercise</caption>
<interactive label="OpenDSA-integration-bs" iframe="https://opendsax.cs.vt.edu/OpenDSA/AV/Searching/binarySearchPRO.html" width="175%" aspect="3:1" />
</figure>
View Source for figure
<figure xml:id="splice-integration-dijkstra">
<caption>Dijkstra's Algorithm Exercise</caption>
<interactive label="OpenDSA-integration-dijkstra" iframe="https://opendsax.cs.vt.edu/OpenDSA/AV/Graph/DijkstraPE.html" width="175%" aspect="1:1" />
</figure>