[07] Montag, 29. Mai 2017

In der heutigen Sitzung werden wir eine statische HTML-Seite in eine dynamische verwandeln. Dazu verwenden wir das Python-Framework Flask.

Ziele

  • Sie kennen die Aufgaben von Flask und können vergleichbare Webframeworks nennen.
  • INF2: Sie können den HTTP-Serverroundtrip anhand einer Viewfunktion in Flask erklären.
  • INF2: Sie können ein statisches HTML-Konstrukt mithilfe von Flask zu einem dynamischen umbauen und über einen Entwicklungsserver ausliefern.
  • INF1: Sie können mithilfe der Chrome-Developer-Tools eine reaktionsfähige Website aufbauen.
  • INF1: Sie können Funktion und Bedeutung von Media Queries für reaktionsfähige Webseiten erklären.

Geplante Inhalte und Ablauf

  1. Feedback zu den Arbeitsaufträgen
  2. Referat: Lernmaterialtyp "Blog" am Beispiel von Webseitennavigationen
  3. INF1: Identifizierung von Darstellungsunterschieden bei reaktionsfähigen Webseiten (Gruppenarbeit)
  4. INF2: Dynamisierung einer statischen Website mit Flask

Aufgaben in der Sitzung

INF1

  1. Melden Sie sich per SSH auf dem Raspberry an.
  2. Stellen Sie Ihre mobile Seite auf dem Raspberry bereit. Schicken Sie die Adresse über Mattermost an die anderen Teilnehmenden.
  3. Untersuchen Sie die folgenden Webseiten mithilfe der Chrome-Developer-Tools auf Darstellungsunterschiede, wenn sich die Größe des Viewports ändert. Tragen Sie Ihre Erkenntnisse in einem Etherpad zusammen.

INF2

Der Umbau der Website Secondhandblumen Petersen von statisch zu dynamisch erfolgt unter Anleitung des Dozenten.