Inhalte effizient onlinebringen

Treffpunkt Hochschuldidaktik

Richard Conrardy
richard.conrardy@phbern.ch

University of Teacher Education Bern

18.03.2024

Learning Outcomes

Inhalt

  1. Learning Outcomes

  2. Webseite erstellen und publizieren

  3. Inhalte erstellen

  4. Theorie

Expectation management

  • besser als Powerpoint, Word, Ilias, SWITCHportfolio etc.
  • schlechter
  • erfrischend anders!

Learning Outcomes

  1. Wir erstellen eine Webseite in 5 Minuten.
  2. Wir schreiben in 7 Sprachen.

Webseite erstellen und publizieren

Inhalt

  1. Learning Outcomes

  2. Webseite erstellen und publizieren

  3. Inhalte erstellen

  4. Theorie

3 step plan

  1. Webseite erstellen
  2. Webseite auf Ilias stellen
  3. Webseite auf dem Internet publizieren

Inhalte erstellen

Inhalt

  1. Learning Outcomes

  2. Webseite erstellen und publizieren

  3. Inhalte erstellen

  4. Theorie

In der about.qmd Datei:

1. Yaml

---
title: "Über mich"
subtitle: "Untertitel"
author: "Richard Conrardy"
---

2. Markdown

# Überschrift 1

## Überschrift 2

*kursiv*

**fett**

[Link zur PHBERN](https://www.phbern.ch/)

![Logo der PHBern](https://www.phbern.ch/themes/custom/phbern/logo.svg)

kursiv

fett

Link zur PHBERN

Logo der PHBern

3. HTML

<details>
<summary>Lösungsvorschlag</summary>
3x+2
</details>
Lösungsvorschlag 3x+2

Videos:

<iframe width="420" height="345" src="https://www.youtube.com/embed/fkudzVU_Vec">
</iframe>

4. \(\LaTeX\)

$\sqrt{\frac{3}{4}}$

$$\sqrt{\frac{3}{4}}$$

\(\sqrt{\frac{3}{4}}\)

\[\sqrt{\frac{3}{4}}\]

5. Javascript (mermaid JS)

```mermaid
graph LR
  Start --> Stop--> Weiter
  Start -->Weiter
```

graph LR
  Start --> Stop--> Weiter
  Start -->Weiter

6. R (oder Python, oder OJS)

{r} damit es ausgeführt wird

```r
# Create data
labels <- c("40%", "60%")
sizes <- c(40, 60)
colors <- c("#FF9999", "#66B2FF")  # You can change colors as per your preference
# Create pie chart
pie(sizes, labels = labels, col = colors, main = "Pie Chart: 40% - 60% Distribution")
```

7. CSS (in styles.css)

h1 {
    color: #800020;
}

8. BibTeX

@ryan_self-determination_2000

[vgl. @ryan_self-determination_2000,S.43]

Ryan & Deci (2000)

(vgl. Ryan & Deci, 2000, S. 43)

Warnung

Dies bedarf jedoch gewisser Einstellungen in _quarto.yml!

::: {.callout-warning}
Dies bedarf jedoch gewisser Einstellungen in `_quarto.yml`!
:::

Extra: Slideshow

---
format: revealjs
title: "Über mich"
subtitle: "Untertitel"
author: "Richard Conrardy"
---

(wenig getestete Optionen: pdf, docx, pptx)

interessant:

---
format: 
  html: default
  pdf: default
  docx: default
title: "Über mich"
subtitle: "Untertitel"
author: "Richard Conrardy"
---

Webseite anpassen in _quarto.yml

project:
  type: website

website:
  title: "test3"
  navbar:
    left:
      - href: index.qmd
        text: Home
      - about.qmd

format:
  html:
    theme: cosmo
    css: styles.css
    toc: true

Theorie

Inhalt

  1. Learning Outcomes

  2. Webseite erstellen und publizieren

  3. Inhalte erstellen

  4. Theorie

Datenschutzrecht

Dieses Gesetz gilt für jedes Bearbeiten von Personendaten durch Behörden.

Art. 4 Abs.1 KDSG

Personendaten sind Angaben über eine bestimmte oder bestimmbare natürliche oder juristische Person.

Art.2 Abs.1 KDSG

Urheberrecht

Der Arbeitnehmer ist für den Schaden verantwortlich, den er absichtlich oder fahrlässig dem Arbeitgeber zufügt.

Art.321e Abs.1 OR

Veröffentlichte Werke dürfen zitiert werden, wenn das Zitat zur Erläuterung, als Hinweis oder zur Veranschaulichung dient und der Umfang des Zitats durch diesen Zweck gerechtfertigt ist.

Art.25 Abs.1 URG

Das Zitat als solches und die Quelle müssen bezeichnet werden. Wird in der Quelle auf die Urheberschaft hingewiesen, so ist diese ebenfalls anzugeben.

Art.25 Abs.2 URG

PHBern

An der PHBern entscheiden gemäss Art. 8 Abs. 1 Bst. o des PH-Statuts (PHSt; abrufbar unter www.phbern.ch/rechtssammlung > Ziff. 1.0) grundsätzlich die Institutsleiterinnen und Institutsleiter über die Nutzung immaterieller Arbeitsergebnisse […]

(Pädagogische Hochschule Bern, 2023, S. 2)

Angebotsentwicklung 2025

Vorgabe 24 – Technologien / Digitale Medien II: Sowohl in den Lernprozessen als auch bei Leistungsnachweisen gelten ausgehend von einem Grundverständnis des Konnektivismus als Teil des Lernkonzepts die Vorgaben Open Source und Open Internet.

(Pädagogische Hochschule Bern, 2017, S. 26)

Diskussion

Ziel - Innovationspoolprojekt 24/25

Anleitung für Studierende und Dozierende zum Erstellen, Publizieren und Verwalten einer statischen Webseite für den Unterricht

Offene Fragen

  • Potential für Studierende?
  • Potential für Dozierende?
  • Welche Features sind wichtig?
  • Potential für Mitarbeiter?
  • Welche Lizenz ist die richtige?

Bibliographie

Pädagogische Hochschule Bern. (2017). ECKPFEILER FÜR DIE ANGEBOTS- ENTWICKLUNG 2025 Grundlagendokument. https://qmp.phbern.ch/File/CoreDownload?id=5150
Pädagogische Hochschule Bern. (2023). Geistiges Eigentum Merkblatt (Fassung vom November 2023). https://qmp.phbern.ch/File/CoreDownload?id=5913&filename=Merkblatt%20Geistiges%20Eigentum.pdf&langId=1
Ryan, R. M., & Deci, E. L. (2000). Self-determination theory and the facilitation of intrinsic motivation, social development, and well-being. American Psychologist, 55(1), 68–78. https://doi.org/10.1037/0003-066X.55.1.68