Medien aus Wikimedia Commons einbetten: Unterschied zwischen den Versionen

Aktuelle Version vom 26. April 2020, 12:47 Uhr

Inhalte einbetten

Auf MOOCit können Medien z.B. von Wikimedia Commons oder öffentlich-rechtliche Inhalte als Iframe eingebettet werden.

Alle Iframes auf einen Blick

KI

Text: ChatGPT
Bilder, Illustrationen: DALL·E 3
Audio: GPT ElevenLabs Text to speech, Suno.ai (Musik)
Flowcharts, Mindmaps, Diagramme: GPT Whimsical Diagrams
Verschiedene Aufgaben mit Plugins oder GPTs: aiPDF PDF lesen, Slide Maker PowerPoint erstellen, Bing Recherchieren, ...
Video: SORA, Synthesia, HeyGen, InVideo, Lumen5, Veed.io, Designs.ai

Wikis

Infos: Wikipedia.org
Bilder, Animationen: Commons.Wikimedia.org
Quellen: Wikisource.org
Zitate: Wikiquote.org
Wörterbuch: Wiktionary.org
Daten: Wikidata.org
Universität: Wikiversity.org
Wikimedia.de

Öffentlich-rechtliche Inhalte

ARD
CheckEins
KIKA
Schau Hin
Planet Wissen
Planet Schule
Dritte: BR, MDR, SWR, WDR

Interaktive Aufgaben

Wiki-Aufgaben von KI generiert
Multiple-Choice
Kreuzworträtsel
Memory
Lückentext

Externe iFrames
LearningApps
LearningSnacks
H5P

PDF, Präsentationen, Suchmaschinen für Kinder und mehr OERs

PDF
Prezi
Blinde Kuh
Helles Köpfchen
LMV-BW
Sesam
Deutscher Bildungsserver
Unterricht
ZUM

Videos

Vimeo
YouTube
Dailymotion

Vorteile der eingebetteten Inhalte

Riesige Auswahl an Medien
Inhalte bleiben immer so aktuell, wie das Original
Inhalte werden nicht urheberrechtswidrig heruntergeladen
Rechte sind bereits geklärt: Mit einem Klick sind die Urheberrechte einsehbar

Textbausteine einbetten

Es können aus anderen Wiki-Projekte oder anderen OER-Seiten Texte, Zitate, Informationen und ganze Bücher eingebettet werden.

Suche eine Seite, welche Du in Deinen MOOC einbetten möchtest.
Fülle den Link zwischen <iframe > und </iframe> ein.
Der Text erscheint in einer Box.

Begriffe => Wiktionary

Informationen => Wikipedia

Zitate => Wikisource

Literatur => Wikisource

Bild aus Wikimedia Commons

Wie bettet man ein Bild ein?

Datei suchen
Dateiname kopieren: z.B. "File:Lionel Messi in tears after the final.jpg"
Dateiname einfügen und als internen Link (in zwei eckigen Klammern) setzen.
Bildgröße angeben: z.B. 200 Pixel

Man schreibt

[[File:Lionel Messi in tears after the final.jpg|200px]]

So sieht es dann aus

Zusatzmöglichkeiten (immer mit einem senkrechten Strich trennen = alt+7)

Position des Bildes: left, center, right
MouseOver-Text
Link

Man schreibt

[[File:Lionel Messi in tears after the final.jpg|200px|center|MouseOver-Text|link=Hauptseite]]

So sieht es dann aus

Video

Öffentlich Rechtliche Inhalte

ARD
CheckEins
KIKA
Schau Hin
Planet Wissen
Planet Schule
Dritte: BR, MDR, SWR, WDR

Video aus Wikimedia Commons

Werden freie Videos verlinkt, dann muss der Dateiname (wie bei Bildern) eingefügt und als interner Link markiert werden. So wird man zu dem Video weitergeleitet.

Schreiben

[[File:The Wikipedia Education Program.webm|500px]]

So sieht es aus:

Bearbeitungshilfe

MOOC anlegen
Text bearbeiten
Bild einfügen
Video einbetten
Interaktive Aufgaben erstellen
Medien auf Wikimedia Commons
Zertifikat bekommen

@@ Zeile 5: / Zeile 5: @@
 {| align=center
 |
-[[Datei:MOOCit Wiki-Bearbeitunghilfe Wikimedia.png|150px|link=Medien aus Wikimedia Commons einbetten]]   <big>[[Medien aus Wikimedia Commons einbetten|Medien auf Wikimedia Commons]]</big> <br />
+[[Datei:Commons Medien.png|150px|link=Medien aus Wikimedia Commons einbetten]]   '''Inhalte einbetten'''
 |}
 <br />
