Nane Kratzke | Webtechnology Project

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

Overview
Unit 01: HTML + DOM-Tree + CSS
Unit 02: Dart I (Dart as full purpose programming language)
Unit 03: Dart II (Client- and server-side programming)
Unit 04: HTTP and REST
Unit 05: Progressive Web Apps and more with Dart (Add-On)

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

Team 1.A: Vektoria
Team 1.B: Tilting Maze (2nd place in group 1)
Team 1.C: Murmel Labyrinth
Team 1.D: Solar Space (1st place in group 1)
Team 1.E: (surrendered)
Team 1.H: Slice Adventure

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

Team 3.A: Attack on Malada (1st place in group 3)
Team 3.B: Gyrolab
Team 3.C: Gyroball
Team 3.D: U-Brick
Team 3.E: (surrendered)

Group 4 games

Team 4.A: Dozer (2nd place in group 4)
Team 4.B: Eat or Eaten
Team 4.C: Blob n' Roll (1st place in group 4)
Team 4.D: Deep Dodge

Group 5 games

Team 5.A: Hunter Game
Team 5.B: Do not look down (1st place in group 1)
Team 5.C: Brexit Run
Team 5.D: (surrendered)
Team 5.E: Dart Blade