...
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.
...
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 we can click on “Submit” button to confirm our options and start building this project.
...
“Select Skin” “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
...
Requirements can be set to active by selecting them on the task list bar and clicking the “Activate” button.
Step 4 - Create a Page
| Info |
|---|
Definition: Pages are the main unit to build User Interfaces in Wayfast. Even if we are building Web Applications or Mobile applications the life of our end users inside our app is going to happen between pages. You can think of a page as an application screen. Pages are made of controls, datasets and actions. The visual structure of a Wayfast page is called layout. It gives Wayfast the ability to place controls in the screen. Layouts are meant to be reused so you can create your own or pick one from the thousands of built-in layouts that come with Wayfast. |
...
So we click on “General Options” icon at the top menu and to “Layout” submenu.
...
Click on “Associate “Add Layout” button and select the “HelloWorld” layout.
...
Now we can see the newly created page in the “Pages” screen
...
Step 5 - Add Controls
| Info |
|---|
Definition: User interface controls are the smallest units that compose Wayfast user experience. It can be buttons, labels, maps, charts or many other amazing elements that can be added to your app to thrill your users |
...
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.
...