SlideShare ist ein Scribd-Unternehmen logo

FMK2016 - Marcel Moré - The Power of SVG

Marcel Moré zeigt an der FileMaker Konferenz 2016 in Salzburg wie mit SVG mehr aus FileMaker geholt werden kann.

1 von 138
Downloaden Sie, um offline zu lesen
Marcel Moré
The Power of SVG
FileMaker Konferenz 2016 Salzburg
www.filemaker-konferenz.com
The Power of SVG
Marcel Moré
Marcel Moré
The Power of SVG
FileMaker Konferenz 2016 Salzburg
www.filemaker-konferenz.com
Marcel Moré
Daten-Stylist
• gibt seit 24 Jahren
FileMaker-Anwendungen
eine klare Kontur
• hat den scharfen Blick fürs
visuelle Erscheinungsbild
• frisiert Ihre Daten
mit Programmiersprachen
in 17 Colorationen
• immer die passende
Grafik-Bibliothek für den
unverwechselbaren Look...
@mmore
The Power of SVG
The Power of SVG
Was Euch in den nächsten 90 Min erwartet:
• Worum geht es?
• Was ist SVG?
• Was kann man damit machen?
• Wie geht das in FileMaker?
Marcel Moré
The Power of SVG
FileMaker Konferenz 2016 Salzburg
www.filemaker-konferenz.com
Worum geht es?
Marcel Moré
The Power of SVG
FileMaker Konferenz 2016 Salzburg
www.filemaker-konferenz.com
Was wäre wenn...

Recomendados

FMK2016 - Karsten Risseeuw - Dynamische Navigation
FMK2016 - Karsten Risseeuw - Dynamische NavigationFMK2016 - Karsten Risseeuw - Dynamische Navigation
FMK2016 - Karsten Risseeuw - Dynamische NavigationVerein FM Konferenz
 
FMK2016 - Christian Schmitz - MBS FileMaker Plugin
FMK2016 - Christian Schmitz - MBS FileMaker PluginFMK2016 - Christian Schmitz - MBS FileMaker Plugin
FMK2016 - Christian Schmitz - MBS FileMaker PluginVerein FM Konferenz
 
FMK2016 - Russell Watson - Überleben im Design und Stile Dschungel
FMK2016 - Russell Watson - Überleben im Design und Stile DschungelFMK2016 - Russell Watson - Überleben im Design und Stile Dschungel
FMK2016 - Russell Watson - Überleben im Design und Stile DschungelVerein FM Konferenz
 
FMK2016 - Volker Krambrich - FileMaker Cloud - Amazon Web Services
FMK2016 - Volker Krambrich - FileMaker Cloud - Amazon Web ServicesFMK2016 - Volker Krambrich - FileMaker Cloud - Amazon Web Services
FMK2016 - Volker Krambrich - FileMaker Cloud - Amazon Web ServicesVerein FM Konferenz
 
FMK2016 - Longin Ziegler - Schritt für Schritt zum eigenen Kalender
FMK2016 - Longin Ziegler - Schritt für Schritt zum eigenen KalenderFMK2016 - Longin Ziegler - Schritt für Schritt zum eigenen Kalender
FMK2016 - Longin Ziegler - Schritt für Schritt zum eigenen KalenderVerein FM Konferenz
 
FMK2015: The Power of JavaScript by Marcel Moré
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 Konferenz
 
FMK2016 - Volker Krambrich und Holger Darjus - Langfristige Kundenbindung
FMK2016 - Volker Krambrich und Holger Darjus - Langfristige KundenbindungFMK2016 - Volker Krambrich und Holger Darjus - Langfristige Kundenbindung
FMK2016 - Volker Krambrich und Holger Darjus - Langfristige KundenbindungVerein FM Konferenz
 
FMK2016 - Holger Darjus - Das Transistor-Prinzip
FMK2016 - Holger Darjus - Das Transistor-PrinzipFMK2016 - Holger Darjus - Das Transistor-Prinzip
FMK2016 - Holger Darjus - Das Transistor-PrinzipVerein FM Konferenz
 

Más contenido relacionado

Was ist angesagt?

FMK2016 - Holger Darjus und Jörg Köster - Migration und Synchronisation
FMK2016 - Holger Darjus und Jörg Köster - Migration und SynchronisationFMK2016 - Holger Darjus und Jörg Köster - Migration und Synchronisation
FMK2016 - Holger Darjus und Jörg Köster - Migration und SynchronisationVerein FM Konferenz
 
FMK2016 - Michael Valentin - FileMaker 15 Plattform
FMK2016 - Michael Valentin - FileMaker 15 PlattformFMK2016 - Michael Valentin - FileMaker 15 Plattform
FMK2016 - Michael Valentin - FileMaker 15 PlattformVerein FM Konferenz
 
FMK2016 - Arnold Kegebein - Recycling
FMK2016 - Arnold Kegebein - RecyclingFMK2016 - Arnold Kegebein - Recycling
FMK2016 - Arnold Kegebein - RecyclingVerein FM Konferenz
 
FMK2016 - Ingo Thoden - Etikettendruck in über 20 Sprachen
FMK2016 - Ingo Thoden - Etikettendruck in über 20 SprachenFMK2016 - Ingo Thoden - Etikettendruck in über 20 Sprachen
FMK2016 - Ingo Thoden - Etikettendruck in über 20 SprachenVerein FM Konferenz
 
FMK2017 - Die Anker Boje Methode by Gerhard Schwingenschlögl
FMK2017 - Die Anker Boje Methode by Gerhard SchwingenschlöglFMK2017 - Die Anker Boje Methode by Gerhard Schwingenschlögl
FMK2017 - Die Anker Boje Methode by Gerhard SchwingenschlöglVerein FM Konferenz
 
FMK2016 - Arnold Kegebein - User Interface: Panel Window
FMK2016 - Arnold Kegebein - User Interface: Panel WindowFMK2016 - Arnold Kegebein - User Interface: Panel Window
FMK2016 - Arnold Kegebein - User Interface: Panel WindowVerein FM Konferenz
 
FMK 2016 - Thomas Hirt - FileMaker Server SSL Zertifikate
FMK 2016 - Thomas Hirt - FileMaker Server SSL ZertifikateFMK 2016 - Thomas Hirt - FileMaker Server SSL Zertifikate
FMK 2016 - Thomas Hirt - FileMaker Server SSL ZertifikateVerein FM Konferenz
 
FMK 2016 - Robert Kaiser - FileMaker iOS App SDK
FMK 2016 - Robert Kaiser - FileMaker iOS App SDKFMK 2016 - Robert Kaiser - FileMaker iOS App SDK
FMK 2016 - Robert Kaiser - FileMaker iOS App SDKVerein FM Konferenz
 
FMK2016 - Thomas Hirt- UML für FileMaker Entwickler
FMK2016 - Thomas Hirt- UML für FileMaker EntwicklerFMK2016 - Thomas Hirt- UML für FileMaker Entwickler
FMK2016 - Thomas Hirt- UML für FileMaker EntwicklerVerein FM Konferenz
 
FMK2016 - Christian Schmitz - Einblick in das FileMaker SDK für iOS
FMK2016 - Christian Schmitz - Einblick in das FileMaker SDK für iOSFMK2016 - Christian Schmitz - Einblick in das FileMaker SDK für iOS
FMK2016 - Christian Schmitz - Einblick in das FileMaker SDK für iOSVerein FM Konferenz
 
FMK2015: Entwicklung von modernen Benutzeroberflächen mit FileMaker Pro by Ad...
FMK2015: Entwicklung von modernen Benutzeroberflächen mit FileMaker Pro by Ad...FMK2015: Entwicklung von modernen Benutzeroberflächen mit FileMaker Pro by Ad...
FMK2015: Entwicklung von modernen Benutzeroberflächen mit FileMaker Pro by Ad...Verein FM Konferenz
 
FMK2017 - Das FileMaker Selector-Connector Modell - Wie kann ich es sinnvoll ...
FMK2017 - Das FileMaker Selector-Connector Modell - Wie kann ich es sinnvoll ...FMK2017 - Das FileMaker Selector-Connector Modell - Wie kann ich es sinnvoll ...
FMK2017 - Das FileMaker Selector-Connector Modell - Wie kann ich es sinnvoll ...Verein FM Konferenz
 
FMK2017 - Der Bug - des Entwicklers Fluch by Jörg Köster
FMK2017 - Der Bug - des Entwicklers Fluch by Jörg KösterFMK2017 - Der Bug - des Entwicklers Fluch by Jörg Köster
FMK2017 - Der Bug - des Entwicklers Fluch by Jörg KösterVerein FM Konferenz
 
FMK2017 - GUI Tipps für mobile Lösungen by Robert Kaiser
FMK2017 - GUI Tipps für mobile Lösungen by Robert KaiserFMK2017 - GUI Tipps für mobile Lösungen by Robert Kaiser
FMK2017 - GUI Tipps für mobile Lösungen by Robert KaiserVerein FM Konferenz
 
FMK2017 - Eine Bilddatenbank mit FileMaker erstellen by Karsten Risseeuw
FMK2017 - Eine Bilddatenbank mit FileMaker erstellen by Karsten RisseeuwFMK2017 - Eine Bilddatenbank mit FileMaker erstellen by Karsten Risseeuw
FMK2017 - Eine Bilddatenbank mit FileMaker erstellen by Karsten RisseeuwVerein FM Konferenz
 
FMK2015: Virtuelle Tabellen by Arnold Kegebein
FMK2015: Virtuelle Tabellen by Arnold KegebeinFMK2015: Virtuelle Tabellen by Arnold Kegebein
FMK2015: Virtuelle Tabellen by Arnold KegebeinVerein FM Konferenz
 
FMK2017 - Tools für FileMaker Entwickler by Alexis Gehrt
FMK2017 -  Tools für FileMaker Entwickler by Alexis GehrtFMK2017 -  Tools für FileMaker Entwickler by Alexis Gehrt
FMK2017 - Tools für FileMaker Entwickler by Alexis GehrtVerein FM Konferenz
 
