Hasso-Plattner-Institut
Hasso-Plattner-Institut
  
Login
 

Clientseitige Webprogrammierung (Sommersemester 2017)

Lecturer: Prof. Dr. Christoph Meinel (Internet-Technologien und -Systeme)
Tutors: Jan Renz Thomas Staubitz Christian Willems Franz Liedke

General Information

  • Weekly Hours: 4
  • Credits: 6
  • Graded: yes
  • Enrolment Deadline: 28.04.2017
  • Teaching Form: SP
  • Enrolment Type: Compulsory Elective Module

Programs & Modules

IT-Systems Engineering BA
  • OSIS-Grundlagen
  • OSIS-Vertiefung
  • ISAE-Grundlagen
  • ISAE-Vertiefung

Description

Historisch wurden Web-Anwendungen nach einem Client-Server-Prinzip gebaut. Die Datenverarbeitung erfolgte hierbei auf den Servern. Das dort gerenderte HTML wurde dann zum Browser gesendet, der dann lediglich das Anzeigen des HTML übernahm.  Mit dem zunehmenden Bedürfnis nach Interaktivität und der damit eingehenden Entwicklung von statischen Webseiten hin zu hochdynamischen Web-Anwendungen haben zunächst Flash und Javascript Add-Ons, bspw. auf Basis jQuery, diese Lücke gefüllt. Doch diese Technologien sind als Brückentechnologien zu betrachten.

Heute sind viele Web-Anwendungen technisch komplex. Hierzu wird oft ein Framwork wie ReactJS, Vue.js, EmberJS oder Angular als Grundlage verwendet. Diese Frameworks erlauben es Anwendungen wie Facebook und Google Docs zu bauen.

Die Komplexität dieser Frameworks steht dabei denen serverseitiger Frameworks (wie bspw. Rails, Django, Zend oder Symfony) kaum nach.

In diesem Seminar wollen wir anhand von ausgewählten Themen tiefer in die Clientseitige Webprogrammierung einsteigen, Frameworks und Konzepte kennenlernen und praktisch erproben.

Dazu wird in Gruppen eine Reihe von Themen aus der Praxis bearbeitet:

  1. MOOC Planner
  2. Interaktives Analytics Dashboard
  3. Datenvisualisierung für Code Traces
  4. openHPI Quiz Editor
  5. Web Application Onboarding
  6. 120/180

Requirements

Empfohlen:

  • Abschluss der Vorlesung "Internet- und WWW-Technologien"

Hilfreich:

  • Grundkenntnisse HTML, CSS und JavaScript
  • Grundverständnis Webprogrammierung (HTTP, Sessions, Cookies, ...)

Literature

Je nach Projekthema

Learning

1. Phase

  • Anforderungsanalyse
  • Beginn der Implementierung eines Prototyps
  • Recherche eines Hintergrundthemas (z.B. Technologie, Verfahrensweise)
  • Vortrag und Diskussion (45min) über Hintergrundthema, Stand der Entwicklung, Ziele

2. Phase

  • Implementierung und Codedokumentation
  • Zwischenvortrag (Lightning Talk): aktuellen Stands und Austausch mit anderen Gruppen
  • Abschlussvortrag (Lightning Talk): Präsentation des Projektergebnisses
  • Abgabe von Software und Dokumentation

Examination

Folgende Leistungen gehen in die Bewertung der Arbeit ein:

  • Eigenleistung in der Projektarbeit
  • Ausarbeitung des Hintergrundthema
  • Dokumentation
  • Aktive Mitarbeit
  • Vortrag und Diskussionsführung

Dates

  • 24.04.2017: Vorstellung der Themen
  • wöchentlich (nach Bedarf): Gruppeninterne Treffen mit Betreuern
  • 22.05.2017: Hintergrundvorträge
  • 29.05.2017: Hintergrundvorträge
  • 19.06.2017: Zwischenpräsentation (Lightning Talks, max. 10 Min.)
  • 18.07.2017: Abschlusspräsentation (Lightning Talks, max. 10 Min.)
  • 28.07.2017: Abgabeschluss von Software und Entwickler-Dokumentation

     

Zurück