diff --git a/book/_toc.yml b/book/_toc.yml index 0219d36..f87daa6 100644 --- a/book/_toc.yml +++ b/book/_toc.yml @@ -74,6 +74,8 @@ parts: - file: basic-features/utterances.md - file: features/jupyterquiz.ipynb - file: features/h5p.md + sections: + - file: examples/h5p_examples.md - file: features/plotly.ipynb - file: external/Sphinx-Grasple-public/README.md - file: features/HTML_javascript.md @@ -103,7 +105,6 @@ parts: chapters: - file: examples/overview.md - file: examples/book_structure.md - - file: examples/h5p_examples.md - file: examples/live_code.md - file: examples/example_gumbel.ipynb - file: examples/theory_questions.md diff --git a/book/examples/h5p_examples.md b/book/examples/h5p_examples.md index 2fb9df5..4c08839 100644 --- a/book/examples/h5p_examples.md +++ b/book/examples/h5p_examples.md @@ -1,14 +1,4 @@ -# Types of H5p Quizzes - -This page will show some examples of H5p quizzes built into a variety of TeachBooks to allow the students to test their understanding of the content as they read. H5p quizzes can be used to create a set of Multiple Choice, Drag and Drop, Fill in the blanks, True/False and Image choice questions so the applications are quite versitile and your imagination can be used in creating the questions. - -## Getting started with H5p - -Some best-practices on the use of H5p: - - To startup your H5p-account, first login to H5p via Brightspace. You can follow instructions as under [https://www.tudelft.nl/teaching-support/educational-tools/h5p](https://www.tudelft.nl/teaching-support/educational-tools/h5p). - - After that, direct login is possible via [tudelft.h5p.com](https://tudelft.h5p.com) - - Place your H5p-elements in a shared folder in H5p. - - Disable the display options "Toolbar Below Content" and "Display author's name to public (anonymous users) (only relevant when content's status is set to Public )" for each +# Examples of H5p Quizzes ## Dialog cards @@ -48,7 +38,8 @@ Dialoge Card **Try it out!** - +```{h5p} https://tudelft.h5p.com/content/1292050206829217497/embed +``` ## Question Set @@ -96,7 +87,8 @@ Tips Have a look at the following 7 questions. - +```{h5p} https://tudelft.h5p.com/content/1292062157562749767/embed +``` ## Complex fill in the blanks @@ -125,7 +117,7 @@ Wrong Answer + Feedback **MUDE - Optimization** -Since the cells can be used to evaluate numerical answers, they are an easy way to quiz the student on matrices and evaluate the result of each position indidependently. The optimization team of MUDE took this a step further and used this set-up to quiz the students on the SIMPLEX method. This method automates the solving of the augmented form of a linear programing problem with continuous variables. It makes use of tables and the manipulation of equations to find the optimal vaues. Unfortunately, with a large number of variables this tables tend to get quite big and filling in the cells becomes laborous. +Since the cells can be used to evaluate numerical answers, they are an easy way to quiz the student on matrices and evaluate the result of each position independently. The optimization team of MUDE took this a step further and used this set-up to quiz the students on the SIMPLEX method. This method automates the solving of the augmented form of a linear programming problem with continuous variables. It makes use of tables and the manipulation of equations to find the optimal values. Unfortunately, with a large number of variables this tables tend to get quite big and filling in the cells becomes laborious. ```{figure} figures/blanks3.PNG --- @@ -134,9 +126,20 @@ align: center --- SIMPLEX Method ``` -**Try it out!** +**Truss structure** - +Truss structures are modelled as rigid bars (so elements which cannot deform) connected by hinges (so elements can rotate with respect to one each other). In our model, hinges are indicate with a circle, and bars with a line. For example, the structure you've seen in the second example (with two diagonal bars removed) is modelled as follows: + +```{figure} ../images/Truss1.svg +:name: truss structure + +Bars and hinges in truss structure +``` + +Now that you've been introduced to truss structures, answer the following question: + +```{h5p} https://tudelft.h5p.com/content/1291910926067816717/embed +``` ## True or False @@ -165,7 +168,8 @@ The small circles below the question indicates that there are more questions in **Try it out!** - +```{h5p} https://tudelft.h5p.com/content/1292061623388939257/embed +``` ## Drag and Drop diff --git a/book/features/h5p.md b/book/features/h5p.md index bf244c0..fab49f2 100644 --- a/book/features/h5p.md +++ b/book/features/h5p.md @@ -27,18 +27,14 @@ A full list of all available interactive elements is available on the website of - Interactive video - Image hotspot -More information on H5p: [Teaching Support - Educational Tools - H5P](https://www.tudelft.nl/teaching-support/educational-tools/h5p) +Some best-practices on the use of H5p: +- H5p requires its own hosting. TU Delft provides this for TU Delft employees. +- To startup your H5p-account, first login to H5p via Brightspace. You can follow instructions as under [https://www.tudelft.nl/teaching-support/educational-tools/h5p](https://www.tudelft.nl/teaching-support/educational-tools/h5p). +- After that, direct login is possible via [tudelft.h5p.com](https://tudelft.h5p.com) +- Place your H5p-elements in a shared folder in H5p. +- Disable the display options "Toolbar Below Content" and "Display author's name to public (anonymous users) (only relevant when content's status is set to Public )" for each element for a smooth experience. On the other hand, the options 'Toolbar below content' in combination with 'Allow users to download content' allow people to reuse your questions, making them more open. +- Use it in combination with [](../external/sphinx-iframes/README.md) to allow for a proper dark mode, dynamic scaling and a transparent background. -## Example -Truss structures are modelled as rigid bars (so elements which cannot deform) connected by hinges (so elements can rotate with respect to one each other). In our model, hinges are indicate with a circle, and bars with a line. For example, the structure you've seen in the second example (with two diagonal bars removed) is modelled as follows: +In the next subpage, these exampled are shown. -```{figure} ../images/Truss1.svg -:name: truss structure - -Bars and hinges in truss structure -``` - -Now that you've been introduced to truss structures, answer the following question: - -```{h5p} https://tudelft.h5p.com/content/1291910926067816717/embed -``` \ No newline at end of file +More information on H5p using the TU Delft provided hosting: [Teaching Support - Educational Tools - H5P](https://www.tudelft.nl/teaching-support/educational-tools/h5p) \ No newline at end of file