Hilfe:Medien einbinden: Unterschied zwischen den Versionen

Aus ZUM-Unterrichten
Markierung: 2017-Quelltext-Bearbeitung
 
(26 dazwischenliegende Versionen von 5 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
__NOCACHE__
Einer der großen Vorteile des ZUM-Unterrichten-Wiki sind die zahllosen Möglichkeiten Medien und interaktive Übungen in die Lernpfade einzubinden.
{{Hilfe Navigation}}
 
{{Box|Empfehlung|In dem grau hinterlegtem Feld steht jeweils in der linken Spalte der Quellcode, den man zum Einbinden der einzelnen Medien benötigt.<br>
Füge diesen mit copy&paste auf deiner Seite ein und passe die entsprechende Parameter und Texte an.||3=Hervorhebung1}}


== Bilder ==
== Bilder ==
Zum Einfügen von Bildern gibt es mehrere Möglichkeiten:
Zum Einfügen von Bildern gibt es mehrere Möglichkeiten:
* Einfügen im Visual Editor und bei Quelltextbearbeitung: über das Menü "Einfügen" können Medien (unter anderem Bilder) im Archiv des ZUM-Unterrichtens und der Wikimedia Commons gesucht und direkt eingebunden werden. Dies ist die leichteste Art, weil keinerlei Zusatzinformationen zu den Bildern gegeben werden müssen.
'''1.''' Bilder aus dem Archiv der [https://de.wikipedia.org/wiki/MediaWiki Wikimedia Commons] und des ZUM-Unterrichten-Wikis suchen:<br>Über das Bedienelement "Einfügen" können Sie Medien (u.a. Bilder) im Archiv der Wikimedia Commons und des Projektwikis suchen und direkt in Ihren Lernpfad einfügen. Es müssen keine weiteren Angaben gemacht werden.<br>[[Datei:Bilder einfügen Fahrrad.png|left|489px|Bilder einfügen - Fahrrad]]
* Außerdem können über dieses Menü Bilder auch hoch geladen werden. Als Standardlizenz ist die Lizenz CC-by-SA 4.0 ausgewählt. Wenn eine andere Lizenz gewünscht ist, muss über den Uploadassistenten hoch geladen werden.
{{clear}}
* Upload-Assistent: An jeder Seite ist unten rechts ein Schraubenschlüssel (wenn man angemeldeter Nutzer ist). Dort gibt es den Punkt "Datei hochladen". Bei dieser Schrittfolge können unterschiedliche Lizenzen ausgewählt werden.  
'''2.''' '''Eigene Bilder''' hochladen:<br>Über das Bedienelement "Einfügen" können auch eigene Bilder aus ihren Dateien hoch geladen werden. Als Standardlizenz ist die Lizenz CC-by-SA 4.0 ausgewählt. Bitte beachten Sie die Nutzungsbedingungen und Lizenzrichtlinien des ZUM-Unterrichten-Wikis.<br>[[Datei:Bilder einfügen - eigene Bilder hochladen.png|left|489px|Bilder einfügen - eigene Bilder hochladen]]


==Geogebra==
{{clear}}
<div class="grid">
'''3.''' Den '''[[Spezial:Hochladeassistent|Upload-Assistenten]]''' nutzen, um Dateien hochzuladen:<br>An jeder Seite ist unten rechts ein Schraubenschlüssel (wenn man angemeldeter Nutzer ist). Dort gibt es den Punkt "Datei hochladen". Bei dieser Schrittfolge können unterschiedliche Lizenzen ausgewählt werden.<br>[[Datei:Dateien hochladen Upload-Assistent.png|left|Dateien hochladen Upload-Assistent]]
<div class="width-1-2">
 
<pre><ggb_applet id="jhAvTrGx" width="450" height="450" /></pre>
{{clear}}
Geogebra-Applets auf [https://www.geogebra.org GeoGebra] werden mit Hilfe eines Codes eingebunden, der die Material-ID enthält. Diesen Code erhält man direkt beim Applet unter '''Teilen ''' -->'''Einbetten'''. Man wählt dann '''Mediawiki''' und kopiert den Code auf die Wiki-Seite.


</div>
Am Ende des Upload-Dialogs kann man die URL-Angabe des Bilds kopieren und in die Seite einfügen.
<div class="width-1-2">
<ggb_applet id="jhAvTrGx" width="450" height="450" />
</div>
</div>


== Video- und Audio-Einbindung - YouTube, Vimeo und SoundCloud ==
== Video- und Audio-Einbindung - YouTube, Vimeo und SoundCloud ==
Zeile 48: Zeile 45:
   service=youtube
   service=youtube
   |id=lJnQChnv1T4
   |id=lJnQChnv1T4
   |urlargs=start=10s&end=40s
   |urlargs=start=300&end=388
   |dimensions=200
   |dimensions=200
   |alignment=center
   |alignment=center
   }}</pre>
   }}</pre>
