GUI

Adam Augustin präsentierte ein neues Beispiel-Projekt für seinen JavaScript-Baukasten im FileMaker WebViewer. Er zeigte sein CLI-Tool „create-app-for-fm“, das Entwicklern hilft, moderne Web-Projekte blitzschnell aufzusetzen. Das Tool nutzt im Hintergrund Vite und React. Der große Vorteil für FileMaker-Entwickler: Während der Entwicklung läuft ein lokaler Node.js-Server. Änderungen im Code-Editor (Adam nutzte Windsurf bzw. VS Code) werden durch „Hot Reloading“ sofort und ohne Neuladen im FileMaker WebViewer sichtbar. Das beschleunigt den Entwicklungsprozess enorm....

Erst vor wenigen Tagen hat Proof+Geist sein neues Tool ProofChat vorgestellt. Auf einer eigens eingerichteten Website finden sich ausführliche Informationen, und das Tool kann dort als FileMaker-Datei heruntergeladen werden. Über ein Kontaktformular lässt sich ein kostenloser Lizenzschlüssel für Testzwecke anfordern. ProofChat ist ein AI-Framework für die Einbindung eines Chatbots in eigene FileMaker Lösungen. Dem Starter Kit liegt ein Admin-Passwort bei, so dass alle Scripts und Einstellungen der Lösung einsehbar sind....

Nils Waldherr präsentierte das neue Modul FT GridView für die Darstellung von Bildern im Gridview. Das Modul stellt eine Auswahl von Bildern als quadratische Kacheln in einer Fenster-füllenden Übersicht dar. Die Anzahl der Bilder pro Zeile passt sich dynamisch an die Fenstergrösse an. Die Anzahl der maximal benötigten Spalten lässt sich bei Bedarf individuell im Modul konfigurieren. Zur Grundausstattung des Moduls gehören auch eine Suchfunktion und eine Sortierfunktion. Darüber hinaus lassen sich Demo-Datensätze mit Personenbildern über eine API zum ThisPersonDoesNotExist Service einfach erzeugen....

Ben Brix stellte eine Lösung aus seinem Architekturbüro vor. Mit FileMaker hat er u.a. eine umfangreiche Wissensdatenbank für Abläufe, Notizen und technische Dokumente aus dem Baubereich umgesetzt. Die Einträge lassen sich u.a. nach verschiedenen Typen und Gewerken filtern. Darüber hinaus gibt es eine Suche nach Schlagworten und im Volltext. Die Benutzeroberfläche kombiniert eine übersichtliche Navigation, alle Such- und Filtermöglichkeiten sowie die Ergebnisliste in einem schlanken Palettenfenster. Die Ergebnisliste wird mit passenden Bereichsüberschriften gegliedert und ordnet so die Ergebnisse in zusammengehörigen Segmenten....

Ben Brix erstellte auf die Schnelle eine kleine Demo-Datei, welche durch den geschickten Einsatz von Hintergrundbildern in Buttons einen graphischen Effekt zaubert, der mit FileMaker Bordmitteln nicht realisierbar ist. Der Trick besteht darin, zwei unterschiedliche Darstellungen als Bild abzuspeichern und in den Button als Hintergrund einzubetten. Ein Bild zeigt den Standard-Zustand, das andere den Zustand als Mouse-Over Effekt. So entsteht beim Mouse-Over die Illusion, dass ein rechts ausgerichtetes Icon an einer festen Position im Button zusammen mit dem enthaltenen Text farbig invertiert wird....

Bogus zeigte eine selbst erstellte FileMaker Go Lösung, welche für die Darstellung auf dem iPhone und iPad optimiert werden soll. Die Herausforderung bestand darin, automatisch auf den Wechsel zwischen Hochformat und Querformat in der Device-Ausrichtung zu reagieren und dann in ein angepasstes Layout in einer passenden Größe zu wechseln. Dabei sollte die Größe so gewählt sein, dass keine Scrollbalken gezeigt werden. Die Aufgabe beinhaltet also drei einzelne Schritte: Orientierung abfragen und Script-Trigger auslösen in Layout mit passender Größe für das jeweilige Device wechseln Zoom-Stufe fixieren Trotzdem die Lösung schon sehr weit funktionsfähig war, traten an einigen Stellen immer wieder unerwünschte Scrollbalken auf....

Bogus zeigte die weiter entwickelte Version seiner bereits beim vorigen Stammtisch vorgestellten Lösung für eine frei konfigurierbare Navigation mit Menüleiste und Untermenüs, welche in Design und Aufbau der MacOS Menüleiste nachempfunden ist. Die Menü-Einträge können aktiv oder inaktiv sein, es sind Trennlinien zwischen Eintrags-Gruppen aktivierbar, Einträge können mit einem Checklist-Haken gekennzeichnet werden oder optional mit Untermenüs ausgestattet werden, was durch ein Dreiecks-Symbol hinter dem jeweiligen Eintrag darstellt wird. Das Menü selbst klappt als Objekt über dem jeweiligen Layout-Hintergrund auf und hebt sich mit einer Schattierung davon ab....

Bogus präsentierte ebenfalls eine Lösung für eine frei konfigurierbare Navigation mit Menüleiste und Untermenüs. Zunächst gab er einige Erläuterungen zu den Best-Practices für gutes Benutzeroberflächen-Design aus dem Leitfaden “Practical UI”, der beim vorigen Stammtisch von Andreas Overmeyer zur Lektüre empfohlen wurde. Bogus hatte sich inzwischen mit dem Leitfaden intensiv auseinander gesetzt und seine Navigation anhand der UI Lektionen optimiert. Practical UI - UI DESIGN BOOK https://www.practical-ui.com Seine Lösung imitiert das Design der Menüleisten aus dem MacOS Betriebssystem....

Udo Bösch stellte einen Ansatz vor, wie sich eine kontextunabhängige Navigation in einer Lösung realisieren lässt. Das besondere daran ist die Möglichkeit, alle Einstellungen für die Navigation an einer zentralen Stelle vornehmen zu können, so dass sich das Menü in allen Layouts – unabhängig vom jeweiligen Kontext – automatisch anhand der zentralen Einstellung aktualisieren lässt. Zu den Einstellungsmöglichkeiten zählen neben der Beschriftung auch die jeweils zu verwendenden Script-Parameter, Ausblendbedingungen und Formatierungsbedingungen....

User Interface Practical UI - UI DESIGN BOOK https://www.practical-ui.com Apple Human Interface Guidelines – Menus https://developer.apple.com/design/human-interface-guidelines/menus Dashboards mit Evidence Evidence https://evidence.dev/ Installations-Anleitung https://docs.evidence.dev/install-evidence/ HowTo Guide: Build Your First App https://docs.evidence.dev/build-your-first-app/ Dokumentation https://docs.evidence.dev/ github: evidence https://github.com/evidence-dev/evidence Weitere Links aus dem Chat Implementing Hardware-Friendly Databases with DuckDB co-creator, Hannes Mühleisen Spotify: https://t.co/mAJhkAvBEV Overcast: https://overcast.fm/+ABBSPGdNgQg Youtube: https://youtu.be/pZV9FvdKmLc Parquet https://parquet.apache.org Apache ECharts https://echarts.apache.org/en/index.html Kyubit Business Intelligence https://www.kyubit.com Plotly Open Source Graphing Libraries https://plotly.com/graphing-libraries/ Plotly JavaScript Open Source Graphing Library...