Upload
johannes-p-osterhoff
View
1.156
Download
0
Embed Size (px)
DESCRIPTION
Folien zur Demo von mediaglobe auf dem Workshop "Interaktion und Visualisierung im Daten-Web" (IVDW 2011), auf der INFORMATIK 2011, 6. Oktober 2011, TU Berlin.
Citation preview
Sneak Preview?
Wie man sofort weiß, was einenbei facettierter Videosuche erwartetInstantly Know What To Expect In Faceted Video Searching
Johannes Osterhoff, Jörg Waitelonis,Joscha Jäger und Harald Sack
Interaktion und Visualisierung im Daten-Web (IVDW), Workshop im Rahmen der INFORMATIK 2011,6. Oktober 2011 in Berlin
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
— Das HPI wurde im Oktober 1998 im Rahmeneiner Public-Private-Partnerschaft gegründet
— Forschung und Lehre am HPI ist dem „IT Systems Engineering“ gewidmet
— 10 Professoren und ca. 100 Mitarbeiterin Forschung und Lehre
— aktuell 450 Studenten in universitären Studiengängen „IT Systems Engineering“
— CHE-Ranking 2010 sieht HPI auf Top-Rang
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
— Forschungsgruppe von Dr. Harald Sack— Themen:
— Semantic Web Technologies— Information Retrieval— Multimedia Analysis & Retrieval— Social Networking— Data/Information Visualization
— Forschungsprojekte:
3
Forschungsgruppe „Semantic Web“
„Der einzige Designer (FH) am HPI“
1 — mediaglobe
2 — Facettierte Suche
3 — Interface Design
4 — Demo
5 — Zusammenfassung
— Das Projekt mediaglobe begleitet Medienarchive in die digitale Zukunft.
— Ziele:— den wachsenden Bestand der audiovisuellen
Dokumente zur Zeitgeschichte digital auffindbar und nutzbar zu machen.
— web-basierter Zugang zu umfassenden digitalen AV-Inhalten in Medienarchiven.
— Automatisierte Verfahren zur Analyse von audiovisuellen Daten.
— Der Einsatz semantischer Technologien verbessertdie Ergebnisse der Multimedia-Suche.
— Laufzeit des Projekts: zweieinhalb Jahre
Projektpartner:
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
mediaglobe
5
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
mediaglobeEin erster Blick …
6
Fischerei Rostock
Japan Chile Alaska
Admiral Bildung Bundesrepublik Produktion Weltwirtschaftskrise
Angela Merkel
1 — mediaglobe
2 — Facettierte Suche
3 — Interface Design
4 — Demo
5 — Zusammenfassung
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 20118
Def. Facettierte Suche
Facettierte Suche ermöglicht das inhaltsbasierte Filtern extrem großer Ergebnismengen.Meist erfolgt eine Aktualisierung der Ergebnismengenach Klick auf einen Link (mit Zahl)
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
Facettierte SucheBeispiele
Ein populärerOnline-Buchhändler
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
Facettierte SucheBeispiele
Ein populärerOnline-Buchhändler
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
Facettierte SucheBeispiele
Ein populärerOnline-Buchhändler
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011 http://orange.sims.berkeley.edu/cgi-bin/flamenco.cgi/famuseum/Flamenco
Facettierte SucheBeispiele
FlamencoSearch Interface
Marti Hearstet al.
2002
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011 http://orange.sims.berkeley.edu/cgi-bin/flamenco.cgi/famuseum/Flamenco
Facettierte SucheBeispiele
FlamencoSearch Interface
Marti Hearstet al.
2002
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
Facettierte SucheBeispiele
http://vimeo.com/2057249 http://btc.isweb.uni-koblenz.de/
Semaplorer Schenk, Saathoff, Staab, Scherp 2009
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011 http://vimeo.com/2057249 http://btc.isweb.uni-koblenz.de/
Facettierte SucheBeispiele Semaplorer Schenk, Saathoff, Staab, Scherp 2009
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
Facettierte SucheBeispiele
Exhibit FrameworkU.S. PresidentsExample
DavidKarger et al.
2007
http://www.simile-widgets.org/exhibit/examples/presidents/presidents.html
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
Facettierte SucheBeispiele
Exhibit FrameworkU.S. PresidentsExample
DavidKarger et al.
2007
http://www.simile-widgets.org/exhibit/examples/presidents/presidents.html
Facet Link (2342)
Another Facet Link (523)
And Another Facet Link (42)
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
Eigentlich möchte man …
24
… den Ergebnisraumder bisherigen Suche nicht verlassen, ohne mehrere Möglichkeiten zu kennen.
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
Eigentlich fragt man sich:
25
„Wie verändert sichmeine Ergebnismengenach dem Klick?“
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
Eigentlich möchte man …
26
… einen ersten Einblick in die dargestellten Medien.
… einen Überblick über den gesamten Datenbestand.
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
Und natürlich möchte man …
27
… nicht warten.…
Prominenter Such-Anbieter
Prominenter Such-Anbieter
1 — mediaglobe
2 — Facettierte Suche
3 — Interface Design
4 — Demo
5 — Zusammenfassung
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
Interface DesignAnforderungen
Bei der Auswahl eine Facette möchte man den Ergebnisraum in die richtige Richtung einschränken.
Dadurch: größere Auswahl, größere Sicherheit, keine Fehlversuche.
31
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
Interface DesignAnforderungen
Der Benutzer soll einen visuellen Überblick über die Suchergebnisse erhalten, der über die ten blue linkshinausgeht.
32
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
Interface DesignAnforderungen
Das …
33
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
Interface DesignAnforderungen
Das … Paradigma …
34
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
Interface DesignAnforderungen
Das … Paradigma … der …
35
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
Interface DesignAnforderungen
Das … Paradigma … der …nacheinander …
36
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
Interface DesignAnforderungen
Das … Paradigma … der …nacheinander … geladenen …
37
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
Interface DesignAnforderungen
Das … Paradigma … der …nacheinander … geladenen …Seiten …
38
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
Interface DesignAnforderungen
Das … Paradigma … der …nacheinander … geladenen …Seiten … soll …
39
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
Interface DesignAnforderungen
Das … Paradigma … der …nacheinander … geladenen …Seiten … soll … für …
40
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
Interface DesignAnforderungen
Das … Paradigma … der …nacheinander … geladenen …Seiten … soll … für … ein …
41
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
Interface DesignAnforderungen
Das … Paradigma … der …nacheinander … geladenen …Seiten … soll … für … ein … leichtgängiges …
42
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
Interface DesignAnforderungen
Das … Paradigma … der …nacheinander … geladenen …Seiten … soll … für … ein … leichtgängiges … Filtern …
43
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
Interface DesignAnforderungen
Das … Paradigma … der …nacheinander … geladenen …Seiten … soll … für … ein … leichtgängiges … Filtern … der …
44
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
Interface DesignAnforderungen
Das … Paradigma … der …nacheinander … geladenen …Seiten … soll … für … ein … leichtgängiges … Filtern … der … Suchergebnisse …
45
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
Interface DesignAnforderungen
Das … Paradigma … der …nacheinander … geladenen …Seiten … soll … für … ein … leichtgängiges … Filtern … der … Suchergebnisse … aufgegeben …
46
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
Interface DesignAnforderungen
Das … Paradigma … der …nacheinander … geladenen …Seiten … soll … für … ein … leichtgängiges … Filtern … der … Suchergebnisse … aufgegeben … werden …
47
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
Interface DesignAnforderungen
Das … Paradigma … der …nacheinander … geladenen …Seiten … soll … für … ein … leichtgängiges … Filtern … der … Suchergebnisse … aufgegeben … werden … :)
48
Interface DesignLösung
Richard A. Becker and William S. Cleveland.Brushing scatterplots. Technometrics, 29:127–142, May 1987.
„Linking & Brushing“
Interface DesignLösung
Interface DesignLösung
„Linking & Brushing“ ermöglicht den mehrstufiger Prozess einer wirklichen explorativen Suche – und macht sie leichtgängig.
Interface DesignLösung
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
Interface DesignFolgen
53
Sofortiges visuelles Feedback, wie eine ausgewählte Facettedie Ergebnismenge beeinflussen wird.
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
Interface DesignFolgen
54
Der Suchvorgang wird schneller und präziserim Vergleich zu anderen Systemen, die nach jeder Facettierung eine neue Suche auslösen.
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
Interface DesignFolgen
55
Das System reagiert sofort auf den Input des Benutzers – eskommt zu keinem Bruch des Suchkontexts.
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
Interface DesignDie einzelnen Elemente
56
Fischerei Rostock
Japan Chile Alaska
Admiral Bildung Bundesrepublik Produktion Weltwirtschaftskrise
Angela Merkel
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
Interface DesignElemente
57
Fischerei Rostock
Japan Chile Alaska
Admiral Bildung Bundesrepublik Produktion Weltwirtschaftskrise
Angela MerkelSucheingabe mit Disambiguierung
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
Interface DesignElemente
58
Facettenfilter
Vorschläge mit Entitäten
Fischerei Rostock
Japan Chile Alaska
Admiral Bildung Bundesrepublik Produktion Weltwirtschaftskrise
Angela MerkelSucheingabe mit Disambiguierung
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
Interface DesignElemente
59
Facettenfilter
Visuelle Paginierung
Suchergebnisse
Vorschläge mit Entitäten
BestätigteFacetten
Fischerei Rostock
Japan Chile Alaska
Admiral Bildung Bundesrepublik Produktion Weltwirtschaftskrise
Angela MerkelSucheingabe mit Disambiguierung
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
Interface DesignVerschränkung mit Link & Brush
60
Facettenfilter
Visuelle Paginierung
Suchergebnisse
Fischerei Rostock
Japan Chile Alaska
Admiral Bildung Bundesrepublik Produktion Weltwirtschaftskrise
Angela Merkel
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
Interface DesignVerschränkung mit Link & Brush
61
Visuelle Paginierung
Suchergebnisse
Vorschläge mit Entitäten
Fischerei Rostock
Japan Chile Alaska
Admiral Bildung Bundesrepublik Produktion Weltwirtschaftskrise
Angela Merkel
1 — mediaglobe
2 — Facettierte Suche
3 — Interface Design
4 — Demo
5 — Zusammenfassung
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 201163
Demo.http://www.mediaglobe.yovisto.com:8080/mggui-dev
Der Demonstrator ist aus rechtlichen Gründenleider nicht öffentlich zugänglich.
Adresse des Screencasts: http://bit.ly/mediaglobe
1 — mediaglobe
2 — Facettierte Suche
3 — Interface Design
4 — Demo
5 — Zusammenfassung
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
Zusammenfassung
65
„Linking & Brushing“ verbessert und vereinfacht die facettierte Suche
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
Zusammenfassung
66
„Linking & Brushing“ verbessert und vereinfacht die facettierte Suche bzgl.— Ergebnisraum,
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
Zusammenfassung
67
„Linking & Brushing“ verbessert und vereinfacht die facettierte Suche bzgl.— Ergebnisraum,— Geschwindindigkeit
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
Zusammenfassung
68
„Linking & Brushing“ verbessert und vereinfacht die facettierte Suche bzgl.— Ergebnisraum, — Geschwindindigkeit— Explorative Suche
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
ZusammenfassungFuture Work
69
Welche weiteren Interface-Elemente können sinnvoll mit „Linking & Brushing“ verbunden werden und wie?
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
Neben der schnellen Vorschau wäre auch auch ein mit „Linking & Brushing“verschalteter Blick in die Videoswünschenswert.
70
ZusammenfassungFuture Work
IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011
Vielen Dank für Ihre Aufmerksamkeit! Johannes P Osterhoff, M.A.
johannes.osterhoff at hpi.uni-potsdam dot deHasso-Plattner-Institut für Softwaresystemtechnik GmbH
Prof.-Dr.-Helmert-Str. 2-3 14482 Potsdam
johannes-p-osterhoff.com
71