RSS

Become a Contributor

App Inventor and AiLiveComplete are going Internationalized and will support multiple languages. It will allow you to switch language to your selected language. Once language is switched, all designer, blocks text will automatically translate to your selected language.

image

If you are interested to be a contributor to provide language translation, please see document HERE.
Thanks,
 
2 Comments

Posted by on October 9, 2014 in Uncategorized

 

Monetize with Full Screen Interstitial Ads – Part II

This is continuation of Part I on how to monetize your Android apps with Full Screen Interstitial ads.

The latest version of Ai2LiveComplete allow you to easily add in AdMob Interstitial ads.. The Interstitial ad component is a non-visible component with blocks that allow you to LoadAd and then ShowInterstatialAd.

We will work toward a simple app that when started, it will show a SplashScreen with a Button component that is initially disabled. Once an Interstitial ad is loaded, the button will be Enabled, allowing user to Click on it to navigate to your main app Screen. Once user clicks on the Button, we will show our (already loaded) ad. If user closes the app, then we proceed to our main app Screen, Screen2. Below screenshots show how how app looks on devices and shows the screen navigation:

image

Design Editor – Below image shows the Screen1 Design Editor:

image

Blocks Editor – Screen1 – Image below shows the Blocks Editor for Screen1

image

Blocks Editor – Screen2 – Image below shows the Blocks Editor for Screen2

image

Interested in AiLiveComplete? See HERE

Mobile App Development

 
4 Comments

Posted by on September 21, 2014 in Uncategorized

 

Monetize with Full Screen Interstitial Ads

Use AiLiveComplete to Monetize Android apps with Full Screen Interstitial Ads!

Monetize Your App in Less than 2 Minutes!!

  1. Use AdMobInterstitial component
  2. Set its Ad-Unit-Id
  3. Trigger when to open the Ad

Interested in AiLiveComplete? See HERE

Mobile App Development

 
8 Comments

Posted by on September 14, 2014 in Uncategorized

 

Adding Nag-Screen for your apps

The wiktionary definition for Nag Screen is “A message displayed by a nagware program to encourage the user to purchase the full version.” The Nag Screen could be useful when you have a LITE version of your app that user can test. However, you want to encourage user to purchase the full version.

Approach below shows you how to implement the Nag Screen for your apps.

image

Blocks Definition

Initially, we setup 3 global variables as follows:

  1. varTimesUsed – This variable holds total number of times that user has run the app
  2. varNagInterval – How often you want the Nag Screen (pop-up) to display. For example, if set to 5, it will display every 5-time usage of the app
  3. TAG_TIMES_USED – A tag variable that is used to retrieve and store data into our database

Next, in our Initialize block of the screen we:

  1. We attempt to get the total times app has been run. If 1st time (doesn’t exist), then we default to 0, otherwise we get the total number of times run.
  2. Next, increment the returned value by 1 and store it back to our varTimesUsed
  3. We then store the new incremented value into our database (use same tag as the one used to retrieve)
  4. We now use the modulo function to get the remainder when dividing varTimesUsed by varNagInterval. If remainder is zero, it means the varNagInterval time has been met and we need to display the Nag Screen
  5. Lastly, the IF control statement is used to check and see if remainder is 0.
  6. If zero, it means it is time to display the Nag Screen and we use a Notifier which displays the Nag AND total number of times the app has been used.
  7. If not-zero, we simply don’t do any thing.

 

Looking for AiLiveComplete? See here: http://Amerkashi.Wordpress.com/news

Mobile App Development

 
2 Comments

Posted by on August 22, 2014 in Uncategorized

 

Any Component – Working with Advanced Features

App Inventor provides ability to set property of each component. For example, if you have 10 Buttons on your screen, you can set the visibility of each component as follows:

Button1.Visible to true, Button2.Visible to true and so on for all the buttons.

However, this would increase number of blocks and would be difficult to maintain. An alternative is to use the Advanced Features of App Inventor. Using “Any Component”, you can simplify setting property of the component (e.g. visibility, Enabled, etc) in a simple approach as below:

image

Looking for AiLiveComplete? See here: http://Amerkashi.Wordpress.com/news

Mobile App Development

 
Leave a comment

Posted by on August 21, 2014 in Uncategorized

 

Ai2LiveComplete – ListPicker style

Platform: Ai2LiveComplete

In this blog, I’ll show you:

  • How to change ListPicker style (appearance) and how the ListPicker items appear when the ListPicker is opened
  • How to easily sort the ListPicker items in ascending or descending order using with NO coding!

ListPicker style (appearance) can now easily be changed using its properties OR using the blocks. You can change the ListPicker style to Default, Light, Dialog or Translucent. Using the picker properties, simply click on the drop-down and select any of the available options. Please note that you can now have multiple ListPickers, each with their own unique styles!

ListPicker items style can also be changed through use of its designer properties OR using the blocks. The valid options are:

  • Default – the default look like MIT AI2
  • Right – During scrolling, elements fly from right-to-left (to their position)
  • Left – elements fly from left to their position
  • Bottom – elements fly from bottom to their position
  • BottomRight – elements fly from bottom-right to their position
  • Scale – elements zoom in from 0% to 100%
  • Alpha – elements gradually appear in the picker

ListPicker items sorting – you can now easily sort the items in ascending or descending with NO coding! Just use the property to specify the ordering type. You can also use the blocks for this. Below image illustrates these options and their associated values:

image

image

Looking for AiLiveComplete? See here: http://Amerkashi.Wordpress.com/news

Mobile App Development

 
2 Comments

Posted by on July 23, 2014 in Uncategorized

 

Ai2LiveComplete – Changing Application Name

Platform: Ai2LiveComplete

Have you ever wanted to change the Application Name that displays below the app-icon on the device? Did you want to give it custom app-name and remove the underscores or add in embedded spaces? Now this can be accomplished EASILY using Ai2LiveComplete. Under Screen1, just update the property “Application Name” and you are done!

image

Looking for AiLiveComplete? See here: http://Amerkashi.Wordpress.com/news

Mobile App Development

 
2 Comments

Posted by on July 23, 2014 in Uncategorized

 
 
Follow

Get every new post delivered to your Inbox.

Join 236 other followers

%d bloggers like this: