> For the complete documentation index, see [llms.txt](https://studioguide.dronahq.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://studioguide.dronahq.com/getting-started/typical-workflow.md). # Typical Workflow A generally followed workflow or list of activities to create an app in the DronaHQ Studio. ### Login The user will create a user id and a password to create an account. The user needs to login with the same user id and password for future logins ![](https://lh4.googleusercontent.com/nGPvhsyHnLWd1cQMGlzmmoENpYIJBM9XI5DZfZFOrP1AY2vApQ9qsFm2KvCjFdUraGPN3_Lf3Jc5zXvu7lYz6r_QPAtbh03WWdsmEXVOO0wmq8lfMpGtb0D8f7WIVx-FWmxaETM) ### ### Create a microapp Once you login successfully, you will be able to see an account dashboard, wherein all apps created by your account will be seen. You can Add, Editor Delete these microapps here. To create a new app, you need to click on **‘New App’** tab on top right corner and then click on **‘Create an App’** tab to continue. ![](https://lh4.googleusercontent.com/pIzCfXjHx0Xk1uq56s_AOiMDlEayJ0b8enIUrtXwqt8v-36nQ8hwplRJ_SKDi5PF6W-b4WtHGEhG0zkdvwjeo289As6xpknV3c5KOEm-FKn6cjzHJd70NxyhMfiGyGgcllkdu_M) ### ### **Microapp details** Once you click on the create an app tab, you will be able to see a profile page for the new micro application * You need to add a name to the new app * You need to add a description for the new app * You can choose an icon to represent the app or you can upload an image of your own. Once all details have been filled, click on the **‘Create App’** tab, which will take you to the studio dashboard. ![](https://lh6.googleusercontent.com/S_wJtw5-i-mSBwulWV1KPgJM6dRJmRZGQKnYww-e1U1UVv-6NvtzZ8IXWyX_GNgRY3V_ChJSGeyT_liPYB9klFO75CbNinIs7iTU-PuBGPQnwG5laQOVNhvKUxhfdwcNT5hWMa4) ### ### Create Screen In the studio dashboard, the user will add a screen and also name the screen as desired ![](https://lh4.googleusercontent.com/6dclZMpFdrLN7ZaT7AKGvEl9cE7zzFiUnTSucPAn4Ijyzaxi1_H_3d-TusD0JLB78POxB3WDFHLQILFXF45nnH5Uv5br99id1m9QcjF0kNGcDpa7SAIsZk7kcs8IlVn6IC5nxy8) ### ### Add Controls The user will add desired controls customising each control through its properties ![](https://lh3.googleusercontent.com/q5ct9907jwkVS84oKteHYe7QVlsDi-XDW2cCHB-cipqlLQE1IYY5EjSqix4Q-Q635e7UJsA6PkzqvExbra9Tz3e-fTOclRMrrA1HpAtgF7dKp1xykDryxKaPKDd9lzEYCrvcptw) ### ### Preview The user will preview the created screen in actual size & desired screen size ![](https://lh5.googleusercontent.com/YkBVVoy7zWLfGBa9gC0GHS4p8GhQZ1GAFgKWuaC1anpp83IhnnZjc2MEurRMMFv8akrkyFLop0pCqUK8F5vg_Ck_lX2_mUa4uU0vvpNjN9voqOsD_SjUk566zBqs0gfq4dbg4j0) ### ### Export & Publish Once satisfied, the user will publish the app ![](https://lh3.googleusercontent.com/3fhV33feMKyRQI7i8lnxn7SvJthneuhi-x96sarbXn4s04PhHPan7tiXbCwRSK4p_-q-WSBFD1gy7dclkOm2e_lQJWi9hqTo9PmVAn4E_K6QjaxusCLtpAnobWkHiCaFw5B1Mpw) ### ### Start using the Application User will then download the unified DronaHQ app from the app store / play store and then check on the micro app created