FMK2016 - Arnold Kegebein - User Interface: Panel Window

Verein FM Konferenz
Verein FM KonferenzVerein FM Konferenz
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
7. FileMaker Konferenz | Salzburg | 13.-15. Oktober 2016
User Interface : Panel Window • Dipl.-Ing. (FH) Arnold Kegebein
Über den Sprecher
• Name: 	 Arnold Kegebein

• Ausbildung: 	 Studium der technischen Informatik

Abschluss:	 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“
7. FileMaker Konferenz | Salzburg | 13.-15. Oktober 2016
User Interface : Panel Window • Dipl.-Ing. (FH) Arnold Kegebein
Ü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
7. FileMaker Konferenz | Salzburg | 13.-15. Oktober 2016
User Interface : Panel Window • Dipl.-Ing. (FH) Arnold Kegebein
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
7. FileMaker Konferenz | Salzburg | 13.-15. Oktober 2016
User Interface : Panel Window • Dipl.-Ing. (FH) Arnold Kegebein
Anwendungsbeispiele
• Zentrales Programmmenü

• Kontrollzentrum

• Anzeige von Systeminformationen

• Fehlermeldungen

• Logdateien

• Globale oder Layout-unabhängige Informationen

• Favoritenliste, Wiedervorlagen

• Wechselkurse, Wetteranzeige, …

• erweiterte Zwischenablage

• Zentrales Hilfesystem
7. FileMaker Konferenz | Salzburg | 13.-15. Oktober 2016
User Interface : Panel Window • Dipl.-Ing. (FH) Arnold Kegebein
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)
7. FileMaker Konferenz | Salzburg | 13.-15. Oktober 2016
User Interface : Panel Window • Dipl.-Ing. (FH) Arnold Kegebein
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
7. FileMaker Konferenz | Salzburg | 13.-15. Oktober 2016
User Interface : Panel Window • Dipl.-Ing. (FH) Arnold Kegebein
Programmierung: schwebendes Fenster
• Scriptschritt: Neues Fenster

• Erweiterten Stil angeben
Gutes UI:
Wichtig, wenn keine andere
Möglichkeit zum Schließen
des Fensters eingebaut wird
7. FileMaker Konferenz | Salzburg | 13.-15. Oktober 2016
User Interface : Panel Window • Dipl.-Ing. (FH) Arnold Kegebein
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
7. FileMaker Konferenz | Salzburg | 13.-15. Oktober 2016
User Interface : Panel Window • Dipl.-Ing. (FH) Arnold Kegebein
Panel Window öffnen
• Mehrfaches Öffnen verhindern

• Prüfen, ob Panel Window schon offen ist

• Erfordert eigenen Fensternamen

• Verschiedene Methoden denkbar
7. FileMaker Konferenz | Salzburg | 13.-15. Oktober 2016
User Interface : Panel Window • Dipl.-Ing. (FH) Arnold Kegebein
Fenster öffnen/aktivieren
Variante	A
Variante	B
7. FileMaker Konferenz | Salzburg | 13.-15. Oktober 2016
User Interface : Panel Window • Dipl.-Ing. (FH) Arnold Kegebein
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
7. FileMaker Konferenz | Salzburg | 13.-15. Oktober 2016
User Interface : Panel Window • Dipl.-Ing. (FH) Arnold Kegebein
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
7. FileMaker Konferenz | Salzburg | 13.-15. Oktober 2016
User Interface : Panel Window • Dipl.-Ing. (FH) Arnold Kegebein
Panel Window Kommunikation
• Name des zuvor aktiven Fensters merken

• Wichtig bei mehreren Panel Windows

• Wichtig für Zwei-Fenster-Kommunikation
Script	aktiviert	
Dokumentfenster
…	liest/schreibt	Daten	
im	Dokumentfenster
Script	wird	im	Panel	Window	gestartet
Script	aktiviert	
Panel	Window
…	zeigt	Bezugsdaten	im	Panel	Window	an
7. FileMaker Konferenz | Salzburg | 13.-15. Oktober 2016
User Interface : Panel Window • Dipl.-Ing. (FH) Arnold Kegebein
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
Dokumentfenster	steuert	das	Panel	Window
7. FileMaker Konferenz | Salzburg | 13.-15. Oktober 2016
User Interface : Panel Window • Dipl.-Ing. (FH) Arnold Kegebein
Panel Window Kommunikation
• Zustände ändern

• Im Dokumentfenster Feldwerte ändern

• Bezugsdaten im Panel Window ändern

