Minor change to the appinventor.pevest.com web site

I have made a minor change to how posts now appear on this web site. Longer posts – especially the tutorial type posts – will show only their introductory text and images. Click on the “Continue reading–” link that appears below the post to read the full text.

By shortening the text that appears on the main page, page loads will be faster. Plus, more “short posts” can appear on the main page, making it easier to review recent content, quickly.

This change also creates a more accurate count of the posts that readers find interesting, helping to to identify the type of tutorials and content that readers want to see. Previously, full length posts, read on the main page, were not counted on the popular posts list.

Within about 2 months of starting to ramp up content on this web site, we are now seeing about 200 unique visitors each day, many arriving after searching for “how to” information using Google or other web search.

Please share these posts with your friends, using the easy social media sharing buttons that appear at the bottom of every post. Like us on Facebook, Google+ and Twitter or follow the RSS feed. Thanks!

How to install the Tip Calculator on your phone

You have probably run your App Inventor apps through AI Companion. The AI Companion is a great tool for quickly loading the app you are developing on to your phone for testing. However, the AI Companion does not install the app on to your phone, like a regular app.

To install the app on your phone, use the Build menu “App (provide QR code for .apk)”. You will see a progress bar appear on your screen as App Inventor prepares the app for installation on your phone. Behind the scenes, it is creating a “.apk” file which is the type of file used for all Android applications.

AppInventorBuildOnce the app build process is finished, you’ll see a QR code displayed on your screen:

QRCodeTC5

 

If you are not familiar with QR codes – a QR code is a method of encoding data into a matrix. A smart phone camera takes a snapshot of the QR code matrix and software on the phone extracts the encoded data. In this case, the data is the URL or web address where a temporary copy of your .apk file has been stored. You’ll need to install a QR code reading app (available for free in the Google Play store) and use it to scan the code.  Then, follow the on screen prompts and icon to download the .apk file to your phone and then install the app on to your phone. Once installed, it will appear in your list of apps just like any other app.

If you do not wish to use the QR code method, you can also build and download the .apk file directly to your computer. Once the .apk file is on your computer, you could email the .apk file as an attachment – such as email it to yourself! Then, on your phone, fetch your email and download and install the apk file on to your phone.

 

App Inventor Tip Calculator version 5: Fully automated!

What the App Does

This is the fifth version of 5 app versions that implement a tip calculator – and the final version is pretty cool! This app is useful – I was recently traveling and used it on my smart phone to calculate restaurant tips – I will post a short tutorial on how to install this app on your phone.

  • Version 1 introduced the basic app and the use of error checking to handle user data entry mistakes.
  • Version 2 introduced the Slider user interface component to select the tip amount. Using the Slider, the user selects a tip from 0% to 30%. Since there is no text entry, it is not possible for an incorrect tip value to be entered.
  • Version 3 introduced an improved user interface to eliminate user data entry errors.
  • Version 4 introduces “procedures” to clean up the code in preparation for version 5.
  • Version 5 revises Version 4 to make the calculation of the tip fully automatic plus fixes some minor oddities.

In Version 5, we eliminate the “Calculate tip and total amount” button by making the calculation automatic. Each time we enter a digit or adjust the slider, the tip is calculated immediately. There is no need to press a button to do the calculation.  Just enter a bill amount and optionally adjust the slider to select a tip percentage.

The Tip Calculator User Interface

The new user interface eliminates the Calculate button and adds a single “Clear All” button as a quick way to reset the calculator. This sets the bill amount back to zero and the tip amount to 20%.

Here is a view of the app in operation – the bill amount of 23.45 has been entered on the keypad and the tip amount is 20%. The tip and total bill are shown at the bottom of the screen.

Each time any digit is entered – or the tip is adjusted – the tip and total is automatically calculated.

TipCalc5-Screenshot_2014-11-12-17-43-32

 

Continue reading App Inventor Tip Calculator version 5: Fully automated!

How to change button colors in App Inventor

You can change the colors of buttons (and some other components) in your App Inventor apps. Using some programming tricks, buttons can be made to change color continuously!

Here is a very short demo of a button whose color is continuously changing on the screen:

I will soon post a tutorial on how to do simple color changes and also how to do “tricks” like that shown in this video.

Be sure to keep checking back, like us on Facebook, Google+ and Twitter for more updates! Thanks!

Android App Inventor Tip Calculator version 4: Introduction to Procedures

What the App Does

This is the fourth version of 5 versions that implement a tip calculator. Each version has added improvements or new programming methods.

  • Version 1 introduced the basic app and the use of error checking to handle user data entry mistakes.
  • Version 2 introduced the Slider user interface component to select the tip amount. Using the Slider, the user selects a tip from 0% to 30%. Since there is no text entry, it is not possible for an incorrect tip value to be entered.
  • Version 3 introduced an improved user interface to eliminate user data entry errors.
  • Version 4 introduces “procedures” to clean up the code in preparation for version 5.
  • Version 5 revises Version 4 to make the calculation of the tip fully automatic plus fixes some minor oddities.

The Tip Calculator User Interface

No changes from version 3.

The Designer View

No changes from version 3.

The Blocks Code

Continue reading Android App Inventor Tip Calculator version 4: Introduction to Procedures