AEuP (95% Fertig)

Sketch: Eine schnelle, grobe und informelle Darstellung einer Idee

Wireframe: Ein Gerüst oder Bauplan des Produkts. Es ist eine einfache Darstellung des Layouts.

Mockup: Eine statische, hochdetaillierte Visualisierung des fertigen Produktdesigns. Es ist im Wesentlichen ein Wireframe, dem die gesamte visuelle Gestaltung hinzugefügt wurde

Prototype: Eine interaktive Simulation des fertigen Produkts, die es dem Benutzer ermöglicht, durch die Benutzeroberfläche zu "klicken" und mit ihr zu interagieren

Definition Usability:

Usability (Gebrauchstauglichkeit) ist das Ausmaß, in dem ein System (Produkt oder Dienst) durch bestimmte Benutzer in einem bestimmten Nutzungskontext genutzt werden kann, um bestimmte Ziele effektiv, effizient und zufriedenstellend zu erreichen

Voraussetzung für Usability ist eine Schnittstelle zum Programm --> User Interface (UI). Eine UI bietet visuelle und interaktive Elemente wie Buttons, Menüs, Layouts oder Animationen etc.

Definition Userexperience:

User Experience (Nutzererfahrung) umfasst das gesamte Erlebnis der Nutzer – von der ersten Berührung mit der Software bis zur langfristigen Nutzung. Sie beinhaltet emotionale Aspekte wie Zufriedenheit, Vertrauen und Freude bei der Bedienung

5 E der Usability:

• Effective: Ein bestimmtes Problem (bzw. Aufgabe) kann damit gelöst werden

• Efficient: Die Zeit, die für die Aufgabenerledigung benötigt wird.

• Engaging: Es macht Spaß die App zu verwenden

• Error Tollerant: Fehler verhindern, Fehler korrigieren bzw darauf hinweisen

• Easy to learn: Baut auf dem Wissenstand der Nutzer auf

• Gestaltgesetzte

  zeigen wie unser Gehirn visuelle Elemente automatisch gruppiert und interpretiert.

  • Ähnlichkeit

  • Nähe

  • Gemeinsame Region

  • Gemeinsame Schicksal

• Farblehre

  erklärt, wie Sie Farben gezielt einsetzen, um Nutzer zu leiten, Stimmungen zu erzeugen und eine klare visuelle Hierarchie zu schaffen.

  • Farbfehlsichtigkeit berücksichtigen

  • Kontrast 4,5:1

  • KOntrast wählen und Akzente bestimmt setzen

• Typographie

  behandelt die Auswahl und Gestaltung von Schriften. Richtig eingesetzte Typografie verbessert die Lesbarkeit und unterstützt die Informationsstruktur Ihrer Anwendung

  • 50-70 Zeichen pro Zeile

  • Überschrift dopplet so groß

  • Angemessenen Schriftart

• Barrierefreiheit

  macht Sie mit den rechtlichen Anforderungen und praktischen Maßnahmen vertraut, um Ihre Software für alle Menschen zugänglich zu gestalten – unabhängig von möglichen Beeinträchtigungen.

  • Auditiv

  • Kognitiv

  • Pyhsisch

  • Visuell

  • Sprache

Anwendungsfalldiagramm (Use Case Diagramm) - Abgeschlossenes System mit:

• Akteur/User(Strichmännchen)

• Anwendungsfälle (Ellipse mit Verb) welche mit einem Strich verbunden wird

• Generalisierungsbeziehung zwischen Akteuren: 

  • A---|>B A hat alle Anwendungsfälle von B

• Beziehung zwischen Use Cases:

  • <<include>>  A …….> B Anwendungsfall A fordert Anwednungsfall B

  • <<extend>> A <……B Anwendungsfall A fordert unter einer Bedingung ob Anwendungsfall B auch ausgeführt werden muss mit der Anmerkung in einem Notekasten[condition: {wenn noch kein Depot vorhanden} extension point: Depoteröffnung nötig]

  • Generalisierungsbeziehung zwischen Anwendungen: A---|>B A hat beinhaltet alle Anwendungen von B

    
    

    
    

UML - Unified Modelling Language: 

Eine graphische Sprache die in der Softwareentwicklung verwendet wird um:

- Systeme zu modellieren

- Strukturen und Abläufe zu visualisieren

- Dokumentationen zu erstellen

Strukturdiagramm:

• Klassendiagramm

Verhaltensdiagramm:

• Anwendungfsalldiagramm / Use Case Diagramm

• Akivitäts

• Zustandsdiagramm

Zeichen

=> Syntax (Struktur)

Daten

=> Semantic(Bedeutung)

Informationen

=> Pragmatic (Kontext, Informationen müssen in einem Zusammenhang stehen bzw gebracht werden)

Wissen

Stammdaten: Stellen Grundinfromationen über relevante Objekte und somit die Basis für Bewegungsdaten da. Beispiel: Name Adresse von Kunden Ariktelnummer von Artikeln

Bewegungsdaten: Bilden dynamische Bewegungsabläufe ab und ändern sich fortlaufend

Metadaten: Beschreiben strukturiert Stammdaten und Bewegungsdaten

Datenquellen stellen für eine Anwendung die verfügbaren Daten bereit, mit denen die Anwendung arbeiten möchte.

Interne Datenquellen: Unternhemensspezifsche Daten -KUNDENDATEN

Externen Datenquellen:Wetterdaten

CSV, XML und JSON sind wahrscheinlich die am häufigsten verwendeten Datenaustauschformate. Sie sind unabhängig von einer bestimmten Programmiersprache und Umgebung und die Inhalte sind sowohl für Menschen als auch Maschinen lesbar.

CSV: Comma-Separated Values

XML (eXtensible Markup Language, dt. Erweiterbare Auszeichnungssprache)

JSON (JavaScript Object Notation)

YAML, was rekursiv für "YAML Ain't Markup Language" (früher "Yet Another Markup Language")

CSV: Comma-Separated Values

CSV-Dateien beispielsweise von Datenbank- und Tabellenkalkulationsprogrammen importiert und exportiert werden. CSV Dateien zählen zu den Flatfiles, da Sie keine hierarchische Struktur enthalten

• Die Trennung von Datensätzen erfolgt in der Regel über einen Zeilenumbruch

• Ein Trennzeichen (z. B. Kommata, Semikolon) wird zur Trennung von Datenfeldern (Spalten) innerhalb der Datensätze benutzt.

• Der erste Datensatz einer CSV ist typischerweise ein Kopfdatensatz, der die Spaltennamen (Überschriften) definiert.

• Jede CSV sollte nur eine Tabelle enthalten. Für Datenbeziehungen werden üblicherweise mehrere CSV-Dateien verwendet

XML (eXtensible Markup Language, dt. Erweiterbare Auszeichnungssprache)

• Ein XML besteht aus Elementen. Elemente können sowohl Text als auch weitere Elemente beinhalten.

• Ein Dokument besitzt ein Wurzelelement.

• Elemente stehen innerhalb eines Start- und eines Endtags. </Elementname>.

• Jedes Element kann Attribute haben. Ein Attribut kann ein Attributwert zugewiesen werden. Diese stehen in Anführungsstrichen.

Wohlgefromt: Wenn alle grndlegenden XML Regeln eingehalten werden

Gültig: Wenn die Regeln eines XML Schema oder einer DTD korrekt eingehalten wurden

JSON (JavaScript Object Notation)

Einfachere Lesbarkeit der Daten als bei XML.

Weniger Daten als bei XML.

Verwendung unterschiedlicher Datentypen.