+{{:Iframe auf MOOCit}}
+<br>
@@ Zeile 17: / Zeile 19: @@
 {| width="100%" style="background-color:#DDDDDD;" cellpadding="5"
 | width="35" align="center" valign="top" | [[File:MOOCit-Logo-voll.png|32px|left|link=Kategorie:Die besten MOOCs]]
-| Auf MOOCit können Medien von [https://commons.wikimedia.org Wikimedia Commons] eingebettet werden.
+| '''Auf MOOCit können Medien z.B. von [https://commons.wikimedia.org Wikimedia Commons] oder [[Öffentlich-rechtliche Inhalte für P4P MOOCs|öffentlich-rechtliche Inhalte]] als [[Iframe]] eingebettet werden.'''
-'''Vorteile'''
-* Rechte sind bereits geklärt
-* Riesige Auswahl an Medien
 |}
-== Bild aus Wikimedia Commons ==
-'''Wie bettet man ein Bild ein?'''
+== Alle Iframes auf einen Blick ==
-# Datei suchen
-# Dateiname kopieren: z.B. "File:Lionel Messi in tears after the final.jpg"
-# Dateiname einfügen und als internen Link (in zwei eckigen Klammern) setzen.
-# Bildgröße angeben: z.B. 200 Pixel
-'''Man schreibt'''
+{{:Iframes auf MOOCit}}
-<pre>[[File:Lionel Messi in tears after the final.jpg|200px]]</pre>
-'''So sieht es dann aus''' <br />
-[[File:Lionel Messi in tears after the final.jpg|200px]]
-<br />
-'''Zusatzmöglichkeiten'''
+== Vorteile der eingebetteten Inhalte ==
-(immer mit einem senkrechten Strich trennen = alt+7)
+* Riesige Auswahl an Medien
-# Position des Bildes: left, center, right
+* Inhalte bleiben immer so aktuell, wie das Original
-# MouseOver-Text
+* Inhalte werden nicht urheberrechtswidrig heruntergeladen
-# Link
+* Rechte sind bereits geklärt: Mit einem Klick sind die Urheberrechte einsehbar
-<br />
-'''Man schreibt'''
-<pre>[[File:Lionel Messi in tears after the final.jpg|200px|center|MouseOver-Text|link=Hauptseite]]</pre>
-'''So sieht es dann aus'''
-[[File:Lionel Messi in tears after the final.jpg|200px|center|MouseOver-Text|link=Hauptseite]]
-== Video aus Wikimedia Commons ==
-Werden freie Videos verlinkt, dann muss der Dateiname (wie bei Bildern) eingefügt und als interner Link markiert werden. So wird man zu dem Video weitergeleitet.
-'''Schreiben'''
-<pre>[[File:The Wikipedia Education Program.webm|500px]]</pre>
-'''So sieht es aus:'''
-[[File:The Wikipedia Education Program.webm|500px]]
@@ Zeile 77: / Zeile 49: @@
 |}
