SlideShare a Scribd company logo
Google
App Inventor
Michael Trest
University of Southern Mississippi
IT 780
Intro
•   What is Google App Inventor?
•   Who can use it?
•   What are its limitations?
•   What does it do?
•   How do I use it?
What is Google App Inventor?
• Create Android Applications
• Intuitive
  • I’m not just saying that. It really is :)
• Browser Based
  • Access and work from any computer
• Programming like playing with Legos
• Very powerful with some creative thought
Who can use it?
• Anybody!!
• Specifically for:
  •   Non-programmers
  •   Introductory programming students
  •   Someone who wants to quickly put feet to an app idea
  •   Making an app for personal use
What are the limitations?
• Not very useful for:
  •   Experienced programmers
  •   Other than quick “mock-ups”
  •   Mass distribution for applications
  •   Extremely Advanced Applications
What does it do?
• WYSIWIG App Creator
• Drag and Drop components to places on a
  screen
• Programming blocks have set functions to
  choose from
  • Uses real programming terms
How do I use it?
• Plan! Plan! Plan!
  • Planning is vital to the development of your application.
  • Have a good idea of what the end goal of your application
    is going to do
  • Be prepared to change details, but stay the course for your
    original end goal.
  • You may want to look up tutorials and examples to get
    some ideas. This is helpful in the “programming” part.
• My example:
  • Original Plan: Build an application that uses “Poll
    Everywhere” to work as a classroom polling
    device.
How do I use it?
How do I use it?
• Sign up for Google App Inventor
  • This just takes a minute :)
  • Go to: http://appinventor.googlelabs.com/about/
  • You can use your Google or Gmail Account
• Set up your computer
  • http://appinventor.googlelabs.com/learn/setup/
  • You’ll have to download some setup things before the Java
    Blocks Editor will work
How do I use it?
                      App
                      components



                                              Component
                                              Properties

App
components




             Phone                 Uploaded
             Screen                Media
How do I use it?
• Determine the components you need and
  drag them onto the screen.
  • Buttons, labels, text fields, etc.
• My example:
  • I needed 4 Labels, 4 Text fields, 3 buttons, 2 layout fields, 1
    texting component, and 1 sound object
  • Give them meaningful names and adjust each one’s
    properties
How do I use it?



                                  Text-fields


App
components
                            Buttons



                Labels
How do I use it?



Give                   Adjust the
Meaningful             properties
Names
How do I use it?
• Upload any extra media
  • Sounds, pictures, etc.
• My Example
  • I uploaded 3 picture backgrounds, 1 main background, and
    1 sound
How do I use it?
How do I use it?
• Open Blocks Editor
• Here’s the most difficult part, but still not as bad as learning
  a programming language.
   •   You need to determine what functions should be used
        » This is where tutorials and explanations are very helpful
        » Use help docs, community resources
• My Example
   •   Each button refers to a:
        »   A sound event
        »   A color change for the status
        »   A phone number and a message to send
        »   A “send text message” function
How do I use it?


                           Used
Available                  functions
Functions
How do I use it?

                                                         Play sound

                                                                 Change
When you                                                         status color
click the
button it                                                 Text field
does                                                      properties
everything                                                (send to, and
inside                                                    what to send)
             Now send the
             message



                 It works like a puzzle.. Just put the
                 pieces together where they fit
How do I use it?
• Test out your application and see what your
  application looks like by connecting your
  phone or running the “emulator”
• When its finished, package your application to
  run on your phone, save it to your computer,
  or download it by scanning a QR code.
  • QR download is only available for you to use
How do I use it?




Connected to my
phone via USB



          An Emulator to use if you don’t have an
          android phone or just can’t plug it in
More Resources
• “About” App Inventor
  • http://appinventor.googlelabs.com/about/
• Learn more about Google App Inventor
  • http://appinventor.googlelabs.com/learn/
• App Inventor Forums
  • http://appinventor.googlelabs.com/forum/
• Other slideshare presentations
  • http://www.slideshare.net/mattbrauchler/app-inventor-for-
    android-6023579#
  • http://www.slideshare.net/MarcoForte1/app-inventor
Have fun!



