Kobe - Mobile Budget -Anwendung (Front)

Allgemeine Beschreibung
Antrag, mit der es ermöglicht, ein Budget pro Monat zusammenzustellen, bei dem 3 Arten von Bewegungen vorhanden sind: Einkommen, Ausgaben und Einsparungen. Für jede Art von Bewegung können bis zu 10 Kategorien definiert werden. In einem bestimmten Monat kann der Benutzer den Wert definieren, der erwartet, jede Kategorie (Budget) zu bezeichnen. Anschließend registriert der Benutzer während des Monats seine Bewegungen und von diesen in einer Statistik -Registerkarte sehen Sie, wie der Plan, der für den Monat erstellt wurde, erfüllt wird.
Figma -Verbindung
Referenzbild:

Entwicklungsumfeld
Um eine Entwicklungsumgebung einer Webanwendung mit Flutter an der Grenze und Express.js im Backend zu erstellen, können Sie diese Schritte ausführen:
Grenzkonfiguration
- Flattern Installation - Mobile Entwicklung.
- Laden Sie zuerst Flutter von seiner offiziellen Seite herunter und installieren Sie sie: https://flutter.dev/docs/get-started/install. Befolgen Sie die spezifischen Anweisungen für Ihr Betriebssystem. Fügen Sie anschließend den Pfad zu den Umgebungsvariablen hinzu.
- Android Studio -Konfiguration - An Android Mobile Emulator zum Testen der Anwendung.
- Installieren Sie Android Studio von der offiziellen Website von Android Studio: https://developer.android.com/studio.
- Installieren Sie innerhalb von Android Studio den Android SDK und konfigurieren Sie einen Emulator im AVD -Manager, um ein mobiles Gerät zu simulieren.
- Visual Studio Code - IDE -Konfiguration, die im Projekt verwendet werden soll.
- Laden Sie den Visual Studio -Code (VSCODE) von seiner offiziellen Seite herunter und installieren Sie sie: https://code.visualstudio.com/.
- Die folgenden Plugins können installiert werden, um die Codierung in Flutter zu erleichtern:
- Flutter: Um die Unterstützung für VSCODE zu integrieren und Funktionen wie Anwendungsausführung und Reinigung einzubeziehen.
- DART: notwendig, um mit Flutter zu arbeiten, da es Unterstützung für die Dart -Programmiersprache bietet.
- Awesome Flutter Snippets: Bietet nützliche Code -Snippes, um sich in Flattern schneller zu entwickeln.
- Flutter -Widget -Snippets: Eine Sammlung von Snippets für die am häufigsten verwendeten Widgets in Flattern.
Backend -Konfiguration
- Node.js Installation
- Laden Sie Node.js von seiner offiziellen Seite herunter und installieren Sie sie: https://nodejs.org/. Node.js ist notwendig, um mit Express.js zu arbeiten. Fügen Sie anschließend den Pfad zu den Umgebungsvariablen hinzu.
- Erstellung und Konfiguration eines Express.js -Projekts
- Öffnen Sie einen Terminal und verwenden Sie den folgenden Befehl, um den Express -Anwendungsgenerator zu installieren: NPM Install -g -Express -Generator
- Erstellen Sie ein neues Expressprojekt mit dem Befehl: Express-Name-von-tu-project
- Entwicklung in Express.js
- Entwickeln Sie Ihre Backend -Anwendung, indem Sie die Dateien im Projektverzeichnis ändern. Sie können bei Bedarf zusätzlich installiert werden und installieren sie mit dem npm -Installationsnamen.
- Tools wie Postman oder Schlaflosigkeit können verwendet werden, um die API -Endpunkte Ihrer Express.js -Anwendung zu testen.
Ausführung und Tests
- Navigieren Sie für den Grenze zum Open -vs -Code zum Verzeichnis Ihres Flutter -Projekts und führen Sie Ihre Anwendung mit dem in Android Studio konfigurierten Emulator aus.
- Für das Backend navigiert ein Terminal in das Verzeichnis Ihres Express -Projekts und führt
npm start aus, um den Server zu starten.
Anforderungen
Funktionale Anforderungen
| |
|---|
| Identifizierung der Anforderungen | RF1 |
| Bedarfsname | Rechenschaftsschaffung |
| Eigenschaften | Der Benutzer kann ein Konto erstellen und einen Benutzernamen und ein Passwort definieren. |
| Beschreibung der Anforderung | Der Benutzer kann ein Konto erstellen, das die Daten enthält: E -Mail, Benutzername, Vollname und Passwort |
| Nicht funktionsfähige Anforderungen | RNF1, RNF2, RNF5 |
| Priorität der Anforderung | Hoch |
| |
|---|
| Identifizierung der Anforderungen | RF2 |
| Bedarfsname | Benutzerauthentifizierung |
| Eigenschaften | Der Benutzer, der sich anmelden muss, muss Kontoinformationen eingeben |
| Beschreibung der Anforderung | Der Benutzer, der sich anmelden muss, muss seinen Benutzernamen und sein Passwort eingeben |
| Nicht funktionsfähige Anforderungen | RNF1, RNF2, RNF5 |
| Priorität der Anforderung | Durchschnitt |
| |
|---|
| Identifizierung der Anforderungen | RF3 |
| Bedarfsname | Schaffung von Kategorien |
| Eigenschaften | Der Benutzer kann Kategorien erstellen |
| Beschreibung der Anforderung | Der Benutzer kann maximal 10 Kategorien für seine Einnahmen, Ausgaben und Einsparungen erstellen. |
| Nicht funktionsfähige Anforderungen | RNF1, RNF2, RNF6 |
| Priorität der Anforderung | Durchschnitt |
| |
|---|
| Identifizierung der Anforderungen | RF4 |
| Bedarfsname | Schaffung des Budgetplans |
| Eigenschaften | Der Benutzer kann für jede Kategorie von Einkommen, Ausgaben und Einsparungen einen Budgetplan erstellen. |
| Beschreibung der Anforderung | Der Benutzer kann für jede Kategorie von Einkommen, Ausgaben und Einsparungen einen Budgetplan erstellen. |
| Nicht funktionsfähige Anforderungen | RNF1, RNF2, RNF6, RNF7 |
| Priorität der Anforderung | Durchschnitt |
| |
|---|
| Identifizierung der Anforderungen | RF5 |
| Bedarfsname | Bewegungseinkommen |
| Eigenschaften | Der Benutzer kann seine finanziellen Bewegungen gemäß jeder Kategorie von Einkommen, Ausgaben und Einsparungen eingeben. |
| Beschreibung der Anforderung | Der Benutzer kann seine finanziellen Bewegungen gemäß jeder Kategorie von Einkommen, Ausgaben und Einsparungen eingeben. |
| Nicht funktionsfähige Anforderungen | RNF1, RNF2, RNF6, RNF7. |
| Priorität der Anforderung | Hoch |
| |
|---|
| Identifizierung der Anforderungen | RF6 |
| Bedarfsname | Budget- und Bewegungsgeschichte anzeigen |
| Eigenschaften | Der Benutzer kann seine früheren Budgets sehen. |
| Beschreibung der Anforderung | Der Benutzer kann seine Budgets der früheren Perioden (Monat und Jahr) sehen. |
| Nicht funktionsfähige Anforderungen | RNF1, RNF2, RNF6, RNF7 |
| Priorität der Anforderung | Durchschnitt |
| |
|---|
| Identifizierung der Anforderungen | RF7 |
| Bedarfsname | Passwortänderung |
| Eigenschaften | Der Benutzer kann eine Passwortänderung anfordern. |
| Beschreibung der Anforderung | Der Benutzer kann eine Passwortänderung anfordern, die Ihrem Benutzer oder E -Mail -Namen angibt. |
| Nicht funktionsfähige Anforderungen | RNF1, RNF2, RNF6, RNF7 |
| Priorität der Anforderung | Niedrig |
Nicht funktionierende Anforderungen
| |
|---|
| Identifizierung der Anforderungen | RNF1 |
| Bedarfsname | Leistung |
| Eigenschaften | Sofortige Reaktion und Verarbeitungseffizienz. |
| Beschreibung der Anforderung | Die Anwendung muss schnell auf Benutzereingaben reagieren und die Datenverarbeitung effektiv behandeln. |
| Priorität der Anforderung | Hoch |
| |
|---|
| Identifizierung der Anforderungen | RNF2 |
| Bedarfsname | Verfügbarkeit |
| Eigenschaften | Konstante Zugang und minimale Inaktivitätszeit. |
| Beschreibung der Anforderung | Die Anwendung muss mit einer minimalen Inaktivitätszeit so oft wie möglich verwendet werden. |
| Priorität der Anforderung | Hoch |
| |
|---|
| Identifizierung der Anforderungen | RNF3 |
| Bedarfsname | Benutzerfreundlichkeit |
| Eigenschaften | Intuitiv und für alle Benutzer zugänglich. |
| Beschreibung der Anforderung | Die Benutzeroberfläche muss intuitiv und für Personen ohne frühere Erfahrung mit der Anwendung einfach zu bedienen sein. |
| Priorität der Anforderung | Durchschnitt |
| |
|---|
| Identifizierung der Anforderungen | RNF4 |
| Bedarfsname | Kompatibilität |
| Eigenschaften | Es funktioniert auf mehreren Geräten und Systemen. |
| Beschreibung der Anforderung | Die Anwendung muss mit mehreren Versionen von mobilen Betriebssystemen wie Android und iOS kompatibel sein und sich gut an verschiedene Bildschirmgrößen und -auflösungen anpassen. |
| Priorität der Anforderung | Hoch |
| |
|---|
| Identifizierung der Anforderungen | RNF5 |
| Bedarfsname | Sicherheit |
| Eigenschaften | Datenschutz und Verschlüsselung. |
| Beschreibung der Anforderung | Die Anwendung muss die vertraulichen Informationen des Benutzers schützen und sicherstellen, dass alle übertragenen und gespeicherten Daten verschlüsselt sind. |
| Priorität der Anforderung | Hoch |
| |
|---|
| Identifizierung der Anforderungen | RNF6 |
| Bedarfsname | Skalierbarkeit |
| Eigenschaften | Effektives Benutzerwachstum und Datenbelastung. |
| Beschreibung der Anforderung | Die Anwendung muss in der Lage sein, eine Erhöhung der Anzahl der Benutzer und in der Datenverarbeitungslast ohne wesentlich abbauende Leistung zu verarbeiten. |
| Priorität der Anforderung | Durchschnitt |
| |
|---|
| Identifizierung der Anforderungen | RNF7 |
| Bedarfsname | Wartbarkeit |
| Eigenschaften | Organisiert und problemlos Code aktualisieren. |
| Beschreibung der Anforderung | Der Anwendungscode muss gut organisiert und dokumentiert sein, um Aktualisierungen und Wartung durch Entwickler zu erleichtern. |
| Priorität der Anforderung | Niedrig |
| |
|---|
| Identifizierung der Anforderungen | RNF8 |
| Bedarfsname | Batterieverbrauch |
| Eigenschaften | Energieeffizienz und optimierter Verbrauch. |
| Beschreibung der Anforderung | Die Anwendung muss im Hinblick auf den Batterieverbrauch effizient sein, wodurch eine übermäßige Entwässerung vermieden wird, wenn sie aktiv oder im Hintergrund verwendet wird. |
| Priorität der Anforderung | Durchschnitt |
| |
|---|
| Identifizierung der Anforderungen | RNF9 |
| Bedarfsname | Datenbankmanager |
| Eigenschaften | Zuverlässigkeits- und erweiterte Datenverwaltungsfunktionen mit PostgreSQL. |
| Beschreibung der Anforderung | Die Anwendung verwendet PostgreSQL als Datenbankverwaltungssystem. |
| Priorität der Anforderung | Hoch |
| |
|---|
| Identifizierung der Anforderungen | RNF10 |
| Bedarfsname | Entwicklungscode |
| Eigenschaften | Einheitliche und multiplattformige Entwicklung mit Flattern. |
| Beschreibung der Anforderung | Die Anwendung verwendet Flutter als Entwicklungscode -Framework. |
| Priorität der Anforderung | Hoch |
Diagramme
Relationales Diagramm

