OO Analyse und Entwurf für Anwender XIII. Objektorientierte Benutzeroberfäche Dr. Michael Löwe

Objektorientierte Analyse und Entwurf 13. BenutzeroberflächeProf. Dr. Michael Löwe, FHDW, Hannover 2 Inhalt der Ausbildung Kennzeichen objektorientierter Softwareentwicklung (1) Projektorganisation (2) Architektur (2) Objektorientierte Analyse (4) Objektorientierter Entwurf (4 von 5) Realisierung und Test (2)

Objektorientierte Analyse und Entwurf 13. BenutzeroberflächeProf. Dr. Michael Löwe, FHDW, Hannover 3 Lernziele Verständnis für das Grundkonzept Model-View-Controller Unterschiede zu klassischen Oberflächen Objekte der Oberfläche Objekte in der Oberfläche Einsatzmöglichkeiten moderner Features Erlernen erster Design-Prinzipien

Objektorientierte Analyse und Entwurf 13. BenutzeroberflächeProf. Dr. Michael Löwe, FHDW, Hannover 4 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

Objektorientierte Analyse und Entwurf 13. BenutzeroberflächeProf. Dr. Michael Löwe, FHDW, Hannover 5 Oberflächen in Analyse Kein Ergebnis der Analyse !!! Sparsamer Einsatz: keine Technik ist ideal Illustration von Anwendungsfällen Aktivitäten Prototypen zum Wegwerfen Oberflächen zu früh verstellen den Blick für das Wesentliche: Fachklassen und Aktivitäten

Objektorientierte Analyse und Entwurf 13. BenutzeroberflächeProf. Dr. Michael Löwe, FHDW, Hannover 6 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

Objektorientierte Analyse und Entwurf 13. BenutzeroberflächeProf. Dr. Michael Löwe, FHDW, Hannover 7 Oberfläche – Fachmodell: View Fachobjekte... Oberflächen...

Objektorientierte Analyse und Entwurf 13. BenutzeroberflächeProf. Dr. Michael Löwe, FHDW, Hannover 8 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

Objektorientierte Analyse und Entwurf 13. BenutzeroberflächeProf. Dr. Michael Löwe, FHDW, Hannover 9 Oberfläche – Fachmodell: View Fachobjekte Oberflächenobjekte Systemgrenze beobachten

Objektorientierte Analyse und Entwurf 13. BenutzeroberflächeProf. Dr. Michael Löwe, FHDW, Hannover 10 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

Objektorientierte Analyse und Entwurf 13. BenutzeroberflächeProf. Dr. Michael Löwe, FHDW, Hannover 11 Beispiel für einen View RTE Ordnung Anteile * * hat enthält hat

Objektorientierte Analyse und Entwurf 13. BenutzeroberflächeProf. Dr. Michael Löwe, FHDW, Hannover 12 Oberfläche – Fachmodell: Controller Fachobjekte Oberflächenobjekte Systemgrenze handeln Controller beobachten interpretieren und handeln

Objektorientierte Analyse und Entwurf 13. BenutzeroberflächeProf. Dr. Michael Löwe, FHDW, Hannover 13 Beispiel für einen Controller RTE Ordnung Anteile * * hat enthält hat C o n t r o ll e r C o n t r o ll e r controled

Objektorientierte Analyse und Entwurf 13. BenutzeroberflächeProf. Dr. Michael Löwe, FHDW, Hannover 14 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

Objektorientierte Analyse und Entwurf 13. BenutzeroberflächeProf. Dr. Michael Löwe, FHDW, Hannover 15 Oberfläche: M odel – V iew – C ontroller Business Model ViewController User-Interface I ViewController User-Interface II

Objektorientierte Analyse und Entwurf 13. BenutzeroberflächeProf. Dr. Michael Löwe, FHDW, Hannover 16 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

Objektorientierte Analyse und Entwurf 13. BenutzeroberflächeProf. Dr. Michael Löwe, FHDW, Hannover 17 Direktheit: Beispiel Anteil, keine Textzeile Nachrichten, die verstanden werden Ordnung

Objektorientierte Analyse und Entwurf 13. BenutzeroberflächeProf. Dr. Michael Löwe, FHDW, Hannover 18 Beziehungen Lokalität: Beispiel Objekt WirkungTeileLocks Wechsel des Views zur Ansicht von RTEs

Objektorientierte Analyse und Entwurf 13. BenutzeroberflächeProf. Dr. Michael Löwe, FHDW, Hannover 19 Übersichtlichkeit: Beispiel Viel Information Gleichartige Information FoKus: Wie ergeben sich RTE-Attribute Ordnung unwichtig Mit Ordnung zuviel Information Keine Lasche erbt

Objektorientierte Analyse und Entwurf 13. BenutzeroberflächeProf. Dr. Michael Löwe, FHDW, Hannover 20 Standards: Beispiele

Objektorientierte Analyse und Entwurf 13. BenutzeroberflächeProf. Dr. Michael Löwe, FHDW, Hannover 21 Einheitlichkeit: Beispiel Objekt- und View-unabhängige Funktionsweise des Lupenknopfes

Objektorientierte Analyse und Entwurf 13. BenutzeroberflächeProf. Dr. Michael Löwe, FHDW, Hannover 22 Ähnlichkeit: Beispiel Metapher: RTE Kumul Vertrag Risiko

Objektorientierte Analyse und Entwurf 13. BenutzeroberflächeProf. Dr. Michael Löwe, FHDW, Hannover 23 Modusfreiheit: Gegenbeispiele

Objektorientierte Analyse und Entwurf 13. BenutzeroberflächeProf. Dr. Michael Löwe, FHDW, Hannover 24 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

Objektorientierte Analyse und Entwurf 13. BenutzeroberflächeProf. Dr. Michael Löwe, FHDW, Hannover 25 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