Engaging Design, 
Snappy Users Experience, 
& Creative User Interaction 
Vincenzo Menanno 
Director of FileMaker Development @ beezwax 
© 2014 FileMaker, Inc.
Design | Performance 
Experience | Interaction 
Architecture 
Research & Development 
Inspiration & Innovation (feature slam) 
Rethink, Redefine, and Recreate 
Feedback 
Opportunity Moments 
Information Snippet 
Performance 
© 2014 FileMaker, Inc. #FileMakerDevCon
Providing Feedback 
Easy Enhancements 
Hover 
Pressed 
In Focus 
Provide confirmation (flash dialogs) 
Show Progress 
Determinate 
Indeterminate 
Demo: Feedback 
Demo: Notification 
© 2014 FileMaker, Inc. #FileMakerDevCon
Architecture 
Zaha Hadid, Heydar Aliyev Centre 
ID ID 
To build something ID 
truly great you have to challenge 
yourself and use different materials. 
Not your typical brick building. 
The Most Complex Engineering Project in California History 
new bay bridge 
© 2014 FileMaker, Inc. #FileMakerDevCon
FileMaker Architecture 
Keys 
Audit Fields 
Data Fields 
Calculation Fields 
Summary Fields 
CUSTOMER 
ID 
CREATED_BY 
CREATED 
MODIFIED_BY 
MODIFIED 
NAME 
ADDRESS 
CITY 
STATE 
ZIP 
LAST_CONTACTED 
NUMBER_OF_INVOICES 
AVERAGE_INVOICE 
SUM_INVOICES 
Over time, new capabilities come along and we find 
better ways to do things - conditional formatting! 
© 2014 FileMaker, Inc. #FileMakerDevCon
Architecture Considerations 
Narrow Tables (load faster) 
Fewer Fields (less mental load) 
Stored Values (no dependencies) 
Intersection of Perform Script on 
Server and Transactions 
Users can edit data 
Server side scripts can update totals 
CUSTOMER 
ID 
CREATED_BY 
CREATED 
MODIFIED_BY 
MODIFIED 
NAME 
ADDRESS 
CITY 
STATE 
ZIP 
LAST_CONTACTED 
NUMBER_OF_INVOICES 
AVERAGE_INVOICE 
SUM_INVOICES 
CUSTOMER_STATS 
ID 
ID_CUSTOMER 
LAST_CONTACTED 
NUMBER_OF_INVOICES 
AVERAGE_INVOICE 
SUM_INVOICES 
AUDIT 
ID 
ID_FOREIGN 
CREATED_BY 
TIMESTAMP 
ACCOUNT 
FIELD 
VALUE 
Users Scripted 
© 2014 FileMaker, Inc. #FileMakerDevCon
Stored 
All stored values 
UPDATE field is trigger 
Expense is entered via transaction 
Via Perform Script on Server 
As fast as being on the LAN 
Consistent for world wide users 
Demo: Camping 
BUDGET 
ID 
ID 
EXPENSE 
ID 
ID_BUDGET 
DATE 
DESCRIPTION 
AMOUNT 
DESCRIPTION 
BUDGET 
EXPENSES 
TOTAL_EXPENSES 
BALANCE 
UPDATE 
© 2014 FileMaker, Inc. #FileMakerDevCon
Research on Perform Script on Server ( see blog post ) 
ID 
UPDATE 
© 2014 FileMaker, Inc. #FileMakerDevCon
Set up to have imports happen on server ( see blog post ) 
ID 
UPDATE 
Path to additional folder 
Path to documents folder 
© 2014 FileMaker, Inc. #FileMakerDevCon
Opportunity Moments 
What are they 
Instagram (uploading large images) 
Imports are great opportunity moments 
Filling out a form (validation along the way) 
Find your own opportunity moments 
Blog post about imports on Server 
Demo: Import ( on server ) 
Take Picture 
Choose Filter 
time 
Add Text 
time 
Send 
send picture 
Take Picture 
Choose Filter 
send picture 
Add Text 
keep sending 
Send 
its already there 
© 2014 FileMaker, Inc. #FileMakerDevCon
NoSub-Summary (not only sub-summary) 
Pros 
Improved Performance 
Dispatch them (and get back to work) 
Build your own cache 
Cons 
Complex sub-summary reports 
Overload Perform Script on Server 
Demo: Baby Names (on server) 
© 2014 FileMaker, Inc. #FileMakerDevCon
NoSub-Summary 
(not only sub-summary) 
Location State Year Normal Sub- 
Oakland ( 33.2 miles away ) … 5,552,452 Summary 
t 
records 
Fake Sub- 
Summary 
Percen 
All All 396 217 45,2 % 
Oakland ( 33.2 miles away ) … 347,231 
records 
CA All 27 12 55,6 % 
Oakland ( 33.2 miles away ) … 273,134 
records 
NY All 23 11 52,2 % 
Oakland ( 33.2 miles away ) … 611,163 
records 
All 1980…1989 55 24 56,4 % 
Oakland ( 33.2 miles away ) … 1,895,534 
records 
All 1910…1959 163 72 55,8 % 
Oakland ( 33.2 miles away ) … 3,285,808 
records 
All 1960…2009 236 135 42,8 % 
51,3 % 
France ( 5554 miles away ) … 5,552,452 
records 
All All 820 260 68,3 % 
France ( 5554 miles away ) … 347,231 
records 
CA All 58 15 74,1 % 
France ( 5554 miles away ) … 273,134 
records 
NY All 55 15 72,7 % 
France ( 5554 miles away ) … 611,163 
records 
All 1980…1989 115 26 77,4 % 
France ( 5554 miles away ) … 1,895,534 
records 
All 1910…1959 287 138 51,9 % 
France ( 5554 miles away ) … 3,285,808 
records 
All 1960…2009 460 131 71,5 % 
69,3 % 
Palo Alto ( LAN ) … 5,552,452 records All All 180 220 -22,2 % 
Palo Alto ( LAN ) … 347,231 records CA All 12 15 -25,0 % 
Palo Alto ( LAN ) … 273,134 records NY All 8 12 -50,0 % 
Palo Alto ( LAN ) … 611,163 records All 1980…1989 20 20 0,0 % 
Palo Alto ( LAN ) … 1,895,534 records All 1910…1959 58 75 -29,3 % 
Palo Alto ( LAN ) … 3,285,808 records All 1960…2009 198 133 32,8 % 
-15,6 % 
© 2014 FileMaker, Inc. #FileMakerDevCon
Send SMS from FileMaker 
Blog post by Jeff England on designingfilemaker.com 
FILEMAKER 
TWILIO 
SMS 
Using Insert from URL 
Is server compatible 
Twilio.com 
© 2014 FileMaker, Inc. #FileMakerDevCon
Receive SMS messages SMS 
Stephane Thomas & Vincenzo Menanno (beezwax) 
Twilio.com 
Siri Integration 
Get Information Snippets 
Create Data 
Demo: Twilio 
TWILIO 
Process 
RUBY 
Process & Filtering 
FILEMAKER 
Action 
© 2014 FileMaker, Inc. #FileMakerDevCon
Research and Development 
El Buli 
Bell Labs 
Experiment 
Feature Slam 
What if you combined (feature slam) 
OnScriptTimer & Visibility Calculation 
Demo: Timed Visibility 
© 2014 FileMaker, Inc. #FileMakerDevCon
Links to inspire you 
Architecture 
- The New Bay Bridge 
- Heydar Aliyev Centre 
Research & Development 
- Bell Labs 
- Ted Talk about Superconductivity 
- Ted Talk about Rethink, Redesign, Recreate 
- El Buli Cooking in Progress 
Transactions 
- Todd Geist great blog post about Transactions 
- El Buli Cooking in Progress 
© 2014 FileMaker, Inc. #FileMakerDevCon
And that is ... 
© 2014 FileMaker, Inc. #FileMakerDevCon
Session Updates 
This session HAS updates from what was originally posted. 
www.filemaker.com/devcon/speaker_updates 
(This is also listed in your conference guide) 
© 2014 FileMaker, Inc. #FileMakerDevCon
Thank You! 
Please remember to fill out the session evaluation at: 
www.filemaker.com/devcon/evaluations 
© 2014 FileMaker, Inc. #FileMakerDevCon

