RSS

Monthly Archives: April 2017

Using Multiple Database – TinyDB

logo

TinyDB is a Storage component that can be used to store data for an app; i.e it is a persistent data store for the app. The data stored in a TinyDB will be available each time the app is run. An example might be a game that saves the high score and retrieves it each time the game is played.

Data for TinyDB is stored using key (tag), value pairs. To store data, you specify the tag it should be stored under. Subsequently, you can retrieve the data that was stored under a given tag. The value for a tag can be a simple text or complex data structure like List of Lists.

Each app has its own data store. By default, there is only one data store per app. Even if you have multiple TinyDB components, they will use the same data store. Image below shows using 2 TinyDB but the underlying code is using the same data-store.

If your app has complex requirement and you require Multiple Independent data-stores, then AppyBuilder includes such feature / capability and will allow you break your data into multiple separate independent storage – see image below.

Image below shows how this can be accomplished. In this example, we have used 2 TinyDB, but notice that using block TinyDB.DatabaseName, we are assigning a unique name to our database. This name can be anything as long as it is unique and does not contain special characters or embedded spaces. For purpose of this tutorial, we are using same tag (platform) to store different values in each of the databases. When we retrieve data, you’ll notice that each database returns the correct value that it stored.

Website: http://AppyBuilder.com

Use AppyBuilder GOLD for FREE: http://FreeGold.AppyBuilder.com

Share, Like us below 🙂

 
Leave a comment

Posted by on April 26, 2017 in Uncategorized

 

Webviewer File & Camera Upload Support

On desktops, HTML / php can be used to upload files from local device to a remote server. For mobile device, AppyBuilder includes Webviewer component for viewing web pages. For example, you can drag-n-drop this component into designer editor and set its HomeURL to webpage that you like to open:

The GOLD version, now includes support for uploading files from local mobile storage. It also includes support for taking pictures and directly uploading the file onto server! This feature can be very handy for such sites as Facebook  or for example allowing user to upload a local file or to take a picture and directly passing it remote server.

To use Webviewer, drag-N-drop this component onto design-editor and you’ll see a property named AllowCamera.

If you like to allow user to take pictures, checking AllowCamera property (set to true), will pop-up a Chooser window allowing user to take picture for upload. Let’s assume that you have a html like blow (source HERE):

From image above, you’ll see that the html page includes “Choose File” button for uploading file. Once clicked, this will pop-up the “File Chooser” window shown below:

At this time, user will be able to take picture and send to server OR can click on “Documents” to select a file from device local storage – see below:

After taking picture (or selecting a file) and submitting, our html can now perform actions on such as storing the image in server. In our case, the sample html (php) page only shows file-size information:

Image below shows the complete page flow:

Website: http://AppyBuilder.com

Try AppyBuilder GOLD for FREE: http://FreeGold.AppyBuilder.com

Share, Like us below 🙂

 
3 Comments

Posted by on April 9, 2017 in Uncategorized

 
 
%d bloggers like this: