book

App Inventor 2, 2nd Edition

by David Wolber, Hal Abelson, Ellen Spertus, Liz Looney

October 2014

Beginner to intermediate

360 pages

9h 3m

English

O'Reilly Media, Inc.

Read now

Unlock full access

Foreword
Preface
A Blocks Language for Mobile PhonesWhat Can You Do with App Inventor?Why App Inventor WorksWhat Kind of Apps Can You Build?Who Can Build Apps?Conventions Used in This BookUsing Code ExamplesSafari® Books OnlineHow to Contact UsAcknowledgments
I. AI2 Tutorials
1. HelloPurr
What You’ll LearnThe App Inventor EnvironmentDesigning the ComponentsMaking a LabelAdding the ButtonAdding the Meow SoundLive TestingAdding Behaviors to the ComponentsMaking the Kitty MeowAdding a PurrShaking the DeviceDownloading the App to Your Android DeviceSharing the AppVariationsSummary
2. PaintPot
What You’ll LearnGetting StartedDesigning the ComponentsCreating the Color ButtonsUsing Arrangements for Better LayoutsAdding the CanvasArranging the Bottom Buttons and the Camera ComponentAdding Behaviors to the ComponentsAdding the Touch Event to Draw a DotAdding the Drag Event That Draws a LineChanging the ColorLetting the User Take a PictureChanging the Dot SizeReferencing the dotSize Variable in DrawCircleChanging the Value of dotSizeThe Complete App: PaintPotVariationsSummary
3. MoleMash
What You’ll BuildWhat You’ll LearnGetting StartedDesigning the ComponentsPlacing the Action ComponentsPlacing the Label ComponentsAdding Behaviors to the ComponentsMoving the MoleCreating the MoveMole ProcedureCalling MoveMole When the App StartsCalling MoveMole every SecondKeeping ScoreProcedural AbstractionResetting the ScoreVibrating When the Mole Is TouchedThe Complete App: MoleMashVariationsSummary
4. No Texting While Driving
What You’ll LearnGetting StartedDesigning the ComponentsAdding Behaviors to the ComponentsAuto-Responding to a TextEntering a Custom ResponseStoring the Custom Response PersistentlyRetrieving the Custom Response When the App OpensSpeaking the Incoming Texts AloudAdding Location Information to the ResponseSending the Location as Part of the ResponseThe Complete App: No Texting While DrivingVariationsSummary
5. Ladybug Chase
What You’ll BuildWhat You’ll LearnDesigning the ComponentsGetting StartedPlacing the Initial ComponentsAdding Behaviors to the ComponentsMoving the LadybugDisplaying the Energy LevelStarvationAdding an AphidProgramming the Ladybug to Eat the AphidDetecting a Ladybug-Aphid CollisionThe Return of the AphidAdding a Restart ButtonAdding the FrogThe Return of the LadybugAdding Sound EffectsThe Complete App: Ladybug ChaseVariationsSummary
6. Paris Map Tour
What You’ll LearnDesigning the ComponentsSetting the Properties of ActivityStarterAdding Behaviors to the ComponentsCreating a List of DestinationsLetting the User Choose a DestinationOpening Maps with a Search URLThe Complete App: Map Tour with Activity StarterA Virtual Tour with the Web ViewerFinding the URL for Specific MapsDefining the URLs ListModifying the ListPicker.AfterPicking BehaviorThe Complete App: Map Tour (Web Viewer)VariationsSummary
7. Android, Where’s My Car?
What You’ll LearnGetting StartedDesigning the ComponentsAdding Behaviors to the ComponentsDisplaying the Current LocationRecording the Current LocationDisplaying Directions to the Remembered LocationStoring the Remembered Location PersistentlyRetrieving the Remembered Location When the App LaunchesThe Complete App: Android, Where’s My Car?VariationsSummary

