|
| 1 | +--- |
| 2 | +title: Quickstart to build your first model-driven app from scratch with PowerApps | Microsoft Docs |
| 3 | +description: Learn how to build a simple model-driven app |
| 4 | +services: '' |
| 5 | +suite: powerapps |
| 6 | +documentationcenter: '' |
| 7 | +author: Mattp123 |
| 8 | +manager: kfile |
| 9 | +editor: '' |
| 10 | +tags: '' |
| 11 | + |
| 12 | +ms.service: powerapps |
| 13 | +ms.workload: na |
| 14 | +ms.tgt_pltfrm: na |
| 15 | +ms.devlang: na |
| 16 | +ms.topic: article |
| 17 | +ms.date: 04/18/2018 |
| 18 | +ms.author: matp |
| 19 | + |
| 20 | +--- |
| 21 | + |
| 22 | +# Quickstart: Build your first model-driven app from scratch |
| 23 | +Model-driven app design is a component-focused approach to app development. In this quickstart, you simplify how to create a model app by using one of the standard entities that's available in your [!INCLUDE [powerapps](../../includes/powerapps.md)] environment. |
| 24 | + |
| 25 | +> [!IMPORTANT] |
| 26 | +> [!INCLUDE [cc-preview-features-definition](../../includes/cc-preview-features-definition.md)] |
| 27 | +
|
| 28 | +## Sign in to PowerApps |
| 29 | +Sign in to [PowerApps](https://web.powerapps.microsoft.com/). If you don’t already have a [!INCLUDE [powerapps](../../includes/powerapps.md)] account, select the **Get started free** link. |
| 30 | + |
| 31 | +## Create your model app |
| 32 | + |
| 33 | +1. Select the environment you want, or go to the [PowerApps admin center](https://admin.powerapps.microsoft.com/) to create a new one. |
| 34 | +2. From the left navigation pane, select **Model-driven**. |
| 35 | + |
| 36 | +  |
| 37 | + |
| 38 | +3. From the left pane, select **Apps**, and then select **Create an app**. |
| 39 | + |
| 40 | +4. On the **Create a New App** page, enter the following details, and then select **Done**: |
| 41 | +* **Name**: Enter a name for the app, such as *Myfirstapp*. |
| 42 | +* **Description**: Type a short description of what the app is or does, such as *This is my first app*. |
| 43 | +For information about the additional app properties, see [Create an app](https://docs.microsoft.com/dynamics365/customer-engagement/customize/create-edit-app#create-an-app). |
| 44 | + |
| 45 | +  |
| 46 | + |
| 47 | +## Add components to your app |
| 48 | +From the app designer you add components to your app. |
| 49 | +1. Select the **Open the Site Map Designer** arrow to open the sitemap designer. |
| 50 | + |
| 51 | +  |
| 52 | + |
| 53 | +2. On the sitemap designer select **New Subarea**, in the right pane select the **Properties** tab, and then select the following properties. |
| 54 | +- **Type**: Entity |
| 55 | +- **Entity**: Account |
| 56 | + |
| 57 | +  |
| 58 | + |
| 59 | +3. Select **Save And Close**. |
| 60 | +4. On the app designer canvas select **Forms**, and then on the right pane under the **Main Forms** group select the **Account** form. |
| 61 | + |
| 62 | +  |
| 63 | + |
| 64 | +5. On the app designer canvas select **Views**, and then select the **Active Accounts**, **All Accounts**, and **My Active Accounts** views. |
| 65 | + |
| 66 | +  |
| 67 | + |
| 68 | +6. On the app designer canvas select **Charts**, and then select the **Accounts by Industry** chart. |
| 69 | +7. On the app designer toolbar, select **Save**. |
| 70 | + |
| 71 | +  |
| 72 | + |
| 73 | +<!-- ## Validate your app |
| 74 | +This step checks for component dependencies that are required for the app to work, but haven't yet been added to the app. |
| 75 | +
|
| 76 | +1. On the app designer canvas, select the component that indicates a dependency, such as the **Forms** component. Then, on the right-pane select the **Required** tab, expand **Entity Dependencies** and then select all required dependencies. |
| 77 | +
|
| 78 | +  |
| 79 | +
|
| 80 | +2. Select **Add Dependencies**. |
| 81 | +3. On the app designer toolbar, select **Save**. --> |
| 82 | + |
| 83 | +## Publish your app |
| 84 | +On the app designer toolbar, select **Publish**. |
| 85 | + |
| 86 | +After publishing the app it's ready for you to run or share with others. |
| 87 | + |
| 88 | + |
| 89 | + |
| 90 | +## Next steps |
| 91 | +In this quickstart, you built a simple model-driven app. To see how your app looks when you run it, see [Quickstart: Run a model-driven app on a mobile device](../../user/run-app-client-model-driven.md). |
| 92 | +To learn how to share your app, continue to the tutorial for how to share a model-driven app [Share a model-driven app](share-model-driven-app.md). |
0 commit comments