FMK2014 Engaging Design, Snappy Users Experience & Creative User Interaction by Vincenco Mennano

  • 1.
    Engaging Design, SnappyUsers Experience, & Creative User Interaction Vincenzo Menanno Director of FileMaker Development @ beezwax © 2014 FileMaker, Inc.
  • 2.
    Design | Performance Experience | Interaction Architecture Research & Development Inspiration & Innovation (feature slam) Rethink, Redefine, and Recreate Feedback Opportunity Moments Information Snippet Performance © 2014 FileMaker, Inc. #FileMakerDevCon
  • 3.
    Providing Feedback EasyEnhancements Hover Pressed In Focus Provide confirmation (flash dialogs) Show Progress Determinate Indeterminate Demo: Feedback Demo: Notification © 2014 FileMaker, Inc. #FileMakerDevCon
  • 4.
    Architecture Zaha Hadid,Heydar Aliyev Centre ID ID To build something ID truly great you have to challenge yourself and use different materials. Not your typical brick building. The Most Complex Engineering Project in California History new bay bridge © 2014 FileMaker, Inc. #FileMakerDevCon
  • 5.
    FileMaker Architecture Keys Audit Fields Data Fields Calculation Fields Summary Fields CUSTOMER ID CREATED_BY CREATED MODIFIED_BY MODIFIED NAME ADDRESS CITY STATE ZIP LAST_CONTACTED NUMBER_OF_INVOICES AVERAGE_INVOICE SUM_INVOICES Over time, new capabilities come along and we find better ways to do things - conditional formatting! © 2014 FileMaker, Inc. #FileMakerDevCon
  • 6.
    Architecture Considerations NarrowTables (load faster) Fewer Fields (less mental load) Stored Values (no dependencies) Intersection of Perform Script on Server and Transactions Users can edit data Server side scripts can update totals CUSTOMER ID CREATED_BY CREATED MODIFIED_BY MODIFIED NAME ADDRESS CITY STATE ZIP LAST_CONTACTED NUMBER_OF_INVOICES AVERAGE_INVOICE SUM_INVOICES CUSTOMER_STATS ID ID_CUSTOMER LAST_CONTACTED NUMBER_OF_INVOICES AVERAGE_INVOICE SUM_INVOICES AUDIT ID ID_FOREIGN CREATED_BY TIMESTAMP ACCOUNT FIELD VALUE Users Scripted © 2014 FileMaker, Inc. #FileMakerDevCon
  • 7.
    Stored All storedvalues UPDATE field is trigger Expense is entered via transaction Via Perform Script on Server As fast as being on the LAN Consistent for world wide users Demo: Camping BUDGET ID ID EXPENSE ID ID_BUDGET DATE DESCRIPTION AMOUNT DESCRIPTION BUDGET EXPENSES TOTAL_EXPENSES BALANCE UPDATE © 2014 FileMaker, Inc. #FileMakerDevCon
  • 8.
    Research on PerformScript on Server ( see blog post ) ID UPDATE © 2014 FileMaker, Inc. #FileMakerDevCon
  • 9.
    Set up tohave imports happen on server ( see blog post ) ID UPDATE Path to additional folder Path to documents folder © 2014 FileMaker, Inc. #FileMakerDevCon
  • 10.
    Opportunity Moments Whatare they Instagram (uploading large images) Imports are great opportunity moments Filling out a form (validation along the way) Find your own opportunity moments Blog post about imports on Server Demo: Import ( on server ) Take Picture Choose Filter time Add Text time Send send picture Take Picture Choose Filter send picture Add Text keep sending Send its already there © 2014 FileMaker, Inc. #FileMakerDevCon
  • 11.
    NoSub-Summary (not onlysub-summary) Pros Improved Performance Dispatch them (and get back to work) Build your own cache Cons Complex sub-summary reports Overload Perform Script on Server Demo: Baby Names (on server) © 2014 FileMaker, Inc. #FileMakerDevCon
  • 12.
    NoSub-Summary (not onlysub-summary) Location State Year Normal Sub- Oakland ( 33.2 miles away ) … 5,552,452 Summary t records Fake Sub- Summary Percen All All 396 217 45,2 % Oakland ( 33.2 miles away ) … 347,231 records CA All 27 12 55,6 % Oakland ( 33.2 miles away ) … 273,134 records NY All 23 11 52,2 % Oakland ( 33.2 miles away ) … 611,163 records All 1980…1989 55 24 56,4 % Oakland ( 33.2 miles away ) … 1,895,534 records All 1910…1959 163 72 55,8 % Oakland ( 33.2 miles away ) … 3,285,808 records All 1960…2009 236 135 42,8 % 51,3 % France ( 5554 miles away ) … 5,552,452 records All All 820 260 68,3 % France ( 5554 miles away ) … 347,231 records CA All 58 15 74,1 % France ( 5554 miles away ) … 273,134 records NY All 55 15 72,7 % France ( 5554 miles away ) … 611,163 records All 1980…1989 115 26 77,4 % France ( 5554 miles away ) … 1,895,534 records All 1910…1959 287 138 51,9 % France ( 5554 miles away ) … 3,285,808 records All 1960…2009 460 131 71,5 % 69,3 % Palo Alto ( LAN ) … 5,552,452 records All All 180 220 -22,2 % Palo Alto ( LAN ) … 347,231 records CA All 12 15 -25,0 % Palo Alto ( LAN ) … 273,134 records NY All 8 12 -50,0 % Palo Alto ( LAN ) … 611,163 records All 1980…1989 20 20 0,0 % Palo Alto ( LAN ) … 1,895,534 records All 1910…1959 58 75 -29,3 % Palo Alto ( LAN ) … 3,285,808 records All 1960…2009 198 133 32,8 % -15,6 % © 2014 FileMaker, Inc. #FileMakerDevCon
  • 13.
    Send SMS fromFileMaker Blog post by Jeff England on designingfilemaker.com FILEMAKER TWILIO SMS Using Insert from URL Is server compatible Twilio.com © 2014 FileMaker, Inc. #FileMakerDevCon
  • 14.
    Receive SMS messagesSMS Stephane Thomas & Vincenzo Menanno (beezwax) Twilio.com Siri Integration Get Information Snippets Create Data Demo: Twilio TWILIO Process RUBY Process & Filtering FILEMAKER Action © 2014 FileMaker, Inc. #FileMakerDevCon
  • 15.
    Research and Development El Buli Bell Labs Experiment Feature Slam What if you combined (feature slam) OnScriptTimer & Visibility Calculation Demo: Timed Visibility © 2014 FileMaker, Inc. #FileMakerDevCon
  • 16.
    Links to inspireyou Architecture - The New Bay Bridge - Heydar Aliyev Centre Research & Development - Bell Labs - Ted Talk about Superconductivity - Ted Talk about Rethink, Redesign, Recreate - El Buli Cooking in Progress Transactions - Todd Geist great blog post about Transactions - El Buli Cooking in Progress © 2014 FileMaker, Inc. #FileMakerDevCon
  • 17.
    And that is... © 2014 FileMaker, Inc. #FileMakerDevCon
  • 18.
    Session Updates Thissession HAS updates from what was originally posted. www.filemaker.com/devcon/speaker_updates (This is also listed in your conference guide) © 2014 FileMaker, Inc. #FileMakerDevCon
  • 19.
    Thank You! Pleaseremember to fill out the session evaluation at: www.filemaker.com/devcon/evaluations © 2014 FileMaker, Inc. #FileMakerDevCon