Skip to content

Latest commit

 

History

History
45 lines (28 loc) · 3.56 KB

README.md

File metadata and controls

45 lines (28 loc) · 3.56 KB

VS1lab - Laborübungen Verteilte Systeme 1

Ziel des Labors ist die praktische Anwendung verschiedener Web Technologien aus der Vorlesung. Dazu wird in mehreren Schritten eine komplette Web Anwendung erstellt. In jedem Schritt wird jeweils ein Bereich von Web Technologien genauer betrachtet.

Die Geo Tagging App (GTA)

In der Übung entwickeln wir die Geo Tagging App (kurz GT-App oder GTA): eine Social Sharing App für interessante Orte. Die App verwaltet GeoTags (= Locations mit Hashtags). Dies beinhaltet zwei Hauptaktivitäten: das Anlegen (Tagging) und die Suche (Discovery) von GeoTags, die wie folgt umgesetzt werden:

  • Über ein Tagging Widget (als Formular realisiert) kann jederzeit der Name sowie ein Hashtag für den aktuellen Ort des Browsers (mit automatisch erfassten Koordinaten) registriert werden.

  • In einer Discovery Liste werden die GeoTags der aktuellen Umgebung angezeigt. GeoTags der Umgebung können zudem über Name oder Hashtag gefiltert werden.

Screenshot

Entwicklungsumgebung

Auf einem Entwicklungsrechner brauchen sie zur Lösung der Aufgaben verschiedene Tools und Frameworks. Für die ersten zwei Aufgaben sind folgende Komponenten nötig:

Ab der dritten Aufgabe kommen folgende Frameworks hinzu:

Alle Komponenten sind auf den Poolrechnern (LI 137) vorhanden. Sie können aber auch leicht selbst auf dem eigenen Rechner installiert werden. Alle Werkzeuge sind natürlich kostenfrei erhältlich.

Aufgaben

Die Laborübungen umfassen vier Teilaufgaben:

  1. Web Apps strukturieren (HTML5) und gestalten (CSS3)
  2. Clientseitige Programmierung mit JavaScript / HTML5-APIs
  3. Serverseitige Anwendung mit Node.js / Express / EJS erstellen
  4. Interaktion per REST-API und AJAX-Aufrufen

Beispiele

Für einige weitere Vorlesungsthemen gibt es praktische Code-Beispiele.