I realize that all of this stuff is free (App Inventor, Poll Everywhere) and my idea
isn’t revolutionary, but if you’d like to use this or need any help with it, please
contact me first. I’ll be glad to help in anyway that I possibly can. Thanks!

mt
william.trest@usm.edu

More Related Content

What's hot

Evaluation Question 6
Evaluation Question 6Evaluation Question 6
Evaluation Question 6
sethtumwa
 
Evaluation: Question 4
Evaluation: Question 4Evaluation: Question 4
Evaluation: Question 4
MollieLHarper123
 
Evaluation Q4 - Film
Evaluation Q4 - FilmEvaluation Q4 - Film
Evaluation Q4 - Film
whope
 
Question four
Question fourQuestion four
Question four
a2columnd12
 
AS MEDIA - Q6
AS MEDIA - Q6AS MEDIA - Q6
AS MEDIA - Q6
LeahBooty
 
Evaluation question 4 how did you use new media technologies in the constru...
Evaluation question 4   how did you use new media technologies in the constru...Evaluation question 4   how did you use new media technologies in the constru...
Evaluation question 4 how did you use new media technologies in the constru...
Schoolstuff861
 
Question 6
Question 6Question 6
Question 6
salesian2012as
 
Question 4 a2 evalu
Question 4 a2 evaluQuestion 4 a2 evalu
Question 4 a2 evalu
rhian2112
 
Equipment list
Equipment listEquipment list
Equipment list
mollymaddison12
 
Question 4(kelly)
Question 4(kelly)Question 4(kelly)
Question 4(kelly)
thisbekelly
 
Evaluation4 - production work
Evaluation4 - production workEvaluation4 - production work
Evaluation4 - production work
bekah7212
 
Evaluation question 4
Evaluation question 4Evaluation question 4
Evaluation question 4
CalPow
 
What have you learnt about technologies from the
What have you learnt about technologies from theWhat have you learnt about technologies from the
What have you learnt about technologies from the
AbbiePotter
 
6. fmp production reflection
6. fmp production reflection6. fmp production reflection
6. fmp production reflection
Media Studies
 
6. production reflection interactive (2)
6. production reflection interactive (2)6. production reflection interactive (2)
6. production reflection interactive (2)
greenj1123
 
Technologies
TechnologiesTechnologies
Technologies
MarthaRobb
 
How did you use media technologies in the construction and research, planning...
How did you use media technologies in the construction and research, planning...How did you use media technologies in the construction and research, planning...
How did you use media technologies in the construction and research, planning...
ellievigors
 
Evaluation Question 4
Evaluation Question 4Evaluation Question 4
Evaluation Question 4
oliviadmedia
 

What's hot (18)

Evaluation Question 6
Evaluation Question 6Evaluation Question 6
Evaluation Question 6
 
Evaluation: Question 4
Evaluation: Question 4Evaluation: Question 4
Evaluation: Question 4
 
Evaluation Q4 - Film
Evaluation Q4 - FilmEvaluation Q4 - Film
Evaluation Q4 - Film
 
Question four
Question fourQuestion four
Question four
 
AS MEDIA - Q6
AS MEDIA - Q6AS MEDIA - Q6
AS MEDIA - Q6
 
Evaluation question 4 how did you use new media technologies in the constru...
Evaluation question 4   how did you use new media technologies in the constru...Evaluation question 4   how did you use new media technologies in the constru...
Evaluation question 4 how did you use new media technologies in the constru...
 
Question 6
Question 6Question 6
Question 6
 
Question 4 a2 evalu
Question 4 a2 evaluQuestion 4 a2 evalu
Question 4 a2 evalu
 
Equipment list
Equipment listEquipment list
Equipment list
 
Question 4(kelly)
Question 4(kelly)Question 4(kelly)
Question 4(kelly)
 
Evaluation4 - production work
Evaluation4 - production workEvaluation4 - production work
Evaluation4 - production work
 
Evaluation question 4
Evaluation question 4Evaluation question 4
Evaluation question 4
 
What have you learnt about technologies from the
What have you learnt about technologies from theWhat have you learnt about technologies from the
What have you learnt about technologies from the
 
