Projekt

DFB Eventportal: Digitalisiung in der Großveranstaltungsplanung

  • KundeDFB GmbH & Co. KG
  • StartMar 1, 2015
  • Dauer9 Jahre
  • RolleProjektmanager, Lead Fullstack-Entwickler
  • LeistungenWeb Entwicklung, Web Performance, Projekt Management, Web Sicherheit, Wartung
  • TechnologienAngular 17, Web Components, Typescript, PHP
Zur Projektseite
Codezeilen
Unittests
PDFs generiert
Übersicht des DFB Eventportals mit einem Filter verschwommen
export interface User {
  firstname: string;
  lastname: string;
  email: string;
  company: string;
  mobile: string;
  street: string;
  streetnumber: string;
  zip: string;
  city: string;
  country: string;
}
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
const BASE_URL = '/api/';
@Injectable({
  providedIn: 'root',
})
export class UsersService {
  model = 'users';
  constructor(private httpClient: HttpClient) {}
  getUrl() {
    return `${BASE_URL}${this.model}`;
  }
  all(params?) {
    return this.httpClient.get(this.getUrl(), { params });
  }
  create(user) {
    return this.httpClient.post(this.getUrl(), user);
  }
}

Das primäre Ziel dieses Projektes bestand darin, eine innovative Webanwendung zu entwickeln, die speziell für die Planung und Organisation von Großveranstaltungen konzipiert ist. Diese Plattform sollte die bisherige Nutzung von PowerPoint-basierten Prozessen ablösen und einen neuen Standard in der Eventplanung des DFB setzen.

Die Webanwendung wurde entwickelt, um eine interaktive und kollaborative Umgebung für verschiedene Stakeholder zu bieten. Vor allem, sollten Benutzer mit unterschiedlichen Rollen und Rechten von verschiedenen Geräten aus zugreifen und gemeinsam an den Inhalten arbeiten können. Ein weiteres wichtiges Merkmal ist die Möglichkeit, ein druckfertiges PDF-Dokument aus sämtlichen gepflegten Inhalten innerhalb der Anwendung zu erstellen.

Technologische Grundlage der Webanwendung bilden Angular 17 und Web Components, die eine reaktive Benutzeroberfläche garantieren, sowie TypeScript, das zur Steigerung der Codequalität und Wartbarkeit beiträgt.

PHP in Verbindung mit dem CakePHP-Framework ermöglicht eine robuste Backend-Architektur. Die Verwendung von API-Integrationen mit Git und Docker unterstützt eine agile Entwicklungsumgebung. Tests werden durch Jest abgesichert, um eine hohe Zuverlässigkeit des Codes sicherzustellen. MySQL dient als Datenbankmanagement-System und AWS S3 wird für die effiziente Speicherung von Dateien herangezogen.

Beschreibung

Die strukturelle Gestaltung der Anwendung reflektiert die Bedürfnisse einer präzisen Eventorganisation. Sie erlaubt eine hierarchische Gliederung in Kapitel, Sektionen und Einzelelementen, die neben klassischen Medien auch multimediale Inhalte unterstützt. Die Plattform stellt essenzielle Funktionen wie die Erzeugung von druckfertigen PDF-Dokumenten, die Verwaltung von Kontaktlisten und das gezielte Versenden von E-Mail-Einladungen zur Verfügung.

Angular 17
Web Components
TypeScript
PHP
CakePHP
API
Git
Docker
Jest
Playwright
MySQL
AWS
S3
EC2
ESLint
Prettier
OpenAPI
Swagger
TCPDF-PDF-Generierung
EventChapter 1Section 1.1Section 1.2Chapter 2Section 2.1Element 2.1.1

Die kontinuierliche Fokussierung auf Web Performance und Web-Security-Maßnahmen unterstreicht das Bestreben nach einer optimalen Nutzererfahrung. Diese Anstrengungen sind unerlässlich, um die Prozesseffizienz und Zuverlässigkeit für Anwender im Kontext der Eventorganisation zu optimieren.

Neugierig geworden?

Ich bin immer auf der Suche nach neuen und spannenden Projekten. Wenn du ein spannendes Projekt hast und Unterstützung brauchst, melde dich gerne bei mir.

Lass uns zusammenarbeiten!