{"id":1349,"date":"2014-02-08T03:39:23","date_gmt":"2014-02-08T03:39:23","guid":{"rendered":"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/?p=1349"},"modified":"2014-02-08T11:23:14","modified_gmt":"2014-02-08T11:23:14","slug":"easy-recipes-for-building-android-apps-using-mit-app-inventor","status":"publish","type":"post","link":"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/easy-recipes-for-building-android-apps-using-mit-app-inventor\/","title":{"rendered":"Easy Recipes for Building Android Apps using MIT App Inventor"},"content":{"rendered":"\n<!-- Facebook Like Button v1.9.6 BEGIN [http:\/\/blog.bottomlessinc.com] -->\n<iframe src=\"http:\/\/www.facebook.com\/plugins\/like.php?href=http%3A%2F%2Finspiredtoeducate.net%2Finspiredtoeducate%2Feasy-recipes-for-building-android-apps-using-mit-app-inventor%2F&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light\" scrolling=\"no\" frameborder=\"0\" allowTransparency=\"true\" style=\"border:none; overflow:hidden; width:450px; height: 30px; align: left; margin: 2px 0px 2px 0px\"><\/iframe>\n<!-- Facebook Like Button END -->\n<p><a href=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/02\/app-inventor1.png\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-1365\" title=\"app-inventor1\" src=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/02\/app-inventor1.png\" alt=\"MIT App Inventor\" width=\"540\" height=\"239\" srcset=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/02\/app-inventor1.png 540w, http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/02\/app-inventor1-300x132.png 300w\" sizes=\"(max-width: 540px) 100vw, 540px\" \/><\/a><\/p>\n<p>To help make Android App building more accessible to EVERYONE, researchers at MIT have released a wonderful tool to empower makers and students to quickly build apps using a puzzle metaphor of programming. \u00a0Everyone can play with puzzles. \u00a0 Right!? \u00a0 <a href=\"http:\/\/appinventor.mit.edu\/explore\/\" target=\"_blank\">MIT App Inventor<\/a>, originally developed by Google, enables beginners to create applications in hours. \u00a0(not days) \u00a0 The MIT App Inventor enables you to test your apps in real-time using your Android device. \u00a0 Additionally, you do not need to install special tools on your system since the development environment is browser based. \u00a0To learn more about this tool, \u00a0visit\u00a0<a href=\"http:\/\/appinventor.mit.edu\/\">http:\/\/appinventor.mit.edu<\/a>\u00a0or <a href=\"http:\/\/www.appinventor.org\/book2\" target=\"_blank\">AppInventor.org<\/a> . \u00a0 If you love <a title=\"Benefits of Teaching Kids To Code That No One Is Talking About\" href=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/?p=623\" target=\"_blank\">Scratch and the work of MIT&#8217;s life long kindergarten<\/a>, you&#8217;re going to love this!<\/p>\n<p>The following videos by David Wolber of <a href=\"http:\/\/AppInventor.org\" target=\"_blank\">AppInventor.org<\/a>, help you quickly learn how to design a small drawing application for your Android device. \u00a0 David also offers a pretty nice book on App Inventor on his website.<\/p>\n<p><strong>Building the user interface:<\/strong><br \/>\n<iframe loading=\"lazy\" src=\"\/\/www.youtube.com\/embed\/MPbOmbnihrk\" frameborder=\"0\" width=\"560\" height=\"315\"><\/iframe><\/p>\n<p><strong style=\"font-size: 13px; line-height: 19px;\">Programming using Puzzle Pieces:<\/strong><\/p>\n<p><iframe loading=\"lazy\" src=\"\/\/www.youtube.com\/embed\/ze5-GMv9emA\" frameborder=\"0\" width=\"560\" height=\"315\"><\/iframe><\/p>\n<p><span style=\"font-size: 13px; line-height: 19px;\">To help inspire you to build your own Android Apps with <a href=\"http:\/\/appinventor.mit.edu\/explore\/\" target=\"_blank\">MIT App Inventor<\/a>, we&#8217;ll introduce a few short recipes that you can include in your own designs. \u00a0 These recipes will show you how to use the following device features:<\/span><\/p>\n<ul>\n<li>Speech To Text<\/li>\n<li>QR Code Scanning<\/li>\n<li>Simple Canvas Drawing<\/li>\n<li>Device Geo-location<\/li>\n<li>Web browser<\/li>\n<\/ul>\n<p><span style=\"font-size: 13px; line-height: 19px;\">Let&#8217;s get cooking! \u00a0 \u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<div><strong><span style=\"font-size: 1.17em; line-height: 19px;\">Speech To Text App<\/span><\/strong><\/div>\n<div><\/div>\n<div>&#8220;Speech To Text&#8221; app converts the voice the user into text by simply pressing a button and speaking.<\/div>\n<p><span style=\"text-decoration: underline;\">Ingredients for App:<\/span><\/p>\n<ul>\n<li>1 Button<\/li>\n<li>1 Text Box<\/li>\n<li>1 Speech Recognizer<\/li>\n<\/ul>\n<p><a href=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/02\/textToSpeech2.png\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-1357\" title=\"textToSpeech2\" src=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/02\/textToSpeech2.png\" alt=\"\" width=\"341\" height=\"225\" srcset=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/02\/textToSpeech2.png 341w, http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/02\/textToSpeech2-300x197.png 300w\" sizes=\"(max-width: 341px) 100vw, 341px\" \/><\/a><\/p>\n<p><strong style=\"font-size: 13px; line-height: 19px;\">Here&#8217;s the program:<\/strong><\/p>\n<p>When the user clicks the &#8220;recognize_button&#8221;, then the speech recognizer tool gets called. \u00a0 After the speech recognizer receives a result, we append the text to &#8220;TextBox1.&#8221;<\/p>\n<p><a href=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/02\/textToSpeech1.png\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-1356\" title=\"textToSpeech1\" src=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/02\/textToSpeech1.png\" alt=\"\" width=\"536\" height=\"236\" srcset=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/02\/textToSpeech1.png 536w, http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/02\/textToSpeech1-300x132.png 300w\" sizes=\"(max-width: 536px) 100vw, 536px\" \/><\/a><\/p>\n<p><strong><span style=\"font-size: 1.17em; line-height: 19px;\">QR Code Scanner App<\/span><\/strong><\/p>\n<p>This app enables the user to scan QR codes. \u00a0 If the QR code represents a valid website link, the site will be loaded in the browser.<\/p>\n<p><span style=\"text-decoration: underline;\">Ingredients for App:<\/span><\/p>\n<ul>\n<li>1 Button<\/li>\n<li>1 Bar Code Scanner<\/li>\n<li>1 Web Browser Control<\/li>\n<\/ul>\n<p><a href=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/02\/qrCodeScanner2.png\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-1355\" title=\"qrCodeScanner2\" src=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/02\/qrCodeScanner2.png\" alt=\"\" width=\"341\" height=\"526\" srcset=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/02\/qrCodeScanner2.png 341w, http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/02\/qrCodeScanner2-194x300.png 194w\" sizes=\"(max-width: 341px) 100vw, 341px\" \/><\/a><\/p>\n<p><strong>Here&#8217;s the program:<\/strong><\/p>\n<p>The program is started when the user selects &#8220;scanButton.&#8221; \u00a0 After the scanner has recognized the QR code, then the system commands the web browser to load the web site link.<\/p>\n<p><a href=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/02\/qrCodeScanner1.png\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-1354\" title=\"qrCodeScanner1\" src=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/02\/qrCodeScanner1.png\" alt=\"\" width=\"383\" height=\"230\" srcset=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/02\/qrCodeScanner1.png 383w, http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/02\/qrCodeScanner1-300x180.png 300w\" sizes=\"(max-width: 383px) 100vw, 383px\" \/><\/a><\/p>\n<h3><strong>Drawing App<\/strong><\/h3>\n<p>This recipe enables you to create a drawing application for your Android device.<\/p>\n<p><span style=\"text-decoration: underline;\"><span style=\"font-size: 13px; line-height: 19px;\">Ingredients for App:<\/span><\/span><\/p>\n<ul>\n<li>1 Button<\/li>\n<li>1 Canvas<\/li>\n<\/ul>\n<p><a href=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/02\/drawing2.png\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-1353\" title=\"drawing2\" src=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/02\/drawing2.png\" alt=\"\" width=\"339\" height=\"345\" srcset=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/02\/drawing2.png 339w, http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/02\/drawing2-294x300.png 294w\" sizes=\"(max-width: 339px) 100vw, 339px\" \/><\/a><\/p>\n<p><span style=\"font-size: 13px; line-height: 19px;\">When the user drags their finger over the canvas, a small green circle is drawn. \u00a0While dragging your finger on the canvas, the system will set the color of the paint to green. \u00a0 The program draws a small circle at the (X,Y) coordinates of the dragging event. \u00a0 When the user clicks the &#8220;clear_button&#8221; button, the device clears the drawing canvas.<\/span><\/p>\n<p><strong>Here&#8217;s the code:<\/strong><\/p>\n<p><a href=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/02\/drawing1.png\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-1352\" title=\"drawing1\" src=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/02\/drawing1.png\" alt=\"\" width=\"560\" height=\"300\" srcset=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/02\/drawing1.png 560w, http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/02\/drawing1-300x160.png 300w\" sizes=\"(max-width: 560px) 100vw, 560px\" \/><\/a><\/p>\n<p><strong style=\"font-size: 1.17em; line-height: 19px;\">Location Finder<\/strong><\/p>\n<p>This recipe shows you how to discover your current address using your location and place it on a Google Map.<\/p>\n<p><span style=\"text-decoration: underline;\">Ingredients for App:<\/span><\/p>\n<ul>\n<li>1 Button<\/li>\n<li>1 Text Box<\/li>\n<li>1 Web Browser<\/li>\n<\/ul>\n<p><a href=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/02\/addressFinder1.png\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-1350\" title=\"addressFinder1\" src=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/02\/addressFinder1.png\" alt=\"\" width=\"344\" height=\"252\" srcset=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/02\/addressFinder1.png 344w, http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/02\/addressFinder1-300x219.png 300w\" sizes=\"(max-width: 344px) 100vw, 344px\" \/><\/a><\/p>\n<p><strong style=\"font-size: 13px; line-height: 19px;\">Here&#8217;s the code:<\/strong><\/p>\n<p><a href=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/02\/addressFinder2.png\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-1351\" title=\"addressFinder2\" src=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/02\/addressFinder2.png\" alt=\"\" width=\"593\" height=\"164\" srcset=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/02\/addressFinder2.png 593w, http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/02\/addressFinder2-300x82.png 300w\" sizes=\"(max-width: 593px) 100vw, 593px\" \/><\/a><\/p>\n<p><span style=\"font-size: 13px; line-height: 19px;\">When the user clicks &#8220;getAddress&#8221;, the system fetches your current location and finds your address. \u00a0 Your address is placed in the &#8220;address&#8221; text field. \u00a0 After that, we combine the Google maps search tool URL with your address. \u00a0 This recipe isn&#8217;t perfect since it&#8217;s hard for Google to infer your street address perfectly. \u00a0 \u00a0It, however, shows you how to build mini-programs that use your current address or your current latitude and longitude.\u00a0<\/span><\/p>\n<p>This post only scratches the surface. \u00a0 App Inventor also includes puzzle pieces for Lego mindstorm, recording sound, taking pictures, and interfacing with Twitter.<\/p>\n<p>We enjoy hearing from our readers. \u00a0 If you build something cool with App Inventor, please let us know what you built! \u00a0\u00a0<span style=\"font-size: 13px; line-height: 19px;\">\u00a0<\/span><\/p>\n<p><strong style=\"font-size: 13px; line-height: 19px;\">Featured Posts on InspiredToEducate.NET<\/strong><\/p>\n<ul>\n<li><a href=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/?p=1238\" target=\"_blank\">17 Fun Tools To Teach Kids To Code by @ChrisBetcher<\/a><\/li>\n<li><a title=\"Benefits of Teaching Kids To Code That No One Is Talking About\" href=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/?p=623\">Benefits of Teaching Kids To Code That No One Is Talking About<\/a><\/li>\n<li><a title=\"7 Reasons Why The Makers Movement Is Revolutionary\" href=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/?p=942\">7 Reasons Why The Makers Movement Is Revolutionary<\/a><\/li>\n<li><a title=\"10 Free Resources for Learning JavaScript and HTML5\" href=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/?p=1285\">10 Free Resources for Learning JavaScript and HTML5<\/a><\/li>\n<li><a title=\"Easy Data Visualization with Google Charts and JavaScript\" href=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/?p=1319\">Easy Data Visualization with Google Charts and JavaScript<\/a><\/li>\n<li><a title=\"Maker Camp: Free Virtual Summer Camp for Teens\" href=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/?p=961\">Maker Camp: Free Virtual Summer Camp For Teens<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n\n<!-- Facebook Like Button v1.9.6 BEGIN [http:\/\/blog.bottomlessinc.com] -->\n<iframe src=\"http:\/\/www.facebook.com\/plugins\/like.php?href=http%3A%2F%2Finspiredtoeducate.net%2Finspiredtoeducate%2Feasy-recipes-for-building-android-apps-using-mit-app-inventor%2F&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light\" scrolling=\"no\" frameborder=\"0\" allowTransparency=\"true\" style=\"border:none; overflow:hidden; width:450px; height: 30px; align: left; margin: 2px 0px 2px 0px\"><\/iframe>\n<!-- Facebook Like Button END -->\n","protected":false},"excerpt":{"rendered":"<p>To help make Android App building more accessible to EVERYONE, researchers at MIT have released a wonderful tool to empower makers and students to quickly build apps using a puzzle metaphor of programming. \u00a0Everyone can play with puzzles. \u00a0 Right!? \u00a0 MIT App Inventor, originally developed by Google, enables beginners [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[4,23,11,8,1],"tags":[],"_links":{"self":[{"href":"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/posts\/1349"}],"collection":[{"href":"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/comments?post=1349"}],"version-history":[{"count":10,"href":"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/posts\/1349\/revisions"}],"predecessor-version":[{"id":1363,"href":"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/posts\/1349\/revisions\/1363"}],"wp:attachment":[{"href":"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/media?parent=1349"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/categories?post=1349"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/tags?post=1349"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}