Inhalt

Abstract:

Der Kurs Web Programming vereint die theoretischen Grundlagen der Web-Programmierung aus Backend- und Frontend-Architektur mit der praktischen Anwendung von verschiedenen Techniken und Methoden. Dabei ist der starke praktische Bezug im Vordergrund und durch Homeworks sowie Übungsaufgaben stets präsent. Der Kurs richtet sich vor allem an Einsteiger, aber auch an programmiererfahrene Studierende. Wir wollen durch den Kurs zum Programmieren anregen – dies gilt für Studierende ohne, aber auch mit Vorkenntnissen.

Aktuelle Schlagworte, wie Web 3.0 oder Mobile Applications, zeigen die stetige Dynamik und Relevanz im Themenfeld Web Programming. Es ist daher wichtig, die dahinterliegenden Grundlagen und Konzepte zu verstehen. Weiter ist es von Bedeutung, die Zusammenhänge analysieren zu können. Das Internet ist mittlerweile als Grundlage diverser Geschäftsmodelle verkommen. Daher ist es von enormer Bedeutung, dass die technischen mit betriebswirtschaftlichen Kompetenzen gepaart werden. Dieser Kurs vermittelt den Studierenden eine Schlüsselkompetenz, welche als Schnittstellenfunktion zwischen der reinen Konzeption und Entwicklung einer Web-Anwendung und der betriebswirtschaftlichen Perspektive verstanden werden darf. Auch für Fachbereiche außerhalb der Informatik ist Web-Programmierung als Schlüsselkompetenz sehr interessant.

Gliederung:

1. Backend: Datenmodellierung, Datenbanken und Python
2. Frontend: HTML, CSS, JavaScript & Datenvisualisierung
3. Integration von Backend und Frontend
4. Usability & Trends

Detaillierter Inhalt:

Kapitel (1): Backend

1.1. Datenmodellierung und Datenbanken

Im Rahmen dieses Kapitels werden den Studierenden die Grundlagen zu Datenmodellierung und Datenbanken erläutert. Zunächst werden Entitäten, Attribute und deren Abhängigkeiten eingeführt und deren Modellierung durch das Konzept der Entity-Relationship-Modellierung methodisch geschult. Weiter werden die Entitäten in relationale Datenbanken übertragen und durch die Datenbanksprache SQL Abfragen ausgeführt. Abschließend werden alternative Datenbankkonzepte präsentiert. Hier werden neben No-SQL-Datenbanken auch graphbasierte Datenbanken aufgegriffen.

1.2. Backend-Programmierung mit Python

Im praktischen Teil des Moduls wird die Programmiersprache Python behandelt. Es werden die grundlegenden (logischen) Funktionen und Prinzipien erklärt. Python wird derzeit häufig zur Backend-Programmierung genutzt, auch wenn es ursprünglich eine Skript-Sprache zur Automatisierung war. Abschließend wird eine python-basierte Web Applikation mit Flask, einem Python-Web-Framework, aufgesetzt.

Kapitel (2): Frontend: HTML, CSS, JavaScript & Datenvisualisierung
2.1. HTML und CSS

Es werden die grundlegenden Konzepte von HTML zur Gestaltung von Web-Oberflächen erläutert. Das Grundkonzept der HTML-Strukturen ist von enormer Bedeutung für viele Erweiterungen. Weiter werden verschiedene HTML-Elemente vorgestellt und implementiert. Des Weiteren können die HTML-Elemente durch den Einsatz von CSS formatiert werden. Es werden hierbei verschiedene Konzepte vorgestellt und angewandt, aber auch die Möglichkeiten der Formatierungen aufgezeigt.

2.2. JavaScript und Datenvisualisierung

Im Kapitel werden die Grundlagen der JavaScript Programmierung erläutert. Durch den Einsatz von JavaScript können HTML-Oberflächen dynamisch und interaktiv ausgestaltet werden. Durch die Nutzung von JavaScript Frameworks, wie React, kann auch auf HTML verzichtet werden. Abschließend wird die D3.js Bibliothek vorgestellt, mit welcher Datenvisualisierungen mit verschiedensten Diagrammen möglich ist.

