Update für 09

    * [Arbeitsauftrag](sitzungen/auftraege/07-Fr-2017-12-01-auftrag-inf2.md)

* [[08] 2017-12-08](sitzungen/08-Fr-2017-12-08.md)

    * [Arbeitsauftrag](sitzungen/auftraege/08-Fr-2017-12-08-auftrag-inf2.md)

* [[09] 2017-12-15](sitzungen/09-Fr-2017-12-15.md)

    * [Arbeitsauftrag](sitzungen/auftraege/09-Fr-2017-12-15-auftrag-inf2.md)

## Lernmaterialtypen

* [Lernmaterialtypen](material/typen/einleitung.md)

# [09] 2017-12-15

## Layouts dynamisch füllen

Viele moderne so genannte *Frameworks* für die Webseitenentwicklung arbeiten mit einem ähnlichen Template-Ansatz: Es gibt verschiedene größere und kleinere HTML-Fragmente, die auf dem Server zu einer kompletten Webseite sprich einem HTML-Dokument zusammengesetzt werden. Flask arbeitet auch so, weshalb wir dieses Template-System mit einer einfachen Vorübung schon jetzt einmal kennen lernen.

## Ziel

- Sie können eine komplette Website dynamisch aus mehreren Teilen zusammensetzen.

## Auftrag

Arbeiten Sie die Jupyter Notebooks [zur heutigen Veranstaltung durch]().

## Auftrag zu [10], 2017-12-22

Lösen Sie im Kontext Ihres geplanten Projektes folgende Aufgaben in einem Jupyter Notebook:

**Ferienwohnungsvermietung:** Erzeugen Sie die zentrale Ansicht Ihrer HTML-Seite mithilfe eines Layouts, das mindestens einen Platzhalter enthält. Kombinieren Sie das Layout mit den dynamisch generierten Teilen Ihrer Anwendung!

**Anwesenheit beim Schwimmkurs:** Erzeugen Sie die zentrale Ansicht Ihrer HTML-Seite mithilfe eines Layouts, das mindestens einen Platzhalter enthält. Kombinieren Sie das Layout mit den dynamisch generierten Teilen Ihrer Anwendung!

**Remotecontrol für Mediathek:** Erzeugen Sie die zentrale Ansicht Ihrer HTML-Seite mithilfe eines Layouts, das mindestens einen Platzhalter enthält. Kombinieren Sie das Layout mit den dynamisch generierten Teilen Ihrer Anwendung!

**Sitzplan in der Schulklasse:** Erzeugen Sie die zentrale Ansicht Ihrer HTML-Seite mithilfe eines Layouts, das mindestens einen Platzhalter enthält. Kombinieren Sie das Layout mit den dynamisch generierten Teilen Ihrer Anwendung!

**Bildergalerie im Fotostudio:** Erzeugen Sie die zentrale Ansicht Ihrer HTML-Seite mithilfe eines Layouts, das mindestens einen Platzhalter enthält. Kombinieren Sie das Layout mit den dynamisch generierten Teilen Ihrer Anwendung!

### Abgabetermin

Geben Sie Ihr Ergebnis bis zum **Mittwoch, d. 20.12.2017**, ab:

- Jupyter Notebooks mit Ihren Lösungen

- Alle weiteren Dateien, die zu diesen Lösungen geführt haben oder dafür notwendig sind.

**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 zu Ihrer Arbeit geben!