Hoodie & offlineFirst @ NijmegenJS

A talk about being offline, offlineFirst and Hoodie

Transcript

1. & offlineFirst NijmegenJS, 6 Juni 2014 Elmar Burke
2. Who’s talking Elmar Burke ✉ hallo@elmarburke.de @elmarburke • (Open) Web-Dude • Open Data Junkie and • Open Government Enthusiast Now, I have prepared a litte diashow of being offline.
3. Photo: CC-BY-SA 3.0 Wouterjanss Imagen, we are in a big city. Everywhere is nice infrastructure: Public Transportation all the night long; Supermarkets are opened 24h a day, Pubs are opened not only on the weekend. And you have a super fast internet connection…
4. Photo: CC-BY-SA 3.0 Tukka …at least you are not in the underground…
5. Photo …or you are not in a big building…
6. Photo: CC-BY-SA 3.0 Visitor7 …or there is no broken wire.
7. Photo: CC-BY-SA 3.0 ~Pyb We see, in cites we have often zero reception or an unreliable internet connection.
8. Photo: CC-BY-SA 3.0 L.Willms But also in an train you sometimes have zero reception and mostly an unreliable connection. In busses to, unless here in de stadregio. You lucky people have Wifi on board.
9. Photo: CC-BY 2.0 Cubbie_n_Vegas „Welcome on board to Flight 1234. For security reasons please turn of all electronics before takeoff.“ Does I need to say more? You are offline.
10. Oh, don’t forget the exorbitant roaming charges you’re paying in the foreign countries. Even if you not cross the border and still have ‚the other network‘.
11. – Alex Feyerke hoodie team member „Mobile networks simply don’t provide that same level of quality and consistency and it’s high time to start adopting it to the really“ @espylaub Alex Feyerke works as a freelance web developer and consultant in Berlin. He is a great guy and had birthday yesterday.
12. offlineFirst is also mobileFirst Problems: • LOSING LOCAL DATA • TREATING OFFLINE LIKE AN ERROR • HANDLING CONFLICTS • PREEMPTING USERS’ NEEDS • REFRESHING CHRONOLOGICAL DATA • PREPARING FOR DIVERSE DATA TYPES
13. offlineFirst is also mobileFirst Problems: • LOSING LOCAL DATA • TREATING OFFLINE LIKE AN ERROR • HANDLING CONFLICTS • PREEMPTING USERS’ NEEDS • REFRESHING CHRONOLOGICAL DATA • PREPARING FOR DIVERSE DATA TYPES
16. remoteStorage
17. remoteStorage
18. remoteStorage Great Software
19. remoteStorage
20. So, lets talk about hoodie.
21. – http://hood.ie „Hoodie is an Offline First and noBackend architecture for frontend-only web apps.
22. – http://hood.ie „Hoodie is an Offline First and noBackend architecture for frontend-only web apps on the web and on iOS.“
26. Let’s live code a todo app.
27. Frontend Backend App Modules .find() .add() .on() Users Shares Emails Payment hoodie.store localStorage Sync REST CouchDB Brief wandert durch
28. & offlineFirst Your questions?