Jeder arbeitet gerne mit Software, die gut aussieht und sich leicht bedienen lässt. Bei einer Datenbanksoftware sollte es nicht anders sein. Mit dem Erscheinen von FileMaker Pro 12 haben wir als Entwickler viele neue Möglichkeiten an die Hand bekommen, "einfach" zu sehr ansprechenden Ergebnissen zu kommen.
Anhand vieler Beispiele aus einer aktuellen Lösung schauen wir uns neue Ansätze zur Layoutgestaltung, Benutzerführung und zum Datenmodel.
In diesem Vortrag können Sie lernen:
- neue Ansätze zum Datenmodel
- Möglichkeiten für komfortable Suchfunktionen
- Layout- und Datensatznavigation ganz leicht gemacht
Für diesen Vortrag sollten Sie mitbringen:
- Fortgeschrittene FileMaker Pro Kenntnisse
- Bereitschaft, neue Wege bei der Entwicklung zu gehen
Fmk2019 Produktentwicklung mit FileMaker by Harald Mair
FMK2015: Moderne Benutzeroberflächen am Beispiel einer FileMaker Lösung by Adam Augustin
1. Dr. Adam G. Augustin - agametis
Moderne Benutzeroberflächen am Beispiel einer FM Lösung
FileMaker Konferenz 2015 Hamburg
www.filemaker-konferenz.com
Moderne Benutzeroberflächen am
Beispiel einer FileMaker Lösung
Der Benutzer ist König
Dr. Adam G. Augustin - agametis
2. Dr. Adam G. Augustin - agametis
Moderne Benutzeroberflächen am Beispiel einer FM Lösung
FileMaker Konferenz 2015 Hamburg
www.filemaker-konferenz.com
Wer bin ich …
• selbständiger FileMaker Entwickler und Berater im Großraum München
(zusammen mit Armin Egginger (CrossCheck) als Cross Solutions GmbH)
• FBA Mitglied
• Filemaker 12 und 13 zertifiziert
• Vorträge auf der FMK 2012 in Salzburg
• Kein Grafikdesign- aber Mathematikstudium
kontakt@agametis.de
3. Dr. Adam G. Augustin - agametis
Moderne Benutzeroberflächen am Beispiel einer FM Lösung
FileMaker Konferenz 2015 Hamburg
www.filemaker-konferenz.com
… und was machen wir hier
• Benutzeroberflächen (GUIs), die unseren Usern Spaß machen sollen
• Benutzererlebnis (UX) anhand einer FileMaker Go 14 iPhone App:
Photoerfassung und Synchronisation mit einem Server
• Demo und Hands-On
• Tipps zur GUI-Gestaltung direkt von FileMaker Software Entwicklern
4. Dr. Adam G. Augustin - agametis
Moderne Benutzeroberflächen am Beispiel einer FM Lösung
FileMaker Konferenz 2015 Hamburg
www.filemaker-konferenz.com
Aspekte der App
• Synchronisation
• Regelung der Zugriffsrechte mit Hilfe des Servers
• grafische Gestaltung der Layouts und Icons
• Popover mal anders
• Wischgesten zur Benutzerführung und Navigation (mehr als FM von sich
aus bietet)
• Benutzereinstellungen zur Steuerung der UX
5. Dr. Adam G. Augustin - agametis
Moderne Benutzeroberflächen am Beispiel einer FM Lösung
FileMaker Konferenz 2015 Hamburg
www.filemaker-konferenz.com
Synchronisation
PhotoApp SyncFile DataFile
Während der
Synchronisation sieht
der Benutzer nur ein
Status/Info-Layout
Benutzer
interagiert nur
mit PhotoApp
Über einen Zeitplan wird
die Weiterverarbeitung
der Daten gesteuert
• SyncFile wird bei Bedarf aus einem Container in PhotoApp in Dokumenten-Order von FM Go exportiert
• Gesamte Kommunikation mit dem Server wickelt SyncFile ab
• PhotoApp „sieht“ nie den Server
FM Go FM Server
http://www.filemaker.com/de/solutions/ios/docs/fmi_guide_sync_de.pdf
6. Dr. Adam G. Augustin - agametis
Moderne Benutzeroberflächen am Beispiel einer FM Lösung
FileMaker Konferenz 2015 Hamburg
www.filemaker-konferenz.com
Regelung der Zugriffsrechte
• Standardbenutzer (Appuser) ohne Passwort und immer angemeldet
• PersistentID des Gerätes wird auf dem Server abgelegt und vor jeder
Synchronisation überprüft
• Bei Übereinstimmung wird die Synchronisation initiiert
• Die Datendatei auf dem Server ist nur im Hintergrund offen, ohne das
der Appuser die Möglichkeit hat sie zu betreten/in das Fenster zu
wechseln
• Appuser darf in der Datendatei auf dem Server:
• nur ganz wenige Felder sehen (nicht schreiben und löschen)
• nur in einer Tabelle Daten schreiben (nicht löschen)
• nur ein Layout betreten
7. Dr. Adam G. Augustin - agametis
Moderne Benutzeroberflächen am Beispiel einer FM Lösung
FileMaker Konferenz 2015 Hamburg
www.filemaker-konferenz.com
Picasso Sagt
Gute Künstler kopieren, große Künstler stehlen
Pablo Picasso, spanischer Bildhauer, Grafiker und Maler * 25.10.1881, † 18.04.1973
8. Dr. Adam G. Augustin - agametis
Moderne Benutzeroberflächen am Beispiel einer FM Lösung
FileMaker Konferenz 2015 Hamburg
www.filemaker-konferenz.com
Demo
iPhone App zur Erfassung von Photos und
Synchronisation mit einem FileMaker Server
9. Dr. Adam G. Augustin - agametis
Moderne Benutzeroberflächen am Beispiel einer FM Lösung
FileMaker Konferenz 2015 Hamburg
www.filemaker-konferenz.com
Performace-Tipps zur GUI-Gestaltung
• Keine eigenen Styles bei Objekten ungespeichert belassen -> neue
Definieren und abspeichern
• Farbverläufe sind sehr kostspielig (Layout-Rendering-Engine bedient
sich der Methode „Image-Slicing“ um Objekte aus winzigen Einzelteilen
„zusammenzubauen“ -> GPU wird benutzt und weniger Speicher
benötigt)
• Schattenelemente sind sehr rechenintensiv (außerdem in FM Go nicht
verfügbar)
• Seit FM14 gibt es keinen Unterschied mehr zwischen Seiten- und
Registersteuerelement (Daten werden nur dann geladen, wenn sie
sichtbar sind)
Quellen: DevCon2015 in Las Vegas, Vorträge COR005, COR010 und MOB004
10. Dr. Adam G. Augustin - agametis
Moderne Benutzeroberflächen am Beispiel einer FM Lösung
FileMaker Konferenz 2015 Hamburg
www.filemaker-konferenz.com
Performace-Tipps zur GUI-Gestaltung
• Zoom deaktivieren (wenn die Funktion für die App nicht notwendig ist,
sonnst muss jede Zoomstufe neu generiert werden -> kein Vorteil
durchs Caching)
• „Aktuelle Datensatzanzeige in der Listenansicht anzeigen“ deaktivieren
und stattdessen aktiven Datensatz mit Style-Einstellungen hervorheben
• Graphischen Elemente überdecken Knöpfe bei Webdirect -> Knöpfe
immer ganz oben in der Ebenen-Sichtweise platzieren
• SVG-Icons löschen, wenn sie nicht gebraucht werden, denn FM muss sie
immer in den Cache laden, auch wenn sie nie in einen Knopf verwenden
werden oder außerhalb des sichtbaren Layoutbereichs platziert sind
Quellen: DevCon2015 in Las Vegas, Vorträge COR005, COR010 und MOB004
11. Dr. Adam G. Augustin - agametis
Moderne Benutzeroberflächen am Beispiel einer FM Lösung
FileMaker Konferenz 2015 Hamburg
www.filemaker-konferenz.com
Vielen Dank unseren Sponsoren
Danke für das Bewerten dieses Vortrages
12. Dr. Adam G. Augustin - agametis
Moderne Benutzeroberflächen am Beispiel einer FM Lösung
FileMaker Konferenz 2015 Hamburg
www.filemaker-konferenz.com
Q & A
13. Dr. Adam G. Augustin - agametis
Moderne Benutzeroberflächen am Beispiel einer FM Lösung
FileMaker Konferenz 2015 Hamburg
www.filemaker-konferenz.com
Vielen Dank