6. fmp production reflection
6. fmp production reflection6. fmp production reflection
6. fmp production reflection
 
6. production reflection interactive (2)
6. production reflection interactive (2)6. production reflection interactive (2)
6. production reflection interactive (2)
 
Technologies
TechnologiesTechnologies
Technologies
 
How did you use media technologies in the construction and research, planning...
How did you use media technologies in the construction and research, planning...How did you use media technologies in the construction and research, planning...
How did you use media technologies in the construction and research, planning...
 
Evaluation Question 4
Evaluation Question 4Evaluation Question 4
Evaluation Question 4
 

Viewers also liked

ACTC 2013 - Connecting to MIT App Inventor
ACTC 2013 - Connecting to MIT App InventorACTC 2013 - Connecting to MIT App Inventor
ACTC 2013 - Connecting to MIT App Inventor
John Bentley, II
 
unX_App Inventor MOOC
unX_App Inventor MOOCunX_App Inventor MOOC
App Inventor : Getting Started Guide
App Inventor : Getting Started GuideApp Inventor : Getting Started Guide
App Inventor : Getting Started Guide
Vasilis Drimtzias
 
Google software
Google softwareGoogle software
Google software
chithradevi. t
 
Phoenix GTUG - App Inventor
Phoenix GTUG - App InventorPhoenix GTUG - App Inventor
Phoenix GTUG - App Inventor
Luis Montes
 
ABC 2011 Summer App Inventor入門ワークショップ
ABC 2011 Summer App Inventor入門ワークショップABC 2011 Summer App Inventor入門ワークショップ
ABC 2011 Summer App Inventor入門ワークショップ
Shoya Tsukada
 
Mobile Computing with App Inventor in Middle and High School
Mobile Computing with App Inventor in Middle and High SchoolMobile Computing with App Inventor in Middle and High School
Mobile Computing with App Inventor in Middle and High School
Yu-Chang Hsu
 
App inventor 3
App inventor 3App inventor 3
App inventor 3
Roy Wang
 
You Are Not As Rational As You Think
You Are Not As Rational As You ThinkYou Are Not As Rational As You Think
You Are Not As Rational As You Think
Yang Ao Wei 楊翱維
 
How to Use Social Media to Influence the World
How to Use Social Media to Influence the WorldHow to Use Social Media to Influence the World
How to Use Social Media to Influence the World
Sean Si
 

Viewers also liked (10)

ACTC 2013 - Connecting to MIT App Inventor
ACTC 2013 - Connecting to MIT App InventorACTC 2013 - Connecting to MIT App Inventor
ACTC 2013 - Connecting to MIT App Inventor
 
unX_App Inventor MOOC
unX_App Inventor MOOCunX_App Inventor MOOC
unX_App Inventor MOOC
 
App Inventor : Getting Started Guide
App Inventor : Getting Started GuideApp Inventor : Getting Started Guide
App Inventor : Getting Started Guide
 
Google software
Google softwareGoogle software
Google software
 
Phoenix GTUG - App Inventor
Phoenix GTUG - App InventorPhoenix GTUG - App Inventor
Phoenix GTUG - App Inventor
 
ABC 2011 Summer App Inventor入門ワークショップ
ABC 2011 Summer App Inventor入門ワークショップABC 2011 Summer App Inventor入門ワークショップ
ABC 2011 Summer App Inventor入門ワークショップ
 
Mobile Computing with App Inventor in Middle and High School
Mobile Computing with App Inventor in Middle and High SchoolMobile Computing with App Inventor in Middle and High School
Mobile Computing with App Inventor in Middle and High School
 
App inventor 3
App inventor 3App inventor 3
App inventor 3
 
You Are Not As Rational As You Think
You Are Not As Rational As You ThinkYou Are Not As Rational As You Think
You Are Not As Rational As You Think
 
How to Use Social Media to Influence the World
How to Use Social Media to Influence the WorldHow to Use Social Media to Influence the World
How to Use Social Media to Influence the World
 

Similar to Google app inventor

Google App Inventor
Google App InventorGoogle App Inventor
Google App Inventor
Michael Trest
 