+{{:Iframe auf MOOCit}}
-<div style="margin-top:50px; clear:both; padding-top:15px; border-top:3px double #CCC; color:#222; line-height:120%; width:80%;">
-<div style="background: white; width:45px; margin:0 auto; margin-top: -40px;">[[Datei:MOOCit Logo.png|45px|center|link=MOOCit]]</div>
-<div class="plainlinks" style=" color:#222; font-size:120%; text-align:center; margin-bottom:20px; padding-top:10px;">Non-profit, multilingual, free-content Wikimedia family.</div>
-<br />
-{| align="center" cellpadding="2" style="margin-top:0px; font-size:100%; text-align:start; background-color:transparent; color:#777;"
-|- valign="top"
-| style="width:32px;" | [[File:Wikipedia-logo.png|32px|Wikipedia|link=w:]]
-| style="width:20%;"  | '''Wikipedia'''<br /><span style="font-size:85%;">Encyclopedia</span>
-| style="width:32px;" | [[File:Wikinews-logo-51px.png|40px|Wikinews|link=n:]]
-| style="width:20%;"  | '''Wikinews'''<br /><span style="font-size:85%;">Open journalism</span>
-| style="width:32px;" | [[File:Wiktionary-logo-v2.svg|32px|Wiktionary|link=wikt:]]
-| style="width:20%;"  | '''Wiktionary'''<br /><span style="font-size:85%;">Dictionary & thesaurus</span>
-| style="width:32px;" | [[File:Wikibooks-logo.svg|32px|Wikibooks|link=b:]]
-| style="width:20%;"  | '''Wikibooks'''<br /><span style="font-size:85%;">Textbooks & manuals</span>
-|-
-| style="width:32px;" | [[File:Wikiquote-logo.svg|32px|Wikiquote|link=q:]]
-| '''Wikiquote'''<br /><span style="font-size:85%;">Quotations</span>
-| style="width:32px;" | [[File:Wikispecies-logo.svg|32px|Wikispecies|link=species:]]
-| '''Wikispecies'''<br /><span style="font-size:85%;">Species directory</span>
-| style="width:32px;" | [[File:Wikiversity-logo.svg|32px|Wikiversity|link=v:]]
-| '''Wikiversity'''<br /><span style="font-size:85%;">Learning tools</span>
-| style="width:32px;" | [[File:Wikivoyage-logo.svg|31px|Wikivoyage|link=voy:]]
-| '''Wikivoyage'''<br /><span style="font-size:85%;">Travel guide</span>
-|-
-| style="width:32px;" | [[File:Wikisource-logo.svg|32px|Wikisource|link=s:]]
-| '''Wikisource'''<br /><span style="font-size:85%;">Source texts</span>
-| style="width:32px;" | [[File:Wikidata-logo.svg|40px|Wikidata|link=d:]]
-| '''Wikidata'''<br /><span style="font-size:85%;">Knowledge base</span>
-| style="width:32px;" | [[File:Wikimedia Community Logo.svg|32px|Meta-Wiki|link=m:]]
-| '''Meta-Wiki'''<br /><span style="font-size:85%;">Coordination</span>
-| style="width:32px;" | [[File:Mediawiki-logo.png|32px|MediaWiki|link=mw:]]
-| '''MediaWiki'''<br /><span style="font-size:85%;">Wiki software development</span>
-|}
-</div>
 <br />
@@ Zeile 145: / Zeile 82: @@
 === Literatur => Wikisource ===
-<iframe >  https://de.m.wikisource.org/wiki/Faust_-_Der_Trag%C3%B6die_erster_Teil </iframe>
+<iframe >  https://de.m.wikisource.org/wiki/Die_Verwandlung_(Franz_Kafka) </iframe>
 <br />
 [[Datei:Pfeil weiter.png|100px|rahmenlos|zentriert|link=#Videos]]
+== Bild aus Wikimedia Commons ==
+'''Wie bettet man ein Bild ein?'''
+# Datei suchen
+# Dateiname kopieren: z.B. "File:Lionel Messi in tears after the final.jpg"
+# Dateiname einfügen und als internen Link (in zwei eckigen Klammern) setzen.
+# Bildgröße angeben: z.B. 200 Pixel
+'''Man schreibt'''
+<pre>[[File:Lionel Messi in tears after the final.jpg|200px]]</pre>
+'''So sieht es dann aus''' <br />
+[[File:Lionel Messi in tears after the final.jpg|200px]]
+<br />
+'''Zusatzmöglichkeiten'''
+(immer mit einem senkrechten Strich trennen = alt+7)
+# Position des Bildes: left, center, right
+# MouseOver-Text
+# Link
+<br />
+'''Man schreibt'''
+<pre>[[File:Lionel Messi in tears after the final.jpg|200px|center|MouseOver-Text|link=Hauptseite]]</pre>
+'''So sieht es dann aus'''
+[[File:Lionel Messi in tears after the final.jpg|200px|center|MouseOver-Text|link=Hauptseite]]
+== Video ==
+=== Öffentlich Rechtliche Inhalte ===
+{{:Öffentlich rechtliche Inhalte für P4P MOOCs}}
+<br>
+=== Video aus Wikimedia Commons ===
+Werden freie Videos verlinkt, dann muss der Dateiname (wie bei Bildern) eingefügt und als interner Link markiert werden. So wird man zu dem Video weitergeleitet.
+'''Schreiben'''
+<pre>[[File:The Wikipedia Education Program.webm|500px]]</pre>
+'''So sieht es aus:'''
+[[File:The Wikipedia Education Program.webm|500px]]
+<br>
+<br>
 {{:MOOCit - Bearbeitungshilfe}}