fmk2016 - arnold kegebein - user interface: panel window

7. FileMaker Konferenz | Salzburg | 13.-15. Oktober 2016

www.filemaker-konferenz.com

Fortgeschrittene User Interface Entwicklung: Panel Windows

Sprecher: Dipl.-Ing. Arnold Kegebein

User Interface : Panel Window

http://www.filemaker-konferenz.com


User Interface : Panel Window • Dipl.-Ing. (FH) Arnold Kegebein

Über den Sprecher• Name: Arnold Kegebein

• Ausbildung: Studium der technischen InformatikAbschluss: Diplom-Ingenieur (FH)

• Tätigkeiten: Inhouse Entwickler, Hamburg IT Leiter, Chicago, USA IT Consultant, Hamburg

über 30 Jahre Erfahrungen mit Datenbanken

• Sonstiges: 10 Jahre FileMaker Entwickler Autor für das FileMaker Magazin Fan von TV-Show „The Big Bang Theory“



Über den Vortrag• Definition: Was ist ein Panel Window?

• Anwendungsbeispiele

• Vor- und Nachteile

• Programmierung in FileMaker

• Detailbetrachtung einiger besonderer Aspekte

• Öffnen des Panel Windows

• Aktivierung des Dokumentfensters

• Kommunikation zwischen Panel Window und Dokumentfenster

• Fragen & Antworten

• Beispiel



Panel Window - Definition• Panel = Gruppe zusammenhängender Objekte

• Panel Window = … in einem Fenster dargestellt

• Kein Dokumentfenster

• Nicht modal

• Fenster kann den Fokus abgeben

• Es bleibt auch inaktiv sichtbar

• Schwebend (floating window)

• Fenster liegt oberhalb des Dokumentfensters

• Mehrere Panel Windows können sich überlappen



Anwendungsbeispiele• Zentrales Programmmenü

• Kontrollzentrum

• Anzeige von Systeminformationen

• Fehlermeldungen

• Logdateien

• Globale oder Layout-unabhängige Informationen

• Favoritenliste, Wiedervorlagen

• Wechselkurse, Wetteranzeige, …

• erweiterte Zwischenablage

• Zentrales Hilfesystem



Vorteile von Panel Windows• Fensterinhalt ist immer sichtbar (UI)

• Fenster kann vom Anwender verschoben werden (UI)

• Modifikationen werden nur an einer Stelle vorgenommen (Programmierung)

• Fensterinhalt ist unabhängig vom Dokumentfenster (Datenmodell)



Nachteile von Panel Windows• Fenster verdeckt evtl. Informationen im Dokumentfenster (UI)

• Informationsaustausch zwischen Panel Window und Dokumentfenster erfordert besonderen Aufwand (Programmierung)

• Fokus/Zustand nicht immer eindeutig oder undefiniert (UI)

• Beispiel Inspektor und Panel Window für Farben



Programmierung: schwebendes Fenster• Scriptschritt: Neues Fenster

• Erweiterten Stil angeben

Gutes UI:

Wichtig, wenn keine andere

Möglichkeit zum Schließen

des Fensters eingebaut wird



Beachtenswerte Aspekte• Panel Window öffnen

• Mehrseitiges Panel Window

• Mehrere gleichzeitig genutzte Panel Windows

• Oberstes Dokumentfenster auswählen

• Kommunikation zwischen Dokumentfenster und Panel Window

• Fenstergröße und -position



Panel Window öffnen• Mehrfaches Öffnen verhindern

• Prüfen, ob Panel Window schon offen ist

• Erfordert eigenen Fensternamen

• Verschiedene Methoden denkbar



Fenster öffnen/aktivierenVarianteA

VarianteB



Vor- und Nachteile• Variante A erhält bestehende Einstellungen im schon geöffneten Fenster

• Position und Größe des Fensters

• Ausgewählte Tab-Register

• Variante B bringt das Fenster in eine definierte Starteinstellung (Initialisierung)

• Welche Trigger werden evtl. ausgelöst?

• Es müssen evtl. erneut Daten vom Dokumentfenster abfragt werden



Oberstes Dokumentfenster auswählen• Definition Dokumentfenster:

„kein schwimmendes oder modales Fenster“

• FM Funktion Hole( FensterStil )

• 0 : Dokumentfenster

• FM Funktion FensterNamen( "" )

• Funktionsliste entspricht der Z-Ordnung der offenen Fenster

• Oberstes Fenster ist in der Liste zuerst aufgeführt



Panel Window Kommunikation• Name des zuvor aktiven Fensters merken

• Wichtig bei mehreren Panel Windows

• Wichtig für Zwei-Fenster-Kommunikation

ScriptaktiviertDokumentfenster

…liest/schreibtDatenimDokumentfenster

ScriptwirdimPanelWindowgestartet

ScriptaktiviertPanelWindow

…zeigtBezugsdatenimPanelWindowan



Panel Window Kommunikation

• Trigger Scripts

• BeiDatensatzLaden: Meldet ID des aktuellen Datensatzes

• BeiObjektBetreten: Meldet das aktive Feld

• Zustandsspeicher

• Globale Variablen

• Globale Felder

• Panel Window Felder (spezielle Tabelle)

• Empfohlenes Datenmodell: Connector/Selector oder Transistor

DokumentfenstersteuertdasPanelWindow



Panel Window Kommunikation

• Zustände ändern

• Im Dokumentfenster Feldwerte ändern

• Bezugsdaten im Panel Window ändern

• Für Aktionen das Dokumentfenster auswählen/aktivieren

PanelWindowagiertmitDokumentfenster



Fenstergröße und -position• Panel Fenster sind üblich viel schmaler als ein Dokumentfenster

• Höhe kann fix oder dynamisch sein

• Höhe passt sich automatisch dem Panelinhalt an

• Position oft rechts oben

• Anwender sollte Position, Größe und evtl. Zoom ändern können

• Entsprechende Werte für jeden User speichern

• Nur in einer Session: → globale Felder/Variablen

• Session übergreifend: → User Tabelle, Werte speichern



Fragen und Antworten• Sie haben noch Fragen zum Panel Window?

• Oder wollen etwas zum Vortrag hinzufügen?



Beispiel• Anwendungsbeispiel eines Panel Window in einer Datenbank


FileMaker Konferenz 2016 Salzburg

Vielen Dank unseren Sponsoren

Ohne Sponsoring wäre diese Konferenz so nicht möglich!

fmk2016 - arnold kegebein - user interface: panel window

Presentations & Public Speaking