Digital Signing Prototype (DSP)

Der Digital Signing Prototype (DSP) ist eine prototypische, webbasierte Anwendung zur elektronischen signieren von PDF-Dokumenten. Der Prototyp wurde im Rahmen einer Bachelorarbeit im Studiengang Wirtschaftsinformatik entwickelt und dient der praktischen Umsetzung eines nutzerzentrierten Signaturprozesses auf Basis der einfachen elektronischen Signatur (EES).

Die Anwendung konzentriert sich auf der Gestaltung eines verständlichen und intuitiven Signaturprozesses für interne Anwendungsfälle in einem Unternehmen.

Der Prototyp nutzt keine qualifizierte oder fortgeschrittene elektronische Signatur dar und implementiert keinen zertifikatsbasierten oder kryptografischen Signaturnachweis.

---

Ziel des Prototyps

Der Digital Signing Prototype (DSP) demonstriert den Ablauf eines einfachen elektronischen Signaturprozesses für PDF-Dokumente.
Er dient zur praktischen Validierung und technischen Umsetzung des in der Bachelorarbeit entwickelten Konzepts.

---

Entwicklungsprozess und Quellen

Dieses Projekt wurde unter Nutzung offizieller Dokumentationen, technischer Fachartikel sowie öffentlich zugänglicher Codebeispiele entwickelt. Ausgewählte Inspirationsquellen sind ergänzend in den zugehörigen Pull Requests referenziert.

Zur Unterstützung bei der Implementierung wurde GitHub Copilot als KI-gestützter Coding-Assistent eingesetzt. Sämtliche generierten Codevorschläge wurden kritisch geprüft, angepasst und getestet, bevor sie eigenständig in das Gesamtsystem integriert wurden. Die Verantwortung für Architekturentscheidungen und Implementierungslogik lag jederzeit beim Autor.

---

Technologiestack

• Next.js (App Router)
• TypeScript
• Tailwind CSS
• Node.js / npm

---

Verwendete Bibliotheken

Der Prototyp basiert auf ausgewählten Open-Source-Bibliotheken, die zentrale Funktionen des Signaturprozesses unterstützen:

• react-pdf
  Darstellung von PDF-Dokumenten im Browser auf Basis von pdf.js.

• pdf-lib
  Serverseitige Manipulation bestehender PDF-Dokumente durch Einbettung der Signatur.

• react-signature-canvas
  Erfassung handschriftlicher Signaturen über ein Canvas-Element.

• zod
  Schema-basierte Validierung der gestellten Client HTTP Anfragen.

• react-hot-toast
  Anzeige globaler Status- und Prozessmeldungen zur Nutzerführung.

Die Auswahl der Bibliotheken erfolgte auf Grundlage ihrer Verbreitung, Dokumentationsqualität und Eignung für den prototypischen Einsatz.

---

Projekt local aufsetzen

1. Repository klonen

git clone https://github.com/Isztof/digital-signing-prototype.git
cd digital-signing-prototype

2. Abhängigkeiten installieren

npm install

3. Entwicklungsserver starten

npm run dev

Die Anwendung ist unter http://localhost:3000 erreichbar.

---

Sicherheit und Datenschutz

Der Prototyp ist als Demo-Anwendung konzipiert und erhebt keinen Anspruch auf Produktionsreife:

• Es existiert keine Authentifizierung oder Benutzerverwaltung.

• Die Signatur stellt eine visuelle Einbettung dar und bietet keinen kryptografischen Integritäts- oder Authentizitätsnachweis.

• Der Einsatz in produktiven Szenarien ist nicht vorgesehen.

---

Ablauf des Signaturprozesses (vereinfacht)

1. Der Nutzer lädt ein PDF-Dokument hoch, das serverseitig validiert wird.

2. Das Dokument wird im Browser angezeigt.

3. Der Nutzer zeichnet seine Unterschrift in dem vorgesehen Signaturfeld.

4. Die Signatur wird per Klick an der gewünschten Position auf dem PDF-Vorschau Element platziert.

5. Die Signatur wird serverseitig dauerhaft in das PDF eingebettet.

6. Das signierte Dokument wird heruntergeladen.