Difference between revisions of "UIE Workshop Digitization Lifecycle/Results"

From MPDLMediaWiki
Jump to navigation Jump to search
 
(29 intermediate revisions by one other user not shown)
Line 3: Line 3:


== Ergebnisse ==
== Ergebnisse ==
Alle unten dargestellten Ergebnisse fließen in einen Prototypen ein, der von UIE - aufbauend auf dem Workshop - erstellt wird (siehe [https://subversion.mpdl.mpg.de/repos/smc/tags/public/gui/dlc_R1/index.html]).
[[File:impressions_gui_work.zip]]


=== Sammlung zentraler Seiten ===
=== Sammlung zentraler Seiten ===
Line 15: Line 19:
# Suche (einfacher Entwurfsvorschlag)
# Suche (einfacher Entwurfsvorschlag)
# Suchergebnisliste
# Suchergebnisliste
Auf Basis dieser Seiten wurden im Team Entwürfe erstellt und verglichen. Für jede Entwurfsreihe wurden relevante Komponenten gesammelt und diskutiert.


=== Kopfbereich ===
=== Kopfbereich ===
Line 72: Line 78:


=== Scan ===
=== Scan ===
'''Komponenten [[UIE_Workshop_Digitization_Lifecycle/Results#Rahmenfestlegungen Details siehe unten ...]]'''
# Tools Ansicht (Wie erfolgt die Darstellung)
# Tools Inhalt (Was wird angezeigt)
# D: Detailansicht (Seite, Doppelseite, ... )
# Z: Zusatzinformationen (ToC, Thumbnails, ... )
# P: Paginierung
# Lupenfunktion und Bird's Eye


[[File:scan_uebersicht.jpg|thumb|c|center|250px|Scan Übersicht]]
[[File:scan_uebersicht.jpg|thumb|c|center|250px|Scan Übersicht]]
Line 81: Line 96:
|[[File:scan_detail2.jpg|thumb|c|center|250px|Scan Details 2]]
|[[File:scan_detail2.jpg|thumb|c|center|250px|Scan Details 2]]
|[[File:scan_detail3.jpg|thumb|c|center|250px|Scan Details 3]]
|[[File:scan_detail3.jpg|thumb|c|center|250px|Scan Details 3]]
|[[File:scan_detail4.jpg|thumb|c|center|250px|Scan Details 4]]
|[[File:scan_detail4.jpg|thumb|c|center|150px|Scan Details 4]]
|[[File:scan_detail5.jpg|thumb|c|center|250px|Scan Details 5]]
|[[File:scan_detail5.jpg|thumb|c|center|150px|Scan Details 5]]
|-
|-
|}
|}


=== Suche (Entwurf) ===
'''Bucheinstiegsseite'''
 
Die Bucheinstiegsseite wird nicht als zusätzliche Seite definiert, sondern mit Hilfe der obigen Komponenten dargestellt.
 
=== Suche (Entwurf, Input der Meta Daten Gruppe notwendig) ===


[[File:suche_brainstorm.jpg|thumb|c|center|250px|Suche]]
[[File:suche_brainstorm.jpg|thumb|c|center|250px|Suche]]


=== Suche Result (Entwurf) ===
'''Komponenten'''
 
# Formular mit 3-4 vorgefertigten Eingabefeldern (Autor, ...)
 
=== Suchergebnisse (Entwurf) ===


[[File:suchergebnisse_browse_scan_uebersicht.jpg|thumb|c|center|250px|Suchergebnisse Übersicht]]
[[File:suchergebnisse_browse_scan_uebersicht.jpg|thumb|c|center|250px|Suchergebnisse Übersicht]]


'''Komponenten'''
# Suche 'inline' zur direkten Änderung (später: Facettierte Suche)
# Auswahl von Typen (Aufsatz, ...)
# Gruppierung von Typen
# Filter im Kopfbereich
# Thumbnail-Liste
# Paginierung
# Multivolume in Listen integriert