FMK2017 - Zeit und Datum in FileMaker by Arnold Kegebein
FMK2017 - Zeit und Datum in FileMaker by Arnold KegebeinFMK2017 - Zeit und Datum in FileMaker by Arnold Kegebein
FMK2017 - Zeit und Datum in FileMaker by Arnold KegebeinVerein FM Konferenz
 
FMK2017 - Wordpress und FileMaker by Karsten Risseeuw
FMK2017 - Wordpress und FileMaker by Karsten RisseeuwFMK2017 - Wordpress und FileMaker by Karsten Risseeuw
FMK2017 - Wordpress und FileMaker by Karsten RisseeuwVerein FM Konferenz
 
FMK2017 - Vortrag FileMaker als Frontend zum Aktuallisieren von dynamischen W...
FMK2017 - Vortrag FileMaker als Frontend zum Aktuallisieren von dynamischen W...FMK2017 - Vortrag FileMaker als Frontend zum Aktuallisieren von dynamischen W...
FMK2017 - Vortrag FileMaker als Frontend zum Aktuallisieren von dynamischen W...Verein FM Konferenz
 

Was ist angesagt? (20)

FMK2016 - Holger Darjus und Jörg Köster - Migration und Synchronisation
FMK2016 - Holger Darjus und Jörg Köster - Migration und SynchronisationFMK2016 - Holger Darjus und Jörg Köster - Migration und Synchronisation
FMK2016 - Holger Darjus und Jörg Köster - Migration und Synchronisation
 
FMK2016 - Michael Valentin - FileMaker 15 Plattform
FMK2016 - Michael Valentin - FileMaker 15 PlattformFMK2016 - Michael Valentin - FileMaker 15 Plattform
FMK2016 - Michael Valentin - FileMaker 15 Plattform
 
FMK2016 - Arnold Kegebein - Recycling
FMK2016 - Arnold Kegebein - RecyclingFMK2016 - Arnold Kegebein - Recycling
FMK2016 - Arnold Kegebein - Recycling
 
FMK2016 - Ingo Thoden - Etikettendruck in über 20 Sprachen
FMK2016 - Ingo Thoden - Etikettendruck in über 20 SprachenFMK2016 - Ingo Thoden - Etikettendruck in über 20 Sprachen
FMK2016 - Ingo Thoden - Etikettendruck in über 20 Sprachen
 
FMK2017 - Die Anker Boje Methode by Gerhard Schwingenschlögl
FMK2017 - Die Anker Boje Methode by Gerhard SchwingenschlöglFMK2017 - Die Anker Boje Methode by Gerhard Schwingenschlögl
FMK2017 - Die Anker Boje Methode by Gerhard Schwingenschlögl
 
FMK2016 - Arnold Kegebein - User Interface: Panel Window
FMK2016 - Arnold Kegebein - User Interface: Panel WindowFMK2016 - Arnold Kegebein - User Interface: Panel Window
FMK2016 - Arnold Kegebein - User Interface: Panel Window
 
FMK 2016 - Thomas Hirt - FileMaker Server SSL Zertifikate
FMK 2016 - Thomas Hirt - FileMaker Server SSL ZertifikateFMK 2016 - Thomas Hirt - FileMaker Server SSL Zertifikate
FMK 2016 - Thomas Hirt - FileMaker Server SSL Zertifikate
 
FMK 2016 - Robert Kaiser - FileMaker iOS App SDK
FMK 2016 - Robert Kaiser - FileMaker iOS App SDKFMK 2016 - Robert Kaiser - FileMaker iOS App SDK
FMK 2016 - Robert Kaiser - FileMaker iOS App SDK
 
FMK2016 - Thomas Hirt- UML für FileMaker Entwickler
FMK2016 - Thomas Hirt- UML für FileMaker EntwicklerFMK2016 - Thomas Hirt- UML für FileMaker Entwickler
FMK2016 - Thomas Hirt- UML für FileMaker Entwickler
 
FMK2016 - Christian Schmitz - Einblick in das FileMaker SDK für iOS
FMK2016 - Christian Schmitz - Einblick in das FileMaker SDK für iOSFMK2016 - Christian Schmitz - Einblick in das FileMaker SDK für iOS
FMK2016 - Christian Schmitz - Einblick in das FileMaker SDK für iOS
 
FMK2015: Entwicklung von modernen Benutzeroberflächen mit FileMaker Pro by Ad...
FMK2015: Entwicklung von modernen Benutzeroberflächen mit FileMaker Pro by Ad...FMK2015: Entwicklung von modernen Benutzeroberflächen mit FileMaker Pro by Ad...
FMK2015: Entwicklung von modernen Benutzeroberflächen mit FileMaker Pro by Ad...
 
FMK2017 - Das FileMaker Selector-Connector Modell - Wie kann ich es sinnvoll ...
FMK2017 - Das FileMaker Selector-Connector Modell - Wie kann ich es sinnvoll ...FMK2017 - Das FileMaker Selector-Connector Modell - Wie kann ich es sinnvoll ...
FMK2017 - Das FileMaker Selector-Connector Modell - Wie kann ich es sinnvoll ...
 
FMK2017 - Der Bug - des Entwicklers Fluch by Jörg Köster
FMK2017 - Der Bug - des Entwicklers Fluch by Jörg KösterFMK2017 - Der Bug - des Entwicklers Fluch by Jörg Köster
FMK2017 - Der Bug - des Entwicklers Fluch by Jörg Köster
 
FMK2017 - GUI Tipps für mobile Lösungen by Robert Kaiser
FMK2017 - GUI Tipps für mobile Lösungen by Robert KaiserFMK2017 - GUI Tipps für mobile Lösungen by Robert Kaiser
FMK2017 - GUI Tipps für mobile Lösungen by Robert Kaiser
 
FMK2017 - Eine Bilddatenbank mit FileMaker erstellen by Karsten Risseeuw
FMK2017 - Eine Bilddatenbank mit FileMaker erstellen by Karsten RisseeuwFMK2017 - Eine Bilddatenbank mit FileMaker erstellen by Karsten Risseeuw
FMK2017 - Eine Bilddatenbank mit FileMaker erstellen by Karsten Risseeuw
 
FMK2015: Virtuelle Tabellen by Arnold Kegebein
FMK2015: Virtuelle Tabellen by Arnold KegebeinFMK2015: Virtuelle Tabellen by Arnold Kegebein
FMK2015: Virtuelle Tabellen by Arnold Kegebein
 
FMK2017 - Tools für FileMaker Entwickler by Alexis Gehrt
FMK2017 -  Tools für FileMaker Entwickler by Alexis GehrtFMK2017 -  Tools für FileMaker Entwickler by Alexis Gehrt
FMK2017 - Tools für FileMaker Entwickler by Alexis Gehrt
 
FMK2017 - Zeit und Datum in FileMaker by Arnold Kegebein
FMK2017 - Zeit und Datum in FileMaker by Arnold KegebeinFMK2017 - Zeit und Datum in FileMaker by Arnold Kegebein
FMK2017 - Zeit und Datum in FileMaker by Arnold Kegebein
 
FMK2017 - Wordpress und FileMaker by Karsten Risseeuw
FMK2017 - Wordpress und FileMaker by Karsten RisseeuwFMK2017 - Wordpress und FileMaker by Karsten Risseeuw
FMK2017 - Wordpress und FileMaker by Karsten Risseeuw
 
FMK2017 - Vortrag FileMaker als Frontend zum Aktuallisieren von dynamischen W...
FMK2017 - Vortrag FileMaker als Frontend zum Aktuallisieren von dynamischen W...FMK2017 - Vortrag FileMaker als Frontend zum Aktuallisieren von dynamischen W...
FMK2017 - Vortrag FileMaker als Frontend zum Aktuallisieren von dynamischen W...
 

Destacado

FMK 2013, Gestaltung von Benutzeroberflächen, Karsten Risseeuw
FMK 2013, Gestaltung von Benutzeroberflächen, Karsten RisseeuwFMK 2013, Gestaltung von Benutzeroberflächen, Karsten Risseeuw
FMK 2013, Gestaltung von Benutzeroberflächen, Karsten RisseeuwVerein FM Konferenz
 
FMK2015: Beziehungen Mehr als Anker und Bojen by Volker Krambrich und Adam Au...
FMK2015: Beziehungen Mehr als Anker und Bojen by Volker Krambrich und Adam Au...FMK2015: Beziehungen Mehr als Anker und Bojen by Volker Krambrich und Adam Au...
FMK2015: Beziehungen Mehr als Anker und Bojen by Volker Krambrich und Adam Au...Verein FM Konferenz
 
FMK2015: Benutzerverwaltung in kleinen und großen Lösungen 2 by Yvonne Krümling
FMK2015: Benutzerverwaltung in kleinen und großen Lösungen 2 by Yvonne KrümlingFMK2015: Benutzerverwaltung in kleinen und großen Lösungen 2 by Yvonne Krümling
FMK2015: Benutzerverwaltung in kleinen und großen Lösungen 2 by Yvonne KrümlingVerein FM Konferenz
 
FMK2015: Benutzerverwaltung in kleinen und großen Lösungen 1 by Yvonne Krümling
FMK2015: Benutzerverwaltung in kleinen und großen Lösungen 1 by Yvonne KrümlingFMK2015: Benutzerverwaltung in kleinen und großen Lösungen 1 by Yvonne Krümling
FMK2015: Benutzerverwaltung in kleinen und großen Lösungen 1 by Yvonne KrümlingVerein FM Konferenz
 
FMK2016 - Honza Koudelka - FileMaker 15 Performance Test Results
FMK2016 - Honza Koudelka - FileMaker 15 Performance Test ResultsFMK2016 - Honza Koudelka - FileMaker 15 Performance Test Results
FMK2016 - Honza Koudelka - FileMaker 15 Performance Test ResultsVerein FM Konferenz
 
FMK2015: Reguläre Ausdrücke by Arnold Kegebein
FMK2015: Reguläre Ausdrücke by Arnold KegebeinFMK2015: Reguläre Ausdrücke by Arnold Kegebein
FMK2015: Reguläre Ausdrücke by Arnold KegebeinVerein FM Konferenz
 
