Web Technologies

HTML
Computer Science and Artificial Intelligence (B.Sc.)
CSS PHP
Winter Term 2024/25

AJAX My
Overview and Organization SQL

Mongo
Prof. Dr.-Ing. Anatoli Djanatliev JSON DB
Professorship for Software Development and Web Technologies Java
Script
University of Applied Sciences Ingolstadt
Faculty of Computer Science
Overview and Organization
Topics of the lecture I

General introduction to Internet and the World Wide Web

HTML – Hypertext Markup Language
CSS – Cascading Style Sheets
JavaScript
JavaScript Libraries, i.e. jQuery
DOM – Document Object Model
BOM – Browser Object Model
PHP
AJAX – Asynchronous JavaScript and XML
REST-API

University of Applied Sciences Ingolstadt | Prof. Dr.-Ing. Anatoli Djanatliev Web Technologies - CAI 2
Overview and Organization
Topics of the lecture II

Animated web pages

Web databases
MySQL
If we have enough time
NoSQL / MongoDB
SPA – Single Page Applications
SSR – Server Side Rendering

University of Applied Sciences Ingolstadt | Prof. Dr.-Ing. Anatoli Djanatliev Web Technologies - CAI 3
Overview and Organization
Lecturer (Lecture and Practical Courses)
Short CV: Prof. Dr.-Ing. Anatoli Djanatliev
Professorship for Software Development and Web Technologies

School / Civil service

2001: High school graduation at Pirckheimer-Gymnasium Nuremberg
2002: Civil service at St. Johannis nursing and retirement home in Nuremberg
Studies
2002–2008: Computer Science at the Friedrich-Alexander-Universität (FAU)
Promotion / Habilitation
2011–2015: Ph.D. graduation (Dr.-Ing.) at the FAU
Dissertation: Hybrid Simulation for Prospective Healthcare Decision-Support / System
Dynamics, Discrete-Event and Agent-Based Simulation
since 2020: Habilitation Topic: „Simulation and Modeling of Connected Mobility“
Research Fields
Connected Mobility, Communication Systems / Computer Networks, Simulation and Modeling,
Healthcare Technologies

University of Applied Sciences Ingolstadt | Prof. Dr.-Ing. Anatoli Djanatliev Web Technologies - CAI 4
Overview and Organization
Lecturer (Lecture and Practical Courses)
Professional Experience
2007–2008: Working student at Siemens AG
2008–2020: IT-Developmentengineer at sepp.med GmbH (since 2010 part time)
2015–2023: Consultant / Development projects for the automobile and healthcare industry
2010–2024: Research Assistant and Head of the Connected Mobility Research Group at the Lab for
Computer Networks and Communication Systems (FAU)
since 09/2020: Lecturer for Computer Science at the FOM in Nuremberg
since 03/2024: Professor for Computer Science at the University of Applied Sciences Ingolstadt

Contact:

Prof. Dr.-Ing. Anatoli Djanatliev

Professorship for Software Development and Web Technologies

phone: +49 841 9348-3462

email: [email protected]
office: B206 (appointment neccesary!)

University of Applied Sciences Ingolstadt | Prof. Dr.-Ing. Anatoli Djanatliev Web Technologies - CAI 5
Overview and Organization
Brief introduction / goals

Introduce yourself briefly

e.g. name, course of study / semester
Why did you choose to study AI?
Do you have experience in programming or IT?
if yes, what kind?
Do you have experience in Web Technologies?
What would you like to learn in this course?
or what general expectations do you have?
should certain topics be considered (in more detail)?
…

University of Applied Sciences Ingolstadt | Prof. Dr.-Ing. Anatoli Djanatliev Web Technologies - CAI 6
Overview and Organization
General Information

Overview of the Module

Study Program: Computer Science and Artificial Intelligence (B.Sc.)
Prerequisites: Programming concepts, advantage: Markup Languages
Language: English
Credits: 7 ECTS / 6 SWS
Lecture (4 SWS), Practical course (2 SWS)
Exam: written (90 Min.) + Practical Course (participation without/with success)
The successful practical course participation is necessary to participate in the exam.
Five test certificates must be acquired in the practical course.
The lecturer will award one testate each upon successful completion of the assignment.
In total, at least 80% of the testates must be completed  4 out of five testates must be achieved!
How to achieve?  More details later!

University of Applied Sciences Ingolstadt | Prof. Dr.-Ing. Anatoli Djanatliev Web Technologies - CAI 7
Overview and Organization
General Information

Important information about the lecture and practical course

... are provided in Moodle e.g.
short-term cancellation of the lecture/exercise
slides, practical sheets

Registration for the course via Moodle

https://moodle.thi.de/course/view.php?id=9771
Registration key: < java#script>

University of Applied Sciences Ingolstadt | Prof. Dr.-Ing. Anatoli Djanatliev Web Technologies - CAI 8
Overview and Organization
Practical Courses