Tischlegende:
- Typ: Bezieht sich auf die 3 Arten von Transaktionen, die es gibt: Einkommen, Ausgaben und Einsparungen.
- Kategorie: Bezieht sich auf die Art von Einkommen/Aufwand/Ersparnis
- Typ: Einkommen - Kategorie: Gehalt, Zinsen, Zahlung für Gebühren ...
- Typ: Ausgaben - Kategorie: Transport, Lebensmittel, Versorgungsunternehmen, Gesundheit, Bildung, Unterhaltung ...
- Typ: Einsparungen - Kategorie: Haus, Auto, Reisen, Unternehmertum ...
- Erläuterung: In einem Datensatz kann beispielsweise der Typ Einkommen sein und die Kategorie kann Gehalt sein
- Kalender: Diese Tabelle besteht aus vielen Daten und wird mit einer Monats Tabelle verknüpft. Dies dient hauptsächlich dazu, die Erstellung von Filtern innerhalb der Anwendung und Zuweisung von Daten zur Registrierung in der Tracker -Tabelle zu erleichtern.
- Monat: Tisch, das jedes Jahr mit einer anderen ID enthält. Diese Tabelle erleichtert die Filterprogrammierung.
- Jahr: Tabelle mit möglichen Jahren innerhalb eines bestimmten Zeitraums. Diese Tabelle erleichtert die Filterprogrammierung.
- Budget: Es ist der für jede Kategorie und jeden Monat geplante Geldbetrag (da es zwischen Monaten variieren kann). Es ist ein Ziel, es wird nicht unbedingt erfüllt.
- Registrierung (Tracking): Es ist die Haupttabelle, in der alle Einnahmen, Ausgaben oder Einsparungen mit ihrer jeweiligen Kategorie, Aufzeichnung und Detaildatum erfasst werden.
- Benutzer: Es ist die Tabelle, in der die Informationen des Benutzers gespeichert werden, hauptsächlich ihre Namen und Nachnamen, zusätzlich zu ihren Anmeldeinformationen, um ihr Anwendungskonto (E -Mail und Kennwort) einzugeben.
Anwendungsfalldiagramm

Bereitstellungsdiagramm