oder mit ''#ev''
oder mit ''#ev''
<pre>{{#ev:youtube|lJnQChnv1T4|200|center|||start=10s&end=40s}}</pre>
<pre>{{#ev:youtube|lJnQChnv1T4|200|center|||start=300&end=388}}</pre>


  {{#evt:
  {{#evt:
   service=youtube
   service=youtube
   |id=lJnQChnv1T4
   |id=lJnQChnv1T4
   |urlargs=start=10s&end=40s
   |urlargs=start=300&end=388
   |dimensions=200
   |dimensions=200
   |alignment=center
   |alignment=center
Zeile 83: Zeile 80:
{{#ev:youtube|lJnQChnv1T4|460|center}}
{{#ev:youtube|lJnQChnv1T4|460|center}}
}}
}}
== Interaktive Übungen ==
Für die meisten dieser Apps gibt es Vorlagen, die Sie bequem kopieren können. Zusätzlich muss für die jeweilige Anwendung dann nur die spezifische Material-ID angepasst werden.
=== H5P ===
[https://h5p.org/ '''H5P'''] ist eine freie  Software zum Erstellen von interaktiven Inhalten für das Web. Beliebte Übungen sind z.B. Videos oder Präsentationen mit eingebetteten Quiz-Aufgaben, Zeitstrahlen, Memory-Spiel.
'''[https://apps.zum.de ZUM-Apps]''' ist ein kostenloser Online-Speicher der Zentrale für Unterrichtsmedien im Internet für die Erprobung und Erstellung interaktiver ''' H5P'''-Apps. Diese Übungen können mit einer Zeile Markup in Wikiseiten eingebunden werden:
<div class="grid">
<div class="width-1-2">
[[Datei:H5P Material-ID.png|300px|Screenshot einer H5p-Formulars zum Einbetten]]
<div class="pseudo-pre" style="padding: 10px; background: #f5f5f5; font: 14px / 18px 'Courier', monospace;
color: #444;">&#123;&#123;h5p-zum|id=<span style="background:yellow;">11078</span>|height=200px}}</div>
Alle Übungen, die auf [https://apps.zum.de/ apps.zum.de] erstellt wurden, können hier eingebunden werden.
</div>
<div class="width-1-2">
{{h5p-zum|id=11078|height=200px}}
</div>
</div>
[[Hilfe:ZUM-Apps_in_ZUM-Unterrichten_einbinden|Mehr Beispiele zu h5p]]
=== Geogebra ===
'''[[GeoGebra]]''' ist eine dynamische Mathematik-Software, die Geometrie, Algebra und Analysis verbindet.
<div class="grid">
<div class="width-1-2">
<div class="pseudo-pre" style="padding: 10px; background: #f5f5f5; font: 14px / 18px 'Courier', monospace;
color: #444;">&lt;ggb_applet id="<span style="background:yellow;">jhAvTrGx</span>" width="400" height="310" /></div>
Jedes  [https://www.geogebra.org Geogebra-Applet] hat eine ''Material-ID'', die am Ende des Weblinks steht. Diese Material-ID wird nach ''id="....."'' eingesetzt (hier: jhAvTrGx).
Die Parameter ''width'' und ''height'' müssen entsprechend angepasst werden.
</div>
<div class="width-1-2">
<center><ggb_applet id="jhAvTrGx" width="400" height="310" /></center>
</div>
</div>
=== LearningApps ===
'''LearningApps''' sind interaktive Übungen, die auf der Website [https://learningapps.org/ LearningApps.org] kostenlos und einfach erstellt werden sowie entweder dort genutzt oder in eigene Seiten, z.B. in den Wikis auf ZUM.de, eingebunden werden können. Dazu kann die [[Vorlage:LearningApp]] verwendet werden.
<div class="grid">
<div class="width-1-2">
<div class="pseudo-pre" style="padding: 10px; background: #f5f5f5; font: 14px / 18px 'Courier', monospace;
color: #444;">&#123;&#123;LearningApp|app=<span style="background:yellow;">py7d7b0x501</span>|width=100%|height=400px}}</div>
Jede [https://learningapps.org/ Learning-App] hat eine Material-ID, die am Ende des Weblinks steht.
Die Parameter ''width'' und ''height'' sind optional und müssen in % bzw. px angegeben werden.
Wird nichts eingegeben, wird als Vorgabewert eine Breite von 100% und eine Höhe von 400px verwendet.
</div>
<div class="width-1-2">
{{LearningApp|app=py7d7b0x501|width=100%|height=400px}}
</div>
</div>
== Padlet, Mentimeter, Quizlet und AnswerGarden ==
In einen Lernpfad können auch Padlets, Mentimeter, Quizlet und AnswerGarden eingebunden werden.
<div class="grid">
<div class="width-1-2">
<pre>
{{Padlet|id=…|width=100%|height=600px}}
{{Mentimeter|id=…|width=800px}}
{{Quizlet|id=…}}
{{AnswerGarden|id=…}}
</pre></div>
<div class="width-1-2">
</div>
</div>
=== R-Quiz ===
Sie können in Ihrem Lernpfad auch direkt Quizze erstellen. Das '''R-Quiz''' von Felix Riesterer ermöglicht es, verschiedene interaktive Übungen zu erstellen. Die Übungen können in verschiedenen Sprachen erstellt und auch ausgedruckt werden.
*[[Hilfe:R-Quiz]]
Kopieren Sie den Quelltext der verschiedenen Quizze und ersetzen die vorgegebenen Beispiele durch eigene Inhalte.
Diese Quizze können als Differenzierungsaufgabe auch von den Schülerinnen und Schülern erstellt werden.
<div class="grid">
<div class="width-1-2">
<pre>&lt;div class="lueckentext-quiz">
  Beim ''Erweitern'' und Kürzen muss man Zähler und ''Nenner'' mit der gleichen Zahl multiplizieren bzw. dividieren.
&lt;/div></pre>
</div>
<div class="width-1-2">
<div class="lueckentext-quiz">Beim ''Erweitern'' und Kürzen muss man Zähler und ''Nenner'' mit der gleichen Zahl multiplizieren bzw. dividieren.</div>
</div>
</div>
{{clear}}
<div class="grid">
<div class="width-1-2">
<pre><div class="zuordnungs-quiz">
{|
| Adjektive || schön || klein|| gelb
|-
| Verben || gehen || schwimmen|| lachen
|-
| Nomen || Haus || Glück || Sonne
|}
</div></pre>
</div>
<div class="width-1-2">
<div class="zuordnungs-quiz">
{|
| Adjektive || schön || klein|| gelb
|-
| Verben || gehen || schwimmen|| lachen
|-
| Nomen || Haus || Glück || Sonne
|}
</div>
</div>
</div>
Es ist empfehlenswert, interaktive Übungen mit dem R-Quiz zu erstellen. Diese sind Teil der Wikiseite und können im Bedarfsfall zukünftig korrigiert, verändert und erweitert werden.
=== Quiz-Erweiterung ===
diese Quiz-Erweiterung ist heute eher unüblich:
<div class="grid">
<div class="width-1-2">
<pre><quiz>...</quiz></pre>
</div>
<div class="width-1-2">
<quiz>...</quiz>
</div>
</div>


== Galerien ==
== Galerien ==
Das Media-Wiki bietet in der neuesten Version neue Funktionen für Galerien an. Mehr dazu auf der Seite
<source lang="html">
: → https://www.mediawiki.org/wiki/Help:Images/de#Gallery_syntax
<gallery mode="packed" heights="200" style="text-align:center">
 
  File:2009 Lagerfeuer.JPG|Holz brennt
: Hier ein Beispiel für eine Galerie im Modus "packed":
  Datei:Pilot light flames.jpg|Gas als Brennstoff
  File:A flame.JPG|Spiritus wird als flüssiger Brennstoff genutzt.
  Datei:Magnesium ribbon burning.jpg|Magnesium brennt mit hellem Licht, aber ohne eine Flamme!
</gallery></source>
Das Media-Wiki bietet in der neuesten Version [[mediawikiwiki:Help:Images/de#Gallery_syntax|neue Funktionen für Galerien]] an. Hier ein Beispiel für eine Galerie im Modus ''"packed"''


<gallery mode="packed" heights="200" style="text-align:center">
<gallery mode="packed" heights="200" style="text-align:center">
File:2009 Lagerfeuer.JPG|Dass Holz brennt, ist für uns etwas ganz Normales.
File:2009 Lagerfeuer.JPG|Holz brennt
Datei:Pilot light flames.jpg|Gas als Brennstoff für den Herd ist zwar nicht mehr so verbreitet, wird aber von Profis immer noch geschätzt.
Datei:Pilot light flames.jpg|Gas als Brennstoff  
File:A flame.JPG|Spiritus wird als flüssiger Brennstoff genutzt.
File:A flame.JPG|Spiritus wird als flüssiger Brennstoff genutzt.
Datei:Magnesium ribbon burning.jpg|Magnesium brennt mit hellem Licht, aber ohne eine Flamme!
Datei:Magnesium ribbon burning.jpg|Magnesium brennt mit hellem Licht, aber ohne eine Flamme!
Zeile 98: Zeile 241:




Die alte Hilfe-Seite bietet immer noch Informationen:
<pre><gallery widths="300" heights="230" style="text-align:center">
: → https://de.wikipedia.org/wiki/Hilfe:Galerie#gallery-Tag
Datei:Thermite mix.jpg|Die Bahnmitarbeiter nutzen fertige Gemische.
 
Datei:Velp-thermitewelding-1.jpg|In einem Reaktionsgefäß wird das flüssige Eisen erzeugt.
: Hier ein Beispiel für eine Galerie in klassischem Aussehen:
Datei:Railphoto.jpg|Nach dem Entfernen der Gussform glüht das Eisen noch.
Datei:Geschweisster schienenstoss.jpeg|Nach dem Erkalten des Eisen wird die Oberfläche geglättet.
</gallery></pre>
Mehr Informationen auf dieser [https://de.wikipedia.org/wiki/Hilfe:Galerie#gallery-Tag Hilfe-Seite].


<gallery widths="300" heights="230" style="text-align:center">
<gallery widths="300" heights="230" style="text-align:center">
Zeile 111: Zeile 257:




<code>style="text-align:center"</code> im Galley-Tag führt zu einer zentrierten Gallerie und zentriertem Beschreibungs-Text
 
 
<code>style="text-align:center"</code> im <code>gallery</code>-Tag führt zu einer zentrierten Gallerie und zentriertem Beschreibungs-Text
 
__NOCACHE__
{{Hilfe Navigation}}
 
[[Kategorie:Hilfe]]
[[Kategorie:Hilfe]]

Aktuelle Version vom 17. Oktober 2023, 12:17 Uhr

Einer der großen Vorteile des ZUM-Unterrichten-Wiki sind die zahllosen Möglichkeiten Medien und interaktive Übungen in die Lernpfade einzubinden.


Empfehlung

In dem grau hinterlegtem Feld steht jeweils in der linken Spalte der Quellcode, den man zum Einbinden der einzelnen Medien benötigt.

Füge diesen mit copy&paste auf deiner Seite ein und passe die entsprechende Parameter und Texte an.

Bilder

Zum Einfügen von Bildern gibt es mehrere Möglichkeiten:

1. Bilder aus dem Archiv der Wikimedia Commons und des ZUM-Unterrichten-Wikis suchen:
Über das Bedienelement "Einfügen" können Sie Medien (u.a. Bilder) im Archiv der Wikimedia Commons und des Projektwikis suchen und direkt in Ihren Lernpfad einfügen. Es müssen keine weiteren Angaben gemacht werden.

Bilder einfügen - Fahrrad


2. Eigene Bilder hochladen:
Über das Bedienelement "Einfügen" können auch eigene Bilder aus ihren Dateien hoch geladen werden. Als Standardlizenz ist die Lizenz CC-by-SA 4.0 ausgewählt. Bitte beachten Sie die Nutzungsbedingungen und Lizenzrichtlinien des ZUM-Unterrichten-Wikis.

Bilder einfügen - eigene Bilder hochladen


3. Den Upload-Assistenten nutzen, um Dateien hochzuladen:
An jeder Seite ist unten rechts ein Schraubenschlüssel (wenn man angemeldeter Nutzer ist). Dort gibt es den Punkt "Datei hochladen". Bei dieser Schrittfolge können unterschiedliche Lizenzen ausgewählt werden.

Dateien hochladen Upload-Assistent



Am Ende des Upload-Dialogs kann man die URL-Angabe des Bilds kopieren und in die Seite einfügen.

Video- und Audio-Einbindung - YouTube, Vimeo und SoundCloud

{{#ev:youtube|lJnQChnv1T4}}


Hinter #ev: fügt man die Plattform ein (youtube, vimeo oder soundcloud) sowie nach einer Pipe (|) die ID des Videos bzw. der Audiodatei.

Zusätzlich können Parameter zur Breite (in Pixel) und zur Ausrichtung (left, center oder right) eingegeben werden:

{{#ev:youtube|lJnQChnv1T4|800|center}}


Empfohlen ist eine Breite von 800 Pixeln bei YouTube und 960 Pixeln bei Vimeo Videos, zudem eine mittige Ausrichtung (center) - damit ist eine gute Darstellung auf allen Displaygrößen gewährt.

Wichtig: Bitte Videos nicht mehr mit der Syntax {{#evu:URL}} einbinden, da so keine datenschutzkonforme Einbindung gesichert ist.


Video Start und Ende setzen

Bei vielen Videodiensten kann auch der Start und Endzeitpunkt des Videos gewählt werden. Dazu müssen zusätzliche Parameter mitgegeben werden. Diese variieren je nach Dienst. Bei Youtube verwendet man die Parameter start und end. Diese müssen der Einbettungsfunktion (#ev) mitgegeben werden als urlargs Parameter. Um Fehler zu vermeiden, verwenden wir die Einbettungsfunktion #evt. Bei dieser werden alle Parameter benannt. (Bei der Einbettungsfunktion #ev sind die urlargs der 7. Parameter)

{{#evt:
   service=youtube
   |id=lJnQChnv1T4
   |urlargs=start=300&end=388
   |dimensions=200
   |alignment=center
   }}

oder mit #ev

{{#ev:youtube|lJnQChnv1T4|200|center|||start=300&end=388}}

Videos in Spalten

Soll ein Video in einem 2-Spalten Layout eingebunden werden, empfiehlt sich eine Breite von 460 Pixeln. Außerdem sollte es ebenfalls mittig ausgerichtet sein, damit es auf kleinen Displays gut angezeigt wird.

{{2Spalten
|
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
|
{{#ev:youtube|lJnQChnv1T4|460|center}}
}}


Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Interaktive Übungen

Für die meisten dieser Apps gibt es Vorlagen, die Sie bequem kopieren können. Zusätzlich muss für die jeweilige Anwendung dann nur die spezifische Material-ID angepasst werden.

H5P

H5P ist eine freie Software zum Erstellen von interaktiven Inhalten für das Web. Beliebte Übungen sind z.B. Videos oder Präsentationen mit eingebetteten Quiz-Aufgaben, Zeitstrahlen, Memory-Spiel.

ZUM-Apps ist ein kostenloser Online-Speicher der Zentrale für Unterrichtsmedien im Internet für die Erprobung und Erstellung interaktiver H5P-Apps. Diese Übungen können mit einer Zeile Markup in Wikiseiten eingebunden werden:

Screenshot einer H5p-Formulars zum Einbetten

{{h5p-zum|id=11078|height=200px}}

Alle Übungen, die auf apps.zum.de erstellt wurden, können hier eingebunden werden.

Mehr Beispiele zu h5p

Geogebra

GeoGebra ist eine dynamische Mathematik-Software, die Geometrie, Algebra und Analysis verbindet.

<ggb_applet id="jhAvTrGx" width="400" height="310" />

Jedes Geogebra-Applet hat eine Material-ID, die am Ende des Weblinks steht. Diese Material-ID wird nach id="....." eingesetzt (hier: jhAvTrGx).

Die Parameter width und height müssen entsprechend angepasst werden.

GeoGebra


LearningApps

LearningApps sind interaktive Übungen, die auf der Website LearningApps.org kostenlos und einfach erstellt werden sowie entweder dort genutzt oder in eigene Seiten, z.B. in den Wikis auf ZUM.de, eingebunden werden können. Dazu kann die Vorlage:LearningApp verwendet werden.

{{LearningApp|app=py7d7b0x501|width=100%|height=400px}}

Jede Learning-App hat eine Material-ID, die am Ende des Weblinks steht.

Die Parameter width und height sind optional und müssen in % bzw. px angegeben werden. Wird nichts eingegeben, wird als Vorgabewert eine Breite von 100% und eine Höhe von 400px verwendet.

Padlet, Mentimeter, Quizlet und AnswerGarden

In einen Lernpfad können auch Padlets, Mentimeter, Quizlet und AnswerGarden eingebunden werden.

{{Padlet|id=…|width=100%|height=600px}}

{{Mentimeter|id=…|width=800px}}

{{Quizlet|id=…}}

{{AnswerGarden|id=…}}

R-Quiz

Sie können in Ihrem Lernpfad auch direkt Quizze erstellen. Das R-Quiz von Felix Riesterer ermöglicht es, verschiedene interaktive Übungen zu erstellen. Die Übungen können in verschiedenen Sprachen erstellt und auch ausgedruckt werden.

Kopieren Sie den Quelltext der verschiedenen Quizze und ersetzen die vorgegebenen Beispiele durch eigene Inhalte.

Diese Quizze können als Differenzierungsaufgabe auch von den Schülerinnen und Schülern erstellt werden.

<div class="lueckentext-quiz">
  Beim ''Erweitern'' und Kürzen muss man Zähler und ''Nenner'' mit der gleichen Zahl multiplizieren bzw. dividieren.
</div>
Beim Erweitern und Kürzen muss man Zähler und Nenner mit der gleichen Zahl multiplizieren bzw. dividieren.



<div class="zuordnungs-quiz">

{| 
| Adjektive || schön || klein|| gelb
|-
| Verben || gehen || schwimmen|| lachen
|-
| Nomen || Haus || Glück || Sonne
|}

</div>
Adjektive schön klein gelb
Verben gehen schwimmen lachen
Nomen Haus Glück Sonne

Es ist empfehlenswert, interaktive Übungen mit dem R-Quiz zu erstellen. Diese sind Teil der Wikiseite und können im Bedarfsfall zukünftig korrigiert, verändert und erweitert werden.

Quiz-Erweiterung

diese Quiz-Erweiterung ist heute eher unüblich:

<quiz>...</quiz>

  

Galerien

<gallery mode="packed" heights="200" style="text-align:center">
  File:2009 Lagerfeuer.JPG|Holz brennt
  Datei:Pilot light flames.jpg|Gas als Brennstoff 
  File:A flame.JPG|Spiritus wird als flüssiger Brennstoff genutzt.
  Datei:Magnesium ribbon burning.jpg|Magnesium brennt mit hellem Licht, aber ohne eine Flamme!
</gallery>

Das Media-Wiki bietet in der neuesten Version neue Funktionen für Galerien an. Hier ein Beispiel für eine Galerie im Modus "packed"


<gallery widths="300" heights="230" style="text-align:center">
Datei:Thermite mix.jpg|Die Bahnmitarbeiter nutzen fertige Gemische.
Datei:Velp-thermitewelding-1.jpg|In einem Reaktionsgefäß wird das flüssige Eisen erzeugt.
Datei:Railphoto.jpg|Nach dem Entfernen der Gussform glüht das Eisen noch.
Datei:Geschweisster schienenstoss.jpeg|Nach dem Erkalten des Eisen wird die Oberfläche geglättet.
</gallery>

Mehr Informationen auf dieser Hilfe-Seite.



style="text-align:center" im gallery-Tag führt zu einer zentrierten Gallerie und zentriertem Beschreibungs-Text