Registration for the practical course

Should already have been done.
Please check whether you have been assigned to a course
Dates
Course 1: Monday, 14:00h – 15:30h room D116 (04.11.2024  G112)
Course 2: Thursday, 14:55h – 16:25h room J101

Practical tasks must be completed by all participants!

Practical courses start later as we need to prepare contents in the lecture
I am also a part of a selection committee on 14.10.2024, therefore …
 start is expected from the 17.10.2024 (course 2) and 21.10.2024 (course 1)

University of Applied Sciences Ingolstadt | Prof. Dr.-Ing. Anatoli Djanatliev Web Technologies - CAI 9
Overview and Organization
Practical Courses

Five Certificates (at least 4 out of 5 necessary!)

For a successful completion of the practical courses 80% of the certificates must be received!
Procedure:
The tasks are completed in fixed teams of two students each.
If there is an odd number of students in the group, one group with three is permitted.
The submission of tasks for each team must be done via Moodle considering the deadlines!
In each practical course after the deadline, it is mandatory to show up!
You should be prepared in order to explain your team solution to the whole group.
To do this, bring your own notebook or USB stick with your solution.
Each team will be called upon to present the solution at least twice during the semester, and each
team member will present at least once.
If you are not able to sufficiently explain the solution, you will fail the current certificate!

University of Applied Sciences Ingolstadt | Prof. Dr.-Ing. Anatoli Djanatliev Web Technologies - CAI 10
Overview and Organization
Practical Courses

Important notes
The submission and acceptance deadlines according to the table in Moodle are fixed!
Exceptions, i.e. extended deadlines, are only possible in justified and pre-approved cases!
Each participant attends the assigned group and can only get certificates in this group!
Attendance is mandatory in the students' own interest.
This is controlled by signature lists.
A maximum of two excused absences are tolerated.
Plagiats lead to a non-successful course!!!
Submission deadlines
Submission is possible latest one day before the presentation date!
Monday group: the Sunday before until 23:59h
Thursday group: the Wednesday before until 23:59h
University of Applied Sciences Ingolstadt | Prof. Dr.-Ing. Anatoli Djanatliev Web Technologies - CAI 11
Overview and Organization
Place and Time

Monday Wednesday Thursday

Lecture 2 [ J102 ]

10:40 – 12:10

Practical Course 1 [ D116 ] Lecture 1 [ J102 ]

04.11.2024  G112

14:00 – 15:30 14:00 – 15:30 Practical Course 2 [ J101 ]

14:55 – 16:25

University of Applied Sciences Ingolstadt | Prof. Dr.-Ing. Anatoli Djanatliev Web Technologies - CAI 12
 Attention: This schedule can be changed at short notice.
Overview and Organization Please note the information at the Moodle page for this course!

Preliminary schedule for the Lecture

Lecture Date Lecture I Lecture Date Lecture II
Wed 02.10.24 Welcome / Overview / Organizational details Thu 28.11.24 REST-API
Thu 03.10.24 - national holiday - Wed 04.12.24 Animated pages
Wed 09.10.24 Infroduction / History / Internet Thu 05.12.24 Web databases introduction
Thu 10.10.24 World Wide Web Wed 11.12.24 MySQL
Wed 16.10.24 HTML Thu 12.12.24 MySQL
Thu 17.10.24 HTML Wed 18.12.24 NoSQL
Wed 23.10.24 CSS Thu 19.12.24 MongoDB
Thu 24.10.24 CSS Wed 25.12.24
Wed 30.10.24 JavaScript Thu 26.12.24
- Christmas holidays -
Thu 31.10.24 - Allerheiligen - Wed 01.01.25
Wed 06.11.24 JavaScript Thu 02.01.25
Thu 07.11.24 JavaScript - Libraries Wed 08.01.25 Single Page Applications (SPA)
Wed 13.11.24 DOM / BOM Thu 09.01.25 Server Side Rendering (SSR)
Thu 14.11.24 PHP Wed 15.01.25 Repetition, Q&A
Wed 20.11.24 PHP Thu 16.01.25 Q&A, Evaluation
Thu 21.11.24 PHP Wed 22.01.25 - Early Examination Period -
Wed 27.11.24 AJAX Thu 23.01.25 - Early Examination Period -

University of Applied Sciences Ingolstadt | Prof. Dr.-Ing. Anatoli Djanatliev Web Technologies - CAI 13
 Attention: This schedule can be changed at short notice.
Overview and Organization Please note the information at the Moodle page for this course!

Preliminary schedule for the practical courses

