Click here to Skip to main content
15,867,330 members
Articles / Programming Languages / Visual Basic
Article

Build a Mobile Application in just 4 Minutes

30 Jun 2010CPOL4 min read 30.1K   11   2
Would you believe that a functional mobile app can be built before you finish a cup of coffee? Probably not. But I would like to convince you that the reverse is true. Read on to find out the details.

This article is in the Product Showcase section for our sponsors at CodeProject. These articles are intended to provide you with information on products and services that we consider useful and of value to developers.

Image 1

Would you believe that a functional mobile app can be designed and build before you finish a cup of coffee? Probably not. But I would like to convince you that the reverse is true. Read on to find out the details.

When you develop a mobile app from scratch, it is usually a long and complicated process. It might take dozen weeks, sometimes a couple of months. Inexperienced mobile developers struggle with the limitations of mobile device and deals with hundreds of rows of code. Besides that, there is a need to co-operate with graphic designer to create attractive GUI.

But there exists a different approach. No need to deal with code, no need to employ the graphic designer, no need to consider the mobile device’s limitations and a fully functional app ready to deploy in a few moments. It is all possible with Resco MobileApp Studio.

Resco MobileApp Studio is a rapid mobile app developer tool allowing developers to quickly design and build mobile forms. It is a Microsoft Visual Studio add-on, so all its tools are integrated and accessed directly with Visual Studio. All forms/user controls created with MobileApp Studio are generated along with VB or C# source code and are attached to the application project. This allows developers to customize the generated forms/controls in a well-known environment and programming language. Thanks to the advanced data-binding capabilities it is also convenient for mobile database solutions.

Here is a step-by-step demonstration how to build the mobile app in 4 minutes in Resco MobileApp Studio. Before we start, do not forget to bring a cup of coffee.

Prerequisite

First, download and install a trial version of Resco MobileApp Studio from here: http://www.resco.net/developer/mobileappstudio/download_mas.aspx
Run Microsoft Visual Studio, create a new project for smart device and select a template device application.

Add a MobileAppList file to the project

First, I right click on the Project, click „Add“ from the context menu and click on the „New Item“. This will create a list. Then, in the Categories I click on „MobileApp Studio“ and select the „MobielAppList“. I can rename the file and confirm by a click on „Add“ button. See the picture below.

Add a MobileAppList file to the project

The new file MobileAppList.rlxml is added to my project.

Create new list with wizard

After I have added the rlxml file to the project, the new wizard opens.

Create new list with wizard

I select one of the graphic themes and click „Next“. Now I can select templates, which are predefined in MobileApp Studio or use an empty list. I select the PrimarySecondaryInfo and click „Finish“.

Create new list with wizard

All these actions result in creation of the List’s base.

What you see now is Resco enviroment directly embedded in Visual Studio which allows you to design list in an intuitive and easy to use designer.

Create new list with wizard

Thanks to the template I chose, the list contains two predefined row templates: preview row and selected row. The selected row has a different color and contains a button „Select“. The template can be zoomed in and out (see the screen shot below).

Create new list with wizard

Binding items of row templates to data.


First, I select the „Primary Information“ from „CustomList“ in the „Objects“ window. Then click on the button „Manage“ in the „Data“ to open Database wizard. And to add a database to my project, I select „Database Schema (Query)“.

Binding items of row templates to data

I click on „Next“ and now add a Database to the project. I check the „Add To Porject“ box which results in attaching the file to my Visual Studio project and deploying it to the device. I Click on „Next“ button to proceed.

Binding items of row templates to data

Now I see all the database tables – mine contains only one: customers. I select the table and choose columns which I want to have shown in the list. I click on „Finish“ button.

Binding items of row templates to data

Binding items of row templates to data

In the „Objects“ window, I select the „Primary Information“ and in the „Data“ window click on the „Assign“ button in the „CompanyName“ row. The company name is now assigned to the primary information in the preview row.

Binding items of row templates to data

I do the same for the contact name and then for both names in the selected row. When I am done I build the project.

Adding MobileAppList on the form

I open the form that was generated by Visual Studio and shows no content. Since I have already built the project, I can see newly created list in the toolbox. Now I just drag and drop it to the form. I set the dock in the properties to fill, and save.

Adding MobileAppList on the form

Final Preview

Now I just run the application in the emulator. I can touch scroll the list, click on the row or on the Select button.

Final PreviewFinal Preview

Watch this demonstration on YouTube as a proof it can be done in less than 4 minutes: http://www.youtube.com/watch?v=WpxQtalam6Y

As you could see this application was built very fast. I capitalized on predefined skins and intuitive designers. And I did not have to bother with code which results in saving lots of time.

About Resco MobileApp Studio

Resco MobileApp Studio is a Microsoft Visual Studio 2008 add-on — a rapid mobile app developer tool allowing developers quickly designing and building mobile line-of-business applications.

Find more information on Resco MobileApp Studio here: http://www.resco.net/developer/mobileappstudio/overview.aspx

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
Marketing Resco
Slovakia Slovakia
This member has not yet provided a Biography. Assume it's interesting and varied, and probably something to do with programming.

Comments and Discussions

 
QuestionNice article Pin
Wild-Programmer19-Jul-10 21:17
Wild-Programmer19-Jul-10 21:17 
AnswerRe: Nice article Pin
Resco Developer Tools20-Jul-10 6:30
Resco Developer Tools20-Jul-10 6:30 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.