Commit a1bdfa33 authored by Axel Dürkop's avatar Axel Dürkop
Browse files

Auto stash before merge of "master" and "development"

parent e0d8188f
......@@ -20,7 +20,7 @@ Axel Dürkop, [Institut für Technische Bildung und Hochschuldidaktik](http://it
## HTML- und PDF-Version
Dieses Skript kann als [HTML-Seite](https://fizban05.rz.tu-harburg.de/itbh/veranstaltungsskript-inf-sose2017/) und als [PDF](https://fizban05.rz.tu-harburg.de/itbh/veranstaltungsskript-inf-sose2017/book_pdf/book.pdf?/) gelesen werden.
Dieses Skript kann als [HTML-Seite](https://fizban05.rz.tu-harburg.de/itbh/veranstaltungsskript-inf-sose2017/) und als [PDF](https://fizban05.rz.tu-harburg.de/itbh/veranstaltungsskript-inf-sose2017/book_pdf/pandocbook.pdf?/) gelesen werden.
## Beitragen
......
......@@ -33,7 +33,10 @@
* [[05] 2017-05-15](sitzungen/05-Mo-2017-05-15.md)
* [Arbeitsauftrag INF1](sitzungen/auftraege/05-Mo-2017-05-15-auftrag-inf1.md)
* [Arbeitsauftrag INF2](sitzungen/auftraege/05-Mo-2017-05-15-auftrag-inf2.md)
* [[06] 2017-05-22](sitzungen/06-Mo-2017-05-22.md)
* [Arbeitsauftrag INF1](sitzungen/auftraege/06-Mo-2017-05-22-auftrag-inf1.md)
* [Arbeitsauftrag INF2](sitzungen/auftraege/06-Mo-2017-05-22-auftrag-inf2.md)
## Lernmaterialtypen
* [Lernmaterialtypen](material/typen/einleitung.md)
* [Bücher](material/typen/buecher.md)
......
......@@ -20,7 +20,7 @@ Die Datei `app.py` kann mit `touch app.py` angelegt werden, der Ordner mit `mkdi
### Statische HTML-Dokumente auf den RPI kopieren
Zunächst brauchen wir die HTML-Dokumente aus dem GitHub-Repository https://github.com/xldrkp/secondhandblumen. Sie können direkt mit `git clone` in den Ordner `templates` gezogen werden.
Zunächst brauchen wir die HTML-Dokumente aus dem GitLab-Repository https://xldrkp@collaborating.tuhh.de/itbh/secondhandblumen.git. Sie können direkt mit `git clone` in den Ordner `templates` gezogen werden.
```bash
pi@raspberrypi:~/www/secondhandblumen_flask/templates $ cd
......
# [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
1. Verteilung der Referatsthemen
1. Erste Schritte mit Python auf dem Raspberry
- "Die pythonische Küche"
1. Bereitstellung einer Kundenseite auf dem Raspberry Pi
## Aufgabe in der Sitzung
1. Melden Sie sich per SSH auf dem Raspberry an.
1. Stellen Sie die Seite *Secondhandblumen Petersen* auf dem Raspberry bereit. Ziehen Sie dafür das entsprechende Repository aus GitLab auf den Raspberry:
```bash
pi@raspberrypi:~ $ cd www/[ihr-unterordner]/
pi@raspberrypi:~/www/[ihr-unterordner]/ $ git clone https://xldrkp@collaborating.tuhh.de/itbh/secondhandblumen.git .
```
Wichtig ist der Punkt am Ende, denn er sagt, dass die Dateien direkt in dem Verzeichnis abgelegt werden, in dem wir uns befinden.
Navigieren Sie in den neuen Ordner und starten Sie dort den Entwicklungsserver. Sprechen Sie sich mit Ihren Gruppenpartner_innen ab, damit Sie sich mit den Ports nicht in die Quere kommen.
## Auftrag für INF1 zu [07], 2017-05-29
Der folgende Arbeitsauftrag ist für die Gruppe **INF1** gedacht.
### Ziele
* Sie kennen die technischen Grundlagen einer *reaktionsfähigen* Website (*Responsive Webdesign*).
* Sie sind in der Lage, eine mobile Website auf der Basis von Responsive Webdesign zu erstellen.
### Inhalte und Aufgaben des Auftrags
#### 1. HTML & CSS
In der zweiten Hälfte des Semesters werden wir uns mit mobilem Webdesign befassen und hierbei zunächst auf die Schlüsseltechnik, *Media Queries*, eingehen.
##### Aufgaben
- Lesen Sie [den Wikipedia-Artikel zu Responsive Webdesign](https://de.wikipedia.org/wiki/Responsive_Webdesign).
- Erstellen Sie ein einfaches Beispiel mit HTML und CSS, das mindestens zwei Breakpoints enthält, an denen sich etwas Auffälliges ändert.
- Stellen Sie dieses Beispiel in Ihrem Uberspace-Account bereit, und teilen Sie den Link in Mattermost.
- Laden Sie Ihre Arbeit zusätzlich in GitLab hoch.
### Abgabetermin
* Geben Sie möglichst früh eine erste Version ab. Sie erhalten dann Feedback zu Ihrer Arbeit.
* Geben Sie die finale Version am **Sonntag, den 28.05.2017**, ab.
**Wichtig!** Die Abgabe erfolgt bitte **nicht mehr per Mail**, sondern wie [in der Anleitung "Studienleistungen in GitLab hochladen"](/material/sitzungsmaterial/studienleistungen-in-gitlab-hochladen.md) beschrieben. Nur so kann das Dozententeam detailliertes und konstruktives Feedback an Ihrem Text leisten!
## Auftrag für INF2 zu [07], 2017-05-29
Der folgende Arbeitsauftrag ist für die Gruppe **INF2** gedacht.
### Ziele
- Sie können einfache Programme in Python schreiben.
- Sie können eine statische Website in eine dynamische mithilfe von Flask übersetzen.
### Inhalte und Aufgaben des Auftrags
#### 2. Übungen in Python
Nachdem Sie erste Schritte mit Python gegangen sind, werden Sie diese Kenntnisse nun im Zusammenhang mit Flask einsetzen. Denn das nächste Ziel ist die Erstellung einer dynamischen Website.
##### Aufgaben
Sie haben in der vergangenen Veranstaltung eine statische Website auf dem Raspberry bereitgestellt. Diese gilt es nun, in eine dynamische umzuwandeln.
1. Lesen Sie die Abschnitte [Flask auf der Serverseite](/material/sitzungsmaterial/flask/flask-auf-der-serverseite.md), [Request-Daten mit Flask auswerten](/material/sitzungsmaterial/flask/request-daten-mit-flask-auswerten.md) und [Aus statisch mach dynamisch](/material/sitzungsmaterial/flask/aus-statisch-mach-dynamisch.md).
1. Bauen Sie die statische Seite *Secondhandblumen Petersen* entsprechend zu einer dynamischen um.
1. Stellen Sie Ihr Ergebnis in GitLab bereit.
### Abgabetermin
* Geben Sie möglichst früh eine erste Version ab. Sie erhalten dann Feedback zu Ihrer Arbeit.
* Geben Sie die finale Version am **Sonntag, den 28.05.2017**, ab.
**Wichtig!** Die Abgabe erfolgt bitte **nicht mehr per Mail**, sondern wie [in der Anleitung "Studienleistungen in GitLab hochladen"](/material/sitzungsmaterial/studienleistungen-in-gitlab-hochladen.md) beschrieben. Nur so kann das Dozententeam detailliertes und konstruktives Feedback an Ihrem Text leisten!
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment