Templates

qdex assets are a collection of templates, interactions, objects, and controls that users can implement in their modules. Users are encouraged to copy and modify the code as they see fit. 

Templates include cover pages, tables of contents, lesson plans, and various lesson layouts. 

 

Cover Page 1

This cover page template contains a title, a subtitle, and a short description about the module.


Cover Page 2

This cover page template contains a title, an image, and a short description about the module.


Cover Page 3

This cover page template contains a title, an objectives section, a lesson outline, and a homework section that can be customized to suit your needs.


Cover Page 4

This cover page template contains a title, a course title, an image, an introduction section, and an objectives section, which can be easily customized to suit your needs.


Cover Page 5

This cover page template contains a title and a subtitle.


Cover Page 6

This cover page template contains a title, an objectives section (that uses icons and text), an introduction section, and a lesson outline that can be customized to suit your needs.


Cover Page 7

This cover page template contains a title, a subtitle, a banner image, and a grid-style objectives section.


Cover Page 8

This cover page template contains a banner image, a title, an introduction section, and an objectives section.


Cover Page 9

This cover page template contains a chapter number, a chapter name, and an introduction section.


Table of Contents - Grid

This table of contents layout includes section titles and corresponding links arranged in a grid style.


Table of Contents - Rows

This table of contents layout includes images, section titles, description sections, and corresponding links arranged in rows.


Table of Contents - Sections

This table of contents layout includes images and section titles which double as links. Sections are grouped together into units.


Lesson

This lesson layout includes boxed sections (for key topics, summary points, additional notes, etc.), a main lesson section, a simulation section, and an image section.


Sidebar Lesson

This lesson layout features a sidebar with navigation buttons that allows the user to move between the different pages of a module. It also includes a main lesson section, a simulation section, a question section and a section for related links in the sidebar.

 

Lab

This lab layout includes multiple sections (for introduction, background, procedure, etc.) that can be used to accompany or replace lab descriptions, depending on the content inserted. It also includes fields for the user to input data to email to a TA or Professor.

 

Important Events

This schedule layout arranges important events and descriptions in a column layout with the date on the left and the events on the right. Plot tools is used to display the dates.


Important Events

This schedule layout displays important events and descriptions based on the day they are scheduled to occur. It uses a column layout with dates on the left and events on the right. Multiple events can be assigned to the same day.


Weekly Schedule

This schedule layout arranges dates and important events based on the day of the week. Each page contains a full week and a button is used to navigate between each week.


Tab Template

This control includes three mutually exclusive buttons that can each display different content.


Header 1

This object displays a header with line styling above and below the title.


Header 2

This object displays a header with a darkly colored background behind the title.


Header 3

This object displays a basic header with placeholders for the title and subtitle.


Header 4

This object displays a right-aligned header with a colored background and placeholders for the title and subtitle.


Header 5

This object displays a header with a lightly colored block background behind the title.


Simulation Layout

This simulation layout includes a plot that updates as the sliders move. A button is used to update a real time plot and animation with the slider values.

Interactions

qdex assets are a collection of templates, interactions, objects, and controls that users can implement in their modules. Users are encouraged to copy and modify the code as they see fit. 

Interactions are full-scale simulations with interactive components. The interactions below include math, science, and engineering concepts for high school and university students.

 

Match the Waveform

This interaction has students attempting to mimic the parameters of a sine wave using sliders. A button is used to create a new random example, for continuous practice.


Rotate, Reflect, Translate

In this interaction students can manipulate the vertices of a triangle, then transform the shape using rotation, reflection, and translation. 


Unit Circle

This interaction allows students to explore the relationship between sine, cosine, and tangent values using a unit circle and graph. The values change as the marker is moved on the circle or along the graph.


Triangle Centres

This interaction allows the user to interact with a triangle using gestures and observe how the different types of triangle centres change accordingly.


Compound Interest

This interaction allows students to explore the compound interest formula and the effect that changing the interest rate, compounding period, and principal sum has on the future value.


Ellipse

This interaction simulates the process of drawing an ellipse on paper using pins and string. It allows the student to adjust the location of the foci and observe how it changes the shape of the ellipse.


Functions and Derivatives

This interaction allows the student to explore the relationship between a function and its first and second derivative. The student can adjust the coefficients of the function and observe how the first and second derivative graphs change as a result.


Bisection Method

In this interaction students have the opportunity to select an interval and then observe the use of the bisection method to approximate the root of a function.  


Hyperbola

This interaction allows the student to explore the properties of a hyperbola. The student can adjust the values in the hyperbola equation and observe how the graph changes.


Newton-Rahpson Method

In this interaction students have the opportunity to make an initial guess at the root of the interval and then observe how Newton’s method is used to approximate the root of a function.


River Crossing

This interaction allows students to practice their vector problem-solving skills by attempting to get the boat to the target. The student may adjust river width, river speed, and boat speed to achieve their goal. A button is used to generate a new random target location, for continuous practice.


Save the Swimmer

This interaction has students attempting to minimize the time it takes to travel from one location to another based on the given velocities. A button is used to create a new random example, for continuous practice.  


Convex and Concave Lenses

This interaction allows students to adjust the lens, lens material, object height, and object location and then observe the resulting image location. It includes a converging and diverging lens.


Forces and Supports

This interaction allows students to develop their understanding of reaction forces in relation to supports. The students may observe the movement of the planks secured using three different support methods, draw their expected free body diagram, and compare it to the correct answer.


Superposition and Interference

This interaction allows students to adjust the period and amplitude of two waves and observe the resulting interference. The student must then determine whether constructive or destructive interference is occurring at the given line. A button is used to generate a new random line, for continuous practice.


