Web Technologies

Level: Bachelor
Semester: 1st Semester (September - December)
Language: English
Teacher: Beat Signer
Assistant(s): Maxim Van de Wynckel ,   Yoshi Malaise
Course Description

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, G.1.53
BA (6 ECTS) WPO1: Tuesday 10:00–12:00 in E.1.02
BA (6 ECTS) WPO2: Tuesday 15:00–17:00 in E.1.07
MACS (3 ECTS) WPO1: Thursday 16:00–18:00 in E.1.04 / E.1.07
MACS (3 ECTS) WPO2: Monday 16:00–18:00 in  E.1.07

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


Lecture 2:  Web Architectures

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


Lecture 3:  HTML5 and the Open Web Platform

  • HTML and DOM
  • HTML5 and the Open Web Platform


Lecture 4:  Web Application Frameworks

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


Lecture 5:  CSS3 and Responsive Web Design


Lecture 6:  JavaScript


Lecture 7:  XML and Related Technologies

  • XML and XHTML
  • 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

  • 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: Final Project Presentations