<!-- .slide: data-background-image="https://media.giphy.com/media/qgRcS5yO99UWc/giphy.gif" -->
# OER Tools
---
<!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#0E0047" data-background-opacity="0.5"-->
## H5P: very basic example
<iframe src="https://oerlab.blog/wp-admin/admin-ajax.php?action=h5p_embed&id=7" width="958" height="264" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
---
<!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#0E0047" data-background-opacity="0.5"-->
## H5P: more advanced example
<iframe src="https://h5p.org/h5p/embed/617" width="1090" height="675" frameborder="0" allowfullscreen="allowfullscreen" allow="geolocation *; microphone *; camera *; midi *; encrypted-media *"></iframe>
---
<!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#0E0047" data-background-opacity="0.5"-->
## H5P: how to create?
* on our project blog
* testing on einstiegh5p.de
* on every wordpress, moodle, ilias or wordpress website
H5P can be embedded nearly everywhere.
---
<!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#0E0047" data-background-opacity="0.5"-->
## H5P: why use it?
* Open Source
* can be remixed easily
* lots of different interactions are possible.
**example/ idea:** recorded presentation from the summer school with some interactions
---
<!-- .slide: data-background-image="https://media.giphy.com/media/l0EtNl3BliiFA9klZe/giphy.gif" -->
## Let's try!
---
<!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#0E0047" data-background-opacity="0.5"-->
## H5P: how to start?
* Overview on h5p.org
* write us an email in order to use it on our blog
---
<!-- .slide: data-background-image="https://media.giphy.com/media/GiWEowj3nQv9C/giphy.gif" -->
# What else?
---
<!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#044c16" data-background-opacity="0.5"-->
## HackMD, CodiMD, HedgeDoc ...
* Non Open Source version: https://hackmd.io
* Open installations: e.g. https://hackmd.okfn.de
* Testing and information: https://hedgedoc.org/
---
<!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#044c16" data-background-opacity="0.5"-->
## Explanation
Open source collaborative editor with possibility to present your contents
---
<!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#044c16" data-background-opacity="0.5"-->
## Example: this presentation!
Click on the little pencil in the button and you will see, how it was created.
---
<!-- .slide: data-background-image="https://media.giphy.com/media/DYH297XiCS2Ck/giphy.gif" -->
## Have fun!
---
# Licence
<p xmlns:dct="http://purl.org/dc/terms/">
<a rel="license"
href="http://creativecommons.org/publicdomain/zero/1.0/">
<img src="http://i.creativecommons.org/p/zero/1.0/88x31.png" style="border-style: none;" alt="CC0" />
</a>
<br />
To the extent possible under law,
<span rel="dct:publisher" resource="[_:publisher]">the person who associated CC0</span>
with this work has waived all copyright and related or neighboring
rights to this work.
</p>
{"metaMigratedAt":"2023-06-15T21:05:28.506Z","metaMigratedFrom":"YAML","title":"OER format and tools","breaks":"true","slideOptions":"{\"transition\":\"slide\",\"slideNumber\":false,\"data-background\":null}","contributors":"[{\"id\":\"2faf1b42-2a1b-49f4-8d61-e033f2026327\",\"add\":4930,\"del\":1491}]"}