SlideShare ist ein Scribd-Unternehmen logo
1 von 18
App Inventor: An Intro To Graphical Programming. By: Andrew Kamau   (@aandruk) Event: Android Developer Challenge Venue: iHub  (@ihubNairobi) Google Docs:   http://goo.gl/fbmuq Twitter:  #AndroidSSA Google Moderator:   http://goo.gl/sGkBj
App Inventor: An Intro To Graphical Programming. >> What is App Inventor? >> Why use App Inventor? >> Structure >> Set Up >> Demo (the 5-minute app)
How to build Android apps….
How to build Android apps…. 1) You can learn how to code…
How to build Android apps…. You can learn how to code… But that’s long and cumbersome
How to build Android apps….     (1)    You can learn how to code…     	(2) 	You can use App 		Inventor…      :-)
Google App Inventor
Why App  Inventor??   1. “Build fully functional apps without a   	single line of code”   2. “Use an easy to use GUI to build     	Android apps”    3. “Build apps QUICK!”
App  Inventor… NO coding:: “Build fully functional apps without a single line of code”   -   visual programming language 
App  Inventor… “Build fully functional apps without a single line of code” “Use an easy to use GUI to build Android apps”      -    Jigsaw puzzle - style
App  Inventor… “Build fully functional apps without a single line of code” “Use an easy to use GUI to build Android apps”  “Build apps QUICK!” – real time development and deployment
Requirements… 1..  Web browser (JS Enabled) 2..   Android phone 3..  Internet connection 4..  App Inventor Software package * 5.. ADB (Android Debug Bridge found in SDK)
Set Up…
Structure… 1..  Designer Window: pick interface components and set their properties.
Structure… 1..  Designer Window: pick interface components and set their properties. 2..  Blocks Editor: set behaviour of components and assign behaviour.
Structure… 1..  Designer Window: pick interface components and set their properties. 2..  Blocks Editor: set behaviour of components and assign behaviour. 3..  Phone / Emulator:  Being real time dev, set up your phone or emulator.
Demo: An app in 5 minutes!! Tap the android:: An app that has an image that changes colour when tapped, or when phone shakes. Components: Label (200*50), Button (250*250), Image1, Image2, Accelerometer Media: blue.png, green.png Non-visible: accelerometer_sensor
App inventor presentation

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Sixth sense technology
Sixth sense technologySixth sense technology
Sixth sense technology
 
Google Sketchup
Google SketchupGoogle Sketchup
Google Sketchup
 
Scratch
ScratchScratch
Scratch
 
Scratch: Programming for everyone
Scratch: Programming for everyoneScratch: Programming for everyone
Scratch: Programming for everyone
 
Blender Coda Voda Iit
Blender Coda Voda IitBlender Coda Voda Iit
Blender Coda Voda Iit
 
Scratch Programming
Scratch ProgrammingScratch Programming
Scratch Programming
 
Introduction to mobile application development
Introduction to mobile application developmentIntroduction to mobile application development
Introduction to mobile application development
 
Intro To Scratch
Intro To ScratchIntro To Scratch
Intro To Scratch
 
Programming in scratch
Programming in scratchProgramming in scratch
Programming in scratch
 
guess the number project.docx
guess the number  project.docxguess the number  project.docx
guess the number project.docx
 
Lecture 1.pptx
Lecture 1.pptxLecture 1.pptx
Lecture 1.pptx
 
Industrial training report
Industrial training report Industrial training report
Industrial training report
 
Lesson 1: Scratch Computer Programming
Lesson 1: Scratch Computer ProgrammingLesson 1: Scratch Computer Programming
Lesson 1: Scratch Computer Programming
 
Calculator using Java
Calculator using JavaCalculator using Java
Calculator using Java
 
Kids computer-programming
Kids computer-programmingKids computer-programming
Kids computer-programming
 
Main ppt
Main pptMain ppt
Main ppt
 
Basic calculator
Basic calculatorBasic calculator
Basic calculator
 
Snake project report
Snake project reportSnake project report
Snake project report
 
Internship on web development
Internship on web developmentInternship on web development
Internship on web development
 
An introduction to Scratch
An introduction to ScratchAn introduction to Scratch
An introduction to Scratch
 

Ähnlich wie App inventor presentation

Ähnlich wie App inventor presentation (20)

Android study jams
Android study jamsAndroid study jams
Android study jams
 
AN IDE FOR ANDROID MOBILE PHONES WITH EXTENDED FUNCTIONALITIES USING BEST DEV...
AN IDE FOR ANDROID MOBILE PHONES WITH EXTENDED FUNCTIONALITIES USING BEST DEV...AN IDE FOR ANDROID MOBILE PHONES WITH EXTENDED FUNCTIONALITIES USING BEST DEV...
AN IDE FOR ANDROID MOBILE PHONES WITH EXTENDED FUNCTIONALITIES USING BEST DEV...
 
