![](https://openeducationday.ch/wp-content/uploads/sites/5/2024/03/oed-logo-finish-export.svg)

# reveal.js

**Hands-on** with the open (source) presentation framework

<hr>

CC-BY-4.0: [Quelle](https://github.com/digital-sustainability/open-source/blob/main/docs/slides/2024-oed/content.md) - `04.05.2024`
--
![](http://api.qrserver.com/v1/create-qr-code/?color=000000&bgcolor=FFFFFF&data=https%3A%2F%2Fgithub.com%2Fdigital-sustainability%2Fopen-source%2Fblob%2Fmain%2Fdocs%2Fslides%2F2024-oed%2Fcontent.md&qzone=0&margin=0&size=400x400&ecc=L)

## Scan me!
--
![me](https://github.com/MarkusTiede/about/raw/main/img/me-circle.png)

[Markus Tiede](http://www.mtiede.de) 👨‍🏫 [DSL](https://www.bfh.ch/de/forschung/forschungsbereiche/digital-sustainability-lab/) & [IPST](https://www.bfh.ch/de/forschung/forschungsbereiche/public-sector-transformation/) - board member @ [CH Open](https://www.ch-open.ch) + OK @ [DINAcon](https://dinacon.ch)

![Friend of Eclipse](https://www.eclipse.org/community/newsletter/imagesmisc/frendsEclipse.png "Friend of Eclipse")
---
# 👨‍🏫 .. 🤔 .. ⭐

```md [|1|3|5-6|8|]
Einleitung ✅ und einer Übersicht der Features > 1️⃣ 

Open Educational Resources: quelloffene Lehrinhalte > 2️⃣

leichtgewichtiges technisches Setup > 3️⃣ 
 - Live-Demonstration!

Referenzen aus der Lehrpraxis > 4️⃣
```
---
# 1️⃣

## Übersicht der Features
--
<img src="https://static.slid.es/reveal/logo-v1/reveal-black-text.svg" width="800px">

https://revealjs.com/?demo
--
# Top 3

Webseite & [Links](https://revealjs.com/links/)

[Markdown](https://revealjs.com/markdown/)

[Media](https://revealjs.com/media/) & [Code](https://revealjs.com/code/)
---
# 2️⃣

## Open Educational Resources
--
https://virtuelleakademie.ch/knowledge-base/kategorie/oer-entwickeln/

<hr>

https://virtuelleakademie.ch/knowledge-base/cc-lizenzen-richtig-nutzen/
--
# Lizenz(ieren)

**Quelle: [Markdown](https://raw.githubusercontent.com/bfh/opensource/main/docs/slides/2024-oed/content.md) ✅**

<hr>

Binaries: PPTX, PDF, [Webseite](https://github.com/bfh/opensource/blob/main/docs/slides/2024-oed/content.md#open-educational-resources), ... ❌
---
# 3️⃣

## technisches Setup
--
## [Full Setup - Recommended](https://revealjs.com/installation/#full-setup)

```bash [|2-4|7|]
# install Node.js (10.0.0 or later)
git clone https://github.com/hakimel/reveal.js.git \
  && cd reveal.js && npm install \
  && npm start

# BFH Theme
git clone https://github.com/bfh/reveal.js.git \
  && cd reveal.js && npm install \
  && npm start
```
--
# Live-Demo

1. `index.html`

2. `demo.html`

3. `bfh.html`
---
# 4️⃣

## Referenzen aus der Lehrpraxis
--
Theme: https://github.com/bfh/reveal.js

<hr>

⭐ https://bfh.github.io

https://github.com/digital-sustainability

- 6 ECTS: [module-wseg](https://github.com/digital-sustainability/module-wseg)
- 3 ECTS: [module-eoss](https://github.com/digital-sustainability/module-eoss)

<hr>

[CAS PST](https://github.com/digital-sustainability/cas-pst)
--
![](https://upload.wikimedia.org/wikipedia/commons/thumb/8/87/PDF_file_icon.svg/391px-PDF_file_icon.svg.png)

https://github.com/astefanutti/decktape
---
# Danke!

## Q&A