In this course, we investigate the origins of hypermedia and the World Wide Web and discuss current and future developments on the Web. We have a detailed look at the architecture of the Internet and various protocols such as the Hypertext Transfer Protocol (HTTP). We further discuss different client and server-side issues in web architectures and have a look at the Web 2.0 and Rich Internet Applications (RIAs) as well as Web Services. The latest HTML5 developments are introduced and various XML technologies and applications are presented. JavaScript is introduced and CSS3 and its application in responsive web design are discussed. Last but not least, we learn about the Semantic Web, web search, security and privacy as well as a number of selected topics (e.g. mobile information systems). The theory is applied in various exercise sessions as well as in a web application that is developed as part of the course.

Lectures: Tuesday, 13:00–15:00, D.0.05, P2.0.05
Exercises:
BA (6 ECTS) WPO: Tuesday 10:00–12:00 in E.1.02
MACS (3 ECTS) WPO1: Monday 16:00–18:00 in E.1.05
MACS (3 ECTS) WPO2: Thursday 16:00–18:00 in  E.1.05

Note that in the first week there will be no exercise sessions.

Lecture Schedule

Note that these slides are updated during the semester and therefore some of the slides might still be from last year. For the latest version always check the slides that are available on Canvas.

Lecture 1:  Introduction

• History of the Web
• Vannevar Bush, As We May Think

Lecture 2:  Web Architectures

• HTTP Protocol
• Client-side Processing
• Server-side Processing
• Multi-tier Architectures

Lecture 3:  Web Application Frameworks

• Model-View-Controller (MVC)
• Apache Struts 2
• Adobe Flex, Microsoft Silverlight, OpenLaszlo and Ruby on Rails, ...

Lecture 4:  HTML5 and the Open Web Platform

• HTML and DOM
• HTML5 and the Open Web Platform

Lecture 5:  CSS3 and Responsive Web Design

Lecture 6:  JavaScript

Lecture 7:  XML and Related Technologies

• XML and XHTML
• XML-RPC
• XML, XPointer, XPath, XSLT, XQuery and XLink
• XIMA and VoiceXML

Lecture 8:  Web 2.0 Patterns and Technologies

• Service Oriented Architectures (SOAs)
• Rich Internet Applications (RIAs)
• AJAX
• Mashups
• Web Services

Lecture 9:  Semantic Web and Web 3.0

• RDF, RDFS and SPARQL
• OWL
• Linked Data
• Semantic Web Applications

Lecture 10:  Web Search and SEO

• Search Engine Architectures
• Google PageRank
• Search Engine Optimisation (SEO)

Lecture 11:  Security, Privacy and Trust

• Authenticity
• Cryptography
• Web Logging and User Profiling

Lecture 12:  Future Trends and Course Review

Lecture 13:  Course Review