打造你的第一個iPhone APP
打造你的第一個iPhone APP打造你的第一個iPhone APP
打造你的第一個iPhone APP
 
Synapseindia android apps application
Synapseindia android apps applicationSynapseindia android apps application
Synapseindia android apps application
 
Project proposal.pdf
Project proposal.pdfProject proposal.pdf
Project proposal.pdf
 
Introduction To Android For Beginners.
Introduction To Android For Beginners.Introduction To Android For Beginners.
Introduction To Android For Beginners.
 
Android tutorial1
Android tutorial1Android tutorial1
Android tutorial1
 
Android workshop
Android workshopAndroid workshop
Android workshop
 
Android study jams 1
Android study jams 1Android study jams 1
Android study jams 1
 
Android study jams 1
Android study jams 1Android study jams 1
Android study jams 1
 
Android study jams 1
Android study jams 1Android study jams 1
Android study jams 1
 
Android
Android Android
Android
 
Cs4hs android-01hello
Cs4hs android-01helloCs4hs android-01hello
Cs4hs android-01hello
 
Android architecture and Additional Components
Android architecture and Additional ComponentsAndroid architecture and Additional Components
Android architecture and Additional Components
 
Automating Your Way out of the Dark Ages: Our Experience with (And Without) P...
Automating Your Way out of the Dark Ages: Our Experience with (And Without) P...Automating Your Way out of the Dark Ages: Our Experience with (And Without) P...
Automating Your Way out of the Dark Ages: Our Experience with (And Without) P...
 
Android Programming made easy
Android Programming made easyAndroid Programming made easy
Android Programming made easy
 
Building android and i os apps with visual studio
Building android and i os apps with visual studioBuilding android and i os apps with visual studio
Building android and i os apps with visual studio
 
Hybrid app development with ionic
Hybrid app development with ionicHybrid app development with ionic
Hybrid app development with ionic
 
Appium Overview - by Daniel Puterman
Appium Overview - by Daniel PutermanAppium Overview - by Daniel Puterman
Appium Overview - by Daniel Puterman
 
Android Unplugged Event GDSC MJCET .pptx
Android Unplugged Event GDSC MJCET .pptxAndroid Unplugged Event GDSC MJCET .pptx
Android Unplugged Event GDSC MJCET .pptx
 

Kürzlich hochgeladen

Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
 

Kürzlich hochgeladen (20)

🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 

App inventor presentation

  • 1. App Inventor: An Intro To Graphical Programming. By: Andrew Kamau (@aandruk) Event: Android Developer Challenge Venue: iHub (@ihubNairobi) Google Docs: http://goo.gl/fbmuq Twitter: #AndroidSSA Google Moderator:  http://goo.gl/sGkBj
  • 2. App Inventor: An Intro To Graphical Programming. >> What is App Inventor? >> Why use App Inventor? >> Structure >> Set Up >> Demo (the 5-minute app)
  • 3. How to build Android apps….
  • 4. How to build Android apps…. 1) You can learn how to code…
  • 5. How to build Android apps…. You can learn how to code… But that’s long and cumbersome
  • 6. How to build Android apps…. (1) You can learn how to code… (2) You can use App Inventor… :-)
  • 8. Why App Inventor?? 1. “Build fully functional apps without a single line of code” 2. “Use an easy to use GUI to build Android apps” 3. “Build apps QUICK!”
  • 9. App Inventor… NO coding:: “Build fully functional apps without a single line of code” -  visual programming language 
  • 10. App Inventor… “Build fully functional apps without a single line of code” “Use an easy to use GUI to build Android apps” - Jigsaw puzzle - style
  • 11. App Inventor… “Build fully functional apps without a single line of code” “Use an easy to use GUI to build Android apps” “Build apps QUICK!” – real time development and deployment
  • 12. Requirements… 1.. Web browser (JS Enabled) 2.. Android phone 3.. Internet connection 4.. App Inventor Software package * 5.. ADB (Android Debug Bridge found in SDK)
  • 14. Structure… 1.. Designer Window: pick interface components and set their properties.
  • 15. Structure… 1.. Designer Window: pick interface components and set their properties. 2.. Blocks Editor: set behaviour of components and assign behaviour.
  • 16. Structure… 1.. Designer Window: pick interface components and set their properties. 2.. Blocks Editor: set behaviour of components and assign behaviour. 3.. Phone / Emulator: Being real time dev, set up your phone or emulator.
  • 17. Demo: An app in 5 minutes!! Tap the android:: An app that has an image that changes colour when tapped, or when phone shakes. Components: Label (200*50), Button (250*250), Image1, Image2, Accelerometer Media: blue.png, green.png Non-visible: accelerometer_sensor