Date Practical Courses I Date Practical Courses II
Thu, 03.10.24 - national holiday - Mo, 02.12.24 1. Presentation of task sheet 4 (ta4)
Thu, 05.12.24 2. Start of task sheet 5 (ta5)
Mo, 07.10.24
- no practical courses! -
Thu, 10.10.24
Mo, 09.12.24
Q&A (ta5)
Thu, 12.12.24
Mo, 14.10.24 - no practical course 1! -
Thu, 17.10.24 Start of task sheet 1 (ta1) for course 2 (Thursday)
Mo, 16.12.24
Presentation of task sheet 5 (ta5) – Finalization of practical courses
Thu, 19.12.24
Mo, 21.10.24 Start of task sheet 1 (ta1) for course 1 (Monday)
Thu, 24.10.24 Q&A for course 2
Mo, 23.12.24
Mo, 28.10.24 Q&A (ta1) for course 1
Thu, 26.12.24
- Christmas holidays -
Mo, 30.12.24
Thu, 31.10.24 - Allerheiligen -
Thu, 02.01.25
Mo, 04.11.24 1. Presentation of task sheet 1 (ta1)
Thu, 07.11.24 2. Start of task sheet 2 (ta2)

Mo, 11.11.24 1. Presentation of task sheet 2 (ta2) Mo, 06.01.25

Thu, 14.11.24 2. Start of task sheet 3 (ta3) 08.01.2025:
Thu, 09.01.25
Submission of successful results from the practical courses
Mo, 13.01.25
Mo, 18.11.24 Thu, 16.01.25
Q&A (ta3) 18.01.2025:
Thu, 21.11.24 Mo, 20.01.25
- Start of the Early Examination Period -
Thu, 23.01.25
Mo, 25.11.24 1. Presentation of task sheet 3 (ta3)
Thu, 28.11.24 2. Start of task sheet 4 (ta4)

University of Applied Sciences Ingolstadt | Prof. Dr.-Ing. Anatoli Djanatliev Web Technologies - CAI 14
Overview and Organization
Literature (from module description)

FELKE-MORRIS, Terry Ann, 2017. Web development and design foundations with HTML5. 8.
edition. Boston: Pearson. ISBN 978-1-292-16408-3
GAGLIARDI, Valentino, 2021. Decoupled Django: Understand and Build Decoupled Django
Architectures for JavaScript Front-ends [online]. Berkeley, CA: Apress PDF e-Book. ISBN 978-1-
4842-7144-5. Available via: https://doi.org/10.1007/978-1-4842-7144-5.
GUTIERREZ, Carlos, FERNÁNDEZ-MEDINA, Eduardo, PIATTINI, Mario, 2010. Web services
security development and architecture: theoretical and practical issues [online]. Hershey ; New
York: Information Science Reference PDF e-Book. ISBN 978-1-60566-951-9. Available via:
http://services.igi-global.com/resolvedoi/resolve.aspx?doi=10.4018/978-1-60566-950-2
MANVI, Sunilkumar, SHYAM, Gopal Krishna, 2021. Cloud computing: concepts and technologies
[online]. Boca Raton ; London ; New York: CRC Press, Taylor &Francis Group PDF e-Book. ISBN
978-1-00-309367-1. Available via: https://doi.org/10.1201/9781003093671.

University of Applied Sciences Ingolstadt | Prof. Dr.-Ing. Anatoli Djanatliev Web Technologies - CAI 15
Overview and Organization
Literature (hints)

You will find in the web many good further ...

books,
papers,
examples,
code snipplets
best practices
solutions

University of Applied Sciences Ingolstadt | Prof. Dr.-Ing. Anatoli Djanatliev Web Technologies - CAI 16
Overview and Organization
Final notes

Lecture procedure
As interactive as possible
Feel free to ask questions during the lecture
Participate actively in discussions, i.e. in practical courses
Share your experience
Feel free to correct or me!
Answer each other's open questions

Participation and especially active participation in the course increases the learning success and
reduces the effort required for self-study!

University of Applied Sciences Ingolstadt | Prof. Dr.-Ing. Anatoli Djanatliev Web Technologies - CAI 17
Overview and Organization
Final notes

How do you feel about group work in general?

Please ask questions at an early stage.

Do you have any further suggestions or uncertainties?

e.g., ideas for lecturing methods that you like?

University of Applied Sciences Ingolstadt | Prof. Dr.-Ing. Anatoli Djanatliev Web Technologies - CAI 18
Overview and Organization
Introductory tasks

Research – approx. 30 min.

1. How woud you define the term Web Technologies?
2. What are the main differences between web software and traditional software?
3. What is the so-called Client-Server-Architecture?
4. Please describe the difference between client-based and server-based scripting.
5. What is the difference between static and dynamic web applications?
• What are relevant web technologies for each of them?
6. Do you know the definition of the term Big Data and how it is related to the web techniques?
7. Please compare the terms standard and asynchronous interaction model.
8. What are so-called cookies?

University of Applied Sciences Ingolstadt | Prof. Dr.-Ing. Anatoli Djanatliev Web Technologies - CAI 19