Michael Valentin
FileMaker Webdirect
FileMaker Konferenz 2015 Hamburg
www.filemaker-konferenz.com
FileMaker Webdirect
Einführung und Betrachtungen
FileMaker Konferenz 2015 Hamburg
www.filemaker-konferenz.com
Michael Valentin
FileMaker WebDirect
Agenda
• Geschichte und Allgemeines
• Was ist neu
• Voraussetzungen und Anforderungen
• Architektur
• Bevor man beginnt
• Performance Betrachtungen
• Scripte
• Einschränkung
• Publizieren
FileMaker Konferenz 2015 Hamburg
www.filemaker-konferenz.com
Michael Valentin
FileMaker WebDirect
Von IWP zu WebDirect
• 1996 - WebConnector und Claris Homepage - Daten direkt ins Web
• 1997- Einführung von IWP mit der Version FileMaker Pro 4
• Einfaches HTML rendering, Interaktionen waren eingeschränkt.
• 2013 - Einführung WebDirect mit FileMaker 13 Produktfamilie
• 2015 - Überarbeitung von Webdirect mit FileMaker 14 Produktfamilie
FileMaker Konferenz 2015 Hamburg
www.filemaker-konferenz.com
Michael Valentin
FileMaker WebDirect
FileMaker Go
FileMaker Pro
FileMaker Pro Advanced
FileMaker Server
FileMaker-Plattform
FileMaker WebDirect
iPad • iPhone • Windows • Mac • Web
FileMaker Konferenz 2015 Hamburg
www.filemaker-konferenz.com
Michael Valentin
FileMaker WebDirect
Neu in FileMaker 14
• Mobile Browser Unterstützung
• Neue Werkzeugleiste in Responsive Design
• Neue Startzentrale
• Beim Öffnen von Web-Optimierten Layouts bis zu 25% schneller
• Übergabe von Parameter in der URL
• Von Grund auf neu entwickelt
FileMaker Konferenz 2015 Hamburg
www.filemaker-konferenz.com
Michael Valentin
FileMaker WebDirect
Apps im Web-Browser
FileMaker Konferenz 2015 Hamburg
www.filemaker-konferenz.com
Michael Valentin
FileMaker WebDirect
Voraussetzung
• FileMaker Server
• Braucht entsprechende Ressourcen deswegen
• Hardwarebedingungen beachten
• Mit benötigten gleichzeitigen Verbindungen
ausstatten
• Zum Testen und Entwickeln
• FileMaker Developer Subscription ->Testserver
• Demoversion (30 Tage)
FileMaker Konferenz 2015 Hamburg
www.filemaker-konferenz.com
Michael Valentin
FileMaker WebDirect
Betriebssystemanforderungen
OS X Yosemite 10.10
OS X Mavericks 10.9
Windows Server 2012 R2 Standard mit Update MS KB2919355
Windows Server 2008 R2 SP1 Standard oder Enterprise
FileMaker Server
FileMaker Konferenz 2015 Hamburg
www.filemaker-konferenz.com
Michael Valentin
FileMaker WebDirect
Betriebssystemanforderungen
Mobile Browser
- Mobile Safari 8.x auf iOS 8.1
- Chrome 38 oder neuer für Android 4.4.x
Desktop-Browser
- Safari 8.x
- IE 10.x und 11.x
- Chrome 38 oder neuer
FileMaker WebDirect Browser-Unterstützung
FileMaker Konferenz 2015 Hamburg
www.filemaker-konferenz.com
Michael Valentin
FileMaker WebDirect
Architektur
Ein	
  Rechner	
  Konfiguration
FileMaker Konferenz 2015 Hamburg
www.filemaker-konferenz.com
Michael Valentin
FileMaker WebDirect
Architektur
Hinweis:	
  Eine	
  zwei	
  Server	
  Konfiguration	
  ist	
  möglich,	
  beschrieben	
  im	
  Server	
  Handbuch,	
  
Kapitel	
  3	
  (FMS	
  14	
  Getting	
  started	
  Guide)
FileMaker Konferenz 2015 Hamburg
www.filemaker-konferenz.com
Michael Valentin
FileMaker WebDirect
Architektur
Übersicht	
  der	
  Ports	
  bei	
  jeweiligen	
  Zugriffen
FileMaker Konferenz 2015 Hamburg
www.filemaker-konferenz.com
Michael Valentin
FileMaker WebDirect
FM WebDirect Architektur
Web	
  
Client
Web	
  
Server
Webserver	
  	
  
Komponenten
WPE
JWPC
(Vaadin)
DB	
  
