Update images and procedure for sapui5-101-create-project

Author: cjbernal

tutorials/sapui5-101-create-project/FLPTutorial.png

@@ -34,32 +34,30 @@ time: 15
 
 Make sure you are connected to a Cloud Foundry endpoint to which you will deploy the SAPUI5 application later.
 
-1. First, you need to log on to Cloud Foundry. To do that, start the command palette from the menu **View > Find Command**, search for **cf:login**, and select the command **CF:Login to Cloud Foundry**.
-
-    <!-- border -->![logonCFcommand](./logonCFcommand.png)
+1. First, you need to log on to Cloud Foundry. To do that, start the command palette from the menu **View > Command Palette...**, search for **cf:login**, and select the command **CF:Login to Cloud Foundry**.
 
+    <!-- border -->![cloudFoundryLogin](./cloudFoundryLogin.png)
 
 2. Enter the Cloud Foundry endpoint you want to use. Enter your email and your password to proceed.
 
-    <!-- border -->![selectEndpoint](./selectEndpoint.png)
+    <!-- border -->![connectedEndpoint](./connectedEndpoint.png)
 
-3. Next, you need to select the Cloud Foundry Organization and space you want use. You will see messages in the lower right hand corner indicating that you are connected to the endpoint once these prompts have been answered.
 
-    <!-- border -->![connectedEndpoint](./connectedEndpoint.png)
+3. You might need to select the Cloud Foundry Organization and space you want use. If the **Select Cloud Foundry Organization** and **Select Cloud Foundry Space** dropdowns are empty, you can skip this and proceed to the next step. Otherwise, you will see messages in the lower right hand corner indicating that you are connected to the endpoint once these prompts have been answered.
 
 
 ### Create a new project
 
 SAP Fiori tools includes an Application Generator that provides a wizard-style approach for creating applications.
 
-1. First, you need to select the workspace for your project by choosing from menu **File** > **Open Workspace** and select **projects** folder.
+1. First, you need to select the workspace for your project by choosing from menu **File** > **Open Folder** and select **projects** folder.
 
-2. To launch the Application Generator, start the command palette from the menu item **View** > **Find Command**, search for **`fiori generator`**, and select the command **Fiori: Open Application Generator**
+2. To launch the Application Generator, start the command palette from the menu item **View** > **Command Palette...**, search for **`fiori generator`**, and select the command **Fiori: Open Application Generator**
 
 
-3. Specify the application type **SAPUI5 freestyle** and the floor plan **SAPUI5 Application** and go to the **Next** screen.
+3. Specify the template type **SAP Fiori** and the **Basic** template and go to the **Next** screen.
 
-    <!-- border -->![sapui5Template](./sapui5app.png)
+    <!-- border -->![sapui5Template](./basicTemplate.png)
 
 4. Now you have the option to connect your SAPUI5 application to a data source. Select **Connect to an OData Service** and enter the following service URL **`https://services.odata.org/V2/Northwind/Northwind.svc/`** before you click **Next**.
 
@@ -86,19 +84,20 @@ SAP Fiori tools includes an Application Generator that provides a wizard-style a
 
 Running your application has several advantages over deploying it. Among others, it's faster, doesn't require a "build" step and won't minify your JavaScript codebase.
 
-1. To run the pre-generated run configuration, switch to the **Run Configuration** panel on the left-hand bar. Click on the **▶** icon of the first run configuration to add start the SAPUI5 app.
+1. To run the pre-generated run configuration, switch to the **Run Configuration** panel on the left-hand bar. Click the **Create configuration** button and then selection your project `sapui5`. Another window will open for further configuration. Select `test/flpSandbox.html` for the **File** for your configuration and then click **Save**. 
 
-    <!-- border -->![run](./run.png)
+2. Click on the **▶** icon of the first run configuration to add start the SAPUI5 app.
 
+    <!-- border -->![run](./run.png)
 
-2. Now the SAP Business Application Studio will start the app. When the toast message appears in the lower right hand corner, click **Open** to make the local port accessible for debugging.
 
-    <!-- border -->![expose](./expose.png)
+2. A new tab should open that displays a launchpad with sample apps, as well as your `Tutorial` app.
 
+    <!-- border -->![tutorialAppFLP](./FLPTutorial.png)
 
-3. A new tab should open that displays the following page.
+Click the tile for your **Tutorial** app. You should see the following page:
 
-    <!-- border -->![running](./running.png)
+   <!-- border -->![running](./running.png)
 
 
 ### Inspect the application network trace