{"id":1413,"date":"2013-01-15T13:19:48","date_gmt":"2013-01-15T13:19:48","guid":{"rendered":"http:\/\/proxystudio.uxpin.com\/?p=1413"},"modified":"2020-04-22T06:39:38","modified_gmt":"2020-04-22T13:39:38","slug":"offline-safety-in-a-cloud-app","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/offline-safety-in-a-cloud-app\/","title":{"rendered":"Offline Safety in a Cloud App"},"content":{"rendered":"<p style=\"font-size:10px;\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2013\/01\/448665548_b4537c7c0d-500x150.jpg\" alt=\"Panic computer\" width=\"500\" height=\"150\" class=\"aligncenter size-thumbnail wp-image-1418\" \/><br \/>\nPhoto Credit: <a href=\"http:\/\/www.flickr.com\/photos\/24509941@N00\/448665548\/\">star5112<\/a> via <a href=\"http:\/\/compfight.com\">Compfight<\/a> <a href=\"http:\/\/creativecommons.org\/licenses\/by-sa\/2.0\/\">cc<\/a><\/p>\n<h2 style=\"font-size:20px; margin-top:1px;\">Cloud App working, even if you&#8217;re offline<\/h2>\n<p>Imagine this super scary situation: <em>You\u2019re working in you favorite cloud app (let say it\u2019s a wireframing app). Suddenly&#8230;. <strong>BAM<\/strong>, you lost your Internet connection. The app stopped working and most probably you lost your data.<\/em><\/p>\n<p><strong>That\u2019s scary, right?<\/strong><\/p>\n<p>We thought so.<\/p>\n<p>You know well that <em>\u2018shit happens\u2019<\/em>. You might lose the connection, or the server might be temporary unavailable. That may kill all the benefits of a cloud app. Losing your data is unacceptable.<\/p>\n<p>Having this problem in mind we\u2019ve used <strong>local storage <\/strong>(all thanks to our wizard of programming <a href=\"http:\/\/twitter.com\/jzlowocki\">Jacek<\/a>) to prevent any data loss in case of lack of connection to the cloud.<\/p>\n<p>If you\u2019ll suddenly lose connection to the server, we\u2019ll save your data locally (on your computer) and we\u2019ll let you further use UXPin until the connection will come back. Next time you\u2019ll connect to the server, we\u2019ll synchronize your local data with the server.<\/p>\n<p>Magic? Just a little bit, the rest is hard work.<\/p>\n<p>Check out the scheme below:<\/p>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2013\/01\/Offline-Safety-in-a-Cloud.005.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2013\/01\/Offline-Safety-in-a-Cloud-SMALL.png\" alt=\"Offline Safety in a Cloud\" width=\"600\" height=\"375\" class=\"aligncenter size-full wp-image-1414\" \/><\/a><\/p>\n<p>With <a href=\"https:\/\/www.uxpin.com\" title=\"The UX Design App\">UXPin<\/a> you\u2019re safe, even if offline.<\/p>\n<h2 style=\"font-size:20px;\">Update<\/h2>\n<p>Due to extreme popularity of this post (thank you so much for all the upvotes on Hackernews, likes etc.), I asked author of this feature to guide you through the meanders of his solution:<\/p>\n<p><em>&#8220;Unfortunately our solution is not generic enough to talk about it in details :) But the general idea is quite simple. We use HTML5-called localStorage object to store changes in user&#8217;s projects locally and while the connection is on (or when it comes back), our synchronization mechanism just grabs local data and sends it to server.&#8221;<\/em><a href=\"http:\/\/twitter.com\/jzlowocki\">\/Jacek Z\u0142owocki<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Photo Credit: star5112 via Compfight cc Cloud App working, even if you&#8217;re offline Imagine this super scary situation: You\u2019re working in you favorite cloud app (let say it\u2019s a wireframing app). Suddenly&#8230;. BAM, you lost your Internet connection. The app stopped working and most probably you lost your data. That\u2019s scary, right? We thought so.<\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,19],"tags":[],"class_list":["post-1413","post","type-post","status-publish","format-standard","hentry","category-blog","category-uxpin"],"yoast_title":"Offline Safety in a Cloud App - UXPin","yoast_metadesc":"UXPin offers unique safety in a cloud app. You won't loose any data with our local storage system. The UX Design App works even if you're offline.","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.5 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Offline Safety in a Cloud App - UXPin<\/title>\n<meta name=\"description\" content=\"UXPin offers unique safety in a cloud app. You won&#039;t loose any data with our local storage system. The UX Design App works even if you&#039;re offline.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.uxpin.com\/studio\/blog\/offline-safety-in-a-cloud-app\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Offline Safety in a Cloud App\" \/>\n<meta property=\"og:description\" content=\"UXPin offers unique safety in a cloud app. You won&#039;t loose any data with our local storage system. The UX Design App works even if you&#039;re offline.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/offline-safety-in-a-cloud-app\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2013-01-15T13:19:48+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-04-22T13:39:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2013\/01\/448665548_b4537c7c0d-500x150.jpg\" \/>\n<meta name=\"author\" content=\"Jerry Cao\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jerry Cao\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/offline-safety-in-a-cloud-app\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/offline-safety-in-a-cloud-app\\\/\"},\"author\":{\"name\":\"Jerry Cao\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e58da1b4c401eb288436977eb9810a18\"},\"headline\":\"Offline Safety in a Cloud App\",\"datePublished\":\"2013-01-15T13:19:48+00:00\",\"dateModified\":\"2020-04-22T13:39:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/offline-safety-in-a-cloud-app\\\/\"},\"wordCount\":297,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/offline-safety-in-a-cloud-app\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2013\\\/01\\\/448665548_b4537c7c0d-500x150.jpg\",\"articleSection\":[\"Blog\",\"UXPin\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/offline-safety-in-a-cloud-app\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/offline-safety-in-a-cloud-app\\\/\",\"name\":\"Offline Safety in a Cloud App - UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/offline-safety-in-a-cloud-app\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/offline-safety-in-a-cloud-app\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2013\\\/01\\\/448665548_b4537c7c0d-500x150.jpg\",\"datePublished\":\"2013-01-15T13:19:48+00:00\",\"dateModified\":\"2020-04-22T13:39:38+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e58da1b4c401eb288436977eb9810a18\"},\"description\":\"UXPin offers unique safety in a cloud app. You won't loose any data with our local storage system. The UX Design App works even if you're offline.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/offline-safety-in-a-cloud-app\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/offline-safety-in-a-cloud-app\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/offline-safety-in-a-cloud-app\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2013\\\/01\\\/448665548_b4537c7c0d-500x150.jpg\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2013\\\/01\\\/448665548_b4537c7c0d-500x150.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/offline-safety-in-a-cloud-app\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Offline Safety in a Cloud App\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\",\"name\":\"Studio by UXPin\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e58da1b4c401eb288436977eb9810a18\",\"name\":\"Jerry Cao\",\"description\":\"Jerry Cao is a content strategist at UXPin where he gets to put his overly active imagination to paper every day. In a past life, he developed content strategies for clients at Brafton and worked in traditional advertising at DDB San Francisco. In his spare time he enjoys playing electric guitar, watching foreign horror films, and expanding his knowledge of random facts. Follow him on Twitter.\",\"sameAs\":[\"http:\\\/\\\/uxpin.com\"],\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/jerrycao\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Offline Safety in a Cloud App - UXPin","description":"UXPin offers unique safety in a cloud app. You won't loose any data with our local storage system. The UX Design App works even if you're offline.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.uxpin.com\/studio\/blog\/offline-safety-in-a-cloud-app\/","og_locale":"en_US","og_type":"article","og_title":"Offline Safety in a Cloud App","og_description":"UXPin offers unique safety in a cloud app. You won't loose any data with our local storage system. The UX Design App works even if you're offline.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/offline-safety-in-a-cloud-app\/","og_site_name":"Studio by UXPin","article_published_time":"2013-01-15T13:19:48+00:00","article_modified_time":"2020-04-22T13:39:38+00:00","og_image":[{"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2013\/01\/448665548_b4537c7c0d-500x150.jpg","type":"","width":"","height":""}],"author":"Jerry Cao","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Jerry Cao","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/offline-safety-in-a-cloud-app\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/offline-safety-in-a-cloud-app\/"},"author":{"name":"Jerry Cao","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e58da1b4c401eb288436977eb9810a18"},"headline":"Offline Safety in a Cloud App","datePublished":"2013-01-15T13:19:48+00:00","dateModified":"2020-04-22T13:39:38+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/offline-safety-in-a-cloud-app\/"},"wordCount":297,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/offline-safety-in-a-cloud-app\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2013\/01\/448665548_b4537c7c0d-500x150.jpg","articleSection":["Blog","UXPin"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/offline-safety-in-a-cloud-app\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/offline-safety-in-a-cloud-app\/","name":"Offline Safety in a Cloud App - UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/offline-safety-in-a-cloud-app\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/offline-safety-in-a-cloud-app\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2013\/01\/448665548_b4537c7c0d-500x150.jpg","datePublished":"2013-01-15T13:19:48+00:00","dateModified":"2020-04-22T13:39:38+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e58da1b4c401eb288436977eb9810a18"},"description":"UXPin offers unique safety in a cloud app. You won't loose any data with our local storage system. The UX Design App works even if you're offline.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/offline-safety-in-a-cloud-app\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/offline-safety-in-a-cloud-app\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/offline-safety-in-a-cloud-app\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2013\/01\/448665548_b4537c7c0d-500x150.jpg","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2013\/01\/448665548_b4537c7c0d-500x150.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/offline-safety-in-a-cloud-app\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"Offline Safety in a Cloud App"}]},{"@type":"WebSite","@id":"https:\/\/www.uxpin.com\/studio\/#website","url":"https:\/\/www.uxpin.com\/studio\/","name":"Studio by UXPin","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uxpin.com\/studio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e58da1b4c401eb288436977eb9810a18","name":"Jerry Cao","description":"Jerry Cao is a content strategist at UXPin where he gets to put his overly active imagination to paper every day. In a past life, he developed content strategies for clients at Brafton and worked in traditional advertising at DDB San Francisco. In his spare time he enjoys playing electric guitar, watching foreign horror films, and expanding his knowledge of random facts. Follow him on Twitter.","sameAs":["http:\/\/uxpin.com"],"url":"https:\/\/www.uxpin.com\/studio\/author\/jerrycao\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/1413","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=1413"}],"version-history":[{"count":0,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/1413\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=1413"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=1413"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=1413"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}