Quelltext der Seite Limesurvey Einbinden von Medien

{{article
|type=Anleitung
|service=Service:Limesurvey
|targetgroup=Angestellte,Studierende,Gäste
|displaytitle=Limesurvey - Einbinden von Medien
|hasdisambig=Nein
}}
Limesurvey ist ein Dienst für die Erstellung von Umfragen. Die Einbindung von Videos auf Seiten wie Youtube, Vimeo oder Dailymotion ist recht einfach, oft jedoch rechtlich problematisch. In diesem Artikel gehen wir darauf ein, wie Sie Bilder und Videos aus Ihrem Netzlaufwerk der Uni Paderborn in Ihrer Umfrage hinterlegen können.

== Voraussetzungen ==
* Zugriff auf das Home-Verzeichnis im Netzwerkspeicher
* Zugang zu Limesurvey
* Windows Betriebssystem

== Medien einbinden ==
===Medien abspeichern ===
Sie können Fotos und Videos in Ihre Umfrage aufnehmen, die im Netzwerkspeicher der Uni Paderborn liegen. Wir empfehlen dafür den '''https-Ordner''' im '''public-Verzeichnis'''.
<br>

[[Datei:Limesurvey-medien-01.png|links|mini|ohne|300px|Öffnen Sie Ihr Home-Verzeichnis.]]
<div class="tleft" style="clear:none"> [[Datei:Limesurvey-medien-02.png|links|mini|ohne|400px|Öffnen Sie den Ordner '''https'''.]] </div>
<div class="tleft" style="clear:none"> [[Datei:Limesurvey-medien-03.png|links|mini|ohne|400px|Hier legen wir einen Ordner für unsere Umfrage an.]] </div> 
<div class="tleft" style="clear:none"> [[Datei:Limesurvey-medien-04.png|links|mini|ohne|400px|Nun kopieren wir die gewünschten Medien in diesen Ordner.]] </div>

<br clear=all>
Merken Sie sich die Ordner- und Dateinamen, die Sie an dieser Stelle benutzen. Wir werden Sie später brauchen.
<br>
<bootstrap_accordion>
	<bootstrap_panel heading="Dateierweiterungen wie '''.jpg''' und '''.mp4''' werden bei Ihnen nicht angezeigt? Klicken Sie hier.">
Wir brauchen später den kompletten Dateinamen inklusive Dateiendung. Wird Diese bei Ihnen nicht angezeigt, müssen wir die Anzeige im Explorer aktivieren. Gehen Sie dazu folgendermaßen vor:

[[Datei:Limesurvey-medien-15.png|links|mini|ohne|350px]]
<br>
* Klicken Sie im Explorer auf '''Datei'''.
* Klicken Sie auf '''Ordner- und Suchoptionen ändern'''.
<br clear=all>

