Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Advanced Search Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying App Inventor 2 Essentials
  • Table Of Contents Toc
App Inventor 2 Essentials

App Inventor 2 Essentials

By : Kamriani, Roy
4.2 (9)
Buy this Book
close
close
App Inventor 2 Essentials

App Inventor 2 Essentials

4.2 (9)
By: Kamriani, Roy
Buy this Book

Overview of this book

App Inventor 2 will take you on a journey of mobile app development. We begin by introducing you to the functionalities of App Inventor and giving you an idea about the types of apps you can develop using it. We walk you through the technical set up so you can take advantage of the interactive development environment (live testing). You will get hands-on, practical experience building three different apps using tutorials. Along the way, you will learn computer science principles as well as tips to help you prepare for the creative process of building an app from scratch. By the end of the journey, you will learn how to package an app and deploy it to app markets. App Inventor 2 Essentials prepares you to amass a resource of skills, knowledge and experience to become a mobile app developer
Table of Contents (10 chapters)
close
close
close
Preface
Icon
Preface
Icon
What this book covers
Icon
What you need to build mobile apps
Icon
Who this book is for
Icon
Conventions
Icon
Reader feedback
Icon
Customer support
Lock Free Chapter
1
1. Unleashing Creativity with MIT App Inventor 2
Icon
1. Unleashing Creativity with MIT App Inventor 2
Icon
What is MIT App Inventor 2?
Icon
MIT App Inventor – purpose and potential
Icon
Summary
2
2. Setting Up MIT App Inventor 2
Icon
2. Setting Up MIT App Inventor 2
Icon
The initial setup
Icon
Connectivity setup
Icon
Summary
3
3. Navigating the App Inventor Platform
Icon
3. Navigating the App Inventor Platform
Icon
The projects view
Icon
The Designer
Icon
Creating a game app
Icon
The Blocks editor
Icon
Summary
4
4. Fling App – Part 2
Icon
4. Fling App – Part 2
Icon
Adding a scoring feature
Icon
Increasing difficulty
Icon
Changing the game's dynamic
Icon
Creating levels
Icon
Updating the score label to display the level
Icon
Updating the Reset button
Icon
Updating the Play button
Icon
Summary
5
5. Building an Event App
chevron up
Icon
5. Building an Event App
Icon
User Interface for an event app
Icon
Setting the background image
Icon
Adding an image component
Icon
Adding buttons
Icon
Adding the ActivityStarter
Icon
Adding screens
Icon
Programming the blocks
Icon
Summary
6
6. Introduction to Databases
Icon
6. Introduction to Databases
Icon
Creating a database
Icon
Designing the RSVP screen
Icon
Setting up Google Authentication
Icon
Sharing the Fusion Table with the service account email
Icon
Connecting the app to the Google Fusion Table
Icon
Pushing data to the Fusion Table
Icon
Ensuring empty rows are not inserted
Icon
Viewing the guest list
Icon
Coding the blocks – requesting data
Icon
Coding the blocks – receiving data
Icon
Sharing the Event App
Icon
Summary
7
7. Learning About Loops with a Raffle App
Icon
7. Learning About Loops with a Raffle App
Icon
Creating the project and building the GUI
Icon
Summary
8
8. Expanding Your Mobile App Development Skills
Icon
8. Expanding Your Mobile App Development Skills
Icon
Design principles
Icon
App Inventor extras
Icon
Distributing your app
Icon
Summary
9
Index
Icon
Index

Adding an image component

Next, we will add another image to lay over the background image. We used Illustrator and Photoshop to create some artwork and saved it as a .png file. If you don't have these software programs, you can use free editors, such as Inkscape (Windows/Linux), Affinity Designer (Mac), or Gimp (multi-platform) to create artwork. You could make an image similar to ours or a new design, or find Creative Commons image online.

In the far left column in the Designer, in the User Interface palette drawer, choose the Image Component and drag it to the Viewer. You will notice that a small image component icon sits in the upper-left corner of the Viewer. We want to center it. There are two ways to do this:

  • Click on Screen1 in the Components panel, and in the Properties panel, select Center from both the AlignHorizontal and AlignVertical drop-down lists.

  • Since we are going to be adding many components to our home screen, we are going to walk you through a more complex method that requires...

Visually different images
CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
App Inventor 2 Essentials
End of Section 5
Next Section
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon