31
Grafische Grafische Datenverarbeit Datenverarbeit ung und ung und Visualisierung Visualisierung Dynamic Queries - Dynamic Queries - Steuerelemente Steuerelemente

Grafische Datenverarbeitung und Visualisierung Dynamic Queries - Steuerelemente

Embed Size (px)

Citation preview

Page 1: Grafische Datenverarbeitung und Visualisierung Dynamic Queries - Steuerelemente

Grafische Grafische DatenverarbeituDatenverarbeitu

ng und ng und VisualisierungVisualisierung

Dynamic Queries -Dynamic Queries -

SteuerelementeSteuerelemente

Page 2: Grafische Datenverarbeitung und Visualisierung Dynamic Queries - Steuerelemente

Gliederung der Gliederung der PräsentationPräsentation

Beispiel: Beispiel: „Dynamic HomeFinder“„Dynamic HomeFinder“ Problem: klassische Steuerelemente Problem: klassische Steuerelemente

nicht geeignet für nicht geeignet für Dynamic QueriesDynamic Queries, , insbesondere fehlt „Browsen“insbesondere fehlt „Browsen“

Lösung 1: erweiterte SteuerelementeLösung 1: erweiterte Steuerelemente Lösung 2: „Magic Lenses“Lösung 2: „Magic Lenses“ Zusammenfassung und AusblickZusammenfassung und Ausblick

Page 3: Grafische Datenverarbeitung und Visualisierung Dynamic Queries - Steuerelemente

Beispiel:Beispiel:Dynamic HomeFinderDynamic HomeFinder

Idee von Ben ShneidermanIdee von Ben Shneiderman Die verwendete Variante wurde Die verwendete Variante wurde

unter unter http://http://wwwwww..dqsoftdqsoft..comcom//homefindhomefind// zum Download zum Download gefunden, und von Christopher gefunden, und von Christopher Williamson und Tom Smallwood Williamson und Tom Smallwood entwickeltentwickelt

Page 4: Grafische Datenverarbeitung und Visualisierung Dynamic Queries - Steuerelemente

Problem:Problem:Klassische SteuerelementeKlassische Steuerelemente

Slider Slider (Schieberegler)(Schieberegler)

RadiobuttonRadiobutton((OptionsfeldOptionsfeld))

CheckboxCheckbox(Kontrollkästchen)(Kontrollkästchen)

ComboboxCombobox(Kombinationsfeld)(Kombinationsfeld)

Existieren unter Existieren unter Windows, KDE, Windows, KDE, Motif, OPEN Motif, OPEN LOOK, Swing, Mac LOOK, Swing, Mac OS, ...OS, ...

Page 5: Grafische Datenverarbeitung und Visualisierung Dynamic Queries - Steuerelemente

Problem:Problem:Radiobutton (Optionsfeld)Radiobutton (Optionsfeld)

Auswählen genau Auswählen genau eines Werteseines Wertes

Diskrete Werte Diskrete Werte gut auswählbargut auswählbar

Hoher Hoher PlatzbedarfPlatzbedarf

Page 6: Grafische Datenverarbeitung und Visualisierung Dynamic Queries - Steuerelemente

Problem:Problem:Checkbox (Checkbox (KontrollkästchenKontrollkästchen))

Auswählen Auswählen mehrerer Wertemehrerer Werte

Diskrete Werte Diskrete Werte gut auswählbargut auswählbar

Hoher Hoher PlatzbedarfPlatzbedarf

Page 7: Grafische Datenverarbeitung und Visualisierung Dynamic Queries - Steuerelemente

Problem:Problem:Slider (Schieberegler)Slider (Schieberegler)

Auswählen genau Auswählen genau eines Wertes eines Wertes

Diskrete Werte Diskrete Werte schlecht schlecht auswählbarauswählbar

Konstanter Konstanter PlatzbedarfPlatzbedarf

Page 8: Grafische Datenverarbeitung und Visualisierung Dynamic Queries - Steuerelemente

Problem:Problem:Combobox Combobox ((KombinationsfeldKombinationsfeld))

Auswählen genau Auswählen genau eines Werteseines Wertes

Diskrete Werte Diskrete Werte gut auswählbargut auswählbar

Konstanter Konstanter PlatzbedarfPlatzbedarf

Unkomfortable Unkomfortable BedienungBedienung

Page 9: Grafische Datenverarbeitung und Visualisierung Dynamic Queries - Steuerelemente

Problem:Problem:ZusammenfassungZusammenfassung

DiskretDiskrete e WerteWerte

KonstanteKonstanter r PlatzbedaPlatzbedarfrf

„„BrowsenBrowsen““

MehrfacMehrfachselektihselektionon

RadiobuttoRadiobuttonn

CheckboxCheckbox SliderSlider ComboboxCombobox

Page 10: Grafische Datenverarbeitung und Visualisierung Dynamic Queries - Steuerelemente