Question 6
Question 6Question 6
Question 6
BonnieCraven
 
Android User Interface Design
Android User Interface Design Android User Interface Design
Android User Interface Design
Ahmad Firoz
 
Evaluation q4
Evaluation q4Evaluation q4
Evaluation q4
HarryGrim
 
techtalk2.23.11.ppt.ppt
techtalk2.23.11.ppt.ppttechtalk2.23.11.ppt.ppt
techtalk2.23.11.ppt.ppt
Ashok Iyengar
 
UI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed ShehataUI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed Shehata
Mohamed Shehata
 
Q6 V2
Q6 V2Q6 V2
Creating great Unity games for Windows 10 - Part 1
Creating great Unity games for Windows 10 - Part 1Creating great Unity games for Windows 10 - Part 1
Creating great Unity games for Windows 10 - Part 1
Jiri Danihelka
 
Evaluation question 4
Evaluation question 4Evaluation question 4
Evaluation question 4
crippledoptimism
 
Digital technology
Digital technologyDigital technology
Digital technology
hammonda
 
Evaluation question 4
Evaluation question 4Evaluation question 4
Evaluation question 4
lewis tull
 
Rapid Prototyping 2015: Its a Mad Mad World
Rapid Prototyping 2015: Its a Mad Mad WorldRapid Prototyping 2015: Its a Mad Mad World
Rapid Prototyping 2015: Its a Mad Mad World
Marti Gold
 
Q6 evaluation
Q6 evaluation Q6 evaluation
Q6 evaluation
klaudia666
 
Evaluation q for media...
Evaluation q for media...Evaluation q for media...
Evaluation q for media...
salmabegumosa
 
Evaluation q6
Evaluation q6Evaluation q6
Evaluation q6
RobEarnden
 
Question 4
Question 4Question 4
Question 4
Osbert Menezes
 
Assistive Technology Selection for Employment
Assistive Technology Selection for EmploymentAssistive Technology Selection for Employment
Assistive Technology Selection for Employment
Jeremy St. Pierre
 
Question 6
Question 6Question 6
Prototyping Accessibility: Booster 2019
Prototyping Accessibility: Booster 2019Prototyping Accessibility: Booster 2019
Prototyping Accessibility: Booster 2019
Adrian Roselli
 
Question 6 review
Question 6 reviewQuestion 6 review
Question 6 review
Seandoel97
 

Similar to Google app inventor (20)

Google App Inventor
Google App InventorGoogle App Inventor
Google App Inventor
 
Question 6
Question 6Question 6
Question 6
 
Android User Interface Design
Android User Interface Design Android User Interface Design
Android User Interface Design
 
Evaluation q4
Evaluation q4Evaluation q4
Evaluation q4
 
techtalk2.23.11.ppt.ppt
techtalk2.23.11.ppt.ppttechtalk2.23.11.ppt.ppt
techtalk2.23.11.ppt.ppt
 
UI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed ShehataUI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed Shehata
 
Q6 V2
Q6 V2Q6 V2
Q6 V2
 
Creating great Unity games for Windows 10 - Part 1
Creating great Unity games for Windows 10 - Part 1Creating great Unity games for Windows 10 - Part 1
Creating great Unity games for Windows 10 - Part 1
 
Evaluation question 4
Evaluation question 4Evaluation question 4
Evaluation question 4
 
Digital technology
Digital technologyDigital technology
Digital technology
 
Evaluation question 4
Evaluation question 4Evaluation question 4
Evaluation question 4
 
Rapid Prototyping 2015: Its a Mad Mad World
Rapid Prototyping 2015: Its a Mad Mad WorldRapid Prototyping 2015: Its a Mad Mad World
Rapid Prototyping 2015: Its a Mad Mad World
 
Q6 evaluation
Q6 evaluation Q6 evaluation
Q6 evaluation
 
Evaluation q for media...
Evaluation q for media...Evaluation q for media...
Evaluation q for media...
 
Evaluation q6
Evaluation q6Evaluation q6
Evaluation q6
 
Question 4
Question 4Question 4
Question 4
 
Assistive Technology Selection for Employment
Assistive Technology Selection for EmploymentAssistive Technology Selection for Employment
Assistive Technology Selection for Employment
 
