Metainformationen zur Seite
  •  

Dies ist eine alte Version des Dokuments!

Einstieg Netzwerkkanalyse

1. Herstellen einer funktionsfähigen lokalen Entwicklungsumgebung

  • Rechner mit installiertem Python3. Dazu python3-bottle installieren oder die Datei bottle.zip (Stand Okt. 2019) herunterladen und neben der server_einfach.py (siehe Punkt 2) abspeichern)
  • Editor, z.B. Geany oder andere IDE
  • moderner Browser (Firefox, Chrome)

2. Demodateien herunterladen (Stand Okt. 2019)

  • einstieg.zip (inkl. jquery)
  • Entpacken und in das Verzeichnis einstieg wechseln.

3. Starten

  • starte server_einfach.py (z.B. in Geany oder einer anderen IDE laden und ausführen)
  • Öffne http://localhost:8080 im Browser

4. Tippe F12 im Browser

  • Wähle Netzwerkanalyse
  • Wähle den Link Einstieg auf der Demoseite im Browser darüber
  • Betrachte in der Netzwerkanalyse:
    • welche Dateien werden übertragen?
    • Was wird übertragen, wenn du eine Zahl eingibst?
    • Was wird übertragen, wenn du ein Wort eingibst?

5. Python

  • Betrachte die URLs von Aufgabe 4. und
  • finde die Entsprechung im Quelltext der server_einfach.py
  • Wenn du den Python-Quelltext einigermaßen verstanden hast, so erweitere das Programm:
    • Nicht eine, sondern zwei Zahlen werden eingegeben (HTML-Formular erweitern)
    • Diese werden gemeinsam per JS an den Server geschickt (JS ergänzen)
    • Der Server liefert auf den AJAX-Request als Antwort das Produkt der beiden Zahlen
    • Das Ergebnis wird per JS in die Seite eingebaut