Lösung 1:Lösung 1:erweiterte Steuerelementeerweiterte Steuerelemente

AlphasliderAlphaslider Data Visualization Data Visualization

SliderSlider 2D Widget2D Widget

in keiner in keiner gängigen gängigen BenutzeroberflächBenutzeroberfläche integriert e integriert (noch?)(noch?)

PrototypcharakterPrototypcharakter

Page 11: Grafische Datenverarbeitung und Visualisierung Dynamic Queries - Steuerelemente

Lösung 1:Lösung 1:AlphasliderAlphaslider

Idee von Ben Shneiderman und Christopher AhlbergIdee von Ben Shneiderman und Christopher Ahlberg Weiterentwicklung des SliderWeiterentwicklung des Slider Auswahl einer textuellen statt numerischen GrößeAuswahl einer textuellen statt numerischen Größe Auswählen eines Wertes oder WertebereichesAuswählen eines Wertes oder Wertebereiches Diskrete Werte schlecht auswählbarDiskrete Werte schlecht auswählbar „„Browsen“ wird möglich, nötig für „tight coupling“Browsen“ wird möglich, nötig für „tight coupling“

Page 12: Grafische Datenverarbeitung und Visualisierung Dynamic Queries - Steuerelemente

Lösung 1:Lösung 1:AlphasliderAlphaslider

BereichsmarkieruBereichsmarkierungng

Unscharfe Unscharfe AuswahlAuswahl

Page 13: Grafische Datenverarbeitung und Visualisierung Dynamic Queries - Steuerelemente

Lösung 1:Lösung 1:ZusammenfassungZusammenfassung

DiskretDiskrete e WerteWerte

KonstanteKonstanter r PlatzbedaPlatzbedarfrf

„„BrowsenBrowsen““

MehrfacMehrfachselektihselektionon

RadiobuttoRadiobuttonn

CheckboxCheckbox SliderSlider ComboboxCombobox AlphasliderAlphaslider

Page 14: Grafische Datenverarbeitung und Visualisierung Dynamic Queries - Steuerelemente

Data Visualization SliderData Visualization Slider

Idee von Steven Idee von Steven G. EickG. Eick

BereichsmarkieruBereichsmarkierungng

MehrfachselektionMehrfachselektion „„Browsen“Browsen“ 4 4

DarstellungsartenDarstellungsarten

Page 15: Grafische Datenverarbeitung und Visualisierung Dynamic Queries - Steuerelemente

Lösung 1:Lösung 1:Data Visualization SliderData Visualization Slider

BereichsmarkieruBereichsmarkierungng

MehrfachselektionMehrfachselektion Kontinuierliche Kontinuierliche

WerteWerte

Page 16: Grafische Datenverarbeitung und Visualisierung Dynamic Queries - Steuerelemente

Lösung 1:Lösung 1:Data Visualization SliderData Visualization Slider

BereichsmarkieruBereichsmarkierungng

MehrfachselektionMehrfachselektion Kontinuierliche Kontinuierliche

Werte Werte Anzeige der Anzeige der

WerteverteilungWerteverteilung

Page 17: Grafische Datenverarbeitung und Visualisierung Dynamic Queries - Steuerelemente

Lösung 1:Lösung 1:Data Visualization SliderData Visualization Slider

BereichsmarkieruBereichsmarkierungng

MehrfachselektionMehrfachselektion Diskrete WerteDiskrete Werte

Page 18: Grafische Datenverarbeitung und Visualisierung Dynamic Queries - Steuerelemente

Lösung 1:Lösung 1:Data Visualization SliderData Visualization Slider

BereichsmarkieruBereichsmarkierungng

MehrfachselektionMehrfachselektion Diskrete Werte Diskrete Werte Anzeige der Anzeige der

VerteilungVerteilung

Page 19: Grafische Datenverarbeitung und Visualisierung Dynamic Queries - Steuerelemente

Lösung 1:Lösung 1:ZusammenfassungZusammenfassung

DiskretDiskrete e WerteWerte

KonstanteKonstanter r PlatzbedaPlatzbedarfrf

„„BrowsenBrowsen““

MehrfacMehrfachselektihselektionon

RadiobuttoRadiobuttonn

CheckboxCheckbox SliderSlider ComboboxCombobox AlphasliderAlphaslider D. V. SliderD. V. Slider (())

Page 20: Grafische Datenverarbeitung und Visualisierung Dynamic Queries - Steuerelemente

Lösung 1:Lösung 1:2D Widget2D Widget

Idee von Ben Idee von Ben ShneidermanShneiderman

zweidimensionalezweidimensionaler „Slider“r „Slider“

BereichsmarkieruBereichsmarkierungng

MehrfachselektionMehrfachselektion

Page 21: Grafische Datenverarbeitung und Visualisierung Dynamic Queries - Steuerelemente

Lösung 1:Lösung 1:ZusammenfassungZusammenfassung