Atelier veille et prospection en btob nouvelles techniques - 14112013 - dif...
Atelier   veille et prospection en btob nouvelles techniques - 14112013 - dif...Atelier   veille et prospection en btob nouvelles techniques - 14112013 - dif...
Atelier veille et prospection en btob nouvelles techniques - 14112013 - dif...echangeurba
 
FileMaker 13 - Neue Befehle und mehr Möglichkeiten by Patrick Risch
FileMaker 13 - Neue Befehle und mehr Möglichkeiten by Patrick RischFileMaker 13 - Neue Befehle und mehr Möglichkeiten by Patrick Risch
FileMaker 13 - Neue Befehle und mehr Möglichkeiten by Patrick RischVerein FM Konferenz
 
FMK 2013 Design, Gestaltungsmittel in Layouts, Arnold Kegebein
FMK 2013 Design, Gestaltungsmittel in Layouts, Arnold KegebeinFMK 2013 Design, Gestaltungsmittel in Layouts, Arnold Kegebein
FMK 2013 Design, Gestaltungsmittel in Layouts, Arnold KegebeinVerein FM Konferenz
 
FMK2015: FileMaker Grundlagen Felder Tabellen Beziehungen by Longin Ziegler
FMK2015: FileMaker Grundlagen Felder Tabellen Beziehungen by Longin ZieglerFMK2015: FileMaker Grundlagen Felder Tabellen Beziehungen by Longin Ziegler
FMK2015: FileMaker Grundlagen Felder Tabellen Beziehungen by Longin ZieglerVerein FM Konferenz
 
Fmk2013 datenmodelle krambrich-brändle (rev)
Fmk2013 datenmodelle krambrich-brändle (rev)Fmk2013 datenmodelle krambrich-brändle (rev)
Fmk2013 datenmodelle krambrich-brändle (rev)Verein FM Konferenz
 
FMK2015: Strukturierte Namensgebung als Basis für komplexe Programmierung by ...
FMK2015: Strukturierte Namensgebung als Basis für komplexe Programmierung by ...FMK2015: Strukturierte Namensgebung als Basis für komplexe Programmierung by ...
FMK2015: Strukturierte Namensgebung als Basis für komplexe Programmierung by ...Verein FM Konferenz
 
Panorama 2013 du Business Process Management : Le BPM en marche
Panorama 2013 du Business Process Management : Le BPM en marchePanorama 2013 du Business Process Management : Le BPM en marche
Panorama 2013 du Business Process Management : Le BPM en marcheEY
 
FMK2014: FileMaker Module by Holger Darjus
FMK2014: FileMaker Module by Holger DarjusFMK2014: FileMaker Module by Holger Darjus
FMK2014: FileMaker Module by Holger DarjusVerein FM Konferenz
 
Daten fakten zum gesundheitswesen fopi status juni 2015
Daten fakten zum gesundheitswesen fopi status juni 2015Daten fakten zum gesundheitswesen fopi status juni 2015
Daten fakten zum gesundheitswesen fopi status juni 2015casatch
 
Rencontres régionales HAS 2012 (Lille) - Chirurgie ambulatoire, vecteur de qu...
Rencontres régionales HAS 2012 (Lille) - Chirurgie ambulatoire, vecteur de qu...Rencontres régionales HAS 2012 (Lille) - Chirurgie ambulatoire, vecteur de qu...
Rencontres régionales HAS 2012 (Lille) - Chirurgie ambulatoire, vecteur de qu...Haute Autorité de Santé
 

Destacado (17)

FMK 2013, Gestaltung von Benutzeroberflächen, Karsten Risseeuw
FMK 2013, Gestaltung von Benutzeroberflächen, Karsten RisseeuwFMK 2013, Gestaltung von Benutzeroberflächen, Karsten Risseeuw
FMK 2013, Gestaltung von Benutzeroberflächen, Karsten Risseeuw
 
FMK2015: Beziehungen Mehr als Anker und Bojen by Volker Krambrich und Adam Au...
FMK2015: Beziehungen Mehr als Anker und Bojen by Volker Krambrich und Adam Au...FMK2015: Beziehungen Mehr als Anker und Bojen by Volker Krambrich und Adam Au...
FMK2015: Beziehungen Mehr als Anker und Bojen by Volker Krambrich und Adam Au...
 
FMK2015: Benutzerverwaltung in kleinen und großen Lösungen 2 by Yvonne Krümling
FMK2015: Benutzerverwaltung in kleinen und großen Lösungen 2 by Yvonne KrümlingFMK2015: Benutzerverwaltung in kleinen und großen Lösungen 2 by Yvonne Krümling
FMK2015: Benutzerverwaltung in kleinen und großen Lösungen 2 by Yvonne Krümling
 
FMK2015: Benutzerverwaltung in kleinen und großen Lösungen 1 by Yvonne Krümling
FMK2015: Benutzerverwaltung in kleinen und großen Lösungen 1 by Yvonne KrümlingFMK2015: Benutzerverwaltung in kleinen und großen Lösungen 1 by Yvonne Krümling
FMK2015: Benutzerverwaltung in kleinen und großen Lösungen 1 by Yvonne Krümling
 
FMK2016 - Honza Koudelka - FileMaker 15 Performance Test Results
FMK2016 - Honza Koudelka - FileMaker 15 Performance Test ResultsFMK2016 - Honza Koudelka - FileMaker 15 Performance Test Results
FMK2016 - Honza Koudelka - FileMaker 15 Performance Test Results
 
Du travail virtuel (teletravail) au BYOD
Du travail virtuel (teletravail) au BYODDu travail virtuel (teletravail) au BYOD
Du travail virtuel (teletravail) au BYOD
 
FMK2015: Reguläre Ausdrücke by Arnold Kegebein
FMK2015: Reguläre Ausdrücke by Arnold KegebeinFMK2015: Reguläre Ausdrücke by Arnold Kegebein
FMK2015: Reguläre Ausdrücke by Arnold Kegebein
 
Atelier veille et prospection en btob nouvelles techniques - 14112013 - dif...
Atelier   veille et prospection en btob nouvelles techniques - 14112013 - dif...Atelier   veille et prospection en btob nouvelles techniques - 14112013 - dif...
Atelier veille et prospection en btob nouvelles techniques - 14112013 - dif...
 
FileMaker 13 - Neue Befehle und mehr Möglichkeiten by Patrick Risch
FileMaker 13 - Neue Befehle und mehr Möglichkeiten by Patrick RischFileMaker 13 - Neue Befehle und mehr Möglichkeiten by Patrick Risch
FileMaker 13 - Neue Befehle und mehr Möglichkeiten by Patrick Risch
 
FMK 2013 Design, Gestaltungsmittel in Layouts, Arnold Kegebein
FMK 2013 Design, Gestaltungsmittel in Layouts, Arnold KegebeinFMK 2013 Design, Gestaltungsmittel in Layouts, Arnold Kegebein
FMK 2013 Design, Gestaltungsmittel in Layouts, Arnold Kegebein
 
FMK2015: FileMaker Grundlagen Felder Tabellen Beziehungen by Longin Ziegler
FMK2015: FileMaker Grundlagen Felder Tabellen Beziehungen by Longin ZieglerFMK2015: FileMaker Grundlagen Felder Tabellen Beziehungen by Longin Ziegler
FMK2015: FileMaker Grundlagen Felder Tabellen Beziehungen by Longin Ziegler
 
Fmk2013 datenmodelle krambrich-brändle (rev)
Fmk2013 datenmodelle krambrich-brändle (rev)Fmk2013 datenmodelle krambrich-brändle (rev)
Fmk2013 datenmodelle krambrich-brändle (rev)
 
FMK2015: Strukturierte Namensgebung als Basis für komplexe Programmierung by ...
FMK2015: Strukturierte Namensgebung als Basis für komplexe Programmierung by ...FMK2015: Strukturierte Namensgebung als Basis für komplexe Programmierung by ...
FMK2015: Strukturierte Namensgebung als Basis für komplexe Programmierung by ...
 
Panorama 2013 du Business Process Management : Le BPM en marche
Panorama 2013 du Business Process Management : Le BPM en marchePanorama 2013 du Business Process Management : Le BPM en marche
Panorama 2013 du Business Process Management : Le BPM en marche
 
FMK2014: FileMaker Module by Holger Darjus
FMK2014: FileMaker Module by Holger DarjusFMK2014: FileMaker Module by Holger Darjus
FMK2014: FileMaker Module by Holger Darjus
 
Daten fakten zum gesundheitswesen fopi status juni 2015
Daten fakten zum gesundheitswesen fopi status juni 2015Daten fakten zum gesundheitswesen fopi status juni 2015
Daten fakten zum gesundheitswesen fopi status juni 2015
 
Rencontres régionales HAS 2012 (Lille) - Chirurgie ambulatoire, vecteur de qu...
Rencontres régionales HAS 2012 (Lille) - Chirurgie ambulatoire, vecteur de qu...Rencontres régionales HAS 2012 (Lille) - Chirurgie ambulatoire, vecteur de qu...
Rencontres régionales HAS 2012 (Lille) - Chirurgie ambulatoire, vecteur de qu...
 

Ähnlich wie FMK2016 - Marcel Moré - The Power of SVG

FMK2022 Arbeiten mit SVG in FileMaker - Robert Kaiser
FMK2022 Arbeiten mit SVG in FileMaker - Robert KaiserFMK2022 Arbeiten mit SVG in FileMaker - Robert Kaiser
FMK2022 Arbeiten mit SVG in FileMaker - Robert KaiserVerein FM Konferenz
 
Webapplikationen der Zukunft - HTML5 und CSS3 auf dem iPhone
Webapplikationen der Zukunft - HTML5 und CSS3 auf dem iPhoneWebapplikationen der Zukunft - HTML5 und CSS3 auf dem iPhone
Webapplikationen der Zukunft - HTML5 und CSS3 auf dem iPhonedie.agilen GmbH
 
Icons im Web: Roundtrip for a better web experience
Icons im Web: Roundtrip for a better web experienceIcons im Web: Roundtrip for a better web experience
Icons im Web: Roundtrip for a better web experienceMarkus Greve
 
