Upload
lanzo-langberg
View
108
Download
0
Embed Size (px)
Citation preview
OO Analyse und Entwurf für Anwender
XIII. Objektorientierte Benutzeroberfäche
Dr. Michael Löwe
13. Benutzeroberfläche
Prof. Dr. Michael Löwe, FHDW, Hannover
4
Objektorientierte Analyse und Entwurf
Inhalt
• Oberflächen in Analyse und Entwurf
• Zusammenspiel Oberfläche – Fachmodell
• Entwurfsregeln anhand von Beispielen
• Ausgewählte Oberflächenelemente– Darstellung von Fachobjekten– Auslösen von Operationen
13. Benutzeroberfläche
Prof. Dr. Michael Löwe, FHDW, Hannover
5
Objektorientierte Analyse und Entwurf
Oberflächen in Analyse
• Kein Ergebnis der Analyse !!!• Sparsamer Einsatz: keine Technik ist ideal• Illustration von
AnwendungsfällenAktivitäten
• Prototypen zum WegwerfenOberflächen zu früh verstellen den Blick für das
Wesentliche: Fachklassen und Aktivitäten
13. Benutzeroberfläche
Prof. Dr. Michael Löwe, FHDW, Hannover
6
Objektorientierte Analyse und Entwurf
Oberflächen im Entwurf
• Ergebnis des Entwurfs
• Einsatz konkret vorhandener Technik– Window-System– Oberflächenwerkzeug
• Erweiterung der Fachklassen– Oberflächenobjekte für Fachobjekte – Oberflächenobjekte für Operationen
13. Benutzeroberfläche
Prof. Dr. Michael Löwe, FHDW, Hannover
7
Objektorientierte Analyse und Entwurf
Oberfläche – Fachmodell: View
Fachobjekte
... Oberflächen ...
13. Benutzeroberfläche
Prof. Dr. Michael Löwe, FHDW, Hannover
8
Objektorientierte Analyse und Entwurf
Oberfläche – Fachmodell: View
• Oberfläche ist eine Sicht auf das Fachmodell
• Oberfläche macht einen Ausschnitt sichtbar
• Oberfläche ist ein Observer des Ausschnitts
• Teile der Oberfläche zeigen Teile des Ausschnitts
• Elemente der Oberfläche sind Observer von Elementen des Ausschnitts
13. Benutzeroberfläche
Prof. Dr. Michael Löwe, FHDW, Hannover
9
Objektorientierte Analyse und Entwurf
Oberfläche – Fachmodell: View
Fachobjekte
Oberflächenobjekte
Systemgrenze
beobachten
13. Benutzeroberfläche
Prof. Dr. Michael Löwe, FHDW, Hannover
10
Objektorientierte Analyse und Entwurf
Oberfläche – Fachmodell: View
• Oberfläche ist Erweiterung des Fachmodells– Durchgängiges Paradigma der Objektorientierung– Entwicklung ist Erweiterung der
• Modelle und• Interaktion
• Oberflächenobjekte beobachten Fachobjekte– Oberfläche von Fachmodell entkoppelt– Gleichzeitig mehrere Views möglich– Änderbarkeit der Oberfläche, Stabilität des Fachmodells
• Anwender beobachtet Oberfläche
13. Benutzeroberfläche
Prof. Dr. Michael Löwe, FHDW, Hannover
11
Objektorientierte Analyse und Entwurf
Beispiel für einen View
RTE
Ordnung
Anteile*
*
hat
enthält
hat
13. Benutzeroberfläche
Prof. Dr. Michael Löwe, FHDW, Hannover
12
Objektorientierte Analyse und Entwurf
Oberfläche – Fachmodell: Controller
Fachobjekte
Oberflächenobjekte
Systemgrenze
handeln
Controller
beobachten
interpretieren und handeln
13. Benutzeroberfläche
Prof. Dr. Michael Löwe, FHDW, Hannover
13
Objektorientierte Analyse und Entwurf
Beispiel für einen Controller
RTE
Ordnung
Anteile*
*
hat
enthält
hat
Controller
Controller
controled
13. Benutzeroberfläche
Prof. Dr. Michael Löwe, FHDW, Hannover
14
Objektorientierte Analyse und Entwurf
Oberfläche – Fachmodell: Controller
• Anwender interagiert mit den Oberflächenobjekten• Controller beobachtet die Reaktionen der Oberfläche
– Genau ein Controller ist stets aktiv– Oberfläche von Fachmodell entkoppelt– Änderbarkeit der Oberfläche, Stabilität des Fachmodells
• Controller interpretiert entsprechend des Fachmodells• Controller ist Erweiterung der Fachmodelle und Views
– Controller ist Adapter– Durchgängiges Paradigma der Objektorientierung
13. Benutzeroberfläche
Prof. Dr. Michael Löwe, FHDW, Hannover
15
Objektorientierte Analyse und Entwurf
Oberfläche: Model – View – Controller
Business Model
View Controller
User-Interface I
View Controller
User-Interface II
13. Benutzeroberfläche
Prof. Dr. Michael Löwe, FHDW, Hannover
16
Objektorientierte Analyse und Entwurf
Entwurfsregeln
• direkt: die Fachobjekte sichtbar machen
• lokal: zusammen zeigen, was zusammen gehört
• übersichtlich: keine Informationsüberflutung
• standard: Style Guides des Betriebssystems beachten
• einheitlich: dasselbe auf dieselbe Art und Weise
• ähnlich: Metaphern setzen und durchhalten
• modusfrei: dieselbe Reaktion auf dieselbe Aktion
• angemessen: Die richtigen Controls auswählen
13. Benutzeroberfläche
Prof. Dr. Michael Löwe, FHDW, Hannover
17
Objektorientierte Analyse und Entwurf
Direktheit: Beispiel
Anteil, keine Textzeile
Nachrichten, die verstanden werden
Ordnung
13. Benutzeroberfläche
Prof. Dr. Michael Löwe, FHDW, Hannover
18
Objektorientierte Analyse und Entwurf
Beziehungen
Lokalität: Beispiel
Objekt Wirkung Teile Locks
Wechseldes Views
zur Ansicht
von RTEs
13. Benutzeroberfläche
Prof. Dr. Michael Löwe, FHDW, Hannover
19
Objektorientierte Analyse und Entwurf
Übersichtlichkeit: Beispiel• Viel Information• Gleichartige
Information• FoKus:
Wie ergeben sichRTE-Attribute
• Ordnung unwichtig• Mit Ordnung zuviel
Information• Keine Lasche „erbt“
13. Benutzeroberfläche
Prof. Dr. Michael Löwe, FHDW, Hannover
20
Objektorientierte Analyse und Entwurf
Standards: Beispiele
13. Benutzeroberfläche
Prof. Dr. Michael Löwe, FHDW, Hannover
21
Objektorientierte Analyse und Entwurf
Einheitlichkeit: Beispiel
Objekt- und View-unabhängige Funktionsweise des Lupenknopfes
13. Benutzeroberfläche
Prof. Dr. Michael Löwe, FHDW, Hannover
22
Objektorientierte Analyse und Entwurf
Ähnlichkeit: Beispiel
Metapher:
RTE
Kumul Vertrag
Risiko
13. Benutzeroberfläche
Prof. Dr. Michael Löwe, FHDW, Hannover
23
Objektorientierte Analyse und Entwurf
Modusfreiheit: Gegenbeispiele
13. Benutzeroberfläche
Prof. Dr. Michael Löwe, FHDW, Hannover
24
Objektorientierte Analyse und Entwurf
Angemessenheit: Spezielle Controls
Darstellung:Container Controls: Fachobjekte in Oberflächenobjekten
Listen, Pop-up-Listen, Tabellen, Bäume etc.
Karteikarten: „alles übersichtlich im Kasten“
Funktionsauslösen:Drop-Down-Menüs: die Dienste einer Anwendung
Werkzeugleiste: das „schnell(e)“ unübersichtliche Drop-Down-Menü
Kontextmenüs: die Dienste eines Objekts
Funktionsknöpfe: das Wichtigste schnell zum Anfassen
13. Benutzeroberfläche
Prof. Dr. Michael Löwe, FHDW, Hannover
25
Objektorientierte Analyse und Entwurf
Zusammenfassung
• Oberflächen sind Entwurfssache• Oberflächen ergänzen das Fachmodell um
– Anzeigeobjekte– Kontrollobjekte
• Oberflächen brauchen Standards• Oberflächen brauchen Metaphern• Guter Oberflächenentwurf ist schwer
• Graphische Oberflächen ohne Maus sind wie Bildschirme ohne Tastatur