DiskretDiskrete e WerteWerte

KonstanteKonstanter r PlatzbedaPlatzbedarfrf

„„BrowsenBrowsen““

MehrfacMehrfachselektihselektionon

RadiobuttoRadiobuttonn

CheckboxCheckbox SliderSlider ComboboxCombobox AlphasliderAlphaslider D. V. SliderD. V. Slider (()) 2D Widget2D Widget

Page 22: Grafische Datenverarbeitung und Visualisierung Dynamic Queries - Steuerelemente

Lösung 2:Lösung 2:Magic LensesMagic Lenses

Idee von Ken FishkinIdee von Ken Fishkin Alle bisherigen Lösungen erlaubten Alle bisherigen Lösungen erlaubten

keine Veroderungen von booleschen keine Veroderungen von booleschen AusdrückenAusdrücken

Page 23: Grafische Datenverarbeitung und Visualisierung Dynamic Queries - Steuerelemente

Lösung 2:Lösung 2:Magic LensesMagic Lenses

Jede Linse kann als Jede Linse kann als UNDUND-, -, ODERODER-, oder -, oder NOTNOT-Verknüpfung -Verknüpfung benutzt werdenbenutzt werden

Linsen können Linsen können gruppiert werden gruppiert werden („Klammerung“)(„Klammerung“)

Linsen sind beliebig Linsen sind beliebig verschiebbarverschiebbar

Page 24: Grafische Datenverarbeitung und Visualisierung Dynamic Queries - Steuerelemente

Lösung 2:Lösung 2:Magic LensesMagic Lenses

Änderungen an Änderungen an den Einstellungen den Einstellungen wirken sich in wirken sich in Echtzeit ausEchtzeit aus

„„ausgeschiedene“ ausgeschiedene“ Datensätze sind Datensätze sind zu erkennenzu erkennen

Multiple ViewsMultiple Views

Page 25: Grafische Datenverarbeitung und Visualisierung Dynamic Queries - Steuerelemente

Lösung 2:Lösung 2:Magic LensesMagic Lenses

Details on Details on DemandDemand

Page 26: Grafische Datenverarbeitung und Visualisierung Dynamic Queries - Steuerelemente

Lösung 2:Lösung 2:Magic LensesMagic Lenses

Unscharfe Werte Unscharfe Werte („Fuzzy Logic“)(„Fuzzy Logic“)

Page 27: Grafische Datenverarbeitung und Visualisierung Dynamic Queries - Steuerelemente

Lösung 2:Lösung 2:Magic LensesMagic Lenses

Missing Values in Missing Values in schwacht schwacht besetzten besetzten Datenfeldern sind Datenfeldern sind klassisches klassisches ProblemProblem

Sichtbarmachung Sichtbarmachung durch „Missing durch „Missing Data Linse“Data Linse“

Page 28: Grafische Datenverarbeitung und Visualisierung Dynamic Queries - Steuerelemente

ZusammenfassungZusammenfassung

Dynamic Queries:Dynamic Queries:„spielerisch“ Datenbankabfragen „spielerisch“ Datenbankabfragen erzeugenerzeugen

Faszinierende Möglichkeiten Faszinierende Möglichkeiten hohe hohe Kosten:Kosten:Gegenwärtige Hardware, Algorithmen, Gegenwärtige Hardware, Algorithmen, Datenstrukturen, Datenbanksysteme, Datenstrukturen, Datenbanksysteme, Benutzeroberflächen und Protokolle Benutzeroberflächen und Protokolle genügen den neuen Anforderungen nicht!genügen den neuen Anforderungen nicht!

Page 29: Grafische Datenverarbeitung und Visualisierung Dynamic Queries - Steuerelemente

AusblickAusblick

Bisher ist anwendungsspezifische Bisher ist anwendungsspezifische Entwicklung nötig. Allgemeine Entwicklung nötig. Allgemeine Lösungen? Standardsoftware? Lösungen? Standardsoftware? Insbesondere fehlen Entwicklungs-Insbesondere fehlen Entwicklungs-werkzeuge.werkzeuge.

Probleme für Sehbehinderte (Audio Probleme für Sehbehinderte (Audio Feedback?)Feedback?)

Page 30: Grafische Datenverarbeitung und Visualisierung Dynamic Queries - Steuerelemente

AusblickAusblick

Komplexe Datenbankabfragen?Komplexe Datenbankabfragen?(group by, ...)(group by, ...)

Es gilt die Universalität der Es gilt die Universalität der klassischen Abfragesprachen (SQL, klassischen Abfragesprachen (SQL, ...) zu erreichen...) zu erreichen

Page 31: Grafische Datenverarbeitung und Visualisierung Dynamic Queries - Steuerelemente

EndeEnde

Autor:Autor: Fabian WleklinskiFabian Wleklinski E-Mail:E-Mail: [email protected]@wleklinski.de