![Page 1: Building an Offline Mobile App in Minutes - Build … a...Building an Offline Mobile App in Minutes 26 April 2018 Fiona Neill Community Relations Manager Gonçalo Marcos Senior Consultant](https://reader034.vdocuments.us/reader034/viewer/2022042712/5f92dbe64c30b735414145c4/html5/thumbnails/1.jpg)
Building an Offline Mobile App in Minutes
26 April 2018
![Page 2: Building an Offline Mobile App in Minutes - Build … a...Building an Offline Mobile App in Minutes 26 April 2018 Fiona Neill Community Relations Manager Gonçalo Marcos Senior Consultant](https://reader034.vdocuments.us/reader034/viewer/2022042712/5f92dbe64c30b735414145c4/html5/thumbnails/2.jpg)
Fiona Neill
Community Relations
Manager
Gonçalo Marcos
Senior Consultant
Danny Roest
Product Manager
Who are we?
![Page 3: Building an Offline Mobile App in Minutes - Build … a...Building an Offline Mobile App in Minutes 26 April 2018 Fiona Neill Community Relations Manager Gonçalo Marcos Senior Consultant](https://reader034.vdocuments.us/reader034/viewer/2022042712/5f92dbe64c30b735414145c4/html5/thumbnails/3.jpg)
Agenda
• Offline apps
• Nanoflows
• Demo - Let’s build a game
• Q&A
![Page 4: Building an Offline Mobile App in Minutes - Build … a...Building an Offline Mobile App in Minutes 26 April 2018 Fiona Neill Community Relations Manager Gonçalo Marcos Senior Consultant](https://reader034.vdocuments.us/reader034/viewer/2022042712/5f92dbe64c30b735414145c4/html5/thumbnails/4.jpg)
There is no Internet connection
Why offline apps?
• No reliable or slow network connection
• Network connection is not allowed on-site
• Responsiveness of the app
Reliable and performant apps
We think there is a Internet connection: Lie-Fi
![Page 5: Building an Offline Mobile App in Minutes - Build … a...Building an Offline Mobile App in Minutes 26 April 2018 Fiona Neill Community Relations Manager Gonçalo Marcos Senior Consultant](https://reader034.vdocuments.us/reader034/viewer/2022042712/5f92dbe64c30b735414145c4/html5/thumbnails/5.jpg)
Mendix offline apps always fully work
regardless the connection
![Page 6: Building an Offline Mobile App in Minutes - Build … a...Building an Offline Mobile App in Minutes 26 April 2018 Fiona Neill Community Relations Manager Gonçalo Marcos Senior Consultant](https://reader034.vdocuments.us/reader034/viewer/2022042712/5f92dbe64c30b735414145c4/html5/thumbnails/6.jpg)
Examples
Inspections Registrations Product & event
information
Podcasts
![Page 7: Building an Offline Mobile App in Minutes - Build … a...Building an Offline Mobile App in Minutes 26 April 2018 Fiona Neill Community Relations Manager Gonçalo Marcos Senior Consultant](https://reader034.vdocuments.us/reader034/viewer/2022042712/5f92dbe64c30b735414145c4/html5/thumbnails/7.jpg)
How does it work?
Offline profile Modeler analyzes
project
Resources are
downloaded to
device
Consistency
checksData is
synchronized
Sync on save
Sync button
Pull to refresh
![Page 8: Building an Offline Mobile App in Minutes - Build … a...Building an Offline Mobile App in Minutes 26 April 2018 Fiona Neill Community Relations Manager Gonçalo Marcos Senior Consultant](https://reader034.vdocuments.us/reader034/viewer/2022042712/5f92dbe64c30b735414145c4/html5/thumbnails/8.jpg)
Conflict resolution
![Page 9: Building an Offline Mobile App in Minutes - Build … a...Building an Offline Mobile App in Minutes 26 April 2018 Fiona Neill Community Relations Manager Gonçalo Marcos Senior Consultant](https://reader034.vdocuments.us/reader034/viewer/2022042712/5f92dbe64c30b735414145c4/html5/thumbnails/9.jpg)
Platform supported mobile widgets
![Page 10: Building an Offline Mobile App in Minutes - Build … a...Building an Offline Mobile App in Minutes 26 April 2018 Fiona Neill Community Relations Manager Gonçalo Marcos Senior Consultant](https://reader034.vdocuments.us/reader034/viewer/2022042712/5f92dbe64c30b735414145c4/html5/thumbnails/10.jpg)
Nanoflows – Client-side logic
![Page 11: Building an Offline Mobile App in Minutes - Build … a...Building an Offline Mobile App in Minutes 26 April 2018 Fiona Neill Community Relations Manager Gonçalo Marcos Senior Consultant](https://reader034.vdocuments.us/reader034/viewer/2022042712/5f92dbe64c30b735414145c4/html5/thumbnails/11.jpg)
Use cases
![Page 12: Building an Offline Mobile App in Minutes - Build … a...Building an Offline Mobile App in Minutes 26 April 2018 Fiona Neill Community Relations Manager Gonçalo Marcos Senior Consultant](https://reader034.vdocuments.us/reader034/viewer/2022042712/5f92dbe64c30b735414145c4/html5/thumbnails/12.jpg)
Use cases
![Page 13: Building an Offline Mobile App in Minutes - Build … a...Building an Offline Mobile App in Minutes 26 April 2018 Fiona Neill Community Relations Manager Gonçalo Marcos Senior Consultant](https://reader034.vdocuments.us/reader034/viewer/2022042712/5f92dbe64c30b735414145c4/html5/thumbnails/13.jpg)
Use cases
![Page 14: Building an Offline Mobile App in Minutes - Build … a...Building an Offline Mobile App in Minutes 26 April 2018 Fiona Neill Community Relations Manager Gonçalo Marcos Senior Consultant](https://reader034.vdocuments.us/reader034/viewer/2022042712/5f92dbe64c30b735414145c4/html5/thumbnails/14.jpg)
When to use nanoflows?
Offline apps No DB activities Single/conditional DB activities
You can copy and paste between microflows and nanoflows
![Page 15: Building an Offline Mobile App in Minutes - Build … a...Building an Offline Mobile App in Minutes 26 April 2018 Fiona Neill Community Relations Manager Gonçalo Marcos Senior Consultant](https://reader034.vdocuments.us/reader034/viewer/2022042712/5f92dbe64c30b735414145c4/html5/thumbnails/15.jpg)
![Page 16: Building an Offline Mobile App in Minutes - Build … a...Building an Offline Mobile App in Minutes 26 April 2018 Fiona Neill Community Relations Manager Gonçalo Marcos Senior Consultant](https://reader034.vdocuments.us/reader034/viewer/2022042712/5f92dbe64c30b735414145c4/html5/thumbnails/16.jpg)
Mastermind – Crack the color code
1. Secret color code is generated
2. User guesses code
3. Hints are provided• Right color & right place
• Right color, but wrong place
• Nothing for no match
4. User tries next code
![Page 17: Building an Offline Mobile App in Minutes - Build … a...Building an Offline Mobile App in Minutes 26 April 2018 Fiona Neill Community Relations Manager Gonçalo Marcos Senior Consultant](https://reader034.vdocuments.us/reader034/viewer/2022042712/5f92dbe64c30b735414145c4/html5/thumbnails/17.jpg)
Two colors correct,
but wrong place
Two colors correct,
and right place
One color correct,
but wrong place
![Page 18: Building an Offline Mobile App in Minutes - Build … a...Building an Offline Mobile App in Minutes 26 April 2018 Fiona Neill Community Relations Manager Gonçalo Marcos Senior Consultant](https://reader034.vdocuments.us/reader034/viewer/2022042712/5f92dbe64c30b735414145c4/html5/thumbnails/18.jpg)
Model Test / preview Deploy
Improve
![Page 19: Building an Offline Mobile App in Minutes - Build … a...Building an Offline Mobile App in Minutes 26 April 2018 Fiona Neill Community Relations Manager Gonçalo Marcos Senior Consultant](https://reader034.vdocuments.us/reader034/viewer/2022042712/5f92dbe64c30b735414145c4/html5/thumbnails/19.jpg)
![Page 20: Building an Offline Mobile App in Minutes - Build … a...Building an Offline Mobile App in Minutes 26 April 2018 Fiona Neill Community Relations Manager Gonçalo Marcos Senior Consultant](https://reader034.vdocuments.us/reader034/viewer/2022042712/5f92dbe64c30b735414145c4/html5/thumbnails/20.jpg)
![Page 21: Building an Offline Mobile App in Minutes - Build … a...Building an Offline Mobile App in Minutes 26 April 2018 Fiona Neill Community Relations Manager Gonçalo Marcos Senior Consultant](https://reader034.vdocuments.us/reader034/viewer/2022042712/5f92dbe64c30b735414145c4/html5/thumbnails/21.jpg)