Engine
FileMaker	
  
Server	
  
(DBS)
DB	
  
Engine
CorbaHTTP(S) AJP
Thrift
FileMaker Konferenz 2015 Hamburg
www.filemaker-konferenz.com
Michael Valentin
FileMaker WebDirect
Bevor man beginnt
Es	
  gelten	
  die	
  gleichen	
  Vorgaben	
  wie	
  	
  
wenn	
  man	
  für	
  mobile	
  Geräte	
  und	
  FM-­‐Go	
  
KISS	
  -­‐	
  Prinzip,	
  Keep	
  it	
  Simple	
  and	
  Smart
FileMaker Konferenz 2015 Hamburg
www.filemaker-konferenz.com
Michael Valentin
FileMaker WebDirect
Bevor man beginnt
• Wie sollen die Daten gehostet werden
• Extern beim Provider oder Intern
• Mit FileMaker Server und der Adminkonsole vertraut sein
• Wieviele Benutzer sollen zugreifen
• Benutzte Endgeräte und Browser -> Einfluss auf die Layouts
• Verwendete Fonts -> Darstellung
• Darstellung in verschiedenen Fenster
FileMaker Konferenz 2015 Hamburg
www.filemaker-konferenz.com
Michael Valentin
FileMaker WebDirect
Bevor man beginnt
• Überlegen welchen Daten im Web dargestellt werden
• Wie die Daten fließen
• Auf Papier mal das Interface designen
• Starterlösungen analysieren (z.B. Projekte)
• Relationale Modell überdenken
• Webviewer in WebDirect
• Reporting und Statistiken (Dynamische Berichte - Ressourcen)
• Drucken und PDF erzeugen -> Server und Plugins
FileMaker Konferenz 2015 Hamburg
www.filemaker-konferenz.com
Michael Valentin
FileMaker WebDirect
Performance-Betrachtungen
• Klassische Themes nicht verwenden ( Jedes Objekt wird einzeln gerendert )
• sondern die neuen Themes benutzen ( Vorverarbeitung )
• Bedingte Formatierungen ( können die Lösung ausbremsen )
• Evtl 1-1 Beziehungen in Betracht ziehen, auflösen der Relationen
• Intelligenter Zugriff auf Daten (z.B. erst suchen und dann anzeigen)
• Interne SQL Abfragen können Sinnvoll sein
• Layouts einfach gestalten (Komplexität, Vielschichtigkeit)
• Firefox hat da ein gutes Tool zur Ansicht der Layer
FileMaker Konferenz 2015 Hamburg
www.filemaker-konferenz.com
Michael Valentin
FileMaker WebDirect
Beispiele der Komplexität
FileMaker Konferenz 2015 Hamburg
www.filemaker-konferenz.com
Michael Valentin
FileMaker WebDirect
Beispiele der Komplexität
FileMaker Konferenz 2015 Hamburg
www.filemaker-konferenz.com
Michael Valentin
FileMaker WebDirect
Performance-Betrachtungen
• Script auf Server ausführen
• Netzwerkumgebung ( Geschwindigkeit der Router und Geräte )
• Eingesetzte Hardware ( Auf Qualität achten )
• Formeln ( Gespeichert und nicht gespeichert )
• Browser bieten verschiedenen Möglichkeiten zum Monitoring
• Monitorfunktion des FileMaker-Servers nutzen
FileMaker Konferenz 2015 Hamburg
www.filemaker-konferenz.com
Michael Valentin
FileMaker WebDirect
Scripts für Webdirect
• Darauf achten welche Scriptschritte unterstützt werden
• Plattform abfragen
• Fehlerroutinen abfangen
• Scriptrigger, es werden nicht alle unterstützt.
Michael Valentin
FileMaker WebDirect
FileMaker Konferenz 2014 Winterthur
www.filemaker-konferenz.com22
FileMaker Konferenz 2015 Hamburg
www.filemaker-konferenz.com
Michael Valentin
FileMaker WebDirect
Einschränkungen
• RTF wird nicht unterstützt
• Kein Preview
• Mailanhänge
• Von Device einfügen
• Keine Tabellenansicht
• Radiobutton Darstellung
• Drucken -> Plugin zur PDF Erstellung
FileMaker Konferenz 2015 Hamburg
www.filemaker-konferenz.com
Michael Valentin
FileMaker WebDirect
Script-Trigger
Script-Trigger: Die meisten Script-Trigger werden in FileMaker
WebDirect unterstützt. Ausnahmen bilden die Trigger
BeiLayoutTastendruck und BeiObjektTastendruck, die eine große
Menge an Datenverkehr zwischen dem Client und dem Server
generieren würden. FileMaker WebDirect bietet keine Unterstützung für
den Script- Trigger BeiObjektÄndern, um Tasteneingaben in einem Feld
zu überwachen. Das Überwachen der Tastaturanschläge mit
BeiObjektÄndern kann die Leistung verringern oder zu unerwarteten
Ergebnissen führen. Der Script-Trigger BeiObjektÄndern sollte daher in
einer FileMaker WebDirect-Lösung nur mit Objekten verwendet
werden, die keine Tasteneingaben registrieren, z. B. Einblendmenüs,
Markierungsfelder, Auswahlfelder und Kalenderauswahl.
FileMaker Konferenz 2015 Hamburg
www.filemaker-konferenz.com
Michael Valentin
FileMaker WebDirect
Lösung für WebDirect vorbereiten
• Rechte einstellen
• Auf den Server hochladen
• Server für Webdirect aktivieren
• Auf ausreichende gleichzeitige Verbindungen achten
• Pfad zu Webdirect -> Http://<TcpIp>/fmi/webd#
• Adminconsole -> Http://<TcpIp>:16000/admin-console
• Testen, Testen, testen …..
FileMaker Konferenz 2015 Hamburg
www.filemaker-konferenz.com
Michael Valentin
FileMaker WebDirect
Übersicht
FileMaker Konferenz 2015 Hamburg
www.filemaker-konferenz.com
Michael Valentin
FileMaker WebDirect
Ressourcen
• FTS - Bücher (Basic und Advanced)
• http://www.filemaker.com/de/learning/training/fts.html
• WebDirect Handbuch
• Designrichtlinien -> Internet durchsuchen
• http://www.filemaker.com/de/learning/training/fts.html
• https://fmhelp.filemaker.com/docs/14/de/fm14_webdirect_guide.pdf
• https://fmhelp.filemaker.com/docs/14/de/fms14_getting_started.pdf
• FileMaker Community
Vortragende(r)
Titel Vortrag
FileMaker Konferenz 2015 Hamburg
www.filemaker-konferenz.com
Vielen Dank unseren Sponsoren
Danke für das Bewerten dieses Vortrages
FileMaker Konferenz 2015 Hamburg
www.filemaker-konferenz.com
Michael Valentin
FileMaker WebDirect
Vielen Dank