[[Datei:Limesurvey-medien-16.png|links|mini|ohne|350px]]
<br>
* Klicken Sie auf den Reiter '''Ansicht'''.
* Enternen Sie den Haken bei '''Erweiterungen bei bekannten Dateitypen ausblenden'''.
* Klicken Sie auf '''OK".
<br clear=all>

</bootstrap_panel>	
</bootstrap_accordion>
<br>
Sie haben noch kein Homeverzeichnis? Dann schauen Sie in unsere Anleitung [[Netzlaufwerk einbinden]].

=== Bild hinzufügen===
Nun können wir die Inhalte zu unserer Umfrage hinzufügen. Öffnen Sie dazu Ihre Umfrage in Limesurvey.
<br>
Sie haben noch keine Umfragen in Limesurvey erstellet? Schauen Sie in unsere Anleitungen zu [[Webanwendungen]].
<br>

[[Datei:Limesurvey-medien-05.png|links|mini|ohne|350px]]
<br>
* Klicken Sie auf '''"Bild"'''.
<br clear=all>

[[Datei:Limesurvey-medien-09.png|links|mini|ohne|350px]]
<br>
* Im Feld '''URL''' geben wir den Link zu unserem Inhalt an.
* Optional: Über das Feld '''Breite''' können wir die größe des Bildes anpassen.
* Klicken Sie im Anschluss auf '''OK'''.
<br clear=all>

Geben Sie als '''URL''' folgenden Link an. 
<pre>https://homepages.uni-paderborn.de/*/limesurvey/Testbild.jpg</pre>
* Ersetzen Sie das '''*''' durch Ihren Benutzernamen vom Uni-Account.
* Den Namen für das Verzeichnis '''limesurvey''' und den Dateinamen '''Testbild.jpg''' müssen Sie gegbenenfalls auch anpassen.
<br>

[[Datei:Limesurvey-medien-06.png|links|mini|ohne|350px]]
<br>
* Wir haben nun erfolgreich ein Bild in unsere Umfrage eingefügt.
* Mit den Kästchen an den Bildrändern können wir hier ebenfalls die Größe des Bildes anpassen.
<br clear=all>

[[Datei:Limesurvey-medien-07.png|links|mini|ohne|350px]]
<br>
* Wir klicken nun auf '''Speichern''' um unsere Änderungen zu sichern.
<br clear=all>

[[Datei:Limesurvey-medien-08.png|links|mini|ohne|350px]]
<br>
* So könnte unsere Umfrage nun aussehen.
<br clear=all>

=== Video hinzufügen===
Auf ähnliche Weise können wir auch ein Video zur Umfrage hinzufügen.
[[Datei:Limesurvey-medien-23.png|links|mini|ohne|800px|Klicken Sie in Limesurvey auf '''Video'''.]]
<br clear=all>

[[Datei:Limesurvey-medien-24.png|links|mini|ohne|500px|Fügen Sie hier den Link zum Video ein.]]
<div class="tleft" style="clear:none"> [[Datei:Limesurvey-medien-25.png|links|mini|ohne|500px|So kann Ihr eingebundenes Video aussehen.]] </div>
<br clear=all>

==Medien schützen==
Wir haben bereits Bilder oder Videos in unserer Umfrage hinterlegt. Da wir dafür öffentliche URLs verwendet haben, kann jeder der den Link kennt, die Inhalte ansehen. Um dies zu verhindern, können wir die Medien zusätzlich mit einem Passwort schützen. 
<br>
Dafür müssen wir zwei Dateien erstellen und in den entsprechenden Ordner legen.

===htaccess-Datei erstellen===
Wir beginnen mit der Erstellung der .htaccess-Datei. Dazu öffnen wir einen Texteditor. Unter Windows eigenet sich dafür der Editor. 
<br>
[[Datei:Limesurvey-medien-11.png]]
<br clear=all>

Kopieren Sie folgenden Text in den Editor. Den '''Punkt 3''' müssen wir anpassen. Die restlichen Einträge können wir unverändert belassen.

<pre> 
### 1. Standard Authentifizierungsverfahren
AuthType Basic

### 2. Titeltext der Abfrage
AuthName "Geschuetzter Bereich für Limesurvey-Medien - Benutzername und Passwort eingeben"

### 3. Ort an dem die Benutzernamen & gehashten Passwörter liegen
AuthUserFile /upb/users/*/**/public/https/limesurvey/.htpasswd

### 4. Zugriff auf die Inhalte wird auf Einträge in der  .htpasswd-Datei beschränkt
Require valid-user
</pre>

<br clear=all>

* Geben Sie für '''*''' den ersten Buchstaben Ihres Benutzernamen für den Uni-Account ein.
* Geben Sie für '''**''' den Benutzernamen für Ihren Uni-Account ein.

<br clear=all>

 [[Datei:Limesurvey-medien-12.png|links|mini|ohne|300px]]
<br>
* Speichern Sie die Datei unter dem Namen '''htaccess.txt'''.
<br clear=all>

===htpasswd-Datei erstellen===
Nun erstellen wir mit Hilfe des Editor eine zweite Datei. Kopieren Sie folgenden Text in den Editor.

<pre> # Datei mit Benutzernamen und Passwörtern als Hashwert

# Passwort für Nutzer1
***

# Passwort für Nutzer2

</pre>

<br clear=all>
* *** müssen wir nun durch Benutzername und Passwort für Nutzer1 ersetzen.
* Der Eintrag muss die Form '''benutzername:passwort''' haben.
* Das Passwort muss dabei als Hashwert hinterlegt werden.
* Wir empfehlen dafür folgenden Online-Generator zu benutzen:
[https://www.redim.de/blog/passwortschutz-mit-htaccess-einrichten https://www.redim.de/blog/passwortschutz-mit-htaccess-einrichten]
<br>

<bootstrap_alert color=warning>Sie können beliebige Benutzernamen und Passwörter vergeben. Verwenden Sie dafür '''keine''' Uni-Accounts.
</bootstrap_alert>


[[Datei:Limesurvey-medien-21.png|links|mini|ohne|800px| Fügen Sie Nutzernamen und Passwort in die entsprechenden Felder ein.]]
<br>
[[Datei:Limesurvey-medien-22.png|links|mini|ohne|800px| Klicken Sie auf '''Auswerten'''. Jetzt können Sie Ihre Benutzername-Passwort-Kombination kopieren.]]
<br clear=all>
Fügen Sie die kopierte Benutzername-Passwort-Kombination in die Datei im Editor ein.

[[Datei:Limesurvey-medien-13.png|links|mini|ohne|350px]]
<br>
* So sollte die Datei nun aussehen.
* Speichern Sie die Datei unter dem Namen '''htpasswd.txt''' ab.
<br clear=all>

===Dateien schützen===
Wir haben nun folgende Dateien erstellt:
* htaccess.txt
* htpasswd.txt

<br>
[[Datei:Limesurvey-medien-14.png|rechts|mini|ohne|350px]]
Wir kopieren diese Dateien nun in den Ordner mit den Dateien, die wir mit einem Passwort schützen wollen.
<br clear=all>

Um den Passwortschutz zu aktivieren, müssen wir die Dateien noch als .htaccess umbennen.

<bootstrap_accordion>
	<bootstrap_panel heading="Werden Dateierweiterungen wie .txt bei Ihnen angezeigt? Falls nein, klicken Sie hier.">
Im die Dateierweiterung .txt zu entfernen, müssen wir diese im Explorer anzeigen lassen. Gehen Sie dazu folgendermaßen vor:

[[Datei:Limesurvey-medien-15.png|links|mini|ohne|350px]]
<br>
* Klicken Sie im Explorer auf '''Datei'''.
* Klicken Sie auf '''Ordner- und Suchoptionen ändern'''.
<br clear=all>

[[Datei:Limesurvey-medien-16.png|links|mini|ohne|350px]]
<br>
* Klicken Sie auf den Reiter '''Ansicht'''.
* Enternen Sie den Haken bei '''Erweiterungen bei bekannten Dateitypen ausblenden'''.
* Klicken Sie auf '''OK".
<br clear=all>