Aber schnell! Top HTML5 Performance Tipps für Hybrid- und Web-Apps
Aber schnell! Top HTML5 Performance Tipps für Hybrid- und Web-AppsAber schnell! Top HTML5 Performance Tipps für Hybrid- und Web-Apps
Aber schnell! Top HTML5 Performance Tipps für Hybrid- und Web-AppsGregor Biswanger
 
Robuste Design Systems mit Storybook und Angular: vom Konzept zur lebendigen ...
Robuste Design Systems mit Storybook und Angular: vom Konzept zur lebendigen ...Robuste Design Systems mit Storybook und Angular: vom Konzept zur lebendigen ...
Robuste Design Systems mit Storybook und Angular: vom Konzept zur lebendigen ...Andreas Wissel
 
FMK 2013 Entwickler Werkzeuge, Marcel Moré
FMK 2013 Entwickler Werkzeuge, Marcel MoréFMK 2013 Entwickler Werkzeuge, Marcel Moré
FMK 2013 Entwickler Werkzeuge, Marcel MoréVerein FM Konferenz
 
Gobas q.trans - modellgetriebene Softwareentwicklung mit SAP® ABAP OO
Gobas q.trans - modellgetriebene Softwareentwicklung mit SAP® ABAP OOGobas q.trans - modellgetriebene Softwareentwicklung mit SAP® ABAP OO
Gobas q.trans - modellgetriebene Softwareentwicklung mit SAP® ABAP OOGobas GmbH
 
The Future is now! Flexbox und fancy Stuff im Responsive Webdesign
The Future is now! Flexbox und fancy Stuff im Responsive WebdesignThe Future is now! Flexbox und fancy Stuff im Responsive Webdesign
The Future is now! Flexbox und fancy Stuff im Responsive WebdesignPeter Rozek
 
Scalable Vector Graphics (SVG)
Scalable Vector Graphics (SVG)Scalable Vector Graphics (SVG)
Scalable Vector Graphics (SVG)nikflip
 
Scala.js at code.talks 2014, Hamburg
Scala.js at code.talks 2014, HamburgScala.js at code.talks 2014, Hamburg
Scala.js at code.talks 2014, HamburgLutz Hühnken
 
There and back again - Responsive Webdesign mit WordPress
There and back again - Responsive Webdesign mit WordPress There and back again - Responsive Webdesign mit WordPress
There and back again - Responsive Webdesign mit WordPress Michael Oeser
 
Schwachstellen In Sap Web Anwendungen (OWASP Germany 2009)
Schwachstellen In Sap Web Anwendungen (OWASP Germany 2009)Schwachstellen In Sap Web Anwendungen (OWASP Germany 2009)
Schwachstellen In Sap Web Anwendungen (OWASP Germany 2009)sebastianschinzel
 
OpenLaszlo - Advanced RIAs for the OpenWeb
OpenLaszlo - Advanced RIAs for the OpenWebOpenLaszlo - Advanced RIAs for the OpenWeb
OpenLaszlo - Advanced RIAs for the OpenWebRaju Bitter
 
Erhöhte User Experience durch moderne Webtechnologien
Erhöhte User Experience durch moderne WebtechnologienErhöhte User Experience durch moderne Webtechnologien
Erhöhte User Experience durch moderne WebtechnologienOliver Wana
 
Responsive Webdesign - Unter der Haube
Responsive Webdesign - Unter der HaubeResponsive Webdesign - Unter der Haube
Responsive Webdesign - Unter der Haubefalconwhite
 
FMK2015: FrameWork Konzepte in FileMaker Pro by Wolfgang Wunderlich
FMK2015: FrameWork Konzepte in FileMaker Pro by Wolfgang WunderlichFMK2015: FrameWork Konzepte in FileMaker Pro by Wolfgang Wunderlich
FMK2015: FrameWork Konzepte in FileMaker Pro by Wolfgang WunderlichVerein FM Konferenz
 

Ähnlich wie FMK2016 - Marcel Moré - The Power of SVG (20)

FMK2022 Arbeiten mit SVG in FileMaker - Robert Kaiser
FMK2022 Arbeiten mit SVG in FileMaker - Robert KaiserFMK2022 Arbeiten mit SVG in FileMaker - Robert Kaiser
FMK2022 Arbeiten mit SVG in FileMaker - Robert Kaiser
 
