<!-- .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}]"}
    690 views
   owned this note