WS 2023/2024

HS Kaiserslautern

Angewandte Ingenieurwissenschaften
Prof. Dr. E. Kiss
 Web-Technologien und Cloud Computing

Agenda
1 Überblick und Lernziele

2 Themen

3 Ablauf, Termine

4 Leistungsnachweis

5 Literatur und Tools

Angewandte Ingenieurwissenschaften
2
Prof. Dr. E. Kiss
 Web-Technologien und Cloud Computing

Ihr Ansprechpartner
 Prof. Dr. Eva Maria Kiss
 Professor für Programmierung Technischer Systeme, FB AING, HS KL
 ODPfalz - Mobile Engineering Lab https://www.elab2go.de/
 LinkedIn: https://de.linkedin.com/in/evamariakiss
 E-Mail: evamaria.kiss@hs-kl.de

 Online-Beratung
 Per E-Mail
 Per Skype, Skype-ID: eva.k1ss
 Sprechstunde: Montag 13:00, nach Terminvereinbarung per E-Mail

Angewandte Ingenieurwissenschaften
3
Prof. Dr. E. Kiss
 Web-Technologien und Cloud Computing

Überblick und Lernziele der Vorlesung

 Umfang: 4 SWS, 5 ECTS Credit Points
 Inhalte: Das Modul vermittelt Themen und Konzepte aus dem Bereich Web-
Technologien und Cloud Computing.
 Lernziele: Studierende …
 kennen den Aufbau des Internets und des World Wide Web
 kennen grundlegende Web-Technologien und ihre Einsatzmöglichkeiten bei der
Entwicklung dynamischer Webanwendungen und Webservices
 verstehen die Bedeutung der Web-Technologien als Wegbereiter des Cloud
Computing
 können grundlegende Konzepte des Cloud Computing erläutern, sowie Cloud-
Basistechnologien, Cloud-Frameworks und Cloud-Plattformen anführen
 können wirtschaftliche und rechtliche Aspekte cloudbasierter Anwendungen
einordnen
 können einfache Webanwendungen und Webservices entwickeln und ein für
Ingenieure relevantes Anwendungsszenario mit Hilfe einer Cloud-Plattform (z.B.
Amazon AWS) umsetzen
Angewandte Ingenieurwissenschaften
4
Prof. Dr. E. Kiss
 Web-Technologien und Cloud Computing

Ablauf der Lehrveranstaltung

Vorlesung / Labor jeden Mittwoch 2ter und 3ter Block
Web Technologien, WS 2023-2024
Tag Datum Uhrzeit Raum Thema
Mi 04.10.2023 09:45 P 1 INTERNET-GRUNDLAGEN
Mi 11.10.2023 09:45 P+O 1 INTERNET-GRUNDLAGEN
Mi 18.10.2023 09:45 P+O 2 WEBANWENDUNGEN
Mi 25.10.2023 09:45 P+O 2 WEBANWENDUNGEN
Mi 08.11.2023 09:45 P+O 3 WEB-FRAMEWORKS
Mi 15.11.2023 09:45 P+O 3 WEB-FRAMEWORKS
Mi 22.11.2023 09:45 P+O 4 WEB SERVICES
Mi 29.11.2023 09:45 P+O 4 WEB SERVICES
Mi 06.12.2023 09:45 P+O 5 CLOUD COMPUTING
Mi 13.12.2023 09:45 P+O 5 CLOUD COMPUTING
Mi 10.01.2024 09:45 P LABOR-PRÄSENTATIONEN (PNR 1919)
P = Präsenz, E0.002, O = Online (BBB)
Einwahldaten: https://olat.vcrp.de/bigbluebutton/108469469800383
Angewandte Ingenieurwissenschaften
5
Prof. Dr. E. Kiss
 Web-Technologien und Cloud Computing

OLAT-Kurs Kiss: WebT+CC

 Einschreibung im OLAT-Kurs ist erforderlich.
 Direkter Link: https://olat.vcrp.de/url/RepositoryEntry/3371500718
 Was können Sie online im OLAT-Kurs tun?
 Kursmaterial herunterladen. Dazu gehören: Folien, Übungsblätter,
Musterlösungen, Klausurinfos, Glossar
 Mitteilungen lesen. Mitteilungen werden über
OLAT verschickt.
 Es gibt ein Wiki (WebT+CC Wiki)
mit zusätzlichem Kursmaterial:
 Infos zur Installation und
Verwendung der Software 1 2
 Infos zu den Laboraufgaben

3 4
Angewandte Ingenieurwissenschaften
6
Prof. Dr. E. Kiss
 Web-Technologien und Cloud Computing

Vorlesung vs. Labor

 Vorlesung:
 Die Vorlesung ist interaktiv, d.h. mit eingebauten praktischen Übungen.
 Folien und Übungsblätter können vor der Vorlesung im OLAT-Kurs, im
Ordner FOLIEN heruntergeladen werden.
 Labor:
 Im Labor werden praktische Aufgaben gelöst, die teilweise aufeinander
