Deutsch Unser Partnerunternehmen kann prinzipiell in Büro- und Außendiensttätigkeiten unterteilt werden. Personen vom Außendienst müssen aktuell über Telefon oder persönlichen Kontakt aufbauen, um Urlaubstage, Krankenstände, fehlende Materialen, defekte Geräte oder andere Probleme im Büro zu melden. Um die Kommunikation zwischen Außendienst und Büro zu vereinfachen und effizienter zu gestalten, soll eine Handy-Applikation und eine Webseite entwickelt werden. Im Außendienst soll man die Möglichkeit haben, wichtige Informationen über ein Smartphone bekanntzugeben. Das Büropersonal soll diese Informationen über eine Website übersichtlich dargestellt erhalten. Der Außendienstmitarbeiter kann in der Handy-App schnell und einfach gesagte Meldungen einreichen. Es ist wie ein Ticket-System aufgebaut, die häufigsten Anfragen sind bereits vorgefertigt, um weniger Zeit am Smartphone zu verbringen. Im Büro können die Anfragen nach Priorität kategorisiert, gefiltert und die wichtigsten Anfragen schneller abgewickeln werden.

Unser Projekt wird bearbeitet und erstellt an der HTL Mössingerstraße

Dieses Projekt wird gemeinsam mit einem Wirtschaftspartner durchgeführt:

English In principle, our partner company can be divided into office and field service activities. People from the field service currently have to make contact by phone or in person to report vacation days, sick days, missing materials, defective equipment or other problems in the office. To simplify communication between the field service and the office and make it more efficient, a cell phone application and a website are to be developed. Field staff should be able to report important information via a smartphone. The office staff should receive this information in a clear format via a website. Field staff can submit messages quickly and easily in the mobile app. It is structured like a ticket system, with the most common requests already pre-filled to reduce the time spent on the smartphone. In the office, requests can be categorized and filtered according to priority in order to process the most important requests more quickly.

Details

Backend Software

Spring Application

Deutsch Das Spring Backend fungiert als Schnittstelle zwischen Datenbank und den beiden Frontend Apps. Das Programm, in Form von einer API, kann Benutzer authentifiziert und Daten bereit stellen. Zum Beispiel: Ein Benutzer sendet eine Anfrage auf den Login Endpunkt und wird authentifiziert. Er könnte nun eine Abfrage an den Produkte Endpunkt senden und eine Liste der Produkte erhalten. Wenn der Benutzer ein Administrator ist, kann er Benutzer anzeigen oder verwalten.
English The Spring backend acts as an interface between the database and the two front-end apps. The program hosts an API that authenticates users and provides data. For example: A user sends a request to the login endpoint and is authenticated. He could now send a query to the product endpoint and receive a list of products. received. If the user is an administrator, he can view or manage users.

trending_up Frontend Apps

React App

Deutsch Die React Web App ist für die Visualisierung der Daten zuständig. Die Daten von der React Native App werden hier übersichtlich, für den Büroangestellten, dargestellt und ermöglicht eine effiziente Abarbeitung der Anfragen. Es gibt einen Kalender mit anstehenden Terminen und Urlaubstagen. In der Meldungsübersicht werden Meldungen, inklusive Status, angezeigt und es kann eine Rückmeldung gesendet werden. Zusätzlich kann mithilfe Wetter App zeigt das Wetter an, um mögliche Winterdienste frühzeitig starten zu können.
English The React web app is responsible for visualizing the data. The data from the React Native app is clearly displayed here for the office employee and ensures efficient processing of requests. There is a calendar with upcoming appointments and vacation days. Messages, including status, are displayed in the message overview and feedback can be sent. An integrated weather app displays the weather so that winter services can be started in good time.

React Native App

Deutsch Die React Native App bietet eine einfache Benutzeroberfläche, um während des Außendienstes eine einfache Bedienung zu gewährleisten. Es können Nachrichten ans Büro (React Web App) gesendet werden. Zu den Nachrichten gehören: Schadensmeldungen, Urlaubsanfragen und Fragen zum Auftrag. Am Hauptbildschirm werden die Rückmeldungen bzw. Informationen vom Büro angezeigt. Auf dem zweiten Screen können Meldungen verfasst werden. Auf dem Profil werden Benutzerdaten angezeigt und zusätzlich ein Kalender dargestellt.
English The React Native app offers a simple user interface, to ensure easy operation during field service. Messages can be sent to the office (React Web App). The messages include: Damage reports, vacation requests and questions about the job. The main screen displays feedback or alerts from the office. Messages can be written on the second tab. The profile and calendar are displayed on the last page.