FMK2015: FileMaker 14 Webdirect by Michael Valentin

  • 1.
    Michael Valentin FileMaker Webdirect FileMakerKonferenz 2015 Hamburg www.filemaker-konferenz.com FileMaker Webdirect Einführung und Betrachtungen
  • 2.
    FileMaker Konferenz 2015Hamburg www.filemaker-konferenz.com Michael Valentin FileMaker WebDirect Agenda • Geschichte und Allgemeines • Was ist neu • Voraussetzungen und Anforderungen • Architektur • Bevor man beginnt • Performance Betrachtungen • Scripte • Einschränkung • Publizieren
  • 3.
    FileMaker Konferenz 2015Hamburg www.filemaker-konferenz.com Michael Valentin FileMaker WebDirect Von IWP zu WebDirect • 1996 - WebConnector und Claris Homepage - Daten direkt ins Web • 1997- Einführung von IWP mit der Version FileMaker Pro 4 • Einfaches HTML rendering, Interaktionen waren eingeschränkt. • 2013 - Einführung WebDirect mit FileMaker 13 Produktfamilie • 2015 - Überarbeitung von Webdirect mit FileMaker 14 Produktfamilie
  • 4.
    FileMaker Konferenz 2015Hamburg www.filemaker-konferenz.com Michael Valentin FileMaker WebDirect FileMaker Go FileMaker Pro FileMaker Pro Advanced FileMaker Server FileMaker-Plattform FileMaker WebDirect iPad • iPhone • Windows • Mac • Web
  • 5.
    FileMaker Konferenz 2015Hamburg www.filemaker-konferenz.com Michael Valentin FileMaker WebDirect Neu in FileMaker 14 • Mobile Browser Unterstützung • Neue Werkzeugleiste in Responsive Design • Neue Startzentrale • Beim Öffnen von Web-Optimierten Layouts bis zu 25% schneller • Übergabe von Parameter in der URL • Von Grund auf neu entwickelt
  • 6.
    FileMaker Konferenz 2015Hamburg www.filemaker-konferenz.com Michael Valentin FileMaker WebDirect Apps im Web-Browser
  • 7.
    FileMaker Konferenz 2015Hamburg www.filemaker-konferenz.com Michael Valentin FileMaker WebDirect Voraussetzung • FileMaker Server • Braucht entsprechende Ressourcen deswegen • Hardwarebedingungen beachten • Mit benötigten gleichzeitigen Verbindungen ausstatten • Zum Testen und Entwickeln • FileMaker Developer Subscription ->Testserver • Demoversion (30 Tage)
  • 8.
    FileMaker Konferenz 2015Hamburg www.filemaker-konferenz.com Michael Valentin FileMaker WebDirect Betriebssystemanforderungen OS X Yosemite 10.10 OS X Mavericks 10.9 Windows Server 2012 R2 Standard mit Update MS KB2919355 Windows Server 2008 R2 SP1 Standard oder Enterprise FileMaker Server
  • 9.
    FileMaker Konferenz 2015Hamburg www.filemaker-konferenz.com Michael Valentin FileMaker WebDirect Betriebssystemanforderungen Mobile Browser - Mobile Safari 8.x auf iOS 8.1 - Chrome 38 oder neuer für Android 4.4.x Desktop-Browser - Safari 8.x - IE 10.x und 11.x - Chrome 38 oder neuer FileMaker WebDirect Browser-Unterstützung
  • 10.
    FileMaker Konferenz 2015Hamburg www.filemaker-konferenz.com Michael Valentin FileMaker WebDirect Architektur Ein  Rechner  Konfiguration
  • 11.
    FileMaker Konferenz 2015Hamburg www.filemaker-konferenz.com Michael Valentin FileMaker WebDirect Architektur Hinweis:  Eine  zwei  Server  Konfiguration  ist  möglich,  beschrieben  im  Server  Handbuch,   Kapitel  3  (FMS  14  Getting  started  Guide)
  • 12.
    FileMaker Konferenz 2015Hamburg www.filemaker-konferenz.com Michael Valentin FileMaker WebDirect Architektur Übersicht  der  Ports  bei  jeweiligen  Zugriffen
  • 13.
    FileMaker Konferenz 2015Hamburg www.filemaker-konferenz.com Michael Valentin FileMaker WebDirect FM WebDirect Architektur Web   Client Web   Server Webserver     Komponenten WPE JWPC (Vaadin) DB   Engine FileMaker   Server   (DBS) DB   Engine CorbaHTTP(S) AJP Thrift
  • 14.
    FileMaker Konferenz 2015Hamburg www.filemaker-konferenz.com Michael Valentin FileMaker WebDirect Bevor man beginnt Es  gelten  die  gleichen  Vorgaben  wie     wenn  man  für  mobile  Geräte  und  FM-­‐Go   KISS  -­‐  Prinzip,  Keep  it  Simple  and  Smart
  • 15.
    FileMaker Konferenz 2015Hamburg www.filemaker-konferenz.com Michael Valentin FileMaker WebDirect Bevor man beginnt • Wie sollen die Daten gehostet werden • Extern beim Provider oder Intern • Mit FileMaker Server und der Adminkonsole vertraut sein • Wieviele Benutzer sollen zugreifen • Benutzte Endgeräte und Browser -> Einfluss auf die Layouts • Verwendete Fonts -> Darstellung • Darstellung in verschiedenen Fenster
  • 16.
    FileMaker Konferenz 2015Hamburg www.filemaker-konferenz.com Michael Valentin FileMaker WebDirect Bevor man beginnt • Überlegen welchen Daten im Web dargestellt werden • Wie die Daten fließen • Auf Papier mal das Interface designen • Starterlösungen analysieren (z.B. Projekte) • Relationale Modell überdenken • Webviewer in WebDirect • Reporting und Statistiken (Dynamische Berichte - Ressourcen) • Drucken und PDF erzeugen -> Server und Plugins
  • 17.
    FileMaker Konferenz 2015Hamburg www.filemaker-konferenz.com Michael Valentin FileMaker WebDirect Performance-Betrachtungen • Klassische Themes nicht verwenden ( Jedes Objekt wird einzeln gerendert ) • sondern die neuen Themes benutzen ( Vorverarbeitung ) • Bedingte Formatierungen ( können die Lösung ausbremsen ) • Evtl 1-1 Beziehungen in Betracht ziehen, auflösen der Relationen • Intelligenter Zugriff auf Daten (z.B. erst suchen und dann anzeigen) • Interne SQL Abfragen können Sinnvoll sein • Layouts einfach gestalten (Komplexität, Vielschichtigkeit) • Firefox hat da ein gutes Tool zur Ansicht der Layer
  • 18.
    FileMaker Konferenz 2015Hamburg www.filemaker-konferenz.com Michael Valentin FileMaker WebDirect Beispiele der Komplexität
  • 19.
    FileMaker Konferenz 2015Hamburg www.filemaker-konferenz.com Michael Valentin FileMaker WebDirect Beispiele der Komplexität
  • 20.
    FileMaker Konferenz 2015Hamburg www.filemaker-konferenz.com Michael Valentin FileMaker WebDirect Performance-Betrachtungen • Script auf Server ausführen • Netzwerkumgebung ( Geschwindigkeit der Router und Geräte ) • Eingesetzte Hardware ( Auf Qualität achten ) • Formeln ( Gespeichert und nicht gespeichert ) • Browser bieten verschiedenen Möglichkeiten zum Monitoring • Monitorfunktion des FileMaker-Servers nutzen
  • 21.
    FileMaker Konferenz 2015Hamburg www.filemaker-konferenz.com Michael Valentin FileMaker WebDirect Scripts für Webdirect • Darauf achten welche Scriptschritte unterstützt werden • Plattform abfragen • Fehlerroutinen abfangen • Scriptrigger, es werden nicht alle unterstützt.
  • 22.
    Michael Valentin FileMaker WebDirect FileMakerKonferenz 2014 Winterthur www.filemaker-konferenz.com22
  • 23.
    FileMaker Konferenz 2015Hamburg www.filemaker-konferenz.com Michael Valentin FileMaker WebDirect Einschränkungen • RTF wird nicht unterstützt • Kein Preview • Mailanhänge • Von Device einfügen • Keine Tabellenansicht • Radiobutton Darstellung • Drucken -> Plugin zur PDF Erstellung
  • 24.
    FileMaker Konferenz 2015Hamburg www.filemaker-konferenz.com Michael Valentin FileMaker WebDirect Script-Trigger Script-Trigger: Die meisten Script-Trigger werden in FileMaker WebDirect unterstützt. Ausnahmen bilden die Trigger BeiLayoutTastendruck und BeiObjektTastendruck, die eine große Menge an Datenverkehr zwischen dem Client und dem Server generieren würden. FileMaker WebDirect bietet keine Unterstützung für den Script- Trigger BeiObjektÄndern, um Tasteneingaben in einem Feld zu überwachen. Das Überwachen der Tastaturanschläge mit BeiObjektÄndern kann die Leistung verringern oder zu unerwarteten Ergebnissen führen. Der Script-Trigger BeiObjektÄndern sollte daher in einer FileMaker WebDirect-Lösung nur mit Objekten verwendet werden, die keine Tasteneingaben registrieren, z. B. Einblendmenüs, Markierungsfelder, Auswahlfelder und Kalenderauswahl.
  • 25.
    FileMaker Konferenz 2015Hamburg www.filemaker-konferenz.com Michael Valentin FileMaker WebDirect Lösung für WebDirect vorbereiten • Rechte einstellen • Auf den Server hochladen • Server für Webdirect aktivieren • Auf ausreichende gleichzeitige Verbindungen achten • Pfad zu Webdirect -> Http://<TcpIp>/fmi/webd# • Adminconsole -> Http://<TcpIp>:16000/admin-console • Testen, Testen, testen …..
  • 26.
    FileMaker Konferenz 2015Hamburg www.filemaker-konferenz.com Michael Valentin FileMaker WebDirect Übersicht
  • 27.
    FileMaker Konferenz 2015Hamburg www.filemaker-konferenz.com Michael Valentin FileMaker WebDirect Ressourcen • FTS - Bücher (Basic und Advanced) • http://www.filemaker.com/de/learning/training/fts.html • WebDirect Handbuch • Designrichtlinien -> Internet durchsuchen • http://www.filemaker.com/de/learning/training/fts.html • https://fmhelp.filemaker.com/docs/14/de/fm14_webdirect_guide.pdf • https://fmhelp.filemaker.com/docs/14/de/fms14_getting_started.pdf • FileMaker Community
  • 28.
    Vortragende(r) Titel Vortrag FileMaker Konferenz2015 Hamburg www.filemaker-konferenz.com Vielen Dank unseren Sponsoren Danke für das Bewerten dieses Vortrages
  • 29.
    FileMaker Konferenz 2015Hamburg www.filemaker-konferenz.com Michael Valentin FileMaker WebDirect Vielen Dank