{| cellspacing="0" cellpadding="0"
{| cellspacing="0" cellpadding="0"
|[[File:suchergebnisse_komponenten.jpg|thumb|c|center|250px|Suchergebnisse Komponenten]]
|[[File:suchergebnisse_detail2a.jpg|thumb|c|center|250px|Suchergebnisse Detail 1]]
|[[File:suchergebnisse_detail2a.jpg|thumb|c|center|250px|Suchergebnisse Detail 1]]
|[[File:suchergebnisse_detail2.jpg|thumb|c|center|250px|Suchergebnisse Detail 2]]
|[[File:suchergebnisse_detail2.jpg|thumb|c|center|250px|Suchergebnisse Detail 2]]
|-
|-
|}
|}
== Headline text ==


=== Rahmenfestlegungen ===
=== Rahmenfestlegungen ===


'''Bucheinstiegsseite'''
'''Layout & Gestaltung'''
 
Für das Applikationslayout wurden praktikable Grundtypen identifiziert und ein Kopfbereich mit standardisierten Positionen vorgegeben. Bei größeren Monitoren soll die Breite entsprechend nutzbar sein. Für raumgreifende Layoutelemente (Scan, ToC) sollen dementsprechend Minimalgrößen definiert werden oder aber eine zweite Größe einstellbar sein.
 
'''Startseiten'''


[[File:bucheinstiegsseite_notiz.jpg|thumb|c|center|250px|Buch Einstieg]]
Um den Bezug zwischen Organisationen, Projekten, Kollektionen herstellen zu können, soll die links ein Navigationsbereich angezeigt werden können.  


'''Layout & Gestaltung'''
{| cellspacing="0" cellpadding="0"
|[[File:layout_one.jpg|thumb|c|center|250px|Layout Variante 1]]
|[[File:layout_nav_two.jpg|thumb|c|center|250px|Layout Variante 2]]
|-
|}


'''Browse Collection'''


Für das Applikationslayout wurden praktikable Grundtypen identifiziert und ein Kopfbereich mit standardisierten Positionen vorgegeben.
{| cellspacing="0" cellpadding="0"
|[[File:layout_one.jpg|thumb|c|center|250px|Layout Variante 1]]
|-
|}


'''Startseiten'''
'''Suchergebnisse'''
[[File:layout_one.jpg|thumb|c|center|250px|Browse Übersicht]]
[[File:layout_nav_two.jpg|thumb|c|center|250px|Browse Übersicht]]


Um den Bezug zwischen Verfeinerung der Suche und dem Suchergebnis herstellen zu können, soll die links ein Navigationsbereich angezeigt werden können.


'''Browse Collection'''
{| cellspacing="0" cellpadding="0"
[[File:layout_one.jpg|thumb|c|center|250px|Browse Übersicht]]
|[[File:layout_nav_two.jpg|thumb|c|center|250px|Layout Variante 2]]
|-
|}


'''Scan'''
'''Scan'''
[[File:pzd.jpg|thumb|c|center|250px|Browse Übersicht]]
[[File:scan_layout.png|thumb|c|center|150px|Browse Übersicht]]
[[File:pzzd.jpg|thumb|c|center|250px|Browse Übersicht]]
[[File:pzdldr.jpg|thumb|c|center|250px|Browse Übersicht]]


Z: Zusatzinfos
Z: Zusatzinfos
Line 151: Line 195:
* Thumbnail Größe (Optional, nur wenn Thumbnails angezeigt werden)
* Thumbnail Größe (Optional, nur wenn Thumbnails angezeigt werden)


[[File:gestaltung_notizen.jpg|thumb|c|center|250px|Caption]]
'''Menüstruktur'''
[[File:layout_gestaltung.jpg|thumb|c|center|250px|Caption]]
 
[[File:menue_brainstorm.jpg|thumb|c|center|250px|Caption]]
Zur Menüstruktur kommen noch Edit-Funktionen und weitere Funktionen der beteiligten Arbeitsgruppen hinzu. Abhängig von der Tiefe der Hierarchie und der Anzahl der Menüpunkte pro Hierarchiestufe wird das Hauptmenü schrittweise entwickelt.
 
