Successfully reported this slideshow.

Ayw app inventor

1,072 views

Published on

  • Be the first to comment

Ayw app inventor

  1. 1. Building Android Apps using AppInventor Parag Beeraka American YouthWorks
  2. 2. Agenda <ul><li>Introduction to AppInventor </li></ul><ul><li>Build a sample App using AppInventor </li></ul><ul><li>Test sample App using AppInventor </li></ul><ul><li>Conclusion </li></ul>
  3. 3. Intro to AppInventor <ul><li>AppInventor is graphical interface to build apps </li></ul><ul><li>Website is - http://www.appinventorbeta.com/about / </li></ul><ul><li>Google sponsored application </li></ul><ul><li>No need to know any JAVA programming language </li></ul><ul><li>Download the installer from - http://www.appinventorbeta.com/learn/setup/ setupwindows.html </li></ul><ul><li>Need to have all the components that we downloaded for Android SDK </li></ul>
  4. 4. Build an App using AppInventor <ul><li>Go to this website - http://www.appinventorbeta.com/learn/setup/hellopurr/hellopurremulatorpart1.html to follow instructions or follow the presentation </li></ul><ul><li>If you already have a gmail account please use that or else create a new gmail account </li></ul><ul><ul><li>www.gmail.com </li></ul></ul><ul><ul><li>Click on “Create New Account” </li></ul></ul>
  5. 5. Build an App using AppInventor <ul><li>Goto http://appinventor.googlelabs.com/ </li></ul><ul><li>Use your new google account to login </li></ul><ul><li>Create a new sample project by clicking on “New” </li></ul>
  6. 6. Build an App using AppInventor
  7. 7. Build an App using AppInventor
  8. 8. Build an App using AppInventor
  9. 9. Build an App using AppInventor <ul><li>Save the “ AmericanYouthWorks ” logo from www.americanyouthworks.org </li></ul>
  10. 10. Build an App using AppInventor <ul><li>Drag and drop the “BUTTON” on to Screen1 </li></ul><ul><li>On the left – click on Image and add the “American Youthworks” logo that you just downloaded </li></ul><ul><li>Delete all the text in the “Text” textbox </li></ul>
  11. 11. Build an App using AppInventor
  12. 12. Test Sample App using Emulator <ul><li>Click on “Open the Blocks Editor” in the top right hand side </li></ul><ul><li>A “JNLP” file is downloaded </li></ul><ul><li>Double click on the “JNLP” file </li></ul>
  13. 13. Test Sample App using Emulator
  14. 14. Test Sample App using Emulator Connect to the Emulator
  15. 15. Test Sample App using Emulator
  16. 16. Test Sample App using Emulator
  17. 17. Conclusion <ul><li>You have built your first Android App </li></ul><ul><li>More videos on Youtube </li></ul><ul><ul><li>http://www.youtube.com/watch?v=8ADwPLSFeY8&feature=player_embedded </li></ul></ul><ul><ul><li>http://www.youtube.com/watch?v=BiWL0xy-b8M&NR=1 </li></ul></ul>

×