Question 6
Question 6Question 6
Question 6
 
Prototyping Accessibility: Booster 2019
Prototyping Accessibility: Booster 2019Prototyping Accessibility: Booster 2019
Prototyping Accessibility: Booster 2019
 
Question 6 review
Question 6 reviewQuestion 6 review
Question 6 review
 

Google app inventor

  • 1. Google App Inventor Michael Trest University of Southern Mississippi IT 780
  • 2. Intro • What is Google App Inventor? • Who can use it? • What are its limitations? • What does it do? • How do I use it?
  • 3. What is Google App Inventor? • Create Android Applications • Intuitive • I’m not just saying that. It really is :) • Browser Based • Access and work from any computer • Programming like playing with Legos • Very powerful with some creative thought
  • 4. Who can use it? • Anybody!! • Specifically for: • Non-programmers • Introductory programming students • Someone who wants to quickly put feet to an app idea • Making an app for personal use
  • 5. What are the limitations? • Not very useful for: • Experienced programmers • Other than quick “mock-ups” • Mass distribution for applications • Extremely Advanced Applications
  • 6. What does it do? • WYSIWIG App Creator • Drag and Drop components to places on a screen • Programming blocks have set functions to choose from • Uses real programming terms
  • 7. How do I use it? • Plan! Plan! Plan! • Planning is vital to the development of your application. • Have a good idea of what the end goal of your application is going to do • Be prepared to change details, but stay the course for your original end goal. • You may want to look up tutorials and examples to get some ideas. This is helpful in the “programming” part. • My example: • Original Plan: Build an application that uses “Poll Everywhere” to work as a classroom polling device.
  • 8. How do I use it?
  • 9. How do I use it? • Sign up for Google App Inventor • This just takes a minute :) • Go to: http://appinventor.googlelabs.com/about/ • You can use your Google or Gmail Account • Set up your computer • http://appinventor.googlelabs.com/learn/setup/ • You’ll have to download some setup things before the Java Blocks Editor will work
  • 10. How do I use it? App components Component Properties App components Phone Uploaded Screen Media
  • 11. How do I use it? • Determine the components you need and drag them onto the screen. • Buttons, labels, text fields, etc. • My example: • I needed 4 Labels, 4 Text fields, 3 buttons, 2 layout fields, 1 texting component, and 1 sound object • Give them meaningful names and adjust each one’s properties
  • 12. How do I use it? Text-fields App components Buttons Labels
  • 13. How do I use it? Give Adjust the Meaningful properties Names
  • 14. How do I use it? • Upload any extra media • Sounds, pictures, etc. • My Example • I uploaded 3 picture backgrounds, 1 main background, and 1 sound
  • 15. How do I use it?
  • 16. How do I use it? • Open Blocks Editor • Here’s the most difficult part, but still not as bad as learning a programming language. • You need to determine what functions should be used » This is where tutorials and explanations are very helpful » Use help docs, community resources • My Example • Each button refers to a: » A sound event » A color change for the status » A phone number and a message to send » A “send text message” function
  • 17. How do I use it? Used Available functions Functions
  • 18. How do I use it? Play sound Change When you status color click the button it Text field does properties everything (send to, and inside what to send) Now send the message It works like a puzzle.. Just put the pieces together where they fit
  • 19. How do I use it? • Test out your application and see what your application looks like by connecting your phone or running the “emulator” • When its finished, package your application to run on your phone, save it to your computer, or download it by scanning a QR code. • QR download is only available for you to use
  • 20. How do I use it? Connected to my phone via USB An Emulator to use if you don’t have an android phone or just can’t plug it in
  • 21. More Resources • “About” App Inventor • http://appinventor.googlelabs.com/about/ • Learn more about Google App Inventor • http://appinventor.googlelabs.com/learn/ • App Inventor Forums • http://appinventor.googlelabs.com/forum/ • Other slideshare presentations • http://www.slideshare.net/mattbrauchler/app-inventor-for- android-6023579# • http://www.slideshare.net/MarcoForte1/app-inventor
  • 22. Have fun! I realize that all of this stuff is free (App Inventor, Poll Everywhere) and my idea isn’t revolutionary, but if you’d like to use this or need any help with it, please contact me first. I’ll be glad to help in anyway that I possibly can. Thanks! mt william.trest@usm.edu

