[06] Montag, 22. Mai 2017

In der heutigen Veranstaltung werden wir uns mit den technischen Grundlagen dynamischer Webseiten beschäftigen.

Ziele

  • Sie kennen die Protokolle SSH, FTP und SFTP
  • Sie können einen einfachen Entwicklungsserver auf Basis von Python auf dem Raspberry starten und Webdokumente darüber ausliefern.
  • INF2: Sie können einfache Python-Skripte schreiben und ausführen.

Geplante Inhalte und Ablauf

  1. Feedback zu den Arbeitsaufträgen
  2. Verteilung der Referatsthemen
  3. Erste Schritte mit Python auf dem Raspberry
  4. Bereitstellung einer Kundenseite auf dem Raspberry Pi

Aufgabe in der Sitzung

  1. Melden Sie sich per SSH auf dem Raspberry an.
  2. Stellen Sie die Seite Secondhandblumen Petersen auf dem Raspberry bereit. Ziehen Sie dafür das entsprechende Repository aus GitLab auf den Raspberry:
pi@raspberrypi:~ $ cd www/[ihr-unterordner]/
pi@raspberrypi:~/www/[ihr-unterordner]/ $ git clone https://xldrkp@collaborating.tuhh.de/itbh/secondhandblumen.git

Navigieren Sie in den neuen Ordner secondhandblumen und starten Sie dort den Python-Entwicklungsserver. Sprechen Sie sich mit Ihren Gruppenpartner_innen ab, damit Sie sich mit den Ports nicht in die Quere kommen:

python3 -m http.server [Portnummer]

  1. Nutzen Sie den Editor nano, um die Dateien der Website zu editieren, und Filezilla, um Dateien zwischen Ihrem Rechner und dem RPI zu transferieren.

    • Ändern Sie den Namen im Header der Seite.
    • Ändern Sie die Hintergrundfarbe. Um die Farbe zu bestimmen, nutzen Sie zunächst die Pinzettenfunktion in den Chrome-Developer-Tools.
    • Tauschen Sie die Bilder auf der Teamseite aus. Das erste soll direkt mit einer Quelle im WWW verlinkt werden, also mit http://..., das zweite soll aus dem Dateisystem des Servers geladen werden.

    • Erhöhen Sie die Preise auf der Seite Angebot um 10%. Nutzen Sie dafür Python mit der Kommandozeile auf dem Raspberry. Öffnen Sie diese zunächst mit der Eingabe von python3. Dann rechnen Sie die vorhandenen Preise multipliziert mit 1,1.

      pi@raspberrypi:~/www/axel/secondhandblumen $ python3
Python 3.4.2 (default, Oct 19 2014, 13:31:11)
[GCC 4.9.1] on linux
Type "help", "copyright", "credits" or "license" for more information.
>>> 1.99 * 1.1
2.189
>>>

Hinweise zur Aufgabe

  • Beachten Sie bitte, dass das Komma zur Abtrennung von Dezimalstellen, wie es im Deutschen gebräuchlich ist, in informatischen Zusammenhängen immer durch einen Dezimalpunkt ersetzt werden muss!
  • Sie können die interaktive Python-Kommandozeile mit STRG+D wieder verlassen.
  • Sie können sich mehrmals auf dem Raspberry einloggen, wenn das für die Arbeit einen Vorteil bringt. Öffnen Sie dafür auf dem Raspberry ein zweites Mal das Terminal bzw. GitBash oder PuTTY.
1. Das Jupyter-Notebook zu der statischen Darstellung kann aus GitLab heruntergeladen werden. Was Jupyter-Notebooks sind, können Sie hier nachlesen. ↩