{"id":2160,"date":"2014-11-27T05:47:52","date_gmt":"2014-11-27T08:47:52","guid":{"rendered":"http:\/\/tangopardo.com.ar\/2cf7\/?p=2160"},"modified":"2014-11-27T18:54:01","modified_gmt":"2014-11-27T21:54:01","slug":"how-to-make-an-awesome-android-dashboard-for-your-embedded-widget","status":"publish","type":"post","link":"https:\/\/tangopardo.com.ar\/2cf7\/2014\/11\/27\/how-to-make-an-awesome-android-dashboard-for-your-embedded-widget","title":{"rendered":"How to make an awesome Android dashboard for your embedded widget"},"content":{"rendered":"<p>&#8211; Use a standard protocol. We chose <a href=\"http:\/\/firmata.org\">Firmata<\/a>.<\/p>\n<p>&#8211; Play with nice things. We used <a href=\"http:\/\/ionicframework.com\/\">Ionic<\/a>, <a href=\"http:\/\/cordova.apache.org\/\">Apache Cordoba<\/a> and the wonderful <a href=\"https:\/\/github.com\/don\/BluetoothSerial\">BluetoothSerial<\/a> plugin.<\/p>\n<p>&#8211; Remember to either modify the Firmata firmware to use the default 9600 bps speed of our HC06 adapter or change it to work at 57600.<\/p>\n<p>&#8211; <a href=\"http:\/\/browserify.org\/\">Browserify<\/a> a <a href=\"https:\/\/github.com\/jgautier\/firmata\">Node implementation of the protocol<\/a> and make a port-like object so it talks over Bluetooth.<\/p>\n<p>&#8211; The bluetooth plugin doesn&#8217;t like to work with binary data so <a href=\"https:\/\/github.com\/don\/BluetoothSerial\/pull\/83\">we improve it<\/a>.<\/p>\n<p>After writing some glue code you end up with a nice and working control panel. I only got the working part but there are a ton of cool reusable widgets out there (like <a href=\"http:\/\/www.nexusosc.com\/nexusTutorials\/\">NexusUI<\/a> or <a href=\"http:\/\/kievII.net\">KievII<\/a>)<\/p>\n\n\t\t<style type=\"text\/css\">\n\t\t\t#gallery-1 {\n\t\t\t\tmargin: auto;\n\t\t\t}\n\t\t\t#gallery-1 .gallery-item {\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-top: 10px;\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 50%;\n\t\t\t}\n\t\t\t#gallery-1 img {\n\t\t\t\tborder: 2px solid #cfcfcf;\n\t\t\t}\n\t\t\t#gallery-1 .gallery-caption {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\t\/* see gallery_shortcode() in wp-includes\/media.php *\/\n\t\t<\/style>\n\t\t<div data-carousel-extra='{\"blog_id\":1,\"permalink\":\"https:\\\/\\\/tangopardo.com.ar\\\/2cf7\\\/2014\\\/11\\\/27\\\/how-to-make-an-awesome-android-dashboard-for-your-embedded-widget\"}' id='gallery-1' class='gallery galleryid-2160 gallery-columns-2 gallery-size-thumbnail'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/tangopardo.com.ar\/2cf7\/wp-content\/uploads\/2014\/11\/cordova_firmata_main.png'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/tangopardo.com.ar\/2cf7\/wp-content\/uploads\/2014\/11\/cordova_firmata_main-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" data-attachment-id=\"2163\" data-permalink=\"https:\/\/tangopardo.com.ar\/2cf7\/2014\/11\/27\/how-to-make-an-awesome-android-dashboard-for-your-embedded-widget\/cordova_firmata_main\" data-orig-file=\"https:\/\/tangopardo.com.ar\/2cf7\/wp-content\/uploads\/2014\/11\/cordova_firmata_main.png\" data-orig-size=\"720,1134\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"cordova_firmata_main\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/tangopardo.com.ar\/2cf7\/wp-content\/uploads\/2014\/11\/cordova_firmata_main-190x300.png\" data-large-file=\"https:\/\/tangopardo.com.ar\/2cf7\/wp-content\/uploads\/2014\/11\/cordova_firmata_main-650x1024.png\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/tangopardo.com.ar\/2cf7\/wp-content\/uploads\/2014\/11\/cordova_firmata_devices.png'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/tangopardo.com.ar\/2cf7\/wp-content\/uploads\/2014\/11\/cordova_firmata_devices-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" data-attachment-id=\"2164\" data-permalink=\"https:\/\/tangopardo.com.ar\/2cf7\/2014\/11\/27\/how-to-make-an-awesome-android-dashboard-for-your-embedded-widget\/cordova_firmata_devices\" data-orig-file=\"https:\/\/tangopardo.com.ar\/2cf7\/wp-content\/uploads\/2014\/11\/cordova_firmata_devices.png\" data-orig-size=\"720,1134\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"cordova_firmata_devices\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/tangopardo.com.ar\/2cf7\/wp-content\/uploads\/2014\/11\/cordova_firmata_devices-190x300.png\" data-large-file=\"https:\/\/tangopardo.com.ar\/2cf7\/wp-content\/uploads\/2014\/11\/cordova_firmata_devices-650x1024.png\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>&#8211; Use a standard protocol. We chose Firmata. &#8211; Play with nice things. We used Ionic, Apache Cordoba and the wonderful BluetoothSerial plugin. &#8211; Remember to either modify the Firmata firmware to use the default 9600 bps speed of our HC06 adapter or change it to work at 57600. &#8211; Browserify a Node implementation of [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[13,24,22],"tags":[],"class_list":["post-2160","post","type-post","status-publish","format-standard","hentry","category-electronica","category-hacks","category-software-libre"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pmnbC-yQ","_links":{"self":[{"href":"https:\/\/tangopardo.com.ar\/2cf7\/wp-json\/wp\/v2\/posts\/2160","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tangopardo.com.ar\/2cf7\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tangopardo.com.ar\/2cf7\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tangopardo.com.ar\/2cf7\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tangopardo.com.ar\/2cf7\/wp-json\/wp\/v2\/comments?post=2160"}],"version-history":[{"count":3,"href":"https:\/\/tangopardo.com.ar\/2cf7\/wp-json\/wp\/v2\/posts\/2160\/revisions"}],"predecessor-version":[{"id":2165,"href":"https:\/\/tangopardo.com.ar\/2cf7\/wp-json\/wp\/v2\/posts\/2160\/revisions\/2165"}],"wp:attachment":[{"href":"https:\/\/tangopardo.com.ar\/2cf7\/wp-json\/wp\/v2\/media?parent=2160"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tangopardo.com.ar\/2cf7\/wp-json\/wp\/v2\/categories?post=2160"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tangopardo.com.ar\/2cf7\/wp-json\/wp\/v2\/tags?post=2160"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}