Using Android App Inventor to Introduce     App Development Concepts                  Presented by Abigail Bornstein     P...
Background – New Course, Sp’10• “Technology of Smartphones & Mobile Devices”  – Hardware, software, cellular networks, sup...
Objective• Learn how to build a basic application using  MIT App Inventor• Provide MIT App Inventor resources that  are fr...
What is App Inventor?• A drag and drop programming tool that  enables you to create applications for  Android devices  – N...
3 Distinct Tools Used in App InventorImage from: http://appinventor.mit.edu/explore/content/what-app-inventor.html
System Requirements• Computer and operating system  – Macintosh (with Intel processor): Mac OS X 10.5 or higher  – Windows...
Setup• Go to: appinventor.mit.edu  – Click Explorer (Information & Tutorials) button  – Click Learn tab, Setup link or jus...
Project 1: Hello Purr• Click Learn tab, Tutorials link     – Hello Purr           • Follow emulator instructions OR phone ...
Select Components to Design Your App     Drag componentfrom Palette  to Viewer                            Adjust   Screen1...
Project 1: Hello Purr, Design Complete                                (Basic)                                (Media)      ...
Project 1: Hello Purr, Blocks Editor• From Designer, click Open the Blocks Editor  button in the upper right corner  – Low...
Project 1: Hello Purr, Blocks Complete                                  Green block =                                  eve...
Project 1: Hello Purr, Emulator• Click New Emulator button in upper right  side of Blocks Editor  – May take 2 – 3 minutes...
Project 1: Emulator Results
Project 1: Hello Purr, Android Device• Download MIT AICompanion from Play store  – https://play.google.com/store/apps/deta...
Project 1: Phone ResultsTemporarily on phone – goneonce you close App Inventor
Project 1: Package for Phone• Go to Designer - upper right corner• Show Barcode  – Need QR reader, free app in Play store ...
Project 2: Magic 8-ball• Go to: appinventor.mit.edu  – Click Explorer (Information & Tutorials) button  – Click on Learn t...
Project 2: Magic8Ball Designer                Button1                       Label1 & Label2              Sound1
Project 2: Magic8Ball Blocks Editor
Project 2: Magic8BallEmulator          Phone                           “Gently shake”                              Can use...
Other Projects• Basic Projects  – PaintPot, MoleMash, Pong, PicCall• Advanced Projects  – Mini Golf, Pizza Party, Quiz Me,...
Resources• http://appinventor.mit.edu/teach/  – Sample curriculum     • Course-in-a-Box (Professor David Wolber, USF)     ...
School Curriculum Options• Multiple age groups and levels  – Junior high, high school, college• Full course devoted to App...
My Contact InformationAbigail BornsteinProfessor, Computer Networking & Information TechnologyCity College of San Francisc...
Upcoming SlideShare
Loading in …5
×

Course Tech 2013, Abigail Bornstein,Using Adroid App Inventor to Introduce App Development Concepts

874 views

Published on