• Für Aktionen das Dokumentfenster auswählen/aktivieren
Panel	Window	agiert	mit	Dokumentfenster
7. FileMaker Konferenz | Salzburg | 13.-15. Oktober 2016
User Interface : Panel Window • Dipl.-Ing. (FH) Arnold Kegebein
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
7. FileMaker Konferenz | Salzburg | 13.-15. Oktober 2016
User Interface : Panel Window • Dipl.-Ing. (FH) Arnold Kegebein
Fragen und Antworten
• Sie haben noch Fragen zum Panel Window?

• Oder wollen etwas zum Vortrag hinzufügen?
7. FileMaker Konferenz | Salzburg | 13.-15. Oktober 2016
User Interface : Panel Window • Dipl.-Ing. (FH) Arnold Kegebein
Beispiel
• Anwendungsbeispiel eines Panel Window in einer Datenbank
7. FileMaker Konferenz | Salzburg | 13.-15. Oktober 2016
FileMaker Konferenz 2016 Salzburg
Vielen Dank unseren Sponsoren
Ohne Sponsoring wäre diese Konferenz
so nicht möglich!
1 of 20

More Related Content

What's hot(20)

FMK2015: The Power of JavaScript by Marcel MoréFMK2015: The Power of JavaScript by Marcel Moré
FMK2015: The Power of JavaScript by Marcel Moré
Verein FM Konferenz2.9K views

Similar to FMK2016 - Arnold Kegebein - User Interface: Panel Window(20)

FMK2018- Audit Log Arnold KegebeinFMK2018- Audit Log Arnold Kegebein
FMK2018- Audit Log Arnold Kegebein
Verein FM Konferenz580 views
Webtools studiumWebtools studium
Webtools studium
Elsy Zollikofer595 views
Web-Tools für das StudiumWeb-Tools für das Studium
Web-Tools für das Studium
University St. Gallen3K views

More from Verein FM Konferenz(20)

FMK2022 Excel und FileMaker Schittko.pdfFMK2022 Excel und FileMaker Schittko.pdf
FMK2022 Excel und FileMaker Schittko.pdf
Verein FM Konferenz908 views
FMK2022 Custom Functions von Philipp PulsFMK2022 Custom Functions von Philipp Puls
FMK2022 Custom Functions von Philipp Puls
Verein FM Konferenz110 views
FMK2022 FileMaker Fehler von Martin SchwarzFMK2022 FileMaker Fehler von Martin Schwarz
FMK2022 FileMaker Fehler von Martin Schwarz
Verein FM Konferenz128 views
FMK2022 Dokumentation - Thomas HirtFMK2022 Dokumentation - Thomas Hirt
FMK2022 Dokumentation - Thomas Hirt
Verein FM Konferenz152 views
FMK2022 Datenschutz DSGVO Christoph KlussFMK2022 Datenschutz DSGVO Christoph Kluss
FMK2022 Datenschutz DSGVO Christoph Kluss
Verein FM Konferenz96 views
FMK2022 Rechnungen Inkasso - Christoph KlussFMK2022 Rechnungen Inkasso - Christoph Kluss
FMK2022 Rechnungen Inkasso - Christoph Kluss
Verein FM Konferenz3.1K views
FMK2019 bug off lightning talk by Russell WatsonFMK2019 bug off lightning talk by Russell Watson
FMK2019 bug off lightning talk by Russell Watson
Verein FM Konferenz1.2K views
FMK2019 Hardware Integrated by HOnza KoudelkaFMK2019 Hardware Integrated by HOnza Koudelka
FMK2019 Hardware Integrated by HOnza Koudelka
Verein FM Konferenz372 views