8. Presidents Quiz
What You’ll LearnGetting StartedDesigning the ComponentsAdding Behaviors to the ComponentsDefining the Question and Answer ListsDefining the Index VariableDisplaying the First QuestionIterating Through the QuestionsMaking the Quiz Easy to ModifySwitching the Image for Each QuestionChecking the User’s AnswersThe Complete App: The Presidents QuizVariationsSummary
9. Xylophone
What You’ll BuildWhat You’ll LearnGetting StartedDesigning the ComponentsCreating the KeyboardCreating the First Note ButtonsAdding the Sound ComponentConnecting the Sounds to the ButtonsInstructing Android to Load the SoundsImplementing the Remaining NotesRecording and Playing Back NotesAdding the ComponentsRecording Notes and TimesPlaying Back NotesPlaying Back Notes with Proper DelaysThe Complete App: XylophoneVariationsSummary
10. MakeQuiz and TakeQuiz
What You’ll LearnGetting StartedDesigning the ComponentsAdding Behaviors to the ComponentsCreating Empty Question and Answer ListsRecording the User’s EntriesBlanking Out the Question and AnswerDisplaying Question-Answer Pairs on Multiple LinesCalling the displayQAs ProcedureSaving the QAs Persistently on the WebLoading Data from the DatabaseThe Complete App: MakeQuizTakeQuiz: An App for Taking the Quiz in the DatabaseHow the Blocks WorkThe Complete App: TakeQuizVariationsSummary
11. Broadcast Hub
What You’ll LearnGetting StartedDesigning the ComponentsAdding Behaviors to the ComponentsResponding to Incoming TextsAdding Numbers to the Broadcast ListBroadcasting the MessagesBeautifying the List DisplayLogging the Broadcasted TextsStoring the BroadcastList in a DatabaseLoading the BroadcastList from a DatabaseThe Complete App: Broadcast HubVariationsSummary
12. Robot Remote
What You’ll LearnGetting StartedDesigning the ComponentsNon-Visible ComponentsVisible ComponentsAdding Behaviors to the ComponentsConnecting to the NXTDisplaying the List of RobotsMaking the Bluetooth ConnectionDisconnecting from the NXTDriving the NXTUsing the Ultrasonic Sensor to Detect ObstaclesVariationsSummary
13. Amazon at the Bookstore
What You’ll LearnWhat is an API?Getting StartedDesigning the ComponentsProgramming the App’s BehaviorSearching by KeywordSearching by ISBNDon’t Leave Your Users HangingScanning a BookImproving the DisplayThe Complete App: Amazon at the BookstoreCustomizing the APIVariationsSummary
II. Inventor’s Manual
14. Understanding an App’s Architecture
ComponentsBehaviorAn App as a RecipeAn App as a Set of Event HandlersEvent TypesUser-Initiated EventsInitialization EventsTimer EventsAnimation EventsExternal EventsEvent Handlers Can Ask QuestionsEvent Handlers Can Repeat BlocksEvent Handlers Can Remember ThingsEvent Handlers Can Interact with the WebSummary
15. Engineering and Debugging an App
Software Engineering PrinciplesSolve Real ProblemsBuild a Prototype and Show UsersIncremental DevelopmentDesign Before CodingComment Your CodeDivide, Layer, and ConquerUnderstand Your Language: Tracking with Pen and PaperDebugging an AppWatching VariablesTesting Individual BlocksIncremental Development with Do ItDisabling BlocksSummary
16. Programming Your App’s Memory
Named Memory SlotsPropertiesDefining VariablesSetting and Getting a VariableSetting a Variable to an ExpressionIncrementing a VariableBuilding Complex ExpressionsDisplaying VariablesLocal VariablesSummary
17. Creating Animated Apps
Adding a Canvas Component to Your AppThe Canvas Coordinate SystemAnimating Objects with Timer EventsCreating MovementSpeedCollision DetectionEdgeReachedCollidingWith and NoLongerCollidingWithInteractive AnimationSpecifying Sprite Animation Without a Clock TimerSummary
18. Programming Your App to Make Decisions: Conditional Blocks
Testing Conditions with if and else if BlocksProgramming an Either/Or DecisionProgramming Conditions Within ConditionsProgramming Complex ConditionsSummary
19. Programming Lists of Data
Creating a List VariableSelecting an Item in a ListUsing an Index to Traverse a ListExample: Traversing a List of Paint ColorsCreating Input Forms and Dynamic DataDefining a Dynamic ListAdding an ItemDisplaying a ListRemoving an Item from a ListLists of ListsSummary
20. Repeating Blocks
Controlling an App’s Execution: Branching and LoopingIterating Functions on a List with for eachA Closer Look at LoopingWriting Maintainable CodeUsing for each to Display a ListThe while-do BlockUsing while-do to Compute a FormulaSummary
21. Defining Procedures and Reusing Blocks
Eliminating RedundancyDefining a ProcedureCalling a ProcedureThe Program CounterAdding Parameters to Your ProcedureReturning Values from a ProcedureReusing Blocks Among AppsThe distanceBetweenPoints ProcedureSummary
22. Working with Databases
Storing Persistent Data in TinyDBRetrieving Data from TinyDBShared Data and TinyWebDBStoring Data by Using TinyWebDBRequesting and Processing Data with TinyWebDBGetValue-GotValue in ActionA More Complex GetValue/GotValue ExampleRequesting Data with Various TagsSetting Up a Web DatabaseSummary
23. Reading and Responding to Sensors
Creating Location-Aware AppsThe Global Positioning SystemSensing Location with App InventorChecking BoundariesLocation Information Providers: GPS, WiFi, and Cell IDUsing the Orientation SensorUsing the Roll Parameter to Move an ObjectMoving in Any Direction by Using Heading and MagnitudeUsing the Phone As a CompassUsing the AccelerometerResponding to the Device ShakingUsing the AccelerometerSensor’s ReadingsDetecting Free FallSummary
24. Communicating with the Web
The WebViewer ComponentThe Web ComponentStock Market SampleTinyWebDB and TinyWebDB-Compliant APIsSummary
Index

Content preview from App Inventor 2, 2nd Edition

Chapter 6. Paris Map Tour

In this chapter, you’ll build a tour guide app for a trip to Paris. Creating a fully functioning map app might seem really complicated, but App Inventor provides two high-level components to help: the ActivityStarter, which makes it possible for you to launch another app from your app, including Google Maps, and the WebViewer, which shows any web page you want within a subpanel of your app. You’ll explore both of these components and build two different versions of a tour guide.

What You’ll Learn

This chapter introduces the following App Inventor components and concepts:

The Activity Starter component for launching other Android apps from your app.
The WebViewer component for showing web pages within your app.
How to use list variables to store information for your app.
The ListPicker component to give the user the ability to choose from a list of locations.
How to build a URL dynamically to show different maps.

Designing the Components

Create a new project in App Inventor and call it “ParisMapTour”. The user interface for the app has an Image component with a picture of Paris, a Label component with some text, a ListPicker component that comes with an associated button, and in this first version, an ActivityStarter (non-visible) component. You can design the components using the snapshot in Figure 6-1.

Figure 6-1. The Paris Map Tour ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.

Julian F.

Head of Cybersecurity

I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.

Addison B.

Field Engineer

I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.

Amir M.

Data Platform Tech Lead

I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.

Mark W.

Embedded Software Engineer

Publisher Resources

ISBN: 9781491907214Errata Page

Cloud Computing

Data Engineering

Data Science

AI & ML

Programming Languages

Software Architecture

IT/Ops

Security

Design

Business

Soft Skills