109 lines
4.0 KiB
HTML
109 lines
4.0 KiB
HTML
<div class="flex items-center h-1/1 justify-center space-x-30">
|
||
<div class="max-w-xl">
|
||
<section class="felx flex-row">
|
||
<div class="flex items-center">
|
||
<h1 class="text-3xl font-bold">
|
||
Willkommen bei
|
||
</h1>
|
||
<div class="bg-linear-to-r from-indigo-500 to-pink-600 bg-clip-text text-transparent text-3xl font-bold">
|
||
InfiniMotion
|
||
</div>
|
||
<h1 class="text-3xl font-bold">! 🎬</h1>
|
||
</div>
|
||
|
||
<p class="mt-4">
|
||
Diese Website ist eine Praxisarbeit zur Evaluation von Model-Driven Engineering-Tools
|
||
im Modul Informationsinfrastrukturen Unit 2 der Fachhochschule für die Wirtschaft Hannover.
|
||
</p>
|
||
|
||
<p class="mt-4">
|
||
<strong>Entwicklungszeitraum: </strong> 28.10.2025 – 24.11.2025
|
||
</p>
|
||
|
||
<p class="mt-2">
|
||
<strong>Entwicklet von: </strong>
|
||
Marcel Anker, Lennart Heinrich, Piet Ostendorp, Kevin Szarafin
|
||
</p>
|
||
|
||
<p class="mt-4">
|
||
Als Betreiber eines kleinen, virtuellen Kinos könnt ihr Kinosäle mit unterschiedlichen Sitzkategorien einrichten und diese für den Verkauf von Eintrittskarten freigeben.
|
||
Kunden können Filmaufführungen auswählen, Plätze reservieren oder direkt buchen.
|
||
Das System ermöglicht außerdem, Einnahmen einzelner Aufführungen oder Filme auf Basis der aktuellen Buchungen zu überwachen.
|
||
</p>
|
||
|
||
<p class="mt-4">
|
||
Viel Spaß beim Erkunden. Hier gehts zur aktuellen <a routerLink="/schedule" class="text-indigo-500">Programm</a>.
|
||
</p>
|
||
|
||
<aside class="disclaimer mt-10 text-xs text-gray-500">
|
||
<p>
|
||
<em>
|
||
Wir haben uns bei Gestaltung und Stil bewusst an bestehenden Kinowebsites orientiert.
|
||
Dabei handelt es sich um eine rein stilistische Anlehnung; diese Seite verfolgt keinerlei kommerzielle Zwecke und dient ausschließlich universitären Zwecken.
|
||
Marken, Designs oder Funktionalitäten, die bekannten Anbietern ähneln, sind nicht als Kopie zum Wettbewerb gedacht, sondern als pragmatische Inspirationsquelle im Rahmen der Praxisarbeit.
|
||
<a href="https://infinimotion.de" target="_blank" class="bg-linear-to-r from-indigo-500 to-pink-600 bg-clip-text text-transparent">
|
||
https://infinimotion.de
|
||
</a>
|
||
wird zum Projektende offline genommen.
|
||
</em>
|
||
</p>
|
||
</aside>
|
||
|
||
</section>
|
||
</div>
|
||
|
||
<div class="mt-10">
|
||
<mat-vertical-stepper [linear]="false" [selectedIndex]="5" class="always-open-stepper">
|
||
|
||
<mat-step
|
||
[completed]="isCompleted(0)"
|
||
[editable]="isEditable(0)">
|
||
<ng-template matStepLabel>
|
||
<span>Sprint #0: Planung, Installation und Vorbereitung</span>
|
||
</ng-template>
|
||
</mat-step>
|
||
|
||
<mat-step
|
||
[completed]="isCompleted(1)"
|
||
[editable]="isEditable(1)">
|
||
<ng-template matStepLabel>
|
||
<span>Sprint #1: Programmübersicht</span>
|
||
</ng-template>
|
||
</mat-step>
|
||
|
||
<mat-step
|
||
[completed]="isCompleted(2)"
|
||
[editable]="isEditable(2)">
|
||
<ng-template matStepLabel>
|
||
<span>Sprint #2: Kinosäle anzeigen</span>
|
||
</ng-template>
|
||
</mat-step>
|
||
|
||
<mat-step
|
||
[completed]="isCompleted(3)"
|
||
[editable]="true">
|
||
<ng-template matStepLabel>
|
||
<span>Sprint #3: Vorstellungstickets reservieren und buchen</span>
|
||
</ng-template>
|
||
</mat-step>
|
||
|
||
<mat-step
|
||
[completed]="isCompleted(4)"
|
||
[editable]="isEditable(4)">
|
||
<ng-template matStepLabel>
|
||
<span>Sprint #4: Statistiken auswerten und anzeigen</span>
|
||
</ng-template>
|
||
</mat-step>
|
||
|
||
<mat-step
|
||
[completed]="isCompleted(5)"
|
||
[editable]="isEditable(5)">
|
||
<ng-template matStepLabel>
|
||
<span>Sprint #5: Aufbereitung und Optimierung</span>
|
||
</ng-template>
|
||
</mat-step>
|
||
|
||
</mat-vertical-stepper>
|
||
</div>
|
||
</div>
|