You wish to start your first application on your own? Here is a quick 10 steps tutorial to guide you from application creation to testing on mobile.
This tutorial describes the most important things to have a good start on Make me Droid, after what you will easily learn on your own using the application designer.
1 - Creating the application
1/10
From your Make me Droid account, create a new application based on an empty template.
After the application is created, click on its icon and choose your own icon from your computer.
Finally, click on the Make your application button to start building screens in the designer.
2 - The main screen
2/10
Applications are made of screens linked to each others using actions. By default, a list screen is already in the application.
Let's start building screens: in the list screen described above, add 2 items clicking on New item.
Then, edit list content, renaming the first item to My picture gallery and the second one to Messaging. Change icons and descriptions the way you want.
3 - A picture gallery
3/10
Add a new screen using the Add a screen button. Select Picture gallery and name the screen Gallery then confirm.
This template-screen contains a default picture gallery, but you can edit it the way you want.
To add a picture, click on the gallery item (after what you can see Picture gallery properties on the side), then add a picture control using the button. For more information about page layout, check our custom layout guide.
4 - App-integrated messaging
4/10
We are about to embed a messaging feature in the application, so that users can talk to each others and to you. Create a new Messaging screen and name it Messaging.
You don't have anything else to change on this screen for now. Messaging works on its own automatically.
5 - Link screens together
5/10
When your application starts, the first screen displayed (excepted the welcome screens) is the screen you define as the initial screen using the appropriate button in the designer. By default, our list is already the initial screen, so you don't have anything to change here.
We now want to show the gallery when a user clicks on the first item of the main menu. And for the second item, we want to display the messaging screen. For that, we will define actions on those items. Note that actions can be of various nature: show a screen, open a web page, play a sound...
Come back to the list screen (the one we have edited at the beginning) and click on the icon of the first item (My picture gallery). The action editor then shows up. Select action Show a screen then Gallery. Click on Set action to confirm.
Do the same for the Messaging item. You then get a screen that looks like the following one (note the Show screen actions):
6 - Shortcuts
6/10
The shortcut bar is located at the bottom of all screens. It remains identical on every screen of the application. In our tutorial, we will put 4 shortcuts on it: Home, Gallery, Messaging and Website.
If the shortcut bar doesn't have 4 items yet, add new ones clicking on the buttons.
For each shortcut, choose a picture and give it a short title.
Each shortcut then has to be associated with an action the same way we did previously. Link the Home, Gallery and Messaging shortcuts to their related screens. Then, link the Website item to an Open web page action. Item actions are available through their icons.
7 - A bit of customization
7/10
The Customize button opens a menu that lets you change application appearance. Changes done in this panel are global to the whole application. Some of the screens also have access to individual screen customization.
Open that customization menu, and choose the Dark theme then apply.
Then, in Main area section, click on the background picture to choose your own picture (preferably dark) from your computer. Set its transparency to 70%.
If you wish, you can play for a while with other customization values. The result shows in real time in the designer after you click on Close.
8 - Saving and generating
8/10
Layout for our first application is already over.
Now click on Save to save your changes. After that, go back to your account page clicking on Back to application panel.
Your application now has to be generated, meaning that the tool will make an Android executable for you, similar to what exists on Windows with applications an installers. This is the file from which the applications can be installed. This file, named APK, will then be used to publish the application on Google play and make it available world wide.
From your application page, click on Generate the application then wait for a while and you will get the generated APK file.
9 - Application testing
9/10
No matter if you own a real smartphone or use the Android simulator we provide, you can test your application looking at the application testing guide that will let you know how to launch your application for real.
Note that after you proceed to this manual installation once, most of the time you will use the update system that makes you save time.
10 - Putting application online on Google Play
10/10
Your application is now ready and tested? Your last step is then to publish it to the Google Play market reading our Publish on the Android Market guide!