/vs1lab

Laboruebung Verteilte Systeme 1

Primary LanguageJavaScriptMIT LicenseMIT

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 (mir automatisch erfassten oder manuell eingegebenen 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 dieses Semester 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 (in Kürze verfügbar)

Beispiele

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