Embedding Content

To fully customize the online report sheet, Intructors can specify images, videos, another website or an interactive animation for the Chem21Labs content specialists to embed into the webpage. If you want to "conserve real estate" on a webpage, the object can be hidden and then accessed by clicking a link to expand/collapse a section of the webpage. Some examples are show below:

Image

The visible spectrum image (click the More Information link below to expand the section that contains the image) was included in a lab report so that students could select the color that corresponds to a randomly-assigned frequency. This image can be permanently displayed on the webpage or hidden inside a collapsible section to conserve space.

Video

Videos of any type can be embedded in the lab report webpage. Below is a reaction between Sodium metal and Water. Using videos of highly reactive reagents is a great way for students to "view" a chemical reaction without actually performing it. After watching the video, students write a balance chemical equation.

Website

A website containing the color of indicators at various pHs can be linked to OR simply displayed within the lab report webpage. This information is provided so that students can determine the identity of the indicator would be the best choice for detecting the equivalence point of the KHP / NaOH titration based on the student's own laboratory results - scroll about halfway down in the embedded Wikipedia website to view the table containing the indicator colors at low and high pH.

Interactive Animation

The ¹H NMR spectrum (below) contains the chemical shifts of the various proton absorptions for Eugenol (aka Clove Oil). The integration traces can be measured using the draggable ruler or by recording the y value of the mouse at the bottom and top of the integration trace. These values and the corresponding number of Hydrogens present in each absorption can be reported in the lab report and automatically graded.

In the animation below, the "touch code" has the cursor offset from your finger which allows it to have "fake mouseover" actions. Once the cursor is over the flask or beaker or stopcock, place a second finger on the touch surface to create a "mousedown" effect.