IHK-Abschlussprojekt im Rahmen der Umschulung zum Fachinformatiker für Anwendungsentwicklung
Eine Chrome-Extension zur Automatisierung von Support-Ticket-Erstellung im Zoho Creator System, entwickelt während des Praktikums bei Argo Aviation GmbH.
Das ArgoTicketTool vereinfacht den Prozess der Ticket-Erstellung für IT-Support-Anfragen. Mitarbeiter können direkt aus dem Browser heraus Support-Tickets erstellen, ohne sich durch das Zoho Creator Web-Interface navigieren zu müssen. Die Extension nutzt OAuth2-Authentifizierung und einen Cloudflare Worker als Sicherheits-Proxy.
- Schnelle Ticket-Erstellung direkt aus dem Browser-Popup
- OAuth2-Authentifizierung für sichere Zoho Creator API-Zugriffe
- Cloudflare Worker Proxy für zusätzliche Sicherheit und Rate-Limiting
- Benutzerfreundliches Popup-Interface mit Formularvalidierung
- Automatisches Token-Refresh für nahtlose Authentifizierung
- Konfigurierbare Einstellungen über die Options-Seite
- Unterstützung verschiedener Request-Typen (Bug, Feature, Support, etc.)
- Prioritätsstufen: Low, Medium, High, Critical
| Kategorie | Technologie |
|---|---|
| Frontend | JavaScript (Vanilla), HTML5, CSS3 |
| API | Zoho Creator REST API |
| Authentifizierung | OAuth2 |
| Proxy | Cloudflare Workers |
| Browser | Chrome Extension Manifest V3 |
ArgoTicketTool/
manifest.json # Chrome Extension Manifest V3
background.js # Service Worker
Popup/
popup.html # Hauptinterface
popup.js # Ticket-Erstellung Logik
Options/
options.html # Einstellungsseite
options.js # Konfigurationsverwaltung
icons/ # Extension Icons
Doku/ # Projektdokumentation
tests/ # Jest-Tests
- Google Chrome (Version 88+)
- Zoho Creator Account mit API-Zugriff
- OAuth2-Credentials (Client ID, Client Secret, Refresh Token)
-
Repository klonen:
git clone https://github.com/tib019/ArgoTicketTool.git cd ArgoTicketTool -
chrome://extensions/im Browser öffnen -
Entwicklermodus aktivieren
-
"Entpackte Erweiterung laden" klicken und den
ArgoTicketTool-Ordner auswählen
- Extension-Icon in der Chrome-Toolbar anklicken
- Einstellungen öffnen
- Client ID, Client Secret und Refresh Token eintragen
- Konfiguration speichern
- ArgoTicketTool-Icon in der Chrome-Toolbar anklicken
- Formular ausfüllen:
- E-Mail-Adresse
- Request Type (Bug, Feature, Support, etc.)
- Priorität
- Betreff
- Beschreibung
- "Ticket erstellen" klicken
- Bestätigung mit Ticket-ID erhalten
Das Projekt verwendet Jest für Unit-Tests.
npm install
npm testTestdateien befinden sich im tests/-Ordner:
background.test.js- Tests für den Service Workerpopup.test.js- Tests für die Popup-Logik
- OAuth2-Authentifizierung statt direkter API-Keys
- Cloudflare Worker Proxy verhindert direkten API-Zugriff aus dem Browser
- Token-Speicherung ausschließlich im lokalen Chrome Storage
- HTTPS-only Kommunikation
- Input-Validierung gegen XSS und Injection-Angriffe
Die vollständige Projektdokumentation befindet sich im Doku/-Ordner:
- Anforderungsanalyse
- Technisches Konzept
- API-Dokumentation
- Sicherheitskonzept
- Benutzerhandbuch
- Testprotokolle
Entwickelt im Rahmen der IHK-Umschulung zum Fachinformatiker für Anwendungsentwicklung bei der GFN Hamburg. Praktische Umsetzung während des sechsmonatigen Praktikums bei der Argo Aviation GmbH, Hamburg.
- Praktikum: Mai 2025 - November 2025
- Projektdauer: ca. 3 Monate
- IHK-Prüfung: Januar 2026
Tobias Heiko Buss
- GitHub: @tib019
- Hamburg, Deutschland
Dieses Projekt wurde für die Argo Aviation GmbH entwickelt und dient als IHK-Abschlussprojekt.