aufgebaut sind: Statische / Dynamische Webanwendung programmieren,
Web-Frameworks einsetzen, Webservice programmieren
 Einige der Laboraufgaben sind Recherche-Aufgaben, andere
Programmieraufgaben und erfordern Programmierkenntnisse in einer
höheren Programmiersprache.
 Die Programmierung von Webanwendungen erfolgt mit einer Vielzahl von
Sprachen und Frameworks. Die Grundlagen werden in der Vorlesung
vermittelt: HTML, CSS, JavaScript, JSON, PHP, jQuery
Angewandte Ingenieurwissenschaften
7
Prof. Dr. E. Kiss
 Web-Technologien und Cloud Computing

Prüfungsleistung: Klausur
 Klausur (5 CP, benotete Prüfungsleistung)
 Anmeldung in QIS erforderlich, Prüfungsnummer ist 1927.
 Termin: wird noch mitgeteilt, Dauer: 90 Minuten.
 Hilfsmittel: ein A4-Blatt einseitig beschrieben/bedruckt (Syntax etc.)
 Die Klausur besteht aus 5 Aufgaben. Für jede Aufgabe erhalten Sie maximal
20 Punkte. Die Klausur ist mit 50 von 100 Punkten bestanden.
 Die Aufgaben sind inhaltlich an den Aufgaben der Übungsblätter orientiert.
 Aufgaben-Typen sind z.B.
 Fragen zu Konzepten und Definitionen (siehe Fragen & Antworten)
 Request-Response-Lebenszyklus einer Webanwendung beschreiben
 Aufbau eines gegebenen HTML /XML-Dokumentes als DOM zeichnen
 Codefragment erläutern, ggf. Fehler finden
 siehe auch: Übungsblätter und Probeklausur
 Probeklausur wird in OLAT zur Verfügung gestellt
Angewandte Ingenieurwissenschaften
8
Prof. Dr. E. Kiss
 Web-Technologien und Cloud Computing

Prüfungsleistung: Labor
Labor (2 CP, unbenotete Prüfungsleistung, Prüfungsnummer 1919)
 Anmeldung in iCMS erforderlich! Anmeldeschluss beachten. Spätestes Datum
für die Abschluss-Präsentation ist der 10.01.2023, frühere Präsentation
möglich und erwünscht.
 Um das Labor zu bestehen, muss jeder Teilnehmer eine der rot markierten
Aufgaben aus den Übungsblättern selbstständig lösen und die Lösung in der
Gruppe vorstellen. (Powerpoint-Präsentation, ca. 15 Minuten).
 Die Aufgaben können auch zu zweit oder dritt bearbeitet und vorgestellt
werden. Die Verteilung der Aufgaben geschieht in den ersten 4 Wochen.
 Aufgaben (Auswahl)
 Aufgabe 1-3 Statische Webanwendung erstellen
 Aufgabe 2-2 Responsive Design mit Media Queries
 Aufgabe 2-4 Dynamische Webanwendung erstellen

Angewandte Ingenieurwissenschaften
9
Prof. Dr. E. Kiss
 Web-Technologien und Cloud Computing

Tutorials und Literatur

 HTML Tutorial: https://wiki.selfhtml.org/wiki/HTML/Tutorials/Einstieg
 Kai Seidler (2019) XAMPP Stack: https://www.apachefriends.org/de/
 SQL Tutorial: https://www.evamariakiss.de/tutorial/sql/
 phpMyAdmin Tutorial: https://www.evamariakiss.de/tutorial/phpmyadmin/

 PHP (php.net): https://www.php.net

 JSON: https://www.json.org/
 The jQuery Foundation (2019) jQuery. https://jquery.com/
 W3Schools Tutorials (HTML, CSS, JavaScript): https://www.w3schools.com/

 Baun C, Kunze M, Nimis J (2011) Cloud Computing. Web-basierte dynamische

IT-Services. Informatik im Fokus. Springer-Verlag Berlin Heidelberg, Berlin
Heidelberg
Angewandte Ingenieurwissenschaften
10
Prof. Dr. E. Kiss
 Web-Technologien und Cloud Computing

Verwendete Tools (alle kostenlos)

 DBMS & Webserver
 XAMPP-Stack https://www.apachefriends.org/de/download.html
 Entwicklungsumgebungen
 Eclipse (für Java-Anwendungen) https://www.eclipse.org/downloads/
 yEd
 Software zur Erstellung von ER-Diagrammen, UML-Diagrammen etc.
 Download: https://www.yworks.com/de/products_yed_download.html
 Freemind
 Erstellen von Mindmaps, http://www.heise.de/download/freemind.html

Angewandte Ingenieurwissenschaften
11
Prof. Dr. E. Kiss
 Web-Technologien und Cloud Computing

Fachbereich
Angewandte Ingenieurwissenschaften

Kontakt:
Prof. Dr. Eva Maria Kiss
E-Mail: evamaria.kiss@hs-kl.de
Angewandte Ingenieurwissenschaften
12
Prof. Dr. E. Kiss