{"id":278,"date":"2009-04-06T01:31:39","date_gmt":"2009-04-05T14:31:39","guid":{"rendered":"http:\/\/www.madox.net\/blog\/?p=278"},"modified":"2009-04-06T01:34:40","modified_gmt":"2009-04-05T14:34:40","slug":"mchumby-interface-design","status":"publish","type":"post","link":"http:\/\/www.madox.net\/blog\/2009\/04\/06\/mchumby-interface-design\/","title":{"rendered":"MChumby &#8211; Interface Design"},"content":{"rendered":"<p>Working a 70 hour week dampened my enthusiasm for the <a href=\"http:\/\/www.madox.net\/blog\/2009\/03\/23\/mchumby-mazdamadox-chumby\/\" target=\"_blank\">MChumby<\/a> but I managed to scrape a couple of hours today to try my hand with <a href=\"http:\/\/www.haxe.org\/\" target=\"_blank\">HaXe<\/a> + Flash to prototype the <a href=\"http:\/\/www.chumby.com\/\" target=\"_blank\">Chumby<\/a> Interface.<\/p>\n<figure id=\"attachment_283\" aria-describedby=\"caption-attachment-283\" style=\"width: 320px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.madox.net\/blog\/wp-content\/uploads\/2009\/04\/screenshot-mchumbyswf-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-283\" title=\"screenshot-mchumbyswf-1\" src=\"http:\/\/www.madox.net\/blog\/wp-content\/uploads\/2009\/04\/screenshot-mchumbyswf-1.png\" alt=\"Test of revised layout\" width=\"320\" height=\"265\" \/><\/a><figcaption id=\"caption-attachment-283\" class=\"wp-caption-text\">Test of revised layout<\/figcaption><\/figure>\n<p>A few interesting tidbits were learned from the experiments :-<\/p>\n<ol>\n<li>HaXe + Geany are great for developing flash widgets for the Chumby<\/li>\n<li>Gnash doesn&#8217;t render the same as Linux Adobe Flash<\/li>\n<li>Chumby renders the same as Adobe Flash<\/li>\n<li>Text vertical alignment in flash is crap<\/li>\n<\/ol>\n<p>A bit of background and a demo video of the widget on the Chumby after the break.<\/p>\n<p><!--more--><\/p>\n<p>The <a href=\"http:\/\/www.madox.net\/blog\/2009\/03\/23\/mchumby-mazdamadox-chumby\/\" target=\"_blank\">last post<\/a> describes my resurrection of a two year old project.\u00a0 Here&#8217;s a super short summary with many pictures, photos and videos!<\/p>\n<h2>The original layout<\/h2>\n<figure id=\"attachment_279\" aria-describedby=\"caption-attachment-279\" style=\"width: 450px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.madox.net\/blog\/wp-content\/uploads\/2009\/04\/layout.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-279\" title=\"layout\" src=\"http:\/\/www.madox.net\/blog\/wp-content\/uploads\/2009\/04\/layout-450x249.png\" alt=\"Original concept layout...\" width=\"450\" height=\"249\" srcset=\"http:\/\/www.madox.net\/blog\/wp-content\/uploads\/2009\/04\/layout-450x249.png 450w, http:\/\/www.madox.net\/blog\/wp-content\/uploads\/2009\/04\/layout.png 479w\" sizes=\"auto, (max-width: 450px) 85vw, 450px\" \/><\/a><figcaption id=\"caption-attachment-279\" class=\"wp-caption-text\">Original concept layout...<\/figcaption><\/figure>\n<h2>Original layout prototyped<\/h2>\n<figure id=\"attachment_282\" aria-describedby=\"caption-attachment-282\" style=\"width: 320px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.madox.net\/blog\/wp-content\/uploads\/2009\/04\/screenshot-file-home-madox-mchumby-mchumbyswf.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-282\" title=\"screenshot-file-home-madox-mchumby-mchumbyswf\" src=\"http:\/\/www.madox.net\/blog\/wp-content\/uploads\/2009\/04\/screenshot-file-home-madox-mchumby-mchumbyswf.png\" alt=\"Test of original layout\" width=\"320\" height=\"265\" \/><\/a><figcaption id=\"caption-attachment-282\" class=\"wp-caption-text\">Test of original layout<\/figcaption><\/figure>\n<p>I thought the speed gauge didn&#8217;t look too bad but I got convinced by a friend to redesign the layout.\u00a0 Plus I really didn&#8217;t know why I needed a song name on the display or the blinker indicators&#8230;<\/p>\n<h2>The revised layout<\/h2>\n<div class=\"mceTemp mceIEcenter\" style=\"text-align: left;\">\n<dl id=\"attachment_280\" class=\"wp-caption aligncenter\" style=\"width: 330px;\">\n<dt class=\"wp-caption-dt\"><a href=\"http:\/\/www.madox.net\/blog\/wp-content\/uploads\/2009\/04\/layout2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-280\" title=\"layout2\" src=\"http:\/\/www.madox.net\/blog\/wp-content\/uploads\/2009\/04\/layout2.png\" alt=\"Revised layout\" width=\"320\" height=\"240\" \/><\/a><\/dt>\n<\/dl>\n<p>Revised layout legend\/summary :-<\/p>\n<ul style=\"text-align: left;\">\n<li>The speed gauge is the outer display.<\/li>\n<li>The arcs are for the tachometer and accelerator position.<\/li>\n<li>The yellow bar is like a fuel remaining indicator<\/li>\n<li>Red boxes are for the transmission (mode\/gear)<\/li>\n<li>The cyan box is for a graph of&#8230; don&#8217;t know yet.\u00a0 Speed graph? Fuel economy graph? Any suggestions?<\/li>\n<\/ul>\n<\/div>\n<h2>Gah Gnash vs Adobe Flash<\/h2>\n<p>I&#8217;ve been using Geany to write the HaXe code for this and it is pretty easy to link it in with Gnash to view the resultant Flash when compiling\/executing.\u00a0 So all it all it seemed like a good package for flash development until I realised Gnash doesn&#8217;t render quite the same as Adobe&#8230; (&#8220;Gah&#8221; is my sign of exasperation that Gnash renders the flash differently&#8230;).<\/p>\n<p>That&#8217;s not the important bit&#8230;the important bit is that it doesn&#8217;t render like the Chumby either!!!\u00a0 ARGH.\u00a0 (P.S. The fault is with Gnash rendering textfields vertically centered whereas flash render&#8217;s them top aligned, easy enough to fix&#8230;)<\/p>\n<figure id=\"attachment_281\" aria-describedby=\"caption-attachment-281\" style=\"width: 450px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.madox.net\/blog\/wp-content\/uploads\/2009\/04\/screenshot.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-281\" title=\"screenshot\" src=\"http:\/\/www.madox.net\/blog\/wp-content\/uploads\/2009\/04\/screenshot-450x221.png\" alt=\"Gnash vs Flash player in Ubuntu\" width=\"450\" height=\"221\" srcset=\"http:\/\/www.madox.net\/blog\/wp-content\/uploads\/2009\/04\/screenshot-450x221.png 450w, http:\/\/www.madox.net\/blog\/wp-content\/uploads\/2009\/04\/screenshot.png 659w\" sizes=\"auto, (max-width: 450px) 85vw, 450px\" \/><\/a><figcaption id=\"caption-attachment-281\" class=\"wp-caption-text\">Gnash vs Flash player in Ubuntu<\/figcaption><\/figure>\n<h2>\n<p><figure id=\"attachment_286\" aria-describedby=\"caption-attachment-286\" style=\"width: 400px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.madox.net\/blog\/wp-content\/uploads\/2009\/04\/chumbygnashflash.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-286\" title=\"chumbygnashflash\" src=\"http:\/\/www.madox.net\/blog\/wp-content\/uploads\/2009\/04\/chumbygnashflash-400x300.jpg\" alt=\"Chumby vs Gnash vs Linux Flash\" width=\"400\" height=\"300\" srcset=\"http:\/\/www.madox.net\/blog\/wp-content\/uploads\/2009\/04\/chumbygnashflash-400x300.jpg 400w, http:\/\/www.madox.net\/blog\/wp-content\/uploads\/2009\/04\/chumbygnashflash-1024x768.jpg 1024w, http:\/\/www.madox.net\/blog\/wp-content\/uploads\/2009\/04\/chumbygnashflash.jpg 1200w\" sizes=\"auto, (max-width: 400px) 85vw, 400px\" \/><\/a><figcaption id=\"caption-attachment-286\" class=\"wp-caption-text\">Chumby vs Gnash vs Linux Flash<\/figcaption><\/figure><\/h2>\n<h2>Chumby gesture interface test video<\/h2>\n<p style=\"text-align: center;\"><object classid=\"clsid:166b1bca-3f9c-11cf-8075-444553540000\" width=\"320\" height=\"240\" codebase=\"http:\/\/download.macromedia.com\/pub\/shockwave\/cabs\/director\/sw.cab#version=8,5,1,0\"><param name=\"sound\" value=\"true\" \/><param name=\"progress\" value=\"true\" \/><param name=\"autostart\" value=\"true\" \/><param name=\"swstretchstyle\" value=\"none\" \/><param name=\"swstretchhalign\" value=\"none\" \/><param name=\"swstretchvalign\" value=\"none\" \/><param name=\"src\" value=\"http:\/\/www.madox.net\/blog\/wp-content\/uploads\/2009\/04\/chumbydemo.flv\" \/><embed type=\"application\/x-director\" width=\"320\" height=\"240\" src=\"http:\/\/www.madox.net\/blog\/wp-content\/uploads\/2009\/04\/chumbydemo.flv\" swstretchvalign=\"none\" swstretchhalign=\"none\" swstretchstyle=\"none\" swliveconnect=\"false\" autostart=\"true\" progress=\"true\" sound=\"true\"><\/embed><\/object><\/p>\n<p style=\"text-align: left;\">Works pretty well I have to say \ud83d\ude42\u00a0 What do you think?<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Working a 70 hour week dampened my enthusiasm for the MChumby but I managed to scrape a couple of hours today to try my hand with HaXe + Flash to prototype the Chumby Interface. A few interesting tidbits were learned from the experiments :- HaXe + Geany are great for developing flash widgets for the &hellip; <a href=\"http:\/\/www.madox.net\/blog\/2009\/04\/06\/mchumby-interface-design\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;MChumby &#8211; Interface Design&#8221;<\/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":[5],"tags":[31,32,8,34,35,33,11,14],"class_list":["post-278","post","type-post","status-publish","format-standard","hentry","category-engineering","tag-chumby","tag-flash","tag-free-software","tag-geany","tag-gnash","tag-haxe","tag-mazda","tag-ubuntu"],"_links":{"self":[{"href":"http:\/\/www.madox.net\/blog\/wp-json\/wp\/v2\/posts\/278","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.madox.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.madox.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.madox.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.madox.net\/blog\/wp-json\/wp\/v2\/comments?post=278"}],"version-history":[{"count":6,"href":"http:\/\/www.madox.net\/blog\/wp-json\/wp\/v2\/posts\/278\/revisions"}],"predecessor-version":[{"id":291,"href":"http:\/\/www.madox.net\/blog\/wp-json\/wp\/v2\/posts\/278\/revisions\/291"}],"wp:attachment":[{"href":"http:\/\/www.madox.net\/blog\/wp-json\/wp\/v2\/media?parent=278"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.madox.net\/blog\/wp-json\/wp\/v2\/categories?post=278"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.madox.net\/blog\/wp-json\/wp\/v2\/tags?post=278"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}