Meta Menü
 
* Log In
* Erweiterte Suche (Header)
 
Hauptmenü/Submenü
 
* Start
* Zurück
* Browse/Collections
* Ausgabe/Export
* Ausgabe/OPAC Aufnahme
* Ausgabe/Drucken
* Ausgabe/DFG Viewer
 
'''Gestaltung'''
 
* Scans sollen aus ergonomischen Gründen stets vor dunkelgrauem Hintergrund dargestellt werden
* Textausgabe und Texteingabe soll stets vor hellem Hintergrund dargestellt werden
* Der Kopbereich soll eine ansprechende Gestaltung vermitteln (changierend)


</div>
</div>

Latest revision as of 11:17, 25 April 2012

Ergebnisse[edit]

Alle unten dargestellten Ergebnisse fließen in einen Prototypen ein, der von UIE - aufbauend auf dem Workshop - erstellt wird (siehe [1]).

File:Impressions gui work.zip

Sammlung zentraler Seiten[edit]

Alle für die Benutzeroberfläche des Viewing relevanten Seiten wurden identifiziert und bearbeitet:

Brainstorming Seiten
  1. Startseite(n)
  2. Browse Collection
  3. Scan (Bucheinstiegsseite)
  4. Suche (einfacher Entwurfsvorschlag)
  5. Suchergebnisliste

Auf Basis dieser Seiten wurden im Team Entwürfe erstellt und verglichen. Für jede Entwurfsreihe wurden relevante Komponenten gesammelt und diskutiert.

Kopfbereich[edit]

Standardelemente wie Logo, Meta Menü, Schnellsuche, Seitentitel können von bereits bestehendem Ansatz übernommen werden.

Startseiten[edit]

Startseite Übersicht

Aus Sicht der Viewing AG sind folgende Startseiten mit untergeordneten Komponenten notwendig. Der Kontext DLC/Institut/Projekt/Kollektion soll immer klar sichtbar sein:

  1. DLC-Projekt
    1. Projektbeschreibung (Web Content)
    2. Übersicht und Systematik von Organisationen, Projekten und Kollektionen mit Verlinkung (Web Content)
    3. Allgemeine Navigation (Ansprechpartner, Leitfaden)
    4. Präsentation ausgewählter Kollektionen (Cover Flow, Karussell)
  2. Organisationen/Projekte
    1. Auch als Eigenständige Seite, ohne DLC Bezug anzeigbar
    2. Übersicht von Kollektionen mit Verlinkung
    3. Präsentation ausgewählter Kollektionen (Cover Flow, Karussell)
  3. Kollektion
    1. Beschreibung der Kollektion (Web Content)
    2. Große Abbildung eines Bildes aus der Kollektion
    3. Präsentation ausgewählter Digitalisate (Cover Flow, Karussell)


Detail1
Detail2

Browse Collection[edit]

Browse folgt der Auswahl einer Kollektion und zeigt immer eine Thumbnail-Liste der Bücher. Durch Auf- und Zuklappen lassen sich Listeneinträge optional in einer erweiterter Darstellung (mehr oder weniger MD) darstellen (Bibliografische Liste).

Komponenten

  1. Filter im Kopfbereich
  2. Thumbnail-Liste
  3. Paginierung
  4. Multivolume in Listen integriert


Browse Übersicht


Browse Details 1
Browse Details 2
Browse Details 3

Scan[edit]

Komponenten UIE_Workshop_Digitization_Lifecycle/Results#Rahmenfestlegungen Details siehe unten ...

  1. Tools Ansicht (Wie erfolgt die Darstellung)
  2. Tools Inhalt (Was wird angezeigt)
  3. D: Detailansicht (Seite, Doppelseite, ... )
  4. Z: Zusatzinformationen (ToC, Thumbnails, ... )
  5. P: Paginierung
  6. Lupenfunktion und Bird's Eye
Scan Übersicht
Scan Tools
Scan Komponenten
Scan Details 1
Scan Details 2
Scan Details 3
Scan Details 4
Scan Details 5

