Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Offline First
The New Builders: Ideas on Tap
Las Vegas, March 2017
@gr2m@strevatArt: Bruce Riley https://www.flickr.com/photo...
We’re Steven Trevathan
& Gregor Martynus
@strevat @gr2m
What we’re up to.
• Make&Model and Neighbourhoodie
• Offline First community building
• Offline Camp creators
• Hoodie (Offline ...
Who is going to
InterConnect?
Offline First @gr2m@strevat
Offline First Demo
Voice of InterConnect
Art: Bruce Riley https://www.flickr.com/photos/17036157@N0...
Who’s a developer?
Who’s a designer?
Who is neither?
Offline First @gr2m@strevat
Offline First
What? Why? How?
Art: Bruce Riley https://www.flickr.com/photos/17036157@N03/sets
Offline First @gr2m@strevat
Reliable performance
independent of connectivity.
What is Offline First?
Offline First @gr2m@strevat
Why?
Art: Bruce Riley https://www.flickr.com/photos/17036157@N03/sets
Offline First @gr2m@strevat
You cannot assume the
conditions your users are in.
Why Offline First?
Offline First @gr2m@strevat
Ubiquitous and fast internet is
not going to happen.
Why Offline First?
Offline First @gr2m@strevat
New internet users are
nearly exclusively mobile.
Why Offline First?
Offline First @gr2m@strevat
Apps can be used
without signing up.
Why Offline First?
Offline First @gr2m@strevat
Amazon down?
No problem.
Why Offline First?
Offline First @gr2m@strevat
Security.
Why Offline First?
Offline First @gr2m@strevat
But how!?
Art: Bruce Riley https://www.flickr.com/photos/17036157@N03/sets
Offline First @gr2m@strevat
Borrow from Mobile First
and Responsive design
methodologies
Offline First, but how!?
Offline First @gr2m@strevat
DISCLAIMER
The following slides are designed by Gregor.
(Not Steve)
Offline First @gr2m@strevat
Application
Data
Offline First @gr2m@strevat
FRONTEND
App
hoodie.store
browser store
BACKENDHoodie Sync
Offline First @gr2m@strevat
FRONTEND
App
hoodie.store
Sync
CouchDB
REST
BACKENDHoodie Sync
browser store
Offline First @gr2m@strevat
FRONTEND
App
hoodie.store
Sync
Plugins
(node.js)
CouchDB
REST
BACKENDHoodie Sync
browser store
Offline First @gr2m@strevat
FRONTEND
App
hoodie.store
BACKENDHoodie Sync
Sync
Anyone
Out for lunch,
BRB
browser store
Offline First @gr2m@strevat
FRONTEND
App
hoodie.store
BACKENDHoodie Sync
Sync I don‘t care!
Out for lunch,
BRB
browser store
Offline First @gr2m@strevat
FRONTEND
App
hoodie.store
Sync
Plugins
(node.js)
CouchDB
REST
BACKENDHoodie Sync
browser store
Offline First @gr2m@strevat
You made it.
Art: Bruce Riley https://www.flickr.com/photos/17036157@N03/sets
Offline First @gr2m@strevat
Offline First means our apps
will always work. (And with
less loaders.)
In short
Offline First @gr2m@strevat
Questions?
Photo: Steven Trevathan https://www.500px.com/strevat
Thank you.
@gr2m@strevat
Offline First @gr2m@strevat
Resources
Art: Bruce Riley https://www.flickr.com/photos/17036157@N03/sets
Offline First
offlinefirst....
Offline First at The New Builders: Ideas on Tap
Offline First at The New Builders: Ideas on Tap
Offline First at The New Builders: Ideas on Tap
Offline First at The New Builders: Ideas on Tap
Upcoming SlideShare
Loading in …5
×

Offline First at The New Builders: Ideas on Tap

106 views

Published on

Slides for a talk on Offline First by Steven Trevathan and Gregor Martynus

Published in: Software
  • Be the first to comment

  • Be the first to like this

Offline First at The New Builders: Ideas on Tap

  1. 1. Offline First The New Builders: Ideas on Tap Las Vegas, March 2017 @gr2m@strevatArt: Bruce Riley https://www.flickr.com/photos/17036157@N03/sets
  2. 2. We’re Steven Trevathan & Gregor Martynus @strevat @gr2m
  3. 3. What we’re up to. • Make&Model and Neighbourhoodie • Offline First community building • Offline Camp creators • Hoodie (Offline First JavaScript Backend) • Design Consulting • CouchDB Support & Training • Offline First Support & Training
  4. 4. Who is going to InterConnect?
  5. 5. Offline First @gr2m@strevat Offline First Demo Voice of InterConnect Art: Bruce Riley https://www.flickr.com/photos/17036157@N03/sets
  6. 6. Who’s a developer?
  7. 7. Who’s a designer?
  8. 8. Who is neither?
  9. 9. Offline First @gr2m@strevat Offline First What? Why? How? Art: Bruce Riley https://www.flickr.com/photos/17036157@N03/sets
  10. 10. Offline First @gr2m@strevat Reliable performance independent of connectivity. What is Offline First?
  11. 11. Offline First @gr2m@strevat Why? Art: Bruce Riley https://www.flickr.com/photos/17036157@N03/sets
  12. 12. Offline First @gr2m@strevat You cannot assume the conditions your users are in. Why Offline First?
  13. 13. Offline First @gr2m@strevat Ubiquitous and fast internet is not going to happen. Why Offline First?
  14. 14. Offline First @gr2m@strevat New internet users are nearly exclusively mobile. Why Offline First?
  15. 15. Offline First @gr2m@strevat Apps can be used without signing up. Why Offline First?
  16. 16. Offline First @gr2m@strevat Amazon down? No problem. Why Offline First?
  17. 17. Offline First @gr2m@strevat Security. Why Offline First?
  18. 18. Offline First @gr2m@strevat But how!? Art: Bruce Riley https://www.flickr.com/photos/17036157@N03/sets
  19. 19. Offline First @gr2m@strevat Borrow from Mobile First and Responsive design methodologies Offline First, but how!?
  20. 20. Offline First @gr2m@strevat DISCLAIMER The following slides are designed by Gregor. (Not Steve)
  21. 21. Offline First @gr2m@strevat Application Data
  22. 22. Offline First @gr2m@strevat FRONTEND App hoodie.store browser store BACKENDHoodie Sync
  23. 23. Offline First @gr2m@strevat FRONTEND App hoodie.store Sync CouchDB REST BACKENDHoodie Sync browser store
  24. 24. Offline First @gr2m@strevat FRONTEND App hoodie.store Sync Plugins (node.js) CouchDB REST BACKENDHoodie Sync browser store
  25. 25. Offline First @gr2m@strevat FRONTEND App hoodie.store BACKENDHoodie Sync Sync Anyone Out for lunch, BRB browser store
  26. 26. Offline First @gr2m@strevat FRONTEND App hoodie.store BACKENDHoodie Sync Sync I don‘t care! Out for lunch, BRB browser store
  27. 27. Offline First @gr2m@strevat FRONTEND App hoodie.store Sync Plugins (node.js) CouchDB REST BACKENDHoodie Sync browser store
  28. 28. Offline First @gr2m@strevat You made it. Art: Bruce Riley https://www.flickr.com/photos/17036157@N03/sets
  29. 29. Offline First @gr2m@strevat Offline First means our apps will always work. (And with less loaders.) In short
  30. 30. Offline First @gr2m@strevat Questions? Photo: Steven Trevathan https://www.500px.com/strevat
  31. 31. Thank you. @gr2m@strevat
  32. 32. Offline First @gr2m@strevat Resources Art: Bruce Riley https://www.flickr.com/photos/17036157@N03/sets Offline First offlinefirst.org Slack offlinefirst.org/chat Offline Newsletter offlinefirst.org/news Medium medium.com/offline-camp Related Articles http://twinprime.com/lte-has- slowed-by-50-in-the-us/ http://www.gsma.com/ mobileeconomy/ http:// www.internetlivestats.com/ internet-users-by-country

×