Editor's Notes

  1. Hello!My name is Michael Trest. I’m an Instructional Technology Ph.D. student at the University of Southern Mississippi. Today I’m going to be talking about Google App Inventor.
  2. I want to talk about what App Inventor is, who can use it, what its limitations are, what it does, and how you can use it. I’m also going to be showing you an application that I made to demonstrate how app inventor could be used.
  3. So, what is Google App Inventor?It is a way to make Applications for Android phones and tablets. Now before you block me out and think that this is only for “techy” people, please listen. This program is very intuitive and user friendly. You don’t need to purchase any software or download some huge file (just a little one and its free). You can work totally in your browser of choice. I used Google Chrome and Mozilla Firefox and the program worked flawlessly. The “programming” part works like legos or putting a puzzle together, but don’t be fooled. This program can create some very complex applications. You just have to use your imagination and get in to play.
  4. Like I said before, this program is to be used by anyone interested in creating an Android application. This program is most suited for 1) non-programmers or beginners, 2) High-school and introductory programming students (and their teachers), 3) Someone who doesn’t want to spend a great deal of time creating an application to see if it will work and 4) people who just want to make an application for personal use
  5. This program is probably not the best one for people who are 1) experienced programmers, 2) Very large scale projects 3) applications that you want to distribute on the Google Application Marketplace or Amazon Appstore 4) very veryvery complex Applications. This tool will best be utilized by teachers and students as well as application enthusiasts.
  6. App inventor is mostly a “what you see is what you get” creator in which you drag the different parts or components of your application from a preset library to the “screen”. The “programming” part acts like a puzzle where you take blocks and fit them together. It is really that simple.
  7. The most important part of this whole process is the planning process. You can’t build an app if you don’t know what you want to do with it or what you want it to do. Research whats out there, think about some things you’d like to use your phone for, come up with a plan. The details of your project may change once you come up with better ideas or experience limitations, but your overall goal will probably not change very much. Something that is very important is to look up what others have done. If this is your first project or you don’t know much about programming (like me), then you may even have to see what the program can do and walk step by step through some of the tutorials in order to be able to make it through the project.
  8. My app used my phone as a classroom polling device. The students would press a, b, or c to correspond to a poll on polleverwhere.com. The application sends responses in the form of text messages, but the students simply have to press the right button instead of texting the long numbers every time.
  9. You first have to sign up for a Google account. You’ll also need to set up your computer to run the java blocks editor. This is a pretty small download and only takes a minute. After you do these two steps you’re ready to start making your app.
  10. This is the app inventor WYSIWIG screen
  11. Choose what components you will need for your application to work and drag them onto the screen. Then change the names of the components to something meaningful so that you can easily “program” them
  12. This is my app and the different components
  13. This is the properties panel for one of the buttons and the list of names
  14. Upload any media. (pictures, backgrounds, sounds, etc.)
  15. This is the media panel
  16. Ok now for the programming. Don’t Panic :) The tutorials are extremely helpful in this part. Look at the names, the libraries, and the functions and after a little while they really begin to make sense what they are for.
  17. The left panel is where all of the available functions are. The right side is all of the functions that I used.
  18. Here is what each of the components do
  19. You can test (debug) your application at anytime by connecting to your phone or by running an emulator. Once your application is finished, you can download it to your phone, download to your computer (for other App Inventor users to use), or package for a QR code that you can use on any phone, but it has to be linked to your Google inventor account.
  20. Here are some of the resources that I used to make this presentation. I relied heavily upon some of the tutorials. I had an idea of what I wanted to do and I just changed the pieces of the tutorial that weren’t relevant to my project
  21. I hope that you enjoy app inventor as much as I have. Please let me know if you have any questions or comments. I don’t hold any copyrights to any of this stuff nor do I claim any originality for app inventor or polleverywhere. I do think my app idea is pretty cool so I’d appreciate it if you didn’t rip it off :). ThanksMichael