Letzte Änderung : 15.01.2025 14:06:11   
Studiengänge >> Informatik 2024 B.Sc. >> Web Engineering 1


Code:204350
Modul:Web Engineering 1
Module title:Web Engineering 1
Version:1.0 (12/2014)
letzte Änderung: 02.12.2021
Modulverantwortliche/r: Prof. Dr. rer. nat. Wagenknecht, Christian
c.wagenknecht@hszg.de

angeboten in den 4 Studiengängen:
Informatik (B.Sc.) gültig ab Matrikel 2015
Informatik (B.Sc.) gültig ab Matrikel 2018
Informatik (B.Sc.) gültig ab Matrikel 2020
Informatik (B.Sc.) gültig ab Matrikel 2024

Modul läuft im:WiSe (Wintersemester)
Niveaustufe:Bachelor/Diplom
Dauer des Moduls:1 Semester
Status:Pflichtmodul
Lehrort:Görlitz
Lehrsprache:Deutsch

Workload* in SWS **
Semester
Zeit- std.ECTS-
Pkte
1
2
3
4
5
6

V
S
P
W
V
S
P
W
V
S
P
W
V
S
P
W
V
S
P
W
V
S
P
W
120
4
4.0


2
2
0
0



*Gesamtarbeitsaufwand pro Modul (1 ECTS-Punkt entspricht einem studentischen Arbeitsaufwand von 30 Zeitstunden)
**eine Semesterwochenstunde (SWS) entspricht 45 Minuten pro Woche

Selbststudienzeit in h
Angabe gesamt

75



Lehr- und Lernformen:
  • Vortrag mit Demonstrationen

  • Anleitungen zur selbstständigen Nutzung von Informationsquellen

  • Geführte Übungsaufgaben und ein begleitendes Projekt mit kommentierten Lösungsetappen zum individuellen Vergleich bzw. zur Sicherung des Lernfortschritts

  • studentische Vorträge

  • Erarbeitung eines Belegs
Hinweise:Konkreter Forschungsbezug für SPA: FLACI = Webbasierte Lernumgebung für die Theorie formaler Sprachen und abstrakten Automaten (Wagenknecht, Hielscher)


Prüfung(en)
Prüfung Prüfungsleistung als Beleg (PB)
 - 
100.0%



Lerninhalt:
  • Begriffe: Web Engineering, Web Applikation (Single Page = SPA und traditionelle Multi Page Application = MPA)

  • Systemarchitektur: Client/Server, Single Page Appl. vs. Server based Application, Client/Server-Balance

  • Kommunikationsprotokoll http (Request-Response-Merkmal)

  • Markup-Sprachen: HTML(5) – Tagsemantik und Rendering (Browser)

  • XML und Basistechnologien, konkrete XML-Sprachen: Beispiele mit mathematischen Formeln und SVG (XML/HTML5)

  • Trennung von Inhalt und Darstellung: CSS(3); statisches Web

  • JavaScript als multiparadigmatische Programmiersprache: imperativ, funktional, objektorientiert (prototypbasiert)

  • Asynchrone Programmierung mit JavaScript, Single thread, event queue, callback hell, Web Worker

  • Clientseitige Technologien mit JavaScript; Serverseitiges JavaScript (NodeJS)

  • Berechnungen, Ereignisbehandlung, Formulare - Eingabevalidierung - auch mit HTML5 und jQuery

  • Interaktionstechnologien mit Polling, AJAX, Comet, SSE und Web Sockets

  • Dynamisches Web: DOM – z.B. mit jQuery, in Verbindung mit JSON (Integration von Services, z.B. Google REST API)

  • Persistenz: Cookies, Web Storage, IndexedDB, Restful WebServices, NoSQL-DBMS



Lernergebnisse/Kompetenzen:
Fachkompetenzen:

Nach Abschluss des Moduls haben die Studierenden wichtige Konzepte und Technologien zur Entwicklung von WebAnwendungen, insbes. SPA, kennengelernt. Sie kennen typische Szenarien, für die die entsprechenden Effekte konkretisiert, konzeptionell eingeordnet und individuell implementiert werden.

Die Studierenden sind in der Lage, in Kleingruppenarbeit eine noch unvollkommene SPA, die ggf. im Modul Web Engineering 2 weitergeführt werden kann, zu erarbeiten, bzw. alle wichtigen Teilthemen zu vertiefen.

Fachübergreifende Kompetenzen:Nach erfolgreichem Studium dieses Moduls haben sich die Studierenden durch Bearbeitung der Übungsaufgaben und Präsentation der entwickelten Lösungen Handlungskompetenz angeeignet. Im geforderten Beleg haben die Studierenden ihr erworbenes Wissen angewandt. Sie sind nun fähig, einschlägige Angebote des World Wide Web Consortiums (W3C) zu evaluieren und sich in technologische Kontexte einzuarbeiten. Dabei werden Kleingruppen-dynamische Prozesse genutzt und gezielt befördert.

Notwendige Voraussetzungen für die Teilnahme:Grundkenntnisse in der Programmierung
Empfohlene Voraussetzungen für die Teilnahme:Modul "Programmierparadigmen und Grundkonzepte der Informatik"

Literatur:
  • Website zum Modul (mit Übungen und begleitendem Projekt): https://web1.hszg.de/cwagenknecht-lehre/WE1/index-start.html

  • Scott, Emmit A.: SPA Design and Architecture.- Manning, 2016

  • Cameron, Dane: HTML5, JavaScript und jQuery - Der Crashkurs für Softwareentwickler, 2015

  • Gerndt, Kevin; Bremus, Timm: Single Page Applications.- entwickler.press, 2015.

  • Münz, Stefan: Webseiten professionell erstellen.- Addison-Wesley, 2008.

  • Prediger, Robert; Winzinger, Ralph: NODE.js: Professionell hochperformante Software entwickeln.- Hanser, 2015.

  • Stefan Tilkov / Martin Eigenbrodt / Silvia Schreier / Oliver Wolf: REST und HTTP - Entwicklung und Integration nach dem Architekturstil des Web, 2015