RSS

Monthly Archives: October 2016

AppyBuilder App

image

Checkout AppyBuilder’s new app in Google Play Store HERE.

This slideshow requires JavaScript.

 

 
Leave a comment

Posted by on October 31, 2016 in Uncategorized

 

File Transfer using FTP

FTP Clients are used to transfer files back-and-forth between two computers using File Transfer (FTP) protocol which can be used with live connection to the Internet. Standalone FTP clients such as FileZilla can be used to transfer files back-and-forth between two computers, such as mobile phone and FTP server.

Mobile apps that have implemented FTP features can provide developer many advantages such ability as to:

  • Push local device files to remote FTP server
  • Pull FTP server data from remote server to local device. For example, on user’s 1st app installation, data / media (image, sound, etc.) files can be downloaded to user’s device.
  • etc.

AppyBuilder provides FTPManager component that includes built-in features (blocks) that ease FTP operations without any coding!

image

Blocks below show how to connect to FTP server and list remote files asynchronously. On completion, it will trigger an event showing the list of files:

image

Use below to asynchronously download from FTP server to device SD folder. If folder doesn’t exist, it will create all folder and its sub-folders:

image

Use block below to asynchronously upload local device files to remote FTP server:

image

Use block below to create folder either on local or remote FTP server:

image

Please share and check out AppyBuilder HERE to see some of cool features / components.

 
Leave a comment

Posted by on October 28, 2016 in Uncategorized

 

QR Code Generation

QR or Quick Response Codes are a type of two-dimensional barcode that can be read using smartphones and dedicated QR reading devices, that link directly to text, emails, websites, phone numbers and more. For example, QR code below can be scanned to take user to http://AppyBuilder.com :

Preview of your QR Code

QR Codes can be programatically generated using App Inventor or AppyBuilder by invoking a RESTful API service. Below is a tutorial that will show you how to generate QR and how to save the generated code onto devices SD card.

Assumption:

This tutorial assumes that you have previous knowledge using AI2 or AppyBuilder

Live Testing:

For live testing, download a copy of AppyBuilder companion from Google Play Store HERE.

Design Editor:

To start, use your browser and go to http://FREE.AppyBuilder.com. Once there, create a new project called qrApp. Next start up your companion app and connect it for Live Testing to AppyBuilder:

image

Our design editor will include 2 buttons, a TextBox and a Canvas as shown below:

image

TextBox1 – will be used to enter a text that will be used for generating QR code; e.g. http://AppyBuilder.com

Button1 – once clicked, will take TextBox1.Text and invoke REST API to generate QR.

Canvas1 – Used to display QR code into its background

Button2 – Used to save the Canvas1 Background image (the QR code image) onto SD card

Web1 – Used to encode a text so that it can be used in a URL

Blocks Editor:

We now switch to Blocks Editor for coding using blocks. As shown in blocks below, we use Web1.UriEncode to encode text in TextBox1 text field. We then create full URL string by concatenating the API URL passing it TextBox1 text as its data parameter. The API URL is: https://api.qrserver.com/v1/create-qr-code/?size=150×150&data=

Next we set our Canvas background image to resulting URL:

image

Below is how screen will look like after Button1 is clicked:

image

To save this QR code image locally on the device, add blocks so that when Button2 is clicked, the Canvas1 background image is saved into a file foo.jpg. This file will be stored onto root folder of your device.  If you like, you can add a directory to your file name; e.g. /MyPics/foo.jpg

image

Summary:

Above tutorial showed you how to easily add functionality to generate QR code and save the resulting QR onto devices external storage.

Please share and check out AppyBuilder HERE to see some of cool features / components.

 

 

 
2 Comments

Posted by on October 11, 2016 in Uncategorized

 
 
%d bloggers like this: