Skip to content

Installationsanweisung Verwaltungsoberfläche

Dominik Eitner edited this page Mar 19, 2022 · 6 revisions

Installationsanweisung Verwaltungsoberfläche

Im Folgenden wird die Installation der Verwaltungsoberfläche erklärt, führen Sie die aufgeführten Schritte in der hier angegebenen Reihenfolge durch, anschließend können Sie eine Testversion der Verwaltungsoberfläche auf ihrem Rechner lokal ausführen und den Quellcode nach Ihrem Belieben einsehen und verändern. Eine Anleitung zur Benutzung der Verwaltungsoberfläche können Sie im Wiki in der Benutzeranleitung Verwaltungsoberfläche finden.

Inhaltsverzeichnis

1. Den Quellcode über Git herunterladen:

Zunächst müssen Sie den Quellcode der Verwaltungsoberfläche herunterladen, hierzu klonen Sie das Git Repository der Blutspendeverwaltungsoberfläche, dieses finden Sie hier. Alle Dateien, die Sie für die Bearbeitung und Veränderung der Verwaltungsoberfläche benötigen, sind in diesem Repository enthalten.

2. Flutter installieren:

Hierzu folgen Sie am besten der gut dokumentierten Installationsanleitung von Flutter, diese finde Sie hier. Da das Admin-Interface nur als Web-App genutzt wird, muss hier nicht zwangsmäßig Android-Studio installiert werden und Probleme, die diesbezüglich beim Ausführen des Befehls

flutter doctor

ausgegeben werden können ignoriert werden.

3. Die passende IDE:

Zur Entwicklung des Projekts wurde die IDE Visual Studio Code genutzt, diese ist sehr umfangreich und bietet viele Erweiterungsmöglichkeiten, daher empfehlen wir die Nutzung dieser IDE. Sie können diese hier herunterladen. Nach der Installation der IDE sollte diese geöffnet werden und die Flutter und Dart Erweiterung installiert werden.

4. Letzte Vorbereitungen:

Öffnen Sie nun das Projekt in Visual Studio Code und starten Sie einen neuen Terminal oder öffnen Sie eine Kommandozeile im Projektordner. Führen Sie anschließend den Befehl

flutter pub get

aus. Hierdurch werden alle Packages, die das Projekt benötigt, installiert.

5. Starten der App:

Um das Projekt als Web-App auszuführen, muss in der Visual Studio Code IDE unten rechts als „Device“ ein Webbrowser ausgewählt werden. Nun kann im Terminal der Befehl

flutter run

ausgeführt werden.