Android App Inventor uses a WYSIWYG interface to enable userswith no programming knowledge to create
applications using drag-and-drop blocks. These blocks specify the behavior of the application. You can add
Android App Inventor as one lecture topic to an existing course or create an entirely newcoursewith anAndroid
app development focus.

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
874
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
21
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Similar to Lego Mindstorms, Scratch, Alice
  • Note: video of nephew, live demo of my phone
  • Note: video of student
  • Course Tech 2013, Abigail Bornstein,Using Adroid App Inventor to Introduce App Development Concepts

    1. 1. Using Android App Inventor to Introduce App Development Concepts Presented by Abigail Bornstein Professor, Computer Networking & Information Technology City College of San Francisco
    2. 2. Background – New Course, Sp’10• “Technology of Smartphones & Mobile Devices” – Hardware, software, cellular networks, support Operating Applications Browsers Systems (development)
    3. 3. Objective• Learn how to build a basic application using MIT App Inventor• Provide MIT App Inventor resources that are freely available to educators• Consider ways that MIT App Inventor can be added into your school’s curriculum
    4. 4. What is App Inventor?• A drag and drop programming tool that enables you to create applications for Android devices – No programming knowledge necessary – Teaches programming concepts, if that is your objective
    5. 5. 3 Distinct Tools Used in App InventorImage from: http://appinventor.mit.edu/explore/content/what-app-inventor.html
    6. 6. System Requirements• Computer and operating system – Macintosh (with Intel processor): Mac OS X 10.5 or higher – Windows: Windows XP, Windows Vista, Windows 7 – GNU/Linux: Ubuntu 8 or higher, Debian 5 or higher• Browser – Mozilla Firefox 3.6 or higher • Note: If you are using Firefox with the NoScript extension, youll need to turn the extension off. – Apple Safari 5.0 or higher – Google Chrome 4.0 or higher – Microsoft Internet Explorer 7 or higher
    7. 7. Setup• Go to: appinventor.mit.edu – Click Explorer (Information & Tutorials) button – Click Learn tab, Setup link or just Setup tab Java check and/or installation Installation by operating system Invent: Gmail or Google account login
    8. 8. Project 1: Hello Purr• Click Learn tab, Tutorials link – Hello Purr • Follow emulator instructions OR phone instructions – Download kitty image & meow sound file • Right click – Save Picture As or Save link to… – Go to http://appinventor.mit.edu and loginNew Project Name: HelloPurr
    9. 9. Select Components to Design Your App Drag componentfrom Palette to Viewer Adjust Screen1 component appearance through Properties
    10. 10. Project 1: Hello Purr, Design Complete (Basic) (Media) Button1 Label1 Sound1
    11. 11. Project 1: Hello Purr, Blocks Editor• From Designer, click Open the Blocks Editor button in the upper right corner – Lower left corner: warning about file type danger – When Blocks Editor open, will see a cup of Java icon on your taskbar
    12. 12. Project 1: Hello Purr, Blocks Complete Green block = event handler Purple block = command block & snaps into the event handler
    13. 13. Project 1: Hello Purr, Emulator• Click New Emulator button in upper right side of Blocks Editor – May take 2 – 3 minutes or more to load• Once loaded, go back to Blocks Editor – Click on Connect to Device…
    14. 14. Project 1: Emulator Results
    15. 15. Project 1: Hello Purr, Android Device• Download MIT AICompanion from Play store – https://play.google.com/store/apps/details?id=ed u.mit.appinventor.aicompanion2• Go back to Blocks Editor – Click on Connect to Device…Choose WiFi
    16. 16. Project 1: Phone ResultsTemporarily on phone – goneonce you close App Inventor
    17. 17. Project 1: Package for Phone• Go to Designer - upper right corner• Show Barcode – Need QR reader, free app in Play store – Only works on the owner’s phone – May have to change Security setting on phone • Allow installation of apps from sources other than the Play Store• To share with others – Download to this Computer, use 3rd party software to convert file into a bar code
    18. 18. Project 2: Magic 8-ball• Go to: appinventor.mit.edu – Click Explorer (Information & Tutorials) button – Click on Learn tab, Tutorials, Magic 8 Ball• Download image and sound files needed• Click Invent – login New Project Name: Magic8Ball
    19. 19. Project 2: Magic8Ball Designer Button1 Label1 & Label2 Sound1
    20. 20. Project 2: Magic8Ball Blocks Editor
    21. 21. Project 2: Magic8BallEmulator Phone “Gently shake” Can use accelerometer on actual device
    22. 22. Other Projects• Basic Projects – PaintPot, MoleMash, Pong, PicCall• Advanced Projects – Mini Golf, Pizza Party, Quiz Me, Map Tour• Additional Projects – SMS, GPS, Video Lots to learn…from beginner to advanced
    23. 23. Resources• http://appinventor.mit.edu/teach/ – Sample curriculum • Course-in-a-Box (Professor David Wolber, USF) • Junior high, high school, college – Complete .pdf textbook • “App Inventor: Create Your Own Android Apps” – Forum devoted to educators – Videos
    24. 24. School Curriculum Options• Multiple age groups and levels – Junior high, high school, college• Full course devoted to App Inventor – Introductory CS course for non-CS majors – CS101 for CS majors• 1 – 4 lectures/labs devoted to App Inventor – Add chapter on app development to an existing course – “Technology of Smartphones & Mobile Devices” course
    25. 25. My Contact InformationAbigail BornsteinProfessor, Computer Networking & Information TechnologyCity College of San FranciscoE-mail: abornste@ccsf.eduWebsite: http://fog.ccsf.edu/~abornste THANK YOU!!!

    ×