Open

Overview

Today we are going to explain how we can easily create a fully functional application using Wayfast in five steps. First, we are going to do the basic setup for any application to work and then we are going to create a simple screen displaying a “Hello World!” message.

Step 1 - Create a Solution

Once we log into Wayfast you will see “My Solutions” area where we can see all your applications. Just click on the “New Solution” button.

Open

A "Create a solution” popup will be displayed. Now we just need to complete the “Name” and “Description” fields. Then click on “Submit” button to continue.

Now we can see the new solution listed in “My Solutions” area

Step 2 - Create a Project

After creating a solution we can click on its name to see the content. Here we can see the list of projects and click on “New Project” button to build our first Application.

Now a popup is displayed to set the main settings for this project. First we need to set the project type. For now we are going to focus on “Application” type, the rest are going to be explained in “What is a project?” chapter.

• Workflow

• Application

• Source Code

The next important setting is “Login Type”. Wayfast offers three different Login mechanisms: “SSO” (Single sign on), “User and Pass” and “Anonymous” options. In this example we are going to use “User and Pass”.

Now we can click on “Submit” button to confirm our options and start building this project.

“Please select a skin” popup will offer different templates to apply in your application’s interface. We can select a look and feel from Wayfast library.

Once we selected Project’s skin, we will see our new project in our Solution Dashboard. This view includes statistics like “Requirements” by status, Project’s objects and testing executions.

Step 3 - Create a Requirement

Now we have a project we can go to the next step: Creating a Requirement

We can access the Requirements module by clicking on the “Requirements” icon at the top of the screen and then clicking on the “New Requirement” button.

 In the “New requirement” screen we can choose different requirement templates. For now let’s select “Simple” type that allows a free description.

After clicking on the “Submit” button, the Requirement will be grouped in the “Pending” lane of the Requirement’s board.

Our requirements will also be visible in the collapsible task list bar at the left side of the screen.

We can expand it clicking in the arrows

Requirements can be set to active by selecting them on the task list bar and clicking the “Activate” button.

Step 4 - Create a Page

First we need to define which Layout are going to use for our Hello World page.

So we click on “General Options” icon at the top menu and to “Layout” submenu.

Click on “Add Layout” button and select the “HelloWorld” layout.

Now let’s click on the “Project Pages” icon on the top menu and then click on the “New Page” button.

In the “New page” screen we can define the bare minimum behavior of our screen.

Now we can see the newly created page in the “Pages” screen

Step 5 - Add Controls

Let’s click on the page we just created to see the page editor and expand the “Controls” toggle button.

In the “Control type” dropdown choose “Label” and click on the “Add control” button.

Selecting the “Label” option in the “Control type” dropdown and clicking on the “Add control” button will display a popup to configure the control.

In the “Layout” tab we need to select an available “Placeholder” and set the “Order” to place the control in the screen.

After setting the place holder just click on the “Submit” button to save Control’s settings.

Run the App

Now we are ready to see our shinny application up and running. At the top right corner we can click on the “Preview” button to execute the page we just created.

Now we can see our app working and saying Hello to World for the first time!

Recap

In this very first lesson, we learnt the basics of Wayfast including how to create a requirement and a Solution, add a Project and configure it, create a Page, add controls to it and execute it. Hopefully this helped to familiarize with the platform and opens world of opportunities to build amazing apps in minutes.

In the subsequent chapters we are going to be reviewing all Wayfast features and explaining them in detail including step by step guides.

Happy coding!