Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Ayw paint pot

1,147 views

Published on

Published in: Education, Business, Technology
  • Be the first to comment

  • Be the first to like this

Ayw paint pot

  1. 1. Paint Pot using AppInventor Parag Beeraka American YouthWorks
  2. 2. Agenda <ul><li>Introduction </li></ul><ul><li>Create “Paint Pot” Android Application </li></ul><ul><li>Conclusion </li></ul>
  3. 3. Introduction <ul><li>Get more experience with Blocks Editor in AppInventor </li></ul><ul><li>Get experience with Canvas in AppInventor </li></ul><ul><li>Get experience with TouchScreen in AppInventor </li></ul><ul><li>Get ready for the AYW App </li></ul><ul><li>Most of the presentation is based on Paintpot Tutorial on AppInventor </li></ul>
  4. 4. Paint Pot
  5. 5. Paint Pot
  6. 6. Paint Pot
  7. 7. Paint Pot
  8. 8. Paint Pot
  9. 9. Paint Pot Set its  ” Width”  to ” Fill Parent” and Set its ” Height” to “300 pixels”
  10. 10. Paint Pot
  11. 11. Paint Pot
  12. 12. Paint Pot <ul><li>Add “Canvas.Touch” to draw on the screen </li></ul><ul><ul><li>Set it to draw a small circle </li></ul></ul><ul><li>Add “Canvas.Drag” to draw when you drag on the screen </li></ul><ul><ul><li>Set it to draw a small circle </li></ul></ul>
  13. 13. Paint Pot
  14. 14. Paint Pot <ul><li>Add “Canvas.Touch” to draw on the screen </li></ul><ul><li>Add Canvas.DrawCircle </li></ul><ul><ul><li>Goto “MyDefinitions” and add “ValueX” and “ValueY” </li></ul></ul><ul><ul><li>Right Click – Scroll options for Math </li></ul></ul><ul><ul><li>Add “123” to “r” – radius and change the number to “5” </li></ul></ul>
  15. 15. Paint Pot
  16. 16. Paint Pot <ul><li>Add “Canvas.Dragged” to draw on the screen </li></ul><ul><li>Add Canvas.DrawLine </li></ul><ul><ul><li>Goto “MyDefinitions” and add “PrevX”,“PrevY”, “CurrentX” and “CurrentY” </li></ul></ul>
  17. 17. Paint Pot
  18. 18. Paint Pot
  19. 19. Conclusion <ul><li>Download it to the Emulator / Phone </li></ul><ul><li>Experiment with the App </li></ul><ul><li>Add your own modifications to the App </li></ul>

×