</bootstrap_panel>	
</bootstrap_accordion>


Wir bennen nun die Datei '''htaccess.txt''' um in '''.htaccess'''
<br>

[[Datei:Limesurvey-medien-17.png|links|mini|ohne|350px| Bestätigen Sie folgende Meldung mit einem Klick auf '''Ja'''.]]

<br clear=all>

Anschließend bennenen Sie die Datei '''htpasswd.txt''' um in '''.htpasswd'''
<br>
Die folgendende Meldung bestätigen Sie ebenfalls mit '''Ja'''.
<br>

[[Datei:Limesurvey-medien-10.png|links|mini|ohne|350px]]
<br>
*  Die Dateien sollten nun folgendermaßen aussehen.
<br clear=all>

Die Dokumente sind nun durch eine Passwortabfrage geschützt. In der Limesurvey-Umfrage sieht dies folgendermaßen aus.
[[Datei:Limesurvey-medien-20.png|links|mini|ohne|400px| Der Text mit dem Bild bleibt frei. Eine Abfrage zu Benutzername und Passwort erscheint.]]
<div class="tleft" style="clear:none"> [[Datei:Limesurvey-medien-08.png|links|mini|ohne|400px|Nach Eingabe von Benutzername und Passwort erscheint auch das Bild in der Umfrage.]] </div>

<br clear=all>

==htaccess unter macOS==
* Wir empfehlen für das Anlegen von .htaccess Dateien die Verwendung von Windows. 
* Unter macOS sind .htacces Dateien standardmäßig im Finder nicht sichtbar.
* Die Verwaltung ist über das Terminal oder alternative File-Explorer möglich. 

==Für Fortgeschrittene==
* Falls Sie mehrere unterschiedliche Umfragen gleichzeitig anlegen, können Sie die Medien auch in unterschiedlichen Ordnern ablegen.
* Achten Sie darauf, dass jeder Ordner seine eigene .htaccess-Datei braucht.
* Sie können dafür die selbe .htpasswd-Datei verwenden. Diese kann auch in einem anderen Ordner liegen. Achten Sie dabei darauf, dass der Pfad in der .htaccess Datei richtig angegeben wird.

== Siehe auch ==
* [[Webanwendungen]]
* [[Limesurvey einrichten/beantragen (Erster Schritt)]]
* [[Limesurvey Umfragen erstellen]]