RSS

AppyBuilder Editors

logo

Join Community: http://Community.AppyBuilder.com

Create beautiful Android apps using AppyBuilder visual drag-n-drop interface.  Below is the AppyBuilder reference cheat-sheet showing different sections of of Design-editor and Blocks-editor.

editors

Join forum community for tutorials, discussions, technical questions

http://Community.AppyBuilder.com

Website: http://AppyBuilder.com

Share, Like us below 🙂

 

 
Leave a comment

Posted by on January 4, 2018 in Uncategorized

 

Openstreet Map Component

logo

Join Community: http://Community.AppyBuilder.com

The latest MIT App Inventor Openstreet Map component is now available in AppyBuilder.  This component is a two-dimensional container that renders map tiles in the background and allows for multiple Marker elements to identify points on the map. Map tiles are supplied by OpenStreetMap contributors and the United States Geological Survey.

The Map component provides three utilities for manipulating its boundaries within App Inventor. First, a locking mechanism allows the map to be moved relative to other components on the Screen. Second, when unlocked, the user can pan the Map to any location. At this new location, the “Set Initial Boundary” button can be pressed to save the current Map coordinates to its properties. Lastly, if the Map is moved to a different location, for example to add Markers off-screen, then the “Reset Map to Initial Bounds” button can be used to recenter the Map at the starting location.

Drag, Drop, Snap Blocks, Build app

Join forum community for tutorials, discussions, technical questions

http://Community.AppyBuilder.com

Website: http://AppyBuilder.com

Share, Like us below 🙂

 

 
1 Comment

Posted by on January 1, 2018 in Uncategorized

 

AppyBuilder Concept Cards

logo

Join Community: http://Community.AppyBuilder.com

AppyBuilder Concept Cards provide a quick way to learn new AppyBuilder code and concepts.

Each of the cards can be printed out, folded in half, and used for students or to explore a concept in AppyBuilder such as Sprites, timers, sounds, movement, multi screens, making colors, etc.

These cards are designed to introduce ideas in bite-sized snippets and can be worked into any lesson or tutorial.

Thanks to @Peter_Mathijssen for his contribution on designing and sharing the cards.

Cloud based, Drag, Drop, Snap Blocks, Build app

Bounce Sprite Off Canvas Edge

Sprite Timed Movement

Sprite Movement on Timer

Adding Sound

Speech Recognition

Random Numbers

Fling Movement

Movement With Sensors

Drawing on Canvas

Multiple Screens

Creating Custom Colors

Movement With Buttons

Shaking Phone

Collision Detection

Dragging A Sprite

Join forum community for tutorials, discussions, technical questions

http://Community.AppyBuilder.com

Website: http://AppyBuilder.com

Share, Like us below 🙂

 

 
2 Comments

Posted by on December 22, 2017 in Uncategorized

 

Merry Christmas – Keep Coding!

logo

Join Community: http://Community.AppyBuilder.com

Cloud-based, Drag, Drop, Snap Blocks, Build app

Join forum community for tutorials, discussions, technical questions

http://Community.AppyBuilder.com

Website: http://AppyBuilder.com

Share, Like us below 🙂

 

 
Leave a comment

Posted by on December 18, 2017 in Uncategorized

 

Network Manager Component

logo

Join Community: http://Community.AppyBuilder.com

Most apps require to determine if device has network connectivity or connected to GPS. Also, there are times that need to know the network speed or there might be a need to start the GPS settings so that user can turn GPS on.

For this purpose, AppyBuilder includes a non-visible component called NetworkManager. This component can be used to provide information about network. The blocks for this component are as follows:

IsConnected: Use this block to determine if device has network connectivity. Will return true if connection is through WiFi or mobile network.

IsGPSEnabled: Use this block to determine if GPS is enabled

StartGPSOptions: If device isn’t connected to GPS, you can start this block to startup the GPS options

GetConnectionType: Use this block to determine the connection type; e.g. WiFi or Mobile

IsFastConnection: Use this block to determine if device has slow or fast connection. Useful when there is a need to download large files

Join forum community for tutorials, discussions, technical questions

http://Community.AppyBuilder.com

Website: http://AppyBuilder.com

Share, Like us below 🙂

 

 
Leave a comment

Posted by on December 14, 2017 in Uncategorized

 

Application Package Name

logo

Join Community: http://Community.AppyBuilder.com

In this post, we will show how to use AppyBuilder that allows you to change the application package name for an app which contains multiple screens.

