H5P Con 2018 Melbourne

1. Innovative subject specific H5P
content types in DigiOppeVaramu
project (math, music, chemistry,
history)
Priit Tammets, Sander Aido
Tallinn University, Estonia

2. “Digital Learning Resources for High
Schools” (DigiÕppeVaramu, DÕV)
• The project delivers a set of original validated digital
learning resources for high schools in four domains:
mathematics, natural sciences, social sciences and arts.
• 05.2017 - 10.2018
• Funded by Ministry of Education, Estonia
• Coordinated by Tallinn University, more than 120 authors

3. Concept
• Learning resource as a smaller piece (“Lego-brick”)
• As compact as possible
• Re-usable
• Platform independent
• Resources for supporting teaching and learning activities
• Organised and usable via e-Schoolbag (https://e-
koolikott.ee)

4. Tecnical requirements
• https://github.com/Oppevara/oppevara
• Drupal 7 (+ modules), H5P
• Supports all modern operation systems and browsers
• Responsive layout *
• Image resolution at least 12MP, illustrations SVG-s or similar
• Videos (HDR) 3840x2160 at 60 Hz
• WCAG 2 AA, for Rich Internet Application content WAI-ARIA 1.1
(https://h5p.org/h5p-accessibility-wcag-aria-moodle) *

5. Additional content types &
extensions (H5P)
• Based on the needs of our content authors in four subject areas (social sciences, natural
sciences, mathematics and arts), new H5P content types and other original technical
solutions were added:
• Kekule.js
• VisualMathEditor
• GeoGebra
• Assessment rubric
• Music exercises
• Grid Checker
• Fill the blanks (dropdown)
• Challenge

6. Kekule.js
• Kekule.js is an open source
JavaScript library for
chemoinformatics released
under MIT license. Currently, it
is molecule-centric, focusing
on providing the ability to
represent, draw, edit, compare
and search molecule
structures on web browsers.
• http://partridgejiang.github.io/K
ekule.js/demos/index.html

7. Kekule demo
(https://vara.e-koolikott.ee/node/6966)
Kekule Reaction Exercise
(https://vara.e-koolikott.ee/node/6967)

8. Visual Math Editor
• VisualMathEditor is a LaTeX,
AscciMath and MathML editor
developed in Javascript and
HTML. It has many features
and menus that help the
equation-entry and allow their
posting and backup.
• http://visualmatheditor.equathe
que.net

9. Quiz + Visual Math Editor
(https://vara.e-
koolikott.ee/node/49)

10. GeoGebra
• GeoGebra is dynamic
mathematics software for all
levels of education that brings
together geometry, algebra,
spreadsheets, graphing,
statistics and calculus in one
easy-to-use package.
• https://www.geogebra.org/

11. GeoGebra
(https://vara.e-
koolikott.ee/node/4874)

12. Assessment Rubric
• A rubric is a criterion referenced
assessment tool used to score
assignments or performances.
Work is scored/graded based on
how well the finished product lines
up with the criteria listed on the
rubric. A rubric is a very powerful
device for performance-based
assessments, such as oral
presentations or projects, but also
makes grading essay questions
and narratives quick and easy.
• Example -
https://www.quickrubric.com/r#/cre
ate-a-rubric

13. Assessment Rubric
(https://vara.e-
koolikott.ee/node/6968)

14. Music exercises
• Automatically generated
exercises (ca 30 different) on
musical pitch, tempo, melody
and harmony)
• https://tarmoj.github.io/komp/in
dex.html
• Demo:
https://youtu.be/dDd7LuKh6zA
• Demo 2: https://vara.e-
koolikott.ee/node/6972

15. Grid Checker
• Questions as rows, and
options columns, number not
limited
• Optionally row required
• Input as checkbox, radio
button or text
• Demo: https://vara.e-
koolikott.ee/node/3053

16. Fill in the blanks + dropdown
• *right answer/another right answer/wrong
answer~:hint*
• 1. Expression must be contained by
asterisks (*).
• 2. Options are separated by forward
slash (/).
• 3. Hint is separated by a colon (:).
• 4. Wrong answers must be postfixed with
a tilde (~).
• 5. Hints and wrong answers are optional.
• 6. If no wrong answers are provided, the
multiple choice is converted into a fill the
blank style field.

17. Challenge
• Kahoot-style 'Game' solution for
enabling teachers to check the
learners' interactions with H5P
resources
• Works currently with native H5P
content types which are using xAPI
statements
• Demo: https://e-
koolikott.ee/material?name=Tehnika
_ja_teaduse_areng&id=16588
• Demo 2:
https://www.youtube.com/watch?v=
9Ubrh6wpzoQ

18. DÕV as a service
• DÕV as a authoring tool, user
(teacher, student) access via e-
Schoolbag
• OAI-PMH (OAI Protocol) for
metadata harvesting (flagged
resources -> e-Schoolbag)
• based on common taxonomy
for DÕV & e-Schoolbag
• Badgr (open badges) *
• LTI for linking content from
DÕV to LMS *

19. Thank you!
https://oppevara.github.io
aido@tlu.ee, tammets@tlu.ee