Nane Kratzke

Lecture:

Webtechnology Project

Published: 20 Mar 2019 (latest update: 06 Jun 2019)
Short: Webtech
Semester: SS 2019
Study: Computer science

This project is about common technologies used to build (client-side parts) of web information systems. The project course (German) is given for students at the L├╝beck University of Applied Sciences. The course is designed according to a project- and problem-based learning methodology and covers the following aspects:

  • descriptional languages for web content like HTML
  • presentational languages for web content like CSS
  • Document Object Model (DOM)
  • client and server-side programming with Dart
  • progressive web app and offline capabilities (web storage) of web pages
  • gyroscope-based control

Students intensify their (web) programming skills by solving the task to develop a small one person, DOM-tree based online game like Tetris or Boulder Dash. This semester a mobile game with gyroscope control has to be developed.

To have a look at the overall hall-of-fame might be interesting as well. The games of this semester will be posted here. So stay tuned.

Material

Reference games

  • SnakeDart: The famous snake game (A reference project to develop another game using Dart)
  • Shadow Hunter: Reference mobile 'game' (Demonstrates gyroscope control on mobile devices)
  • Yet another 2048 game: ya2048 (Demonstrates progressive web app features and swipe controls on mobile devices)

Group 1 games

Group 2 games

  • Team 2.A: Marble Maze
  • Team 2.B: Water Drops (surrendered)
  • Team 2.C: Marble Dartness (surrendered)
  • Team 2.D: Kick the Bombs
  • Team 2.E: Jump DX (1st place in group 12)

Group 3 games

Group 4 games

Group 5 games