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.

Schwierigkeitsgrad:

Erfahrene, Einsteiger

Lehr-/Lernform:

Virtuelle Vorlesung

Interaktionsformen mit dem System/Betreuer:

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

Interaktionsformen mit Mitlernenden:

E-Mail, Gemeinsame Aufgabenbearbeitung, Forum, Chat

Kursdemo:

zur Kursdemo

Schlagworte:

Programmieren, Webseiten, CSS, HTML, Daten, Datenbank, Software, SQL, Visualisierung

Nutzung

Zielgruppe:

Informatik für Uni-Studierende, Informatik für FH-Studierende, Wirtschaftswissenschaften für Uni-Studierende, Wirtschaftsinformatik für FH-Studierende, Wirtschaftsinformatik für Uni-Studierende, Wirtschaftswissenschaften für FH-Studierende

Nutzbar im Studiengang:

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)

Geeignet für Berufsfeld:

Web-Entwickler, Business Analyst, Data Scientist, Frontend-Engineer, Backend-Entwickler, usw.

Formale Zugangsvoraussetzungen:

keine - Einsteigerkurs

Erforderliche Vorkenntnisse:

keine - Einsteigerkurs

Erforderliche Vorkenntnisse bzgl. Handhabung der Lernplattform:

-

Verantwortlich

Trägerhochschule:

Uni Würzburg

Anbieter:

Prof. Dr. Axel Winkelmann

Autoren:

Sophie Lurz, Axel Winkelmann, Christian Zeiß

Betreuer:

Christian Zeiß

Prüfung

Klausur "Web-Programming"

Art der Prüfung:

schriftlicher Leistungsnachweis (Klausur)

Prüfer:

Prof. Dr. Axel Winkelmann

Anmeldeverfahren:

Die Anmeldung erfolgt über das WWW.

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 an folgenden Hochschulen:

FH Regensburg, FH Neu-Ulm, FH Weihenstephan-Triesdorf, FH Rosenheim, KU Eichstätt-Ingolstadt, FH Würzburg-Schweinfurt, Uni Bamberg, TU München, Uni Erlangen-Nürnberg (FAU), Uni Bayreuth, Uni Passau, Uni München (LMU), Uni Würzburg, Uni Regensburg, FH Ansbach, FH Amberg-Weiden, FH Coburg, FH Aschaffenburg, FH Landshut, FH Deggendorf

Sonstige Anerkennung:

noch nicht bekannt

Online-Prüfungsan-/-abmeldung:

Ja

Bemerkung:

Klausur "Web-Programming"

Erforderliche Technik

Spezielle Software:

Code-Editor (bspw. Visual Studio Code)

Browser:

gängiger Browser

Nutzungsbedingungen

Gebühren:

Nein

Nutzungsentgelte:

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

Copyright:

-

Hinweise zur Nutzung:

-