Internet-Technologien

(Buhl / Feuerstein / Külow - WS 07/08)

Übungsaufgaben und Praktikumsaufgaben

 Praktikumsaufgaben:

  1. Webserver-Account

    Lassen Sie sich von Ihrem Übungsgruppenleiter pro Arbeitsgruppe einen Account auf dem Webserver www-it.math.uni-wuppertal.de einrichten.
    Loggen Sie sich per ssh auf dem Rechner www-it ein und erstellen Sie eine (ggf. inhaltsleere) Homepage unter dem Namen index.html.
    Ein Muster finden Sie unter http://www-it.math.uni-wuppertal.de/~intech/geruest.html.

  2. Urheberrecht / Copyright

    Lesen Sie die Seite Urheberrecht / Copyright im Internet+WWW-Kurs (B. Zimmermann).
    Informieren Sie sich ausserdem bei heise online über die finanziellen Risiken, die mit der Veröffentlichung einer eigenen Homepage verbunden sind.

  3. HTML

    Arbeiten Sie den HTML-Kurzlehrgang (M. Altenhein) durch.

  4. Erwerb eines kostenlosen Class 1 Zertifikats (Beschreibung für SeaMonkey/Mozilla)

    • Entscheiden Sie sich für einen Rechner/Mailserver, über den Sie sichere und vertrauenswürdige E-Mail nutzen wollen.
    • Senden Sie von diesem eine Test-E-Mail an eine(n) Bekannte(n) und lassen Sie sich von diesem/r einen Ausdruck derselben geben.
    • Entnehmen Sie diesem Ausdruck Buchstabe für Buchstabe Ihre als Absender im Internet erscheinende Mail-Adresse (FROM-Zeile).
    • Beantragen Sie auf der Seite http://www.trustcenter.de/products/tc_certificates.htm ein kostenloses Express-Zertifikat der Klasse 1 für ihre E-Mail-Adresse.
    • Benutzen Sie keine Umlaute! Beim Absenden des Formulars wird ein privater und der zugehörige öffentliche S/MIME-Schlüssel erzeugt, in Ihrem Mail-Client abgespeichert und der öffentliche Schlüssel an das Trustcenter zur Beglaubigung der übereinstimmung des Besitzers der E-Mail-Adresse mit dem Beantrager des Express-Zertifikats übersandt.
    • Dazu bekommen Sie eine E-Mail mit der Beschreibung für Ihr weiteres Vorgehen zugesandt.
    • Inzwischen sollten Sie in Ihre Zertifikatsdatenbank als vertrauenswürdige Zertifizierungsstelle TC Trustcenter Class1 CA von der Webseite https://www.trustcenter.de/infocenter/root_certificates.htm installieren (Anklicken des Links Download unter "1.1 TC Class 1").
    • Kurz nach der Absendung Ihrer Bestätigungantwort an das Trustcenter bekommen Sie Ihr Zertifikat per E-Mail zugesandt und können es durch Klicken auf die dort eingebaute URL in Ihren Browser übernehmen.


  5. X.509 (S/MIME) Zertifikate - Ende der Bearbeitungszeit: 20.11.2007, pro Person zu bearbeiten, 2 Bonuspunkte

    Schaffen Sie die Voraussetzungen für S/MIME-selbstbeglaubigte ("unterzeichnete") und -verschlüsselte E-Mail:

    • Beantragen Sie ein (kostenloses TC Express) X.509 Zertifikat bei Trustcenter.de.
    • Besorgen Sie sich mit Hilfe der Suchfunktion des Trustcenters oder von der Homepage der Übungsgruppenleiter öffentlichen Schlüssel Ihres Übungsgruppenleiters.
    • Schicken Sie Ihrem Übungsgruppenleiter (an die korrekte Adresse!) eine verschlüsselte (encrypted) und unterzeichnete/beglaubigte (signed) E-Mail.
    • Ergänzen Sie jeweils Ihre persönliche Homepage auf Ihrer Website um einen Link auf Ihren öffentlichen Schlüssel und um den zugehörigen Fingerprint (MD5).

    Hinweis: Für das erfolgreiche Importieren von E-Mail-Zertifikaten sind die aktuellen Zertifikate der entsprechenden CA erforderlich! Löschen Sie also ggf. zunächst alte Ausstellerzertifikate aus der Datenbank und importieren Sie dann die aktuellen Versionen. Überprüfen Sie anschliessend im Zertifikat-Manager die Vertrauenseinstellungen für die Mail-Benutzer-Identifikation der importierten Zertifikate.

  6. Eigener Webauftritt - Ende der Bearbeitungszeit: 27.11.2007, 3 Bonuspunkte

    Erstellen Sie eine Website (vgl. http://de.wikipedia.org/wiki/Website), die (mindestens) aus einer Startseite in Ihrem public_html-Verzeichnis besteht.
    Gestalten Sie Ihre Seiten so, dass als Zeichensatz-Codierung Latin-1 (ISO-8859-1) verwendet wird und Sie deutsche Sonderzeichen (ä,ö,ü,Ä,Ö,Ü,ß) direkt im HTML-Quelltext verwenden können. Siehe dazu:


    Nutzen Sie auf Ihrer Startseite (mindestens) folgende HTML-Elemente:
    • Verschiedene Schriftgrössen (Header)
    • Graphiken
    • Hyperlinks

    Erstellen Sie, d.h. jede an den praktischen Übungen teilnehmende Person, individuelle Homepages, die über die Startseite Ihres Webauftritts per Hyperlink erreichbar sind. Überprüfen Sie dabei, ob die Zugriffsrechte (eXecute permission für others) der Pfade korrekt eingestellt sind.

  7. Webimpressum - Ende der Bearbeitungszeit: 27.11.2007, 2 Bonuspunkte

    Erstellen mit Hilfe des Webimpressum-Assistenten ein Impressum (z.B. für einen freiberuflich tätigen Menschen) und integrieren Sie es in Ihre Website.

  8. HTML-Syntaxcheck - Ende der Bearbeitungszeit: 27.11.2007, 2 Bonuspunkte

    Überprüfen Sie alle erstellten Webseiten auf syntaktische Korrektheit durch den W3C Markup Validation Service und korrigieren Sie etwaige Fehler.
    Versehen Sie dazu Ihre Webseiten insbesondere mit dem für die Überprüfung notwendigen DOCTYPE-Switch (vgl. Grundgerüst).
    Ergänzen Sie auf allen erstellten Webseiten Links für eine automatisierte Syntaxüberprüfung (wie unten rechts auf dieser Seite).

  9. Web-Design

    Informieren Sie sich über die goldenen Regeln für schlechtes HTML.
    Beschreiben Sie die Ihrer Meinung nach größten Fehler in eigenen Worten.

  10. Sonderzeichen auf HTML-Seiten

    Testen Sie mithilfe der HTML Zeichenreferenz auf Ihren Webseiten das Euro-Zeichen (€), das erzwungene Leerzeichen ( ) und das Trennzeichen (­).
    Testen Sie auch spezielle Sonderzeichen durch die Verwendung kleiner (GIF-/JPEG-)Bilder (vgl. http://plato.stanford.edu/symbols/).

  11. FTP-Server der BUW

    Was ist über ftp.uni-wuppertal.de und was über localftp.uni-wuppertal.de downloadbar?

    Besorgen Sie sich einen für Ihr System geeigneten VPN-Client, installieren und konfigurieren Sie ihn. Vergessen Sie einen Test nicht!

  12. LDAP-Adressbücher

    Richten Sie einen Mail-Client Ihrer Wahl für den Zugriff auf folgende LDAP-Adressbuch-Server ein:

    • ldapintern.uni-wuppertal.de (o=uni-wuppertal,c=de)
    • imap.math.uni-wuppertal.de (dc=math,dc=uni-wuppertal,dc=de)
    • lsrv0.studs.math.uni-wuppertal.de (dc=studs,dc=math,dc=uni-wuppertal,dc=de)


  13. DHTML

    Bearbeiten Sie in der Entwicklungsumgebung zur Erstellung von (D)HTML-Dokumenten für MathePrisma-Module die Beschreibung von dynamischen Seitenelementen (DHTML/JavaScript).

  14. Weiterleitungen im WWW

    Erstellen Sie eine Weiterleitung, bei der eine Webseite homepage.html per (META-)refresh-Technik nach einer Verzögerung von zwei Sekunden automatisch auf die Datei index.html im selben Verzeichnis weitergeleitet wird (vgl. noindex.html).

  15. Dynamische HTML-Seiten - Ende der Bearbeitungszeit: 11.12.2007, 3 Bonuspunkte

    Erstellen Sie syntaktisch korrekte (D)HTML-Seiten dynamisch.html und tip.html mit folgender Funktionalität (Schlüsselwörter finden sich in Klammern):

    • Laden auf oberstem Level

      Sorgen Sie dafür, daß die Seite dynamisch.html stets auf oberster Ebene (also nicht innerhalb eines Frames) geöffnet wird (onLoad, window.top.location.replace).
      Als Beispiel können Sie die Mathematik-Homepage verwenden.

    • Bildüberblendung

      Ein Bild auf der Seite dynamisch.html soll bei Mauskontakt durch ein anderes Bild ersetzt werden.
      Ohne Mauskontakt soll stets das ursprüngliche Bild sichtbar sein.

    • Fenster öffnen

      Ein Klick auf einen Link auf der Seite dynamisch.html soll die Seite tip.html in einem neuen Fenster öffnen, das weder Werkzeugleiste (toolbar) noch Statuszeile (status) besitzt und an der vorgegebenen Bildschirmposition (25,25) in der vorgegebenen Größe 200x200 Pixel geöffnet wird (open).
      Beim Verlassen der Seite dynamisch.html soll das Fenster mit Seite tip.html automatisch geschlossen werden (onUnload).

    Binden Sie die Seiten in Ihre Website ein.

  16. Framestrukturen - Ende der Bearbeitungszeit: 18.12.2006, 2 Bonuspunkte

    Erstellen Sie mehrere syntaktisch korrekte HTML-Seiten, die in einem Frameset dargestellt werden:

    • Navigations-/Hauptbereich

      Über einen Navigationsbereich (links) sollen verschiedene Inhalte (HTML-Seiten) in den Hauptbereich (rechts) geladen werden.

    • Probleme und Gefahren

      Welche Probleme ergeben sich bei solch einem Webseitenaufbau? Stellen Sie diese auf einer durch einen Link im Navigationsbereich in den Hauptbereich zu ladenden HTML-Seite übersichtlich zusammen.

    • "fremde" Inhalte

      Erstellen Sie einen Link im Navigationsbereich, der eine "fremde" Webseite in den Hauptbereich lädt.

    • Schutz

      Schützen Sie Ihren Frameset (via DHTML) gegen das Laden innerhalb eines anderen Framesets.

    Binden Sie die Seiten in Ihre Website ein.

  17. E-Mail

    Informieren Sie sich über die goldenen Regeln für schlechte E-Mails.
    Beschreiben Sie die Ihrer Meinung nach größten Fehler in eigenen Worten.

    Ändern Sie gemäß der HRZ-Seite E-Mail-Daten per Web ändern das Passwort Ihres Studierenden-E-Mail-Accounts. Wann wird diese Änderung wirksam?
    Wie konfigurieren Sie einen eigenen sinnvollen E-Mail-Alias-Namen?
    Welche Form von E-Mail-Account-Namen ist international üblich?

    Informieren Sie sich über das alte E-Mail-Forwarding-Verfahren.
    Wie können Sie analog ein Forwarding auf mail.uni-wuppertal.de und wie auf lsrv0.studs.math.uni-wuppertal.de aktivieren?
    Überlegen Sie sich, welchen E-Mail-Account im Hochschul- und Fachgruppen-Netz Sie ab sofort als Ihren (einzigen) E-Mail-Account benutzen wollen und leiten sie E-Mails an alle anderen Rechner mittels Forwarding weiter. Testen Sie!

  18. PHP / MySQL

    Eignen Sie sich Grundlagen zu PHP und MySQL an. Einige Quellen:



  19. .htaccess - Ende der Bearbeitungszeit: 08.01.2008, 2 Bonuspunkte

    Erstellen Sie .htaccess-Dateien für folgende Zwecke:

    • Passwortschutz

      Schützen Sie ein Unterverzeichnis in Ihrer Website durch den Benutzernamen alibaba und das Passwort sesam.
      Zur Erstellung der Passwortdatei können Sie u.a. das Programm /usr/sbin/htpasswd2 verwenden.

    • Zugriff für spezielle IP-Adressbereiche

      Lassen Sie den Zugriff auf ein Unterverzeichnis ausschliesslich für Host des IT-Clusters zu (IP-Adressen: 132.195.132.129...143).

    • Individuelle Fehlermeldungen

      Bei Anforderung einer nicht vorhandenen Datei (ErrorDocument 404) soll der Webserver per local redirect-Methode automatisch eine (von Ihnen zu erstellende und syntaktisch korrekte!) Datei error.html öffnen.

    • Indexdateien (vgl. Apache Dokumentation)

      Sorgen Sie dafür, dass in Ihrer Website neben der Datei index.html auch Dateien index.htm und default.html als Indexdateien verwendet werden.
      Konfigurieren Sie ausserdem ein spezielles Verzeichnis ohne Indexdatei derart, dass

      • die Dateien nach ihrer Größe aufsteigend sortiert aufgelistet werden,
      • jeweils erklärende Texte unter Description erscheinen und
      • alle Dateien der Typen *.txt und *.conf ausgeblendet werden.


  20. robots.txt

    Informieren Sie sich über die Bedeutung der Datei robots.txt im Dokumenten-Wurzelverzeichnis eines Webservers.
    Welche Einstellungen lassen sich über diese Datei vornehmen?

    Geben Sie für folgende Anwendungen entsprechende Einträge (records) der Datei robots.txt an:

    • Kein Suchroboter darf auf die Unterverzeichnisse /images und /sqldb zugreifen, und
    • der Suchroboter Pitbull darf nicht auf die Datei /MyLeg.html zugreifen.

    Warum bietet robots.txt keinen Schutz gegen eine Durchsuchung von Websites?

  21. Pretty Good Privacy (pgp/gpg)

    Schaffen Sie die Voraussetzungen für die gpg-Verschlüsselung von Dateien:

    • Erzeugen Sie sich ein Schlüsselpaar (DSA und Elgamal, Länge 2048 Bit) zum Ver-/Entschlüsseln und Signieren von Dateien.
    • Extrahieren Sie Ihren öffentlichen Schlüssel in eine ASCII-Datei, um ihn bei Bedarf weitergeben zu können.
    • Lassen Sie Ihren öffentlichen Schlüssel von einer Kommilitonin oder einem Kommilitonen signieren.
    • Besorgen Sie sich die öffentlichen Schlüssel Ihres Übungsgruppenleiters und von P. Feuerstein und fügen Sie diese Schlüssel Ihrem öffentlichen Schlüsselring zu.
    • Kodieren Sie eine Textdatei mit dem öffentlichen Schlüssel ihres Übungsgruppenleiters.


  22. ssh mit Schlüsseln

    Welche Vorteile bietet das Arbeiten mit ssh mit einem Schlüsselpaar?
    Erzeugen sie mittels ssh-keygen ein eigenes Schlüsselpaar und benutzen Sie es, um sich ohne Eingabe von Passwörtern von den IT-Rechnern auf den CIP-Rechner einloggen zu können. Beschreiben Sie das dazu nötige Vorgehen Schritt für Schritt.
    Welche Vorteile bietet der zusätzliche Einsatz von ssh-agent und ssh-add?
    Was ist unter der Option ForwardAgent in der ssh-Konfigurationsdatei zu verstehen?

    Quellen:



  23. Berechnung von Schaltjahren (PHP/MySQL) - Ende der Bearbeitungszeit: 29.01.2008, 4 Bonuspunkte

    Erstellen Sie ein PHP-Script für die Berechnung von Schaltjahren:

    • Die Jahreszahl eines jeden Schaltjahres ist durch vier teilbar,
    • ist eine Jahreszahl durch 100 teilbar und nicht durch 400, so ist das Jahr kein Schaltjahr.

    Aufgabe:

    • Lesen Sie in einem PHP-Script die zu überprüfenden Jahreszahlen per MySQL-Abfrage ein:
      • Datenbankserver: www-it.math.uni.wuppertal.de (bzw. localhost)
      • User/Password: student/geheim
      • Datenbank: Jahreszahlen
      • Tabelle: Jahre
      • Feld: Jahr
    • Geben Sie anschliessend alle eingelesenen Jahreszahlen aus, wobei Schaltjahre und Gemeinjahre entsprechend markiert oder sortiert sind.
    • Integrieren Sie das Script in Ihre Website.


  24. Internet-Radio

    Verschaffen Sie sich auf der Seite Surfmusic.de einen Überblick über die verfügbaren Web-Radio-Känäle der Sparte "Klassische Musik". Hören Sie sich testhalber "BBC Radio3" an. Wechseln Sie auf die "BBC-Radio" Homepage und hören Sie sich die "World-News" an.

    Wozu ist das hier auftretende Zwischenspeichern nötig? Was heißt RTP?
    Welches Problem tritt in IPv4 beim Web-Radio auf?




fpf's home page Last modified by Peter Feuerstein (feuerstein@uni-wuppertal.de) Valid HTML 4.01! Internet-Technologien-Homepage