Hi I’m going to show you how SWIFTSPEED-APPCREATOR works and go through the entire process of creating an application. For this tutorial,
First, you have to log in our platform using the button belowLOGIN
That’s what we call, the Editor. At the left, you have five menus, At the right, you have a phone simulator, called Overview. It’s not a real phone, so some features are disabled, but you will be able to see and test your changes, I recommend that you use a personal computer (P.C) or any device with bigger screen so the process can be easier for you.
Then, on the middle, you have five tabs:
Let’s see them one by one in details.
First, you have the “Your Design” section:
Here you can change your template:
I will choose the Red&Co template. It will change the background of the app, some colors, the homepage images and fill the app with some features. If you want to fully customize your app, do not select a template.
You can also change the layout:
The layout is the way the menu will behave. For example, if you want your features displayed in a “grid” with round icons, then choose the Layout 4. For this tutorial, we will use the Layout 6.
Finally, you have “Layout Options“:
It’s customization options for the layout, so it will be different depending on the layout you chose. That’s it for the “Your design” section.
Below, you will have the “Choose your homepage image” section. If you want to have a custom homepage image, then you will have to upload it in six resolutions. Then, you have three options:
Finally, you will have to choose your currency and the font of your app:
The Colors section is where you will customize every colors in your app. There is also a custom scss fields to modify the css in your app.
This menu is pretty straight forward, you click on the color, you change it, the scale at the bottom is the opacity (0 = transparent). Best school here is to play with it, you can see your changes live in the overview.
You can find out more about custom CSS here.
Here is the biggest part of the Editor, that’s where you will add/remove features on your app:
You have two sections, “Your pages” and “Add pages“:
Here you have three sections: “Dashboard Icon“, “Android Push” and “Startup Image“:
Dashboard Icon is the icon displayed on the home of your device.
Here I wanted a custom push icon. I found a gift icon here, I uploaded it on both size (128 and 512), and I change the background color to red. On the right you have a live preview of your new push icon.
“Startup image” is where you will upload a custom startup image. You will be able to see it when you click on the app icon in the home of your device. It’s a loading screen.
Finally, you have the Publication section, where everything related to publication is displayed. The screen content will differ depending on your permissions. Here is the Publication section when the user has access to the source codes:
Here is the publication section when the user has not access to the sources:
In the “General information” tab, you have to fill five fields:
Stores information sections are self-explanatory, it will depend on your way to handle users publication.