|

Das Allround Tool

Das Allround Tool ist ein selbst programmiertes Tool, welches meiner Firma bei der Verwaltung von Kunden und deren dazugehörigen Wartungsverträgen.

Das Allround Tool ist mit den folgenden Frameworks programmiert.

  • Laravel
  • VueJs
  • InteriaJs
  • TailwindCSS

Aussehen und verhalten

Das Allround Tool ist eine sehr umfangreiche Webapp.

Achtung: Benutzten Kundendaten auf den nachfolgenden Bildern sind strikt künstlich und stellen strikt fiktive Kunden dar. Für die Bilder wurden keine echten Kundendaten verwendet.

Kundensuche. Hier können Benutzer mit mehreren Filtern gefunden werden.
Die Analyse-Seite. Hier kann ein Zeitraum ausgewählt werden und es werden alle relevanten Daten von diesem Zeitraum angezeigt.
Die Kundenübersicht. Hier hat der Nutzer eine Übersicht über alle Kundendaten inkl. welche Produkte, der Kunde besitzt. Ebenfalls können Dokumente hochgeladen oder E-Mails direkt an den Kunden verschickt werden.
Die Maske für den Direkten E-Mail verstand. Der Nutzer kann zwischen verschiedenen Vorlagen wählen und so eine schnelle E-Mail an den Kunden senden.
Detaillierte Produktsuche. Hier sucht ein Kunde nach eine Art von Produkt. Als Resultat bekommt er eine Liste von jeder Instanz in der das Produkt vorkommt.
Hier kann ein Benutzer die verschiedenen Produktvorlagen erstellen.
Einfache Benutzerverwaltung. Ein Administrator kann hier andere Benutzer bearbeiten.

CI / CD mit GitHub

CI / CD steht für Continuous Integration und Continuous Deployment und beschreibt das Automatische testen und veröffentlichen von Code.

In diesem Projekt würde für die CI / CD Lösung GitHub gewählt. Dies aus den Gründen, dass es für die Nutzergrösse und dem gegeben Budget am besten passt.

Zentral für die CI / CD Lösung ist GitHub Actions und ein Deployment Script, welches auf dem Ziel-Webserver platziert wurde.

Bei jeder Aktualisierung von dem main branch auf dem GitHub repository wird automatisch eine reihe von Tests gestartet, welche unter anderem die Erreichbarkeit aller Seiten testet. Ebenfalls werden noch mehrere andere Hauptfunktionalitäten der Applikation getestet.

Nachdem die Tests erfolgreich beendet wurden, wird auf dem Webserver ein selbst-geschriebenes Deploymentscript ausgeführt.

Dieses Script löst unter anderem folgende Aufgaben:

  • Den Wartungsstatus auf der Website aktivieren
  • Die neuste Version von GitHub auf den Webserver downloaden
  • Aktualisieren von allen NodeJs und Composer Paketen
  • Neuerstellung der Website auf dem Webserver
  • Neustarten von allen nötigen Diensten

Was ich nächstes Mal besser machen würde

Verbesserungsvorschläge für ein Ähnliches Tool wie Allround.

  • Mehr auf Kundenbedürfnisse eingehen. (Ich würde mehr Zeit mit den Endbenutzern verbringen um genau herauszufinden was Sie brauchen usw.)

Similar Posts

Schreiben Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert