FMK2016 - Russell Watson - Überleben im Design und Stile Dschungel

7. FileMaker Konferenz | Salzburg | 13.-15. Oktober 2016

www.filemaker-konferenz.com

"Surviving the Themes and Styles Jungle"

Ein Erlebnisbericht von

Russell Watson Günther Business Solutions GmbH

Überleben im Design- und Stil-Dschungel

Überleben im Design- und Stil-Dschungel | MrWatson-GBS

Russell Watson

mrwatson-gbs

BA HonsMedienwissenschaft

und DeutschSussex University, UK

BSc InformatikFreie Universität, Berlin

* The FileMaker Certified Developer logo is a trademark of FileMaker, Inc. in the United States and other countries.

Was wir heute anschauen

1.Case Study: “Face Lift in Advanter 4.0”

• “Face-Lift” = Design + Stile + neue Layoutobjektmöglichkeiten + Layoutumbau + Prozeßoptimierung

2.Wie man ein Design erfolgreich bauen kann

• bzw. erfolgreich nicht kaputt macht!

3.QS: Wie man Layoutumbau optimieren & kontrollieren kann

4.Blick in die Zukunft & Diskussion

Design + Stile = Dschungel ?

GEFÄHRLICH

DUNKEL

ÜBERLEBEN

Case Study

Face-Lift

Face-lift

advanter® 3 advanter® 4 EvolutionFileMaker 13 FileMaker 14

Klassisch Design Eigendesign(s)

Keine kleine Herausforderung!

advanter® 3FileMaker 13

Klassisch Design33 Dateien

~120 Funktionsmodule> 1 800 Layouts

> 6 000 Layout Parts157 919 Layout Objekte

unzählige Gruppierte Buttons5 622 Bedingte Formatierungen

382 Layout Trigger1 966 GotoLayout ScriptSteps

Riesenaufwand

9 Monate Entwicklung198 Werktage Entwicklung396 Manntage Entwicklung2.376 Mannstunden Entwicklung

Layout Objekte 157.919 * 10 Klicks = > 1.59 Mio Klicks

7. FileMaker Konferenz | Salzburg | 13.-15. Oktober 2016 9

advanter® / FileMaker Timeline

Enduser ZieleLook: Chic + Modern

UX: einfacher + konform

Performance: Optimiert/Schneller/Netzwerk

entlastet

Ergebnis: Awesome!

Fragen über Fragen

Stil Pur?Stil + Formatierung

gemischt?

Listenansicht / Maskenansicht /

Druckansicht?

Namenskonventionen?

Entwicklungsziele1.Für Design & Stile:

•Aktualisierbar • Wartbar

• Evolutionäre Entwicklung

2.Für Layoutinhalt:

• Fehlerfrei

Stand der TechnologieFM Release Layout+DesignFunktionen

FMP11<2012-04

ext.XMLThemeDateien(seitFMP9)KEINEStile

FMP122012-04

NeuesLayoutSurface+CSSDesignauswählen/wechseln-States,gradients+imageslicing

FM132013-12

CustomDesigns+StilePopovers+Sliders+dynam.Reiternamen

shadow,padding

FM142015-05

Top+BottomNavigationButtonBar,ButtonsIconsObjectcomponentstyles

FM152016-05

ConcealededitboxPortalin-lineprogressbar

Stil pur oder

mit Formatierung gemischt?

80/20 Prinzip (PARETO’S LAW)

=> GEMISCHT !!

d.h.80%derLayoutobjektemit20%derStileabdecken

Gemischt: Problem = Format Painter

FM13 überträgt Formatierung…

(Wissensstand 2015)

FM14 überträgt Stilname…

…aber Stilname nicht

…aber Stilformatierung auch

Rote Dreieck = LocalCSS :-(

FM15 Rote Dreieck IMMER NOCH :(

Pur: Problem = Zu viele StileEntwicklung

langsam

Vorteile • Es funktioniert!

• Kontrollierbarkeit

Nachteil

• Viele Stile

• Große Designdatenmenge (beim Starten)

Format Painter…

Beim Speichern des Layouts…

…LocalCSS WEG OPTIMIERT!

FM14: Noch Fehler in Farbe :-(

FM15: Es funktioniert doch*!

Wissensstand 2016…

* NACH dem Speichern!

Wie erstellt / aktualisiert man ein Design?

SIX-GOLDEN-RULES OF THEME MANAGEMENT

1.DEFINE THEMES AND STYLES IN *ONE FILE* ONLY

2.SYNCHRONIZE THEM TO OTHER FILES ONLY BY IMPORTING AND REPLACING THE

3.NEVER COPY AND PASTE THEMES

4.NEVER DEFINE THEMES AND STYLES BY HAND ANYWHERE ELSE IN YOUR SOLUTION

5.NEVER RENAME A THEME

6.BEWARE OF THEME AND STYLE IMPOSTORS AT ALL TIMES!

BONUS (UNSPOKEN) RULE: DON’T USE THE FORMAT PAINTER! (KAPUTT)

Achtung falsche Identität (“Impostor”)!

Designs Kopieren + Einfügen

NIEMALS!

Designs Umbenennen

NIEMALS!

Stile umbenennen

NIEMALS!

Stilnamen eindeutig vergeben!

IMMER!

Importieren/Aktualisieren≠

Zusammenfügen

MyTheme

Stile in Slave-Datei ändern

NIEMALS!

Stile ändern ohne im Design zu speichern

NIEMALS!

QS - Gedanken• Wie minimiert man Fehler?

• Umsetzung - Fehlerrate

• Testen / Beweis

• "Prove you are right"

• Layout analysieren wie nie zuvor.

• Sonderanalyse für Buttons + ScriptParameter + Buttonoption

• QS-Kontrollen

• Gibt es Fehler im Layout?

• Wurden Buttons / Scriptaufrufe korrekt umgesetzt?

• Haben alle Objekte einen Stil?

• Entspricht das Layout dem Firmen 'Style-Guide'?

Riesenaufwand => VIELE Fehler !!!

9 Monate Entwicklung198 Werktage Entwicklung396 Manntage Entwicklung2.376 Mannstunden Entwicklung

Layout Objekte 157.919 * 10 Klicks = > 1.59 Mio Klicks

=> WIE HABEN WIR DIE FEHLERANZAHL MINIMIERT?

1. unzählige Layoutkontrollen und Prüfungen• Cross Check Button Analyse

2. täglich fmWorkMate zur Qualitätssicherung genutzt

fmWorkMateLayout Analysis

Nächstes Design - Nächstes “Gotcha”

Wie funktioniert Vererbung?

Was passiert, wenn ich die Default

Stil ändere?Welche andere

Stile ändern sich?

“NUR erste Generationen

(d.h. direkt aus Default generierte Stile)”,

“Nein, ein Stil weisst nicht woher es stammt. Es hängt nur vom

Inhalt ab,oder?

Entwicklungsstand von FMP ClientFM Impostor FormatPainter StilVererbung Infos

12 12Kaputt!

(nurFormatierung)

13 13Design

Kaputt!(Formatierung+nurStilname)

AnzahlLayouts

14 DesignFunktioniert(fast)!(lokaleTextfarbe)

AnzahlLayouts

15 DesignFunktioniertdoch!(LayoutSpeichern)

Kaputt!(wegenCSSBug“…;sansserif)”

AnzahlLayouts

7. FileMaker Konferenz | Salzburg | 13.-15. Oktober 2016 46

Danke!

Vielen Dank unseren Sponsoren

Danke für das Bewerten dieses Vortrages

Discussion

Referenzinfos

Design links

•FILEMAKER THEMES | DESIGN PALETTE - chiyofm

•Designing Layouts Using Themes & Styles - designingfilemaker.com - 2014-08 fm13

•Parrots Law-or-the-80-20-principle http://www.hackingthematrix.com/paretos-law-or-the-80-20-principle/

FileMaker Issues and Ideas

•STYLE IMPOSTOR - Appearance is reset when theme imported/overwritten (fm13)

•Theme + Style update: Style with same name import bugs (fm???)

•THEME IMPOSTOR: Renaming a theme changes the internalName and is no longer updatable (fm15)

•Format Painter must copy both style name AND extra formatting (fm13)

•Format Painter adds local color format where it is not needed (fm14) - (See Note in Post)

•Format Painter must optimize the LocalCSS immediately Idea (fm15)

•Solution with many styles slows down to the point of unresponsiveness

FileMaker Ideas• Improve UX of Layouting with Themes and Styles

•THEME + Style Impostors

•STYLE IMPOSTOR - Appearance is reset when theme imported/overwritten (fm13)

•Theme + Style update: Style with same name import bugs (fm???)

•THEME IMPOSTOR: Renaming a theme changes the internalName and is no longer updatable (fm15)

•Format Painter

• Format Painter must copy both style name AND extra formatting (fm13)

•Format Painter adds local color format where it is not needed (fm14) - (See Note in Post)

• Format Painter must optimize the LocalCSS immediately Idea (fm15)

•Solution with many styles slows down to the point of unresponsiveness

www.guenther-bs.dewww.mrwatson.dewww.fmworkmate.com

FileMaker Pro Version Comparison (EN)

The SIX-GOLDEN-RULES OF THEME MANAGEMENT in multi-file solutions (MrW Blog)

Credits

Turing Labyrinth by lylejk http://lylejk.deviantart.com/art/Turing-Labyrinth-194552139

Designs• 6 Designs

• Advanter EL (Hauptlayouts = E, EL, A und L Layouts)

• Advanter Drucklayout Standard (Interne Druck = D Layouts)

• Advanter_iOS (iPad Layouts)

• Advanter Service (PTO Layouts)

• Advanter Servicelayout (Interne Layouts)

• Advanter Druck (kommend - Kundendruck)

FileMaker Konferenz 2016 Salzburg

Vielen Dank unseren Sponsoren

Ohne Sponsoring wäre diese Konferenz so nicht möglich!

FMK2016 - Russell Watson - Überleben im Design und Stile Dschungel

Presentations & Public Speaking

FMK2016 - Marcel Moré - The Power of SVG

Laura e Beatrice PUIU - accademiadimusica.eu- “Suite”, Barber - “Ballet Suite”, Schmitz - “Jazz parnass”, Vinciguerra - “Brani in stile jazz e in stile moderno, Cornick

Russell 2013

mb Russell C. Hibbeler maschinenbau Technische Mechanik 2 … · 2005. 9. 22. · Russell C. Hibbeler 5., überarbeitete und erweiterte Auflage Technische Mechanik 2 maschinenbau

Das naturwissenschaftliche Zeitalter, Bertrand Russell 2

6.2.2 Stile und Spielweisen der Rockmusik - cornelsen.de · 6.2.2 Stile und Spielweisen der Rockmusik Rockmusik hat sich in ihrer Entwicklung durch Anleihen aus nahezu allen Bereichen

FMK2016 - Thomas Hirt- UML für FileMaker Entwickler

Bertrand Russell: von der Logik zurfeb2016.ianus.at/logicaldeterrence.pdf · Bertrand Russell: Biografie Band II S.86: Beweis von "1+1=2" *18.5.1872 in Südwales (GB), †2.2.1970

Gattungstheorien in der Popmusikforschung Kategorien, Genres, Stile

Komplementäre Stile - online.muk.ac.at

Vier Frauen, vier Stile und noch vieles

FMK2016 - Holger Darjus - Das Transistor-Prinzip

RUSSELL INVESTMENT COMPANY PUBLIC LIMITED COMPANY RUSSELL ...... Wenn Sie Zweifel über den Inhalt dieses Prospekts haben, sollten Sie Ihren Börsenmakler, Bankberater, Anwalt, Wirtschaftsprüfer,

Parson Russell Terrier vom Mahdenwald€¦ · Mittwoch, 4. April 2018 16:34 richard.riedmayr@gmx.de Riedmayr, Richard Hund Parson Russell Terrier Steubenstraße 4 DE—97688 Bad Kiss

FMK2016 - Michael Valentin - FileMaker 15 Plattform

FMK2016 - Volker Krambrich und Holger Darjus - Langfristige Kundenbindung

H + W Antriebselemente und Russell Europe Workwear

FMK2016 - Ingo Thoden - Etikettendruck in über 20 Sprachen

FMK2016 - Holger Darjus und Jörg Köster - Migration und Synchronisation

EINLADUNG ZU EINEM GASTVORTRAG MIT … Russell Mead.pdf · «Religion, US-American Politics and the Presidential Elections 2016» Walter Russell Mead, Professor of Foreign Affairs