Taylor and Maclaurin Series

In this interaction, students can adjust the number of terms in the Maclaurin series and observe how the approximation changes relative to the exact graph of the function.


Integration

This interaction features a two page lesson introducing the concept of integrals. Includes a definte integral interaction.


Riemann Sums

In this interaction, students can adjust the parameters of a Riemann sums estimate and observe how the estimate changes relative to the exact integral value.  


Binary Representation

In this interaction a table is used to show the binary representation of numbers 0-255 in 8 bits.


Polar Coordinates

In this interaction students can explore the relationship between cartesian and polar coordinates. On the second page, students can adjust the parameters of three polar equations. 


2 Link Planar Manipulator

In this interaction, students can manipulate the angles of a 2 link planar manipulator. A button is used to create a random target to move the manipulator to.


3 Link Planar Manipulator

In this interaction, students can manipulate the angles of a 2 link planar manipulator. A button is used to create a random target to move the manipulator to.


S-Plane and Time Response

This interaction allows students to interact with the poles of a transfer function using gestures and sliders. The time domain response changes as the poles are moved.


Beats

In this interaction students can adjust the frequency of two sine wave and see the resulting summed wave.


Bode Plot

This interaction lets students explore the connection between the values of a transfer function and the bode plot.


Root Locus

In this interaction students have the opportunity to alter a characteristic equation and see the root locus. The relationship between system specifications and the roots is also explored. 

Objects

qdex assets are a collection of templates, interactions, objects, and controls that users can implement in their modules. Users are encouraged to copy and modify the code as they see fit. 

Objects include useful or common blocks of code that can be inserted into modules to explain concepts, emphasize ideas, or gain user feedback.

Step by Step Equation

This equation layout includes sections to insert lines of solution and corresponding explanations. The solution is initially hidden and a button is used to reveal the next line.


Block with Background

This object uses a colored block and title to emphasize a concept or idea.


Block with Border

This object uses a colored border and title to emphasize a concept or idea.


Case Study 1

This object is a layout option for displaying case studies, summary points and other similar content. It includes a section for a title and content.


Case Study 2

This object is a layout option for displaying case studies, summary points and other similar content. It includes a section for a title and content.


Feature Layout 1

This object organizes images and text into a 2x2 layout, with a text description directly below each image.


Feature Layout 2

This object organizes short text descriptions side-by- side with a line above and below the text, to separate it from the rest of the pages contents.


Feature Layout 3

This object organizes text into a numbered grid with a colored background that can be customized to fit your module.


Feature Layout 4

This object organizes text into numbered rows, each with a colored background that can be customized to fit your module.


Feature Layout 5

This object places thin bars of color next to text descriptions. The color of the bar can be customized to fit your module.


Feature Layout 6

This object organizes short text descriptions into boxes arranged side-by- side.


Image Slideshow

This feature uses a simulation to display an image for a set time interval before moving on to the next one. Once it cycles through all the images, it restarts the cycle at the first image.


Image Carousel with Text

This feature allows users to toggle through a set of images using buttons. The current image and the total number of images are displayed in text.


Image Carousel with Circles

This feature allows users to toggle through a set of images using buttons. The current image is tracked and displayed with a set of circles under the image. This object is recommended for smaller side sets with 10 or less images.


Q&A: Check Boxes with Text

This question layout uses check boxes to choose between four different text options.


Q&A: Check Boxes with Images

This question layout uses check boxes to choose between four different image options.


Q&A: Choice List

This question layout uses a qdex choiceList element to choose between multiple text options.


Q&A: Button Options (2x2)

This question layout uses buttons, arranged in a 2x2 pattern, to choose between four different text options.


Q&A: Button Options (1x4)

This question layout uses buttons, arranged in a 1x4 pattern, to choose between four different text options.


Q&A: Matching

This object uses buttons to create a matching question template that allows users to click and drop items into different placeholders. It includes a “Check” button for users to see how many items they correctly matched after completing the question.


Q&A: User input

This question layout uses a textField to allow users to enter their answer.


Q&A: User Input in Scientific Notation

This question layout uses two textFields to allow users to enter their answer in scientific notation.


Q&A: Choice List

This question layout uses a qdex choiceList element to choose between multiple text options.


Q&A: True or False

This question layout uses a qdex choiceList element to choose between true and false options.


Q&A: Fill in the Blank

This question layout uses textFields to allow users to enter fill in the blank answers.


Stopwatch

This template uses a simulation to create a stopwatch. The stopwatch is controlled by two buttons, which can be used to stop, play, and reset the time.


Survey Template

This survey template allows the user to rate different categories using check boxes and then input additional feedback using a text field. The user responses are submitted through email to a pre-set email address.

Controls

qdex assets are a collection of templates, interactions, objects, and controls that users can implement in their modules. Users are encouraged to copy and modify the code as they see fit. 

Controls are qdex elements that allow users to specify values or interact with other qdex components.

 

Drop Down Options

This object uses buttons to simulate a drop down menu that allows users to choose an option from a preset selection.


Slider with Label

This  control includes a slider with a label that outputs the current value of the slider.


Slider with Number Range

This control includes a slider with labels to represent the approximate number that the slider has selected.


Locking Slider

This control includes a slider that locks position on the whole numbers in a range.


Locking Slider with Range

This  control includes a locking slider with labels to display what value is being selected.


Up/Down Control

This control uses two buttons to increase or decrease the value of an integer.


Up/Down Control with Limits

This control uses two buttons to increase or decrease the value of an integer, with upper and lower limits.


Checkbox

This control hides/displays a checkmark symbol within a checkbox button on each click.