Scenario: You may have an app that was developed in MIT AI and published to Google Play Store. MIT AI uses package naming convention of appinventor.ai_YourEmail.YourAppName (where YourEmail is your google email e.g. jdoe01). You can easily import this app into AppyBuilder, but that will cause the package name to be changed to AppyBuilder default package name. For this reason, we can use feature below to use same package name that was used in MIT AI.

Process: In this post we’ll create a simple app called testapp that will include 2 screens. We will change AppyBuilder default package name and will include a Button to switch from Screen1 to Screen2.

Image below shows how to change the default package name using ApplicationPackage property (only visible to Scrreen1 – will globally apply to entire app). For this exercise, let’s name our app testapp and attempt to change default package-name to com.example.testapp as shown below. Also, let’s assume your email is jdoe@gmail.com

Our simple app includes a button and clicking the button should start Screen2. The blocks to accomplish this is shown in image below. When opening another screen, we use the following convention:

emailusername.projectname.screenname

  • Replace “projectname” to the “name of the project
  • Replace “emailusername” to the “username of your email (text before @). Also, if your username includes dot (e.g. jdoe.01@gmail.com, replace . to _ like jdoe_01)
  • Replace “screenname” to “the screen you want to open

This approach will properly work when you have built .apk. However, when using companion to test you could use approach below (thanks @Boban for his input):

image

Join forum community for tutorials, discussions, technical questions

http://Community.AppyBuilder.com

Website: http://AppyBuilder.com

Share, Like us below 🙂

 

 
Leave a comment

Posted by on December 12, 2017 in Uncategorized

 

Android Material Design Cards

logo

Join Community: http://Community.AppyBuilder.com

Video below shows how to use AppyBuilder to design and build Android app using Android Material Design Cards. You can implement Cards with any type of components such as Images, Labels, Buttons, etc.

Drag, Drop, Snap Blocks, Build app. AppyBuilder is user-supported

Join forum community for tutorials, discussions, technical questions

http://Community.AppyBuilder.com

Website: http://AppyBuilder.com

Share, Like us below 🙂

 

 
Leave a comment

Posted by on December 10, 2017 in Uncategorized

 

Help App Inventor launch on iOS!

logo

Join Community: http://Community.AppyBuilder.com

App Inventor is coming up with an iOS version of App Inventor. However, they need everyone’s support for this:

https://crowdfund.mit.edu/project/8152

Join forum community for tutorials, discussions, technical questions

http://Community.AppyBuilder.com

Website: http://AppyBuilder.com

Share, Like us below 🙂

 

 
Leave a comment

Posted by on November 29, 2017 in Uncategorized

 

Android Material Design Cards

logo

Join Community: http://Community.AppyBuilder.com

Details / info HERE,  Support AppyBuilder HERE

What is Android Material Card?

A card is a sheet of material that serves as an entry point to more detailed information. Cards may contain a photo, text, and a link about a single subject. They may display content containing elements of varying size, such as photos with captions of variable length.

Creating Cards:

Using AppyBuilder, you can now easily create cards using Layout Arrangements like VerticalArrangement or HorizontalArrangement components. These components now include a property and block for converting the layout to a Card:

card1

When a Layout is set as Card, it will convert its content to as format as shown below. In this sample arrangement, we have added Image, and three Labels:

card2

The sample .aia source HERE shows how the cards below were created. You can also install and test the app HERE.

Cards3

For additional tutorial, please follow link to http://help.AppyBuilder.com

Need more info? Post question here: http://Community.AppyBuilder.com

Website: http://AppyBuilder.com

Share, Like us below 🙂

 
4 Comments

Posted by on November 27, 2017 in Uncategorized

 

Building Hang Man Game

logo

Join Community: http://Community.AppyBuilder.com

Details / info HERE 

Pixii Bomb By: Pixii Bomb

TUTORIAL DIFFICULTY: Medium
The tutorial is fairly easy to follow, but the concepts might be advanced for some users. This should be easy for anyone who can look at a screenshot of blocks and understand what they mean or how to find them.

VIDEO DESCRIPTION:
This tutorial will teach you how to create the Hang Man game, but more importantly will teach you how to read and compare input, one letter at a time. This would be useful for a spelling game, educational app, or input validation.

TUTORIAL VIDEO – MORE INFO and source code HERE

For additional tutorial, please follow link to http://help.AppyBuilder.com

Need mare info? Post question here: http://Community.AppyBuilder.com

Website: http://AppyBuilder.com

Share, Like us below 🙂

 
Leave a comment

Posted by on November 12, 2017 in Uncategorized