Bucheinstiegsseite

Die Bucheinstiegsseite wird nicht als zusätzliche Seite definiert, sondern mit Hilfe der obigen Komponenten dargestellt.

Suche (Entwurf, Input der Meta Daten Gruppe notwendig)[edit]

Suche

Komponenten

  1. Formular mit 3-4 vorgefertigten Eingabefeldern (Autor, ...)

Suchergebnisse (Entwurf)[edit]

Suchergebnisse Übersicht

Komponenten

  1. Suche 'inline' zur direkten Änderung (später: Facettierte Suche)
  2. Auswahl von Typen (Aufsatz, ...)
  3. Gruppierung von Typen
  4. Filter im Kopfbereich
  5. Thumbnail-Liste
  6. Paginierung
  7. Multivolume in Listen integriert
Suchergebnisse Detail 1
Suchergebnisse Detail 2

Headline text[edit]

Rahmenfestlegungen[edit]

Layout & Gestaltung

Für das Applikationslayout wurden praktikable Grundtypen identifiziert und ein Kopfbereich mit standardisierten Positionen vorgegeben. Bei größeren Monitoren soll die Breite entsprechend nutzbar sein. Für raumgreifende Layoutelemente (Scan, ToC) sollen dementsprechend Minimalgrößen definiert werden oder aber eine zweite Größe einstellbar sein.

Startseiten

Um den Bezug zwischen Organisationen, Projekten, Kollektionen herstellen zu können, soll die links ein Navigationsbereich angezeigt werden können.

Layout Variante 1
Layout Variante 2

Browse Collection

Layout Variante 1

Suchergebnisse

Um den Bezug zwischen Verfeinerung der Suche und dem Suchergebnis herstellen zu können, soll die links ein Navigationsbereich angezeigt werden können.

Layout Variante 2

Scan

Browse Übersicht

Z: Zusatzinfos

  • ToC, Thumbnails
  • MD Seitenbereich
  • Bibl. MD (Diskussion)
  • Zitier Vorschlag, URL
  • Kodikologische MD
  • Buchaspekte Navigation (Buchrücken, Einband, ...)

D: Detailanischt (Scan)

  • Scan Einseitig (Lupe)
  • Scan 2seitig (Lupe)
  • Volltext (VT)
  • XML (XML)
  • Translation
  • Annotation
  • Tools: (Zoom/Pan, Bird's Eye)

P: Paging

  • Standard Paginator
  • Sprungziel (Logische Seite, Physische Seite)
  • Thumbnail Größe (Optional, nur wenn Thumbnails angezeigt werden)

Menüstruktur

Zur Menüstruktur kommen noch Edit-Funktionen und weitere Funktionen der beteiligten Arbeitsgruppen hinzu. Abhängig von der Tiefe der Hierarchie und der Anzahl der Menüpunkte pro Hierarchiestufe wird das Hauptmenü schrittweise entwickelt.

Meta Menü

  • Log In
  • Erweiterte Suche (Header)

Hauptmenü/Submenü

  • Start
  • Zurück
  • Browse/Collections
  • Ausgabe/Export
  • Ausgabe/OPAC Aufnahme
  • Ausgabe/Drucken
  • Ausgabe/DFG Viewer

Gestaltung

  • Scans sollen aus ergonomischen Gründen stets vor dunkelgrauem Hintergrund dargestellt werden
  • Textausgabe und Texteingabe soll stets vor hellem Hintergrund dargestellt werden
  • Der Kopbereich soll eine ansprechende Gestaltung vermitteln (changierend)

User Interface Engineering

Arbeitsgruppe

Digitization Lifecycle

Metadata

Table of Contents

Uniform Resource Locator

Extensible Markup Language

Online Public Access Catalogue

Deutsche Forschungsgemeinschaft

Retrieved from "https://colab.mpdl.mpg.de/mw010/index.php?title=UIE_Workshop_Digitization_Lifecycle/Results&oldid=78353"