Softwarebasierte Barrieren im Designprozess einreissen. (UIG Frühjahrstagung ...
Softwarebasierte Barrieren im Designprozess einreissen. (UIG Frühjahrstagung ...Softwarebasierte Barrieren im Designprozess einreissen. (UIG Frühjahrstagung ...
Softwarebasierte Barrieren im Designprozess einreissen. (UIG Frühjahrstagung ...
 
Webapplikationen der Zukunft - HTML5 und CSS3 auf dem iPhone
Webapplikationen der Zukunft - HTML5 und CSS3 auf dem iPhoneWebapplikationen der Zukunft - HTML5 und CSS3 auf dem iPhone
Webapplikationen der Zukunft - HTML5 und CSS3 auf dem iPhone
 
Icons im Web: Roundtrip for a better web experience
Icons im Web: Roundtrip for a better web experienceIcons im Web: Roundtrip for a better web experience
Icons im Web: Roundtrip for a better web experience
 
Aber schnell! Top HTML5 Performance Tipps für Hybrid- und Web-Apps
Aber schnell! Top HTML5 Performance Tipps für Hybrid- und Web-AppsAber schnell! Top HTML5 Performance Tipps für Hybrid- und Web-Apps
Aber schnell! Top HTML5 Performance Tipps für Hybrid- und Web-Apps
 
Robuste Design Systems mit Storybook und Angular: vom Konzept zur lebendigen ...
Robuste Design Systems mit Storybook und Angular: vom Konzept zur lebendigen ...Robuste Design Systems mit Storybook und Angular: vom Konzept zur lebendigen ...
Robuste Design Systems mit Storybook und Angular: vom Konzept zur lebendigen ...
 
FMK 2013 Entwickler Werkzeuge, Marcel Moré
FMK 2013 Entwickler Werkzeuge, Marcel MoréFMK 2013 Entwickler Werkzeuge, Marcel Moré
FMK 2013 Entwickler Werkzeuge, Marcel Moré
 
Gobas q.trans - modellgetriebene Softwareentwicklung mit SAP® ABAP OO
Gobas q.trans - modellgetriebene Softwareentwicklung mit SAP® ABAP OOGobas q.trans - modellgetriebene Softwareentwicklung mit SAP® ABAP OO
Gobas q.trans - modellgetriebene Softwareentwicklung mit SAP® ABAP OO
 
Kleiner Blick auf CSS3
Kleiner Blick auf CSS3Kleiner Blick auf CSS3
Kleiner Blick auf CSS3
 
The Future is now! Flexbox und fancy Stuff im Responsive Webdesign
The Future is now! Flexbox und fancy Stuff im Responsive WebdesignThe Future is now! Flexbox und fancy Stuff im Responsive Webdesign
The Future is now! Flexbox und fancy Stuff im Responsive Webdesign
 
Scalable Vector Graphics (SVG)
Scalable Vector Graphics (SVG)Scalable Vector Graphics (SVG)
Scalable Vector Graphics (SVG)
 
Scala.js at code.talks 2014, Hamburg
Scala.js at code.talks 2014, HamburgScala.js at code.talks 2014, Hamburg
Scala.js at code.talks 2014, Hamburg
 
There and back again - Responsive Webdesign mit WordPress
There and back again - Responsive Webdesign mit WordPress There and back again - Responsive Webdesign mit WordPress
There and back again - Responsive Webdesign mit WordPress
 
Schwachstellen In Sap Web Anwendungen (OWASP Germany 2009)
Schwachstellen In Sap Web Anwendungen (OWASP Germany 2009)Schwachstellen In Sap Web Anwendungen (OWASP Germany 2009)
Schwachstellen In Sap Web Anwendungen (OWASP Germany 2009)
 
OpenLaszlo - Advanced RIAs for the OpenWeb
OpenLaszlo - Advanced RIAs for the OpenWebOpenLaszlo - Advanced RIAs for the OpenWeb
OpenLaszlo - Advanced RIAs for the OpenWeb
 
JavaScript Architektur
JavaScript ArchitekturJavaScript Architektur
JavaScript Architektur
 
Erhöhte User Experience durch moderne Webtechnologien
Erhöhte User Experience durch moderne WebtechnologienErhöhte User Experience durch moderne Webtechnologien
Erhöhte User Experience durch moderne Webtechnologien
 
Responsive Webdesign - Unter der Haube
Responsive Webdesign - Unter der HaubeResponsive Webdesign - Unter der Haube
Responsive Webdesign - Unter der Haube
 
Wbfntdy 2012
Wbfntdy 2012Wbfntdy 2012
Wbfntdy 2012
 
FMK2015: FrameWork Konzepte in FileMaker Pro by Wolfgang Wunderlich
FMK2015: FrameWork Konzepte in FileMaker Pro by Wolfgang WunderlichFMK2015: FrameWork Konzepte in FileMaker Pro by Wolfgang Wunderlich
FMK2015: FrameWork Konzepte in FileMaker Pro by Wolfgang Wunderlich
 

Mehr von Verein FM Konferenz

FMK2022 Excel und FileMaker Schittko.pdf
FMK2022 Excel und FileMaker Schittko.pdfFMK2022 Excel und FileMaker Schittko.pdf
FMK2022 Excel und FileMaker Schittko.pdfVerein FM Konferenz
 
FMK2022 Drucken über Dateigrenzen hinweg von Philipp Puls
FMK2022 Drucken über Dateigrenzen hinweg von Philipp PulsFMK2022 Drucken über Dateigrenzen hinweg von Philipp Puls
FMK2022 Drucken über Dateigrenzen hinweg von Philipp PulsVerein FM Konferenz
 
FMK2022 Custom Functions von Philipp Puls
FMK2022 Custom Functions von Philipp PulsFMK2022 Custom Functions von Philipp Puls
FMK2022 Custom Functions von Philipp PulsVerein FM Konferenz
 
FMK2022 FileMaker Fehler von Martin Schwarz
FMK2022 FileMaker Fehler von Martin SchwarzFMK2022 FileMaker Fehler von Martin Schwarz
FMK2022 FileMaker Fehler von Martin SchwarzVerein FM Konferenz
 
FMK2022 FileMaker Server unter Linux Workshop von Bernhard Schulz
FMK2022 FileMaker Server unter Linux Workshop von Bernhard SchulzFMK2022 FileMaker Server unter Linux Workshop von Bernhard Schulz
FMK2022 FileMaker Server unter Linux Workshop von Bernhard SchulzVerein FM Konferenz
 
FMK2022 FileMaker DataAPI und Java von Bernhard Schulz
FMK2022 FileMaker DataAPI und Java von Bernhard SchulzFMK2022 FileMaker DataAPI und Java von Bernhard Schulz
FMK2022 FileMaker DataAPI und Java von Bernhard SchulzVerein FM Konferenz
 
FMK2022 Neue Programmiertechniken von Adam Augusting
FMK2022 Neue Programmiertechniken von Adam AugustingFMK2022 Neue Programmiertechniken von Adam Augusting
FMK2022 Neue Programmiertechniken von Adam AugustingVerein FM Konferenz
 
FMK2022 FileMaker und Javascript von Adam Augustin
FMK2022 FileMaker und Javascript von Adam AugustinFMK2022 FileMaker und Javascript von Adam Augustin
FMK2022 FileMaker und Javascript von Adam AugustinVerein FM Konferenz
 
FMK2022 Dokumentation - Thomas Hirt
FMK2022 Dokumentation - Thomas HirtFMK2022 Dokumentation - Thomas Hirt
FMK2022 Dokumentation - Thomas HirtVerein FM Konferenz
 
FMK2022 CustomFunctions Fuer Einsteiger - Thomas Hirt
FMK2022 CustomFunctions Fuer Einsteiger - Thomas HirtFMK2022 CustomFunctions Fuer Einsteiger - Thomas Hirt
FMK2022 CustomFunctions Fuer Einsteiger - Thomas HirtVerein FM Konferenz
 
FMK2022 Datenschutz DSGVO Christoph Kluss
FMK2022 Datenschutz DSGVO Christoph KlussFMK2022 Datenschutz DSGVO Christoph Kluss
FMK2022 Datenschutz DSGVO Christoph KlussVerein FM Konferenz
 
FMK2022 Rechnungen Inkasso - Christoph Kluss
FMK2022 Rechnungen Inkasso - Christoph KlussFMK2022 Rechnungen Inkasso - Christoph Kluss
FMK2022 Rechnungen Inkasso - Christoph KlussVerein FM Konferenz
 
FMK2022 Die Zukunft von FileMaker - Marcel Moré.pdf
FMK2022 Die Zukunft von FileMaker - Marcel Moré.pdfFMK2022 Die Zukunft von FileMaker - Marcel Moré.pdf
FMK2022 Die Zukunft von FileMaker - Marcel Moré.pdfVerein FM Konferenz
 
FMK2019 bug off lightning talk by Russell Watson
FMK2019 bug off lightning talk by Russell WatsonFMK2019 bug off lightning talk by Russell Watson
FMK2019 bug off lightning talk by Russell WatsonVerein FM Konferenz
 
FMK2019 being an optimist in a pessimistic world by vincenzo menanno
FMK2019 being an optimist in a pessimistic world by vincenzo menannoFMK2019 being an optimist in a pessimistic world by vincenzo menanno
FMK2019 being an optimist in a pessimistic world by vincenzo menannoVerein FM Konferenz
 
FMK2019 FileMaker Performance Update 2019 by HOnza Koudelka
FMK2019 FileMaker Performance Update 2019 by HOnza KoudelkaFMK2019 FileMaker Performance Update 2019 by HOnza Koudelka
FMK2019 FileMaker Performance Update 2019 by HOnza KoudelkaVerein FM Konferenz
 
FMK2019 Hardware Integrated by HOnza Koudelka
FMK2019 Hardware Integrated by HOnza KoudelkaFMK2019 Hardware Integrated by HOnza Koudelka
FMK2019 Hardware Integrated by HOnza KoudelkaVerein FM Konferenz
 
Fmk2019 Produktentwicklung mit FileMaker by Harald Mair
Fmk2019 Produktentwicklung mit FileMaker by Harald MairFmk2019 Produktentwicklung mit FileMaker by Harald Mair
Fmk2019 Produktentwicklung mit FileMaker by Harald MairVerein FM Konferenz
 
FMK2019 FileMaker Data API mit Node.js nutzen by Adam Augustin
FMK2019 FileMaker Data API mit Node.js nutzen by Adam AugustinFMK2019 FileMaker Data API mit Node.js nutzen by Adam Augustin
FMK2019 FileMaker Data API mit Node.js nutzen by Adam AugustinVerein FM Konferenz
 
FMK2019 Layout und Eigene Menüs-Management by Jörg Köster
FMK2019 Layout und Eigene Menüs-Management  by Jörg KösterFMK2019 Layout und Eigene Menüs-Management  by Jörg Köster
FMK2019 Layout und Eigene Menüs-Management by Jörg KösterVerein FM Konferenz
 

Mehr von Verein FM Konferenz (20)

FMK2022 Excel und FileMaker Schittko.pdf
FMK2022 Excel und FileMaker Schittko.pdfFMK2022 Excel und FileMaker Schittko.pdf
FMK2022 Excel und FileMaker Schittko.pdf
 
FMK2022 Drucken über Dateigrenzen hinweg von Philipp Puls
FMK2022 Drucken über Dateigrenzen hinweg von Philipp PulsFMK2022 Drucken über Dateigrenzen hinweg von Philipp Puls
FMK2022 Drucken über Dateigrenzen hinweg von Philipp Puls
 
FMK2022 Custom Functions von Philipp Puls
FMK2022 Custom Functions von Philipp PulsFMK2022 Custom Functions von Philipp Puls
FMK2022 Custom Functions von Philipp Puls
 
FMK2022 FileMaker Fehler von Martin Schwarz
FMK2022 FileMaker Fehler von Martin SchwarzFMK2022 FileMaker Fehler von Martin Schwarz
FMK2022 FileMaker Fehler von Martin Schwarz
 
FMK2022 FileMaker Server unter Linux Workshop von Bernhard Schulz
FMK2022 FileMaker Server unter Linux Workshop von Bernhard SchulzFMK2022 FileMaker Server unter Linux Workshop von Bernhard Schulz
FMK2022 FileMaker Server unter Linux Workshop von Bernhard Schulz
 
FMK2022 FileMaker DataAPI und Java von Bernhard Schulz
FMK2022 FileMaker DataAPI und Java von Bernhard SchulzFMK2022 FileMaker DataAPI und Java von Bernhard Schulz
FMK2022 FileMaker DataAPI und Java von Bernhard Schulz
 
FMK2022 Neue Programmiertechniken von Adam Augusting
FMK2022 Neue Programmiertechniken von Adam AugustingFMK2022 Neue Programmiertechniken von Adam Augusting
FMK2022 Neue Programmiertechniken von Adam Augusting
 
FMK2022 FileMaker und Javascript von Adam Augustin
FMK2022 FileMaker und Javascript von Adam AugustinFMK2022 FileMaker und Javascript von Adam Augustin
FMK2022 FileMaker und Javascript von Adam Augustin
 
FMK2022 Dokumentation - Thomas Hirt
FMK2022 Dokumentation - Thomas HirtFMK2022 Dokumentation - Thomas Hirt
FMK2022 Dokumentation - Thomas Hirt
 
FMK2022 CustomFunctions Fuer Einsteiger - Thomas Hirt
FMK2022 CustomFunctions Fuer Einsteiger - Thomas HirtFMK2022 CustomFunctions Fuer Einsteiger - Thomas Hirt
FMK2022 CustomFunctions Fuer Einsteiger - Thomas Hirt
 
FMK2022 Datenschutz DSGVO Christoph Kluss
FMK2022 Datenschutz DSGVO Christoph KlussFMK2022 Datenschutz DSGVO Christoph Kluss
FMK2022 Datenschutz DSGVO Christoph Kluss
 
FMK2022 Rechnungen Inkasso - Christoph Kluss
FMK2022 Rechnungen Inkasso - Christoph KlussFMK2022 Rechnungen Inkasso - Christoph Kluss
FMK2022 Rechnungen Inkasso - Christoph Kluss
 
FMK2022 Die Zukunft von FileMaker - Marcel Moré.pdf
FMK2022 Die Zukunft von FileMaker - Marcel Moré.pdfFMK2022 Die Zukunft von FileMaker - Marcel Moré.pdf
FMK2022 Die Zukunft von FileMaker - Marcel Moré.pdf
 
FMK2019 bug off lightning talk by Russell Watson
FMK2019 bug off lightning talk by Russell WatsonFMK2019 bug off lightning talk by Russell Watson
FMK2019 bug off lightning talk by Russell Watson
 
FMK2019 being an optimist in a pessimistic world by vincenzo menanno
FMK2019 being an optimist in a pessimistic world by vincenzo menannoFMK2019 being an optimist in a pessimistic world by vincenzo menanno
FMK2019 being an optimist in a pessimistic world by vincenzo menanno
 
FMK2019 FileMaker Performance Update 2019 by HOnza Koudelka
FMK2019 FileMaker Performance Update 2019 by HOnza KoudelkaFMK2019 FileMaker Performance Update 2019 by HOnza Koudelka
FMK2019 FileMaker Performance Update 2019 by HOnza Koudelka
 
FMK2019 Hardware Integrated by HOnza Koudelka
FMK2019 Hardware Integrated by HOnza KoudelkaFMK2019 Hardware Integrated by HOnza Koudelka
FMK2019 Hardware Integrated by HOnza Koudelka
 
Fmk2019 Produktentwicklung mit FileMaker by Harald Mair
Fmk2019 Produktentwicklung mit FileMaker by Harald MairFmk2019 Produktentwicklung mit FileMaker by Harald Mair
Fmk2019 Produktentwicklung mit FileMaker by Harald Mair
 
FMK2019 FileMaker Data API mit Node.js nutzen by Adam Augustin
FMK2019 FileMaker Data API mit Node.js nutzen by Adam AugustinFMK2019 FileMaker Data API mit Node.js nutzen by Adam Augustin
FMK2019 FileMaker Data API mit Node.js nutzen by Adam Augustin
 
FMK2019 Layout und Eigene Menüs-Management by Jörg Köster
FMK2019 Layout und Eigene Menüs-Management  by Jörg KösterFMK2019 Layout und Eigene Menüs-Management  by Jörg Köster
FMK2019 Layout und Eigene Menüs-Management by Jörg Köster
 

FMK2016 - Marcel Moré - The Power of SVG

  • 1. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com The Power of SVG Marcel Moré
  • 2. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Marcel Moré Daten-Stylist • gibt seit 24 Jahren FileMaker-Anwendungen eine klare Kontur • hat den scharfen Blick fürs visuelle Erscheinungsbild • frisiert Ihre Daten mit Programmiersprachen in 17 Colorationen • immer die passende Grafik-Bibliothek für den unverwechselbaren Look... @mmore
  • 4. The Power of SVG Was Euch in den nächsten 90 Min erwartet: • Worum geht es? • Was ist SVG? • Was kann man damit machen? • Wie geht das in FileMaker?
  • 5. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Worum geht es?
  • 6. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Was wäre wenn...
  • 7. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Was wäre wenn... ...wir eine Möglichkeit hätten, Script-gesteuert Grafiken zu erstellen
  • 8. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Was wäre wenn... ...wir Daten direkt in grafische Darstellungen übersetzen könnten
  • 9. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Was wäre wenn... ...wir in der Lage wären, mit der grafischen Repräsentation zu interagieren
  • 10. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Was wäre wenn... ...diese grafische Darstellung sogar in der Lage wäre, weitere scriptgesteuerte Aktionen auszulösen
  • 11. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Natürlich würden wir... ...uns wünschen, dass alles plattformübergreifend funktioniert: auf Mac, Windows, iOS und in Webdirect
  • 12. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com ...und es sollte gleichermaßen performant auf «Desktop» und «Mobile» funktionieren
  • 13. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com ...am besten auch Auflösungs- unabhängig, um keine unnötigen Verrenkungen für unterschiedliche Displaygrössen, Retina, etc. aufwenden zu müssen!
  • 14. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com ...bestimmt wäre das alles ziemlich kompliziert?
  • 15. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Aber, was wäre wenn... ...es so einfach wäre, dass es jeder sofort in seinen Lösungen einsetzen könnte?
  • 16. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com ...vielleicht sogar mit vorgefertigten Lösungsbausteinen für verschiedene Anwendungszwecke, die man einfach nur zusammenstöpseln braucht..
  • 17. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Lasst diese Vorstellung für einen Moment auf Euch wirken....
  • 18. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Was würdet Ihr damit anfangen?
  • 19. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com vielleicht... • ausgefeilte Benutzeroberflächen bauen • interaktive Diagramme erzeugen • grafische Widgets erstellen • Pläne, Modelle, Strukturen visualisieren - direkt aus der Datenanwendung heraus
  • 20. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Was wäre wenn... ...das alles keine Phantasie wäre – sondern längst nutzbare Technik, die wir nur aufgreifen brauchen, um die tollsten Dinge damit in der Realität umzusetzen...
  • 21. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Willkommen bei SVG !!! eine alte Technik neu übersetzt und mundgerecht aufbereitet für den Einsatz mit FileMaker
  • 22. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com SVG im Überblick
  • 23. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Was ist SVG? • SVG = Scalable Vector Graphics (englisch für skalierbare Vektorgrafik) • SVG ist die vom World Wide Web Consortium (W3C) empfohlene Spezifikation zur Beschreibung zweidimensionaler Vektorgrafiken. SVG, das auf XML basiert, wurde erstmals im September 2001 veröffentlicht. Einige der gebräuchlichsten Webbrowser können ohne nachträgliche Installation von Erweiterungen einen Großteil des Sprachumfangs darstellen. • Als XML-Dokument wird eine SVG in einer Baumstruktur aus verschiedenen Elementen und diesen Elementen zugewiesenen Attributen aufgebaut. • Alle grafischen Elemente in SVG bauen auf einfachen Grundelementen, so genannten grafischen Primitiven auf. Durch Kombination mehrerer grafischer Primitive lassen sich komplexe Objekte erzeugen. Quelle:  h(ps://de.wikipedia.org/wiki/Scalable_Vector_Graphics
  • 24. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Was ist SVG? • SVG = Scalable Vector Graphics (englisch für skalierbare Vektorgrafik) • SVG ist die vom World Wide Web Consortium (W3C) empfohlene Spezifikation zur Beschreibung zweidimensionaler Vektorgrafiken. SVG, das auf XML basiert, wurde erstmals im September 2001 veröffentlicht. Einige der gebräuchlichsten Webbrowser können ohne nachträgliche Installation von Erweiterungen einen Großteil des Sprachumfangs darstellen. • Als XML-Dokument wird eine SVG in einer Baumstruktur aus verschiedenen Elementen und diesen Elementen zugewiesenen Attributen aufgebaut. • Alle grafischen Elemente in SVG bauen auf einfachen Grundelementen, so genannten grafischen Primitiven auf. Durch Kombination mehrerer grafischer Primitive lassen sich komplexe Objekte erzeugen. Quelle:  h(ps://de.wikipedia.org/wiki/Scalable_Vector_Graphics skalierbare  Grafik im  Webbrowser grafische   Grundelemente in  Form  einer XML-­‐Beschreibung
  • 25. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com SVG Dokument <svg width="640" height="480"> ! </svg>
  • 26. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com SVG Dokument <svg width="640" height="480" ! xmlns="http://www.w3.org/2000/svg" ! xmlns:svg="http://www.w3.org/2000/svg"> ! <rect x="25" y="25" width="200" height="200" ! fill="yellow" stroke="blue" /> ! <circle cx="225" cy="125" r="75" fill="red" /> </svg> DEMO FILE
  • 27. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Grundelemente • Rechteck • Kreis • Ellipse • Linie • Polygonzug • Polygon • Text • Bild
  • 28. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Grundelemente • Rechteck • Kreis • Ellipse • Linie • Polygonzug • Polygon • Text • Bild <rect x="25" y="25" width="200" height="200" /> <circle cx="125" cy="125" r="75" /> <ellipse cx="125" cy="125" rx="100" ry="50" /> <line x1="50" y1="50" x2="200" y2="200" /> <polyline points="50,150 50,200 200,200 200,100" /> <polygon points="50,150 50,200 200,200 200,100" /> <text x="50" y="50" font-size="50">Hello!</text> <image x="20" y="20" width="200" height="140" ! xlink:href="image.png" /> <element  parameter="wert"  />
  • 29. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Grundelemente • Pfad <path d="M 100 100 L 300 100 L 200 300 z" /> <path d="M100,800 C175,700 325,700 400,800" />
  • 30. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Grundelemente • Pfad <path d="M 100 100 L 300 100 L 200 300 z" /> <path d="M100,800 C175,700 325,700 400,800" /> M   moveto L   lineto Z   closepath C   curveto Q   curveto  (quadraLc  Bézier) A   ellip;cal  arc
  • 31. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Attribute • X,Y • Höhe, Breite, Länge, Radius • Füllfarbe • Füllregeln • Linienfarbe • Liniendicke • Linienregeln • Farben • Farbverläufe • Muster • Zeichensatz • Schriftgröße
  • 32. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com weitere Möglichkeiten • Koordinatensysteme • Gruppierungen • Transformationen • Maskierungen • Transparenz • Filter-Effekte • Animation • Interaktion • Verlinkung • Metadaten h(ps://sarasoueidan.com/demos/interacLve-­‐svg-­‐coordinate-­‐system/
  • 33. <svg> ! <circle cx="100" cy="125" r="25" /> ! <circle cx="200" cy="125" r="50" /> ! <circle cx="300" cy="125" r="75" /> </svg> Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com CSS Stile
  • 34. <svg> ! <circle class="demo" cx="100" cy="125" r="25" /> ! <circle class="demo" cx="200" cy="125" r="50" /> ! <circle class="demo" cx="300" cy="125" r="75" /> </svg> <style type="text/css"> ! .demo { fill: red; stroke: #000; stroke-width: 8px; } </style> Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com CSS Stile h(ps://wiki.selStml.org/wiki/SVG/SVG_und_CSS DEMO FILE
  • 35. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com SVG als Teil des DOM • Objekte über IDs / Klassen adressierbar • Zuweisung von CSS-Regeln • Verlinkungen <a xlink:href="">...</a> • Veränderung von Objekten per JavaScript • Objekte können genauso erzeugt und manipuliert werden, wie jedes andere HTML-Element
  • 36. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com SVG als WEB-Standard • allgemein gültiger WEB-Standard • semantische Auszeichnungen / Meta-Tags • ist für Suchmaschinen lesbar • normaler Content innerhalb des Browsers (alle Plattformen) • direkt im FileMaker Webviewer darstellbar
  • 37. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com SVG-fähige Grafikprogramme Adobe  Illustrator www.adobe.com/Illustrator Inkscape inkscape.org Sketch www.sketchapp.com
  • 38. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com SVG Editoren im Web Method  Draw github.com/duopixel/Method-­‐Draw editor.method.ac Boxy  SVG boxy-­‐svg.com svg-­‐edit github.com/SVG-­‐Edit/svgedit svg-­‐edit.googlecode.com Vector  Paint vectorpaint.yaks.co.nz Chrome  Web  Store
  • 39. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com SVG Grafiken im WEB • Google - erweiterte Bildersuche http://www.google.de/advanced_image_search?hl=de • SVG Cliparts https://openclipart.org/ http://www.123rf.com/clipart-vector/ http://www.shutterstock.com/vectors?language=de • SVG Icons http://www.flaticon.com/ • SVG Maps http://www.datamaps.eu/ https://www.amcharts.com/svg-maps/ http://wiki.openstreetmap.org/wiki/SVG
  • 41. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com SVG Tools • SVGO - SVG Optimizer https://github.com/svg/svgo • SVG OMG - GUI Version of SVGO https://github.com/jakearchibald/svgomg • SVG NOW for Adobe Illustrator https://github.com/davidderaedt/SVG-NOW • canvg - SVG to Canvas Converter https://github.com/canvg/canvg • cloudconvert: EPS to SVG Converter https://cloudconvert.com/eps-to-svg • font-blast - SVG Icon from Font Extractor https://github.com/eugene1g/font-blast • SVG to PNG Converter http://draw-svg.appspot.com/drawsvg.html#svgPNG:
  • 42. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com SVG Libs • Snap SVG http://snapsvg.io/ • Raphaël http://raphaeljs.com/ • infoviz http://infoviz.org/ • D3 https://d3js.org/ • Processing http://processingjs.org/ • vivus http://maxwellito.github.io/vivus/ • SpirographN https://github.com/seedcode/SpirographN
  • 43. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com SVG Hintergrundinfos • Beschreibung des Standards • SVG 1.1 http://www.w3.org/TR/SVG11/ • SVG 2 http://www.w3.org/TR/SVG2/ • SVG Primer http://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html • SVG History http://www.w3.org/Graphics/SVG/History • The Fall and Rise of SVG http://blog.siliconpublishing.com/2015/12/the-fall-and-rise-of-svg/ • Das SVG-Format (Inkscape, mit weiteren Links) https://inkscape.org/de/entwickeln/das-svg-format/ • Buch: SVG Essentials (J. David Eisenberg, O'Reilly 2002) https://books.google.de/books?id=shuDAgAAQBAJ http://commons.oreilly.com/wiki/index.php/SVG_Essentials
  • 44. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com SVG Links • The Art Of The SVG Filter And Why It Is Awesome https://www.smashingmagazine.com/2015/05/why-the-svg-filter-is-awesome/ • SVG Tutorials https://docs.webplatform.org/wiki/svg/tutorials • Understanding SVG Coordinate Systems and Transformations https://sarasoueidan.com/blog/svg-transformations/ • Clipping in CSS and SVG https://sarasoueidan.com/blog/css-svg-clipping/ • How to use CSS and SVG clipping and masking techniques https://getflywheel.com/layout/css-svg-clipping-and-masking-techniques/ • Techniques for Creating Textured Text http://tympanus.net/codrops/2013/12/02/techniques-for-creating-textured-text/ • Styling Text With SVG Filters https://www.codeschool.com/blog/2016/04/21/styling-text-with-svg-filters/ DEMO FILE
  • 45. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com SVG Links • SVG Authoring Guide (Draft) http://w3c.github.io/svgwg/specs/svg-authoring/ • Building better Interfaces with SVG http://slides.com/sarasoueidan/building-better-interfaces-with-svg#/ • The 37 Best Tools For Data Visualization http://www.7wdata.be/article-general/the-37-best-tools-for-data-visualization/ • 30 Best Tools for Data Visualization https://codegeekz.com/30-best-tools-for-data-visualization/ • The Graphical Web (SVG Konferenz) http://2016.graphicalweb.org/ • Introduction to D3 (Vortrag Mitschnitt, inkl. SVG Einführung) https://www.youtube.com/watch?v=8jvoTV54nXw • Getting Started with D3.js (Vortrag Mitschnitt) https://www.youtube.com/watch?v=EYmJEsReewo DEMO FILE
  • 46. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com FileMaker + SVG
  • 47. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com FileMaker + SVG SVG  Icons  in  Bu(ons seit  Version  14
  • 48. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com SVG Icons in Buttons • seit FileMaker Version 14 • eigene SVG Icons nachladbar h(ps://fmhelp.filemaker.com/docs/14/en/svg/ h(p://www.alchemyg.com/14-­‐points-­‐for-­‐glyphindor/ h(ps://scalefm.com/2015/06/charmed-­‐by-­‐svg/ h(ps://www.dbservices.com/arLcles/filemaker-­‐custom-­‐bu(on-­‐icons/ h(ps://filemakerexamples.co.uk/resources/svg-­‐icon-­‐pack/ h(p://www.indats.com/KnowledgeCenter/ h(p://thebrainbasket.com/?p=404
  • 49. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com SVG Icon Libraries h(p://www.iconshock.com/ h(p://www.flaLcon.com/ h(ps://picons.me/ h(ps://icons8.com/ h(ps://nucleoapp.com/ h(ps://icomoon.io/ h(ps://github.com/Xaviju/inkscape-­‐ open-­‐symbols h(p://fontello.com/ h(p://iconmonstr.com/
  • 50. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com nice!
  • 51. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com nice! but... ...  there  is  so  much  more!!!
  • 52. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com FileMaker + SVG SVG  Grafik  im  Webviewer seit  Version  8.5 SVG  Icons  in  Bu(ons seit  Version  14
  • 53. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com typische Szenarien
  • 54. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Szenarien • User Interface • Gestaltungselemente • Auswertungen / Charts • interaktive Modelle • Pläne / Karten
  • 55. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com warum SVG? FileMaker kann das doch selber!
  • 57. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Widgets h(p://justgage.com/ jqxGauge DEMO FILE
  • 58. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com custimized GUI h(ps://sarasoueidan.com/tools/circulus/ DEMO FILE
  • 59. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com SVG Charts Quelle:  h(p://www.fusioncharts.com/charts/combinaLon-­‐charts-­‐dual-­‐y/
  • 60. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com SVG Charts Quelle:  h(ps://www.amcharts.com/demos/stacked-­‐bar-­‐chart-­‐with-­‐negaLve-­‐values/
  • 61. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com SVG Charts Quelle:  h(p://bl.ocks.org/mbostock/5944371
  • 62. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com SVG Charts Quelle:  h(p://mbostock.github.io/protovis/
  • 63. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com SVG Charts Quelle:  h(ps://www.jasondavies.com/parallel-­‐sets/
  • 64. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com interaktive Modelle Quelle:  h(ps://commons.wikimedia.org/wiki/File:Human_body_front_and_side.svg DEMO FILE
  • 65. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Sitzplatz Belegungen Quelle:  h(ps://de.wikipedia.org/wiki/Theater_in_der_Josefstadt
  • 66. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Raumpläne Quelle:  h(ps://www2.informaLk.uni-­‐hamburg.de/fachschal/wiki/index.php/InformaLkum TUTO RIAL
  • 67. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Gebäudepläne Quelle:  h(p://www.leuphana.de/services/lageplaene.html 5
  • 68. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Karten DEMO FILE
  • 69. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com You get the idea ...
  • 70. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com SVG in FileMaker
  • 71. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com SVG Code erzeugen • SVG Code besteht aus Text • kann per Script-Befehl erzeugt werden • kann in Feldern und Variablen per Formel berechnet werden • kann per JavaScript im Webviewer generiert werden • kann von externer URL geladen werden
  • 72. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com SVG Code manipulieren • SVG Objekte manipulieren in Bezug auf • Sichtbarkeit • Position, Größe • Stile, Farben • Effekte, Filter • Animationen
  • 73. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com 1. SVG Code erzeugen
  • 74. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Wo liegt der Code? • Webviewer • eingebettet in HTML (optional) • wird ausgeführt, sobald der Webviewer im Layout dargestellt wird <html> <body> <svg> <circle  cx="100"  cy="125"  r="25"  /> </svg> </body> </html>
  • 75. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Wo liegt der Code? • URL mit Verweis auf SVG-Dokument <html> <body> <svg> <circle  cx="100"  cy="125"  r="25"  /> </svg> </body> </html>
  • 76. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Wo liegt der Code? • URL mit Verweis auf SVG-Dokument • Data URL kann auf Variable verweisen
  • 77. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Wo liegt der Code? • URL mit Verweis auf SVG-Dokument • Data URL kann auf Variable verweisen • "data:text/html,"  &    $$  SVG
  • 78. • Warum ist es nützlich, den Code in einer Variable zu haben? • Datenübergabe! Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Wo liegt der Code?
  • 79. • Code liegt als Text in einer Variable vor • Daten können als Platzhalter direkt in den Code eingebettet werden • Austauschen ( $$ SVG; "<meinwert>"; "50" ) Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Datenübergabe <html> <body> <svg> <circle  cx="100"  cy="125"   r="<meinwert>"  /> </svg> </body> </html> <html> <body> <svg> <circle  cx="100"  cy="125"   r="50"  /> </svg> </body> </html>
  • 80. • Script-Schleife schreibt Text in eine Variable • Daten werden aus Feld / Variable gelesen und in Text geschrieben • Ergebnis verketten $$ SVG = $$ SVG & $neues Element Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Code Berechnen Variable setzen [ $Werte ; Wert: "80¶124¶230¶69¶85¶20¶34¶136¶80¶100¶44¶12" ] Variable setzen [ $i ; Wert: 1 ] Variable setzen [ $$SVG ; Wert: "<svg>" ] Schleife (Anfang) ! Variable setzen [ $$SVG ; Wert: $$SVG & "<rect x="0" y="" & ($i-1)*10 & "" width="" & LiesAlsZahl(ElementeMitte($Werte; $i; 1)) & "" height="8" />" ] ! Variable setzen [ $i ; Wert: $i+1 ] ! Verlasse Schleife wenn [ $i>ElementeAnzahl ( $Werte ) ] Schleife (Ende) Variable setzen [ $$SVG ; Wert: $$SVG & "</svg>" ]
  • 81. • Script-Schleife schreibt Text in eine Variable • Daten werden aus Feld / Variable gelesen und in Text geschrieben • Ergebnis verketten $$ SVG = $$ SVG & $neues Element Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Code Berechnen <svg> <rect x="0" y="0" width="80" height="8" /> <rect x="0" y="10" width="124" height="8" /> <rect x="0" y="20" width="230" height="8" /> <rect x="0" y="30" width="69" height="8" /> <rect x="0" y="40" width="85" height="8" /> <rect x="0" y="50" width="20" height="8" /> <rect x="0" y="60" width="34" height="8" /> <rect x="0" y="70" width="136" height="8" /> <rect x="0" y="80" width="80" height="8" /> <rect x="0" y="90" width="100" height="8" /> <rect x="0" y="100" width="44" height="8" /> <rect x="0" y="110" width="12" height="8" /> </svg> x y DEMO FILE
  • 82. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com 2. Interaktion mit SVG
  • 83. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com SVG Code manipulieren – Wie? • Code Templates mit Parametern befüllen • SVG Code dynamisch erzeugen • Inhalt im Webviewer neu laden (austauschen) • CSS Regeln (MouseOver) • JavaScript (komplexere Manipulation & Interaktion)
  • 84. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Interaktion mit SVG – Wozu? • Objekte ein-/ausblenden • Mouse-Over Effekte • Links zu FileMaker-Scripten (hier wird's interessant !!!) • Links zu JavaScript-Funktionen (z.B. Drag&Drop)
  • 85. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Kommunikation mit dem WebViewer • Click auf SVG-Element soll ID an FileMaker liefern und weitere Aktionen auslösen • HTML-Link mit FMP URL • MBS Plugin Funktion WebView.InstallCallback h(p://blog.marcel-­‐more.de/2015/10/08/the-­‐power-­‐of-­‐javascript/ h(ps://blog.beezwax.net/2015/08/07/communicaLng-­‐ with-­‐a-­‐web-­‐viewer-­‐in-­‐filemaker/ h(p://www.mbsplugins.eu/WebViewInstallCallback.shtml
  • 86. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Kommunikation per FMP URL • HTML-Link mit FMP URL erlaubt Script-Aufruf in FileMaker mit Parameter-Übergabe: • <a href="fmp://$/ MeineDatenbankdatei ?script=MeineAktion &param=MeineID"> <...> </a> h(p://www.twdesigns.com/fmp_url_protocol/
  • 87. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Kommunikation per FMP URL • HTML-Link mit FMP URL erlaubt Script-Aufruf in FileMaker mit Parameter-Übergabe: • <a href="fmp://$/ MeineDatenbankdatei ?script=MeineAktion &param=MeineID"> <...> </a> FMPURL-­‐Protokoll Net  Adress:  "$"  =  local  file Dateiname  (Extension  opLonal) Scriptname Scriptparameter    (Sonderzeichen   müssen  URL  codiert  werden!) HTML-­‐Element, das  verlinkt  werden  soll Trenn-­‐Zeichen h(p://www.twdesigns.com/fmp_url_protocol/
  • 88. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Kommunikation per FMP URL • HTML-Link mit FMP URL hat in SVG eine angepasste Notation wegen XML-Namespace: • <a href="fmp://$/MeineDB?…"> <circle cx="100" cy="125" r="25" /> </a> • <a xlink:href="fmp://$/MeineDB?…"> <circle cx="100" cy="125" r="25" /> </a> h(ps://www.w3.org/wiki/SVG_Links
  • 89. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Demo DEMO FILE
  • 90. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Download • Vortragsfolien • Demo-Dateien: • http://blog.marcel-more.de/ • Konferenz-Server SVG  Demo.fmp12 DEMO FILE SVG  Menu.fmp12 SVG  Text  Effects.fmp12 SVG  Backgrounds.fmp12 SVG  Balkendiagramm.fmp12
  • 91. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Beispiele
  • 92. Hardware  Liste  mit   Raumplan-­‐Ansicht
  • 93. Hardware  Liste  mit   Raumplan-­‐Ansicht
  • 94. Hardware  Liste  mit   Raumplan-­‐Ansicht
  • 100.  RedakLonssystem  für  technische  Zeichnungen FileMaker  Eingabe
  • 101.  RedakLonssystem  für  technische  Zeichnungen FileMaker  Eingabe
  • 102. FileMaker  Eingabe  RedakLonssystem  für  technische  Zeichnungen
  • 103.  RedakLonssystem  für  technische  Zeichnungen Shop  Ausgabe
  • 104.  RedakLonssystem  für  technische  Zeichnungen Shop  Ausgabe
  • 105.  RedakLonssystem  für  technische  Zeichnungen Shop  Ausgabe
  • 106.  RedakLonssystem  für  technische  Zeichnungen Shop  Ausgabe
  • 107. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Beispiele zeigen direkte Verknüpfung von Datenanwendungen in FileMaker mit grafischer Repräsentation als SVG
  • 108. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com in 5 Schritten zum interaktiven Raumplan TUTO RIAL
  • 109. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com interaktiver Raumplan – so geht's 1. Vorlage erstellen, z.B. in Adobe Illustrator 2. ID's an den Objekten vergeben 3. SVG Sourcecode bereinigen 4. CSS Regeln für Hervorhebungen hinzufügen 5. Template in FileMaker einbinden
  • 110. 1
  • 111. 1 Neue  Ebene  erstellen Umrandungen  als   Overlay-­‐Objekte  anlegen
  • 112. Name  in  Ebenen-­‐Dialog   eingeben  =  SVG  Objekt-­‐ID 2
  • 113. 3
  • 114. 3
  • 115. <?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 13.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 14948) --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http:// www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg ... <html> <body> ... </svg> </body> </html> 3 überflüssigen   Code  enxernen! HTML  Tags   hinzufügen
  • 116. <defs> ! <rect id="SVGID_1_" width="1190.55" height="1683.78"/> </defs> <clipPath id="SVGID_2_"> ! <use xlink:href="#SVGID_1_" overflow="visible"/> </clipPath> <g clip-path="url(#SVGID_2_)"> ! <defs> ! ! <rect id="SVGID_3_" y="0.001" width="1190.551" height="1683.779"/> ! </defs> ! <clipPath id="SVGID_4_"> ! ! <use xlink:href="#SVGID_3_" overflow="visible"/> ! </clipPath> </g> 3 überflüssigen*   Code  enxernen! *einige  Code-­‐Teile  funkLonieren  im  Webviewer  nicht  =  leeres  Fenster
  • 118. <!-- CSS Stile für Raum-Selektion --> <defs> <style type="text/css"> <![CDATA[ .Selector { fill: red; fill-opacity: 10%; stroke-opacity: 70%; } *[id^='RAUM-'] { ! visibility: hidden; } #RAUM-1-1-12 { ! visibility: visible; } ]]> </style> </defs> SLl  für  SelekLon alle  RAUM-­‐IDs   unsichtbar  machen Raum-­‐Umrandung   für  gewünschte  ID sichtbar  machen 4
  • 119. 5 #RAUM-<raum-id> { !visibility: visible; } HTML  Template   in  einem  Texxeld Platzhalter  für  ID
  • 120. 5 der  SVG-­‐Plan  lebt   im  Webviewer
  • 121. 5 #RAUM-<raum-id> { ! visibility: visible; } #RAUM-1-1-12 { ! visibility: visible; } Raum-­‐Umrandung  für   ID  sichtbar  machen:
  • 122. 5 Click  in  Portalreihe   setzt  neuen  ID-­‐Wert   in  Template  ein
  • 123. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Wo liegen die Herausforderungen?
  • 124. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Herausforderungen • sich aufraffen, über den Tellerrand der FileMaker-Welt zu schauen! • Einschränkungen bei der Implementierung im Webviewer, optional Plugin erforderlich • komplexere Aufgaben erfordern JavaScript • die richtigen Bausteine finden (Recherche: Vorlagen, Frameworks, Libs)
  • 125. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Plattform-Unterstützung FM Pro FM Go Webdirect SVG anzeigen ✔ ✔ ✔ SVG Interaktion ✔ ✔ –
  • 126. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Plattform-Unterstützung FM Pro FM Go Webdirect SVG anzeigen ✔ ✔ ✔ SVG Interaktion ✔ ✔ – 1) 3) 1) FMP URL erst ab Version 13.0v2 sinnvoll anwendbar http://isolutions-inc.com/2014/04/05/fmp-url-scheme-and-the-13-0v2-improvement/ http://www.twdesigns.com/fmp_url_protocol/ 2) ältere Versionen v11 - v13 mit Hilfe von MBS-Plugin umsetzbar https://www.mbsplugins.eu/WebViewInstallCallback.shtml 3) mehrere gleichzeitig installierte FMP Versionen für FMP URL problematisch 2)
  • 127. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Plattform-Unterstützung FM Pro FM Go Webdirect SVG anzeigen ✔ ✔ ✔ SVG Interaktion ✔ ✔ ? 1) FMP URL in Webdirect nicht mit Webviewer nutzbar https://community.filemaker.com/thread/165366 2) umständlicher Hack bekannt, der aber nicht für UI nutzbar ist http://pausepdx2014.wikispaces.com/Passing+URL+Parameters+to+WebDirect http://www.soliantconsulting.com/blog/2015/01/extending-webdirect-url-parameters 1) 2)
  • 128. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Plattform-Unterstützung FM Pro FM Go Webdirect SVG anzeigen ✔ ✔ ✔ SVG Interaktion ✔ ✔ – durchgängige  pla{orm-­‐ übergreifende  Unterstützung   derzeit  nicht  gegeben...
  • 129. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com «Missing Link»
  • 130. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Feature Request • Native Schnittstelle zwischen FileMaker und Webviewer • Webviewer API • Script-Aufruf FileMaker –> JavaScript • Script-Aufruf JavaScript –> FileMaker würde  nahezu  unbegrenzte   Möglichkeiten  für  InterakLvität  schaffen!
  • 131. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Feature Request • Native Schnittstelle zwischen FileMaker und Webviewer • HTML Platzhalter für $Vars und FM::Felder • wie z.B. in 4D möglich http://www.4d.com/docs/CMG/CMG02070.HTM http://dddd.mettre.de/svgdynamics.shtml würde  TemplaLng  für  dynamischen   SVG-­‐Code  stark  vereinfachen!
  • 132. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com please  vote  !! h(ps://community.filemaker.com/ ideas/2113 36
  • 133. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Warum SVG in FileMaker nutzen?
  • 134. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Warum SVG in FileMaker • vektorbasierte Grafik, auflösungsunabhängig (Screensizes, Retina) • Grafiken Script-gesteuert generieren • geht weit über das Repertoire von FileMaker Bordmitteln hinaus • nahtlose Integration mit HTML, CSS, JavaScript • viele vorgefertigte Lösungsbausteine verfügbar
  • 135. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Fazit ist  Standard ist  Mainstream ist  cool  !!! geht  in  FileMaker
  • 136. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com FileMaker  +  WEB-­‐Standards =  Dreamteam!
  • 138. Marcel Moré The Power of SVG FileMaker Konferenz 2016 Salzburg www.filemaker-konferenz.com Vielen Dank unseren Sponsoren Danke für das Bewerten dieses Vortrages