Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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

Info

Definition: A Solution is basically the main containers where your application is going to live during the design time. A solution can contain projects that are Wayfast approach for slicing and reusing features. It’s a key point to build your application and organize your development.

...

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

...

Step 2 - Create a Project

Info

Definition: TBD

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 the “New Project” button to build our first Application.

...

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: ages 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.

...

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

...

Then just click on the “Submit” button to save Control’s settings.

...

Run the App

Now we are ready to see out 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.

...