FMK2016 - Arnold Kegebein - User Interface: Panel Window

  • 1. 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
  • 2. 7. FileMaker Konferenz | Salzburg | 13.-15. Oktober 2016 User Interface : Panel Window • Dipl.-Ing. (FH) Arnold Kegebein Über den Sprecher • Name: Arnold Kegebein • Ausbildung: Studium der technischen Informatik
 Abschluss: 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“
  • 3. 7. FileMaker Konferenz | Salzburg | 13.-15. Oktober 2016 User Interface : Panel Window • Dipl.-Ing. (FH) Arnold Kegebein Ü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
  • 4. 7. FileMaker Konferenz | Salzburg | 13.-15. Oktober 2016 User Interface : Panel Window • Dipl.-Ing. (FH) Arnold Kegebein 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
  • 5. 7. FileMaker Konferenz | Salzburg | 13.-15. Oktober 2016 User Interface : Panel Window • Dipl.-Ing. (FH) Arnold Kegebein Anwendungsbeispiele • Zentrales Programmmenü • Kontrollzentrum • Anzeige von Systeminformationen • Fehlermeldungen • Logdateien • Globale oder Layout-unabhängige Informationen • Favoritenliste, Wiedervorlagen • Wechselkurse, Wetteranzeige, … • erweiterte Zwischenablage • Zentrales Hilfesystem
  • 6. 7. FileMaker Konferenz | Salzburg | 13.-15. Oktober 2016 User Interface : Panel Window • Dipl.-Ing. (FH) Arnold Kegebein 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)
  • 7. 7. FileMaker Konferenz | Salzburg | 13.-15. Oktober 2016 User Interface : Panel Window • Dipl.-Ing. (FH) Arnold Kegebein 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
  • 8. 7. FileMaker Konferenz | Salzburg | 13.-15. Oktober 2016 User Interface : Panel Window • Dipl.-Ing. (FH) Arnold Kegebein Programmierung: schwebendes Fenster • Scriptschritt: Neues Fenster • Erweiterten Stil angeben Gutes UI: Wichtig, wenn keine andere Möglichkeit zum Schließen des Fensters eingebaut wird
  • 9. 7. FileMaker Konferenz | Salzburg | 13.-15. Oktober 2016 User Interface : Panel Window • Dipl.-Ing. (FH) Arnold Kegebein 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
  • 10. 7. FileMaker Konferenz | Salzburg | 13.-15. Oktober 2016 User Interface : Panel Window • Dipl.-Ing. (FH) Arnold Kegebein Panel Window öffnen • Mehrfaches Öffnen verhindern • Prüfen, ob Panel Window schon offen ist • Erfordert eigenen Fensternamen • Verschiedene Methoden denkbar
  • 11. 7. FileMaker Konferenz | Salzburg | 13.-15. Oktober 2016 User Interface : Panel Window • Dipl.-Ing. (FH) Arnold Kegebein Fenster öffnen/aktivieren Variante A Variante B
  • 12. 7. FileMaker Konferenz | Salzburg | 13.-15. Oktober 2016 User Interface : Panel Window • Dipl.-Ing. (FH) Arnold Kegebein 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
  • 13. 7. FileMaker Konferenz | Salzburg | 13.-15. Oktober 2016 User Interface : Panel Window • Dipl.-Ing. (FH) Arnold Kegebein 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
  • 14. 7. FileMaker Konferenz | Salzburg | 13.-15. Oktober 2016 User Interface : Panel Window • Dipl.-Ing. (FH) Arnold Kegebein Panel Window Kommunikation • Name des zuvor aktiven Fensters merken • Wichtig bei mehreren Panel Windows • Wichtig für Zwei-Fenster-Kommunikation Script aktiviert Dokumentfenster … liest/schreibt Daten im Dokumentfenster Script wird im Panel Window gestartet Script aktiviert Panel Window … zeigt Bezugsdaten im Panel Window an
  • 15. 7. FileMaker Konferenz | Salzburg | 13.-15. Oktober 2016 User Interface : Panel Window • Dipl.-Ing. (FH) Arnold Kegebein 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 Dokumentfenster steuert das Panel Window
  • 16. 7. FileMaker Konferenz | Salzburg | 13.-15. Oktober 2016 User Interface : Panel Window • Dipl.-Ing. (FH) Arnold Kegebein Panel Window Kommunikation • Zustände ändern • Im Dokumentfenster Feldwerte ändern • Bezugsdaten im Panel Window ändern • Für Aktionen das Dokumentfenster auswählen/aktivieren Panel Window agiert mit Dokumentfenster
  • 17. 7. FileMaker Konferenz | Salzburg | 13.-15. Oktober 2016 User Interface : Panel Window • Dipl.-Ing. (FH) Arnold Kegebein 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
  • 18. 7. FileMaker Konferenz | Salzburg | 13.-15. Oktober 2016 User Interface : Panel Window • Dipl.-Ing. (FH) Arnold Kegebein Fragen und Antworten • Sie haben noch Fragen zum Panel Window? • Oder wollen etwas zum Vortrag hinzufügen?
  • 19. 7. FileMaker Konferenz | Salzburg | 13.-15. Oktober 2016 User Interface : Panel Window • Dipl.-Ing. (FH) Arnold Kegebein Beispiel • Anwendungsbeispiel eines Panel Window in einer Datenbank
  • 20. 7. FileMaker Konferenz | Salzburg | 13.-15. Oktober 2016 FileMaker Konferenz 2016 Salzburg Vielen Dank unseren Sponsoren Ohne Sponsoring wäre diese Konferenz so nicht möglich!