{"id":26246,"date":"2016-11-09T03:01:14","date_gmt":"2016-11-08T17:01:14","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=26246"},"modified":"2016-11-09T19:02:47","modified_gmt":"2016-11-09T09:02:47","slug":"mobile-speedo-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/mobile-speedo-primer-tutorial\/","title":{"rendered":"Mobile Speedo Primer Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/speedo.html\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Mobile Speedo Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/Picture291.PNG\" title=\"Mobile Speedo Primer Tutorial\"  style=\"float:left;\"  \/><\/a><p class=\"wp-caption-text\">Mobile Speedo Primer Tutorial<\/p><\/div>\n<p>Today we&#8217;re starting out on a new &#8220;Speedo&#8221; web application.   If we do two versions, we&#8217;ll be tempted to call the program &#8220;Budgie Smuggler&#8221; &#8230; but we digress.<\/p>\n<p>Our web application today will only work on mobile devices.  Do you remember when we talked about Javascript <i>navigation.geolocation<\/i> in the context of <a target=_blank title='HTML\/Javascript Where Does It Get Me To Primer Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/htmljavascript-where-does-it-get-me-to-primer-tutorial\/'>HTML\/Javascript Where Does It Get Me To Primer Tutorial<\/a> as a geolocation tool of great use?  Well, today&#8217;s work is trying to harness those methods to have you start the web application ahead of time when you have Wi-Fi or some other method of use available, and that will be enough to load in the <i>navigation.geolocation<\/i> client side logic that we can continue running, as a &#8220;Speedo&#8221;, out and about in the car or train or bus or whatever.<\/p>\n<p>So doing this we first thought that it would involve Device Motion events and would come down to taking out gravity from the equation and working out the speed the device is moving, making use of the internal gyroscopes a modern smart device uses to measure these Device Motion event measures.  However, trying this didn&#8217;t seem to get us anywhere regarding reference to Earth, whereas Geolocation techniques do.<\/p>\n<p>We hope you give the web application you could call <a target=_blank title='speedo.html' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/speedo.html-GETME'>speedo.html<\/a> a go with our <a target=_blank title='Click picture' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/speedo.html'>live run<\/a> link.  It&#8217;s early days with it, and it may only work for mobile devices using home Wi-Fi with you walking around using the web application, but we feel we can improve as time goes on.<\/p>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d26246' onclick='var dv=document.getElementById(\"d26246\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/event\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d26246' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Today we&#8217;re starting out on a new &#8220;Speedo&#8221; web application. If we do two versions, we&#8217;ll be tempted to call the program &#8220;Budgie Smuggler&#8221; &#8230; but we digress. Our web application today will only work on mobile devices. Do you &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/mobile-speedo-primer-tutorial\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,14,37],"tags":[1727,400,483,576,578,652,997,1181,1279,1319],"class_list":["post-26246","post","type-post","status-publish","format-standard","hentry","category-elearning","category-event-driven-programming","category-tutorials","tag-distance","tag-event","tag-geolocation","tag-html","tag-html5","tag-javascript","tag-programming","tag-speed","tag-time","tag-tutorial"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/26246"}],"collection":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/comments?post=26246"}],"version-history":[{"count":14,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/26246\/revisions"}],"predecessor-version":[{"id":26290,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/26246\/revisions\/26290"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=26246"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=26246"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=26246"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}