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

Add Veranstaltung

parent 67bd4deb
# [07] 2017-12-01
## Thema: Bilder dynamisch verarbeiten
In der heutigen Sitzung wenden wir unsere neuen Kenntnisse auf das Generieren von Bilddarstellungen mit HTML an. Diese finden sich überall im Netz: Bildergalerien, Artikelanzeigen von Webshops, Fotos in den Timelines der sozialen Netzwerke etc.
Auch hierbei ist das Grundprinzip für die dynamische Generierung des HTML dasselbe wie zuvor: Es liegen strukturierte Daten zugrunde, die einzeln oder in einer Schleife verarbeitet werden.
## Ziele
- Sie können das Konzept dynamischer Webseiten erklären.
- Sie können den Datentyp *Dictionary* erklären und sinnvoll zur Strukturierung von Daten einsetzen.
- Sie verstehen, dass Dictionarys, die in einer Liste gespeichert sind, mit einer Tabelle vergleichbar sind.
- Sie verstehen das Konzept des Filterns von Daten bei der Ausgabe und können es erklären und anwenden.
- Sie kennen die *if-Anweisung* und können Sie auch in Kombination mit Operatoren einsetzen.
- Sie können aus komplexeren Datenstrukturen HTML-Fragmente generieren.
## Inhalte
### Allgemeine Themen
- Netzneutralität
- Breitband (schnelles Internet)
- Breitband ([Der Podcast im Deutschlandfunk](https://breitband.deutschlandfunkkultur.de/))
- Blockchain als Grundlage von Kryptowährungen
- Blog: https://netzpolitik.org/
- Chris Anderson, Autor, vgl. https://portal.dnb.de/opac.htm?method=simpleSearch&query=132786168
- Bericht vom [OER-Camp](http://www.oercamp.de/) und [OER-Fachforum 2017 in Berlin](https://open-educational-resources.de/veranstaltungen/17/fachforum/)
### Informatikthemen
- Einbinden von Bildern in Jupyter Notebook
- Generieren von HTML-Fragmenten mit Bildern und Grafiken, s. auch das Jupyter Notebook [Bilder einbinden](https://collaborating.tuhh.de/itbh-inf-wise201718/jupyter-notebooks/blob/master/07-2017-12-01/Bilder-einbinden.ipynb)
## Auftrag
1. Legen Sie eine sinnvolle Datenstruktur an, in der sie vier Bilder speichern, die Sie in Jupyter Notebook bereitstellen.
1. Geben Sie die Bilder untereinander in Ihrem Notebook aus!
# Arbeitsauftrag
## Auftrag zu [08], 2017-12-08
Lösen Sie im Kontext Ihres geplanten Projektes folgende Aufgaben in einem Jupyter Notebook:
**Ferienwohnungsvermietung:** Generieren Sie eine horizontale Navigation mit verschiedenen funktionierenden Links und einem passenden Icon vor jedem Linktext aus einer sinnvollen Datenstruktur!
**Anwesenheit beim Schwimmkurs:** Erstellen Sie mit HTML und CSS die gewünschte Darstellung der Anwesenheitsstatistik. Überlegen Sie, welche Teile des HTMLs mittels Python dynamisch generiert werden können! Setzen Sie erste Gedanken in die Tat um!
**Remotecontrol für Mediathek:** Erzeugen Sie mit Python eine Darstellung der vorhandenen Medien, die Sie in einer sinnvollen Datenstruktur gespeichert haben!
**Sitzplan in der Schulklasse:** Generieren Sie Ihren Sitzplan dynamisch auf der Basis einer sinnvollen Datenstruktur!
**Bildergalerie im Fotostudio:** Generieren Sie eine Bildergalerie von mindestens neun Fotos dynamisch auf Basis einer sinnvollen Datenstruktur. Versehen Sie die Bilder mit geeigneten Metadaten wie Name, Aufnahmedatum o.ä. Erzeugen Sie für jedes dargestellte Bild ein Formular, in dem die Anzahl der (Nach)bestellungen eingegeben werden kann.
### Abgabetermin
Geben Sie Ihr Ergebnis bis zum **Mittwoch, d. 06.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!
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