Kapitel (3): Integration
Für die Gestaltung von dynamischen Web Pages ist der Zugriff auf die Daten des Backends erforderlich. Es gibt verschiedene Arten von Schnittstellen - wir betrachten im Rahmen des Kurses die SDK und verschiedenen Arten von API genauer. Zur Bereitstellung von Daten kann mit dem Web Framework Flask eine Web Applikation im Backend eingerichtet und aufgerufen werden. Dabei können Daten nicht nur gelesen, sondern auch verändert oder gar neue Datensätze hinzugefügt werden.

Kapitel (4): Usability & Trends
Abschließend werden die Studierenden mit der zunehmenden Bedeutung von Usability für die Web Programmierung konfrontiert. Es werden verschiedene Design Pattern vorgestellt. Zuletzt wird ein Blick auf aktuelle Trend- und Randthemen des Web Programmings geworfen. Hier werden Ansätze wie NoCode-/LowCode-Entwicklung oder Serverless Architecture diskutiert.

Lern-/Qualifikationsziele:

-

Lehrveranstaltungstyp:

Virtuelle Vorlesung

Interaktionsformen mit Betreuer/in:

Video-/Webkonferenz, E-Mail, Übungsaufgaben für Selbstlernbetrieb, Chat

Interaktionsformen mit Mitlernenden:

E-Mail, Gemeinsame Aufgabenbearbeitung, Forum, Chat

Kursdemo:

zur Kursdemo

Nutzung

Kurs ist konzipiert für:

Wirtschaftswissenschaften, Wirtschaftsinformatik, Betriebswirtschaftslehre, usw.

Uni Würzburg: Wirtschaftsinformatik/BWL (Bachelor)
Hochschule Coburg: BWL/ Industriewirtschaft (Bachelor)
Uni Erlangen-Nürnberg: Wirtschaftsinformatik (Bachelor)

Hochschule Würzburg-Schweinfurt: Wirtschaftsinformatik (Bachelor)

Formale Voraussetzungen:

keine - Einsteigerkurs

Erforderliche Vorkenntnisse:

keine - Einsteigerkurs

Hinweise zur Nutzung:

-

Kursumsetzung (verwendete Medien):

-

Erforderliche Technik:

-

Nutzungsentgelte:

für andere Personen als (reguläre) Studenten der vhb Trägerhochschulen nach Maßgabe der Benutzungs- und Entgeltordnung der vhb

Rechte hinsichtlich des Kursmaterials:

-

Verantwortlich

Anbieterhochschule:

Uni Würzburg

Anbieter:

Prof. Dr. Axel Winkelmann

Autoren:

Sophie Lurz

Axel Winkelmann

Christian Zeiß

Betreuer:

Benedikt Wirsing

Prüfung

Klausur "Web-Programming"

Art der Prüfung:

schriftlicher Leistungsnachweis (Klausur)

Bemerkung:

Klausur "Web-Programming"

Prüfer:

Prof. Dr. Axel Winkelmann

Prüfungsanmeldung erforderlich:

ja

Anmeldeverfahren:

Die Anmeldung zur Prüfung erfolgt über das vhb-Portal.

Prüfungsanmeldefrist:

17.03.2025 00:00 Uhr bis 27.07.2025 23:59 Uhr

Prüfungsabmeldefrist:

17.03.2025 00:00 Uhr bis 29.06.2025 23:59 Uhr

Kapazität:

–

Prüfungsdatum:

Nach Absprache mit dem Prüfer bis spätestens 15.04.2025

Prüfungsdauer:

60 Minuten

Prüfungsort:

Würzburg, Erlangen-Nürnberg, Coburg, Regensburg, Amberg-Weiden, nach Vereinbarung

Zuständiges Prüfungsamt:

Prüfungsamt der Heimathochschule

Zugelassene Hilfsmittel:

Keine

Formale Voraussetzungen für die Prüfungsteilnahme:

Teilnahme am Online-Kurs; Anmeldung im Kursraum

Inhaltliche Voraussetzungen für die Prüfungsteilnahme:

Kursinhalte

Zertifikat:

Ja (Bewerteter Schein)

Anerkennung:

–