Merge pull request #85906 from spelluru/labui0819

new UI for student

Author: GitHubber17

articles/lab-services/TOC.yml

@@ -72,7 +72,7 @@
   items:
   - name: Classroom labs
     items: 
-    - name: Create and configure lab accounts
+    - name: Create and configure lab accounts (lab account owner)
       items:
       - name: Create and manage lab accounts
         href: classroom-labs/how-to-manage-lab-accounts.md
@@ -82,16 +82,14 @@
         href: classroom-labs/how-to-connect-peer-virtual-network.md
       - name: Attach or detach a shared image gallery
         href: classroom-labs/how-to-attach-detach-shared-image-gallery.md
-    - name: Create, configure, and use classroom labs
+    - name: Create and configure classroom labs (teacher)
       items:        
       - name: Create and manage classroom labs
         href: classroom-labs/how-to-manage-classroom-labs.md
       - name: Set up and publish templates
         href: classroom-labs/how-to-create-manage-template.md
       - name: Configure and control usage
         href: classroom-labs/how-to-configure-student-usage.md      
-      - name: Access classroom labs
-        href: classroom-labs/how-to-use-classroom-lab.md
       - name: Create and manage schedules
         href: classroom-labs/how-to-create-schedules.md
       - name: Create an environment with multiple VMs inside a template VM
@@ -102,6 +100,10 @@
         href: classroom-labs/how-to-enable-remote-desktop-linux.md
       - name: Set or reset passwords for virtual machines 
         href: classroom-labs/how-to-set-virtual-machine-passwords.md
+    - name: Connect to VMs in classroom labs (student)
+      items:        
+      - name: Access classroom labs
+        href: classroom-labs/how-to-use-classroom-lab.md        
   - name: DevTest Labs
     items:
     - name: Configure a lab

articles/lab-services/classroom-labs/how-to-use-classroom-lab.md

@@ -13,42 +13,71 @@ ms.tgt_pltfrm: na
 ms.devlang: na
 ms.topic: tutorial
 ms.custom: mvc
-ms.date: 02/07/2019
+ms.date: 08/19/2019
 ms.author: spelluru
 
 ---
 # How to access a classroom lab in Azure Lab Services
-This article describes how to access a classroom lab, connect to the VM in the lab, and stop the VM. 
+This article describes how to register to a classroom lab, view all the labs that you can access, start/stop a VM in the lab, and connect to the VM. 
 
-## Register to a lab
-1. Navigate to the **registration URL** that you received from the professor/educator. 
-2. Sign in to the service using your school account to complete the registration. 
-3. Once registered, confirm that you see the virtual machine for the lab you have access to. 
-2. Wait until the virtual machine is ready, and then **start** the VM. This process takes some time.  
+## Register to the lab
+
+1. Navigate to the **registration URL** that you received from the professor/educator. You don't need to use the registration URL after you complete the registration. Instead, use the URL: [https://labs.azure.com](https://labs.azure.com). Internet Explorer 11 isn't supported yet. 
+1. Sign in to the service using your school account to complete the registration. 
+2. Once registered, confirm that you see the virtual machine for the lab you have access to. 
+3. Wait until the virtual machine is ready. On the VM tile, notice the following fields:
+    1. At the top of the tile, you see the **name of the lab**.
+    1. To its right, you see the icon representing the **operating system (OS)** of the VM. In this example, it's Windows OS. 
+    1. You see icons/buttons at the bottom of the tile to start/stop the VM, and connect to the VM. 
+    1. To the right of the buttons, you see the status of the VM. Confirm that you see the status of the VM is **Stopped**.
+
+        ![VM in stopped state](../media/tutorial-connect-vm-in-classroom-lab/vm-in-stopped-state.png)
+
+## Start to stop the VM
+1. **Start** the VM by selecting the first button as shown in the following image. This process takes some time.  
 
     ![Start the VM](../media/tutorial-connect-vm-in-classroom-lab/start-vm.png)
+4. Confirm that the status of the VM is set to **Running**. 
+
+    ![VM in running state](../media/tutorial-connect-vm-in-classroom-lab/vm-running.png)
+
+    Notice that the icon of the first button changed to represent a **stop** operation. You can select this button to stop the VM. 
+
+## Connect to the VM
+
+1. Select the second button as shown in the following image to **connect** to the lab's VM. 
+
+    ![Connect to VM](../media/tutorial-connect-vm-in-classroom-lab/connect-vm.png)
+2. Do one of the following steps: 
+    1. For **Windows** virtual machines, save the **RDP** file to the hard disk. Open the RDP file to connect to the virtual machine. Use the **user name** and **password** you get from your educator/professor to sign in to the machine. 
+    3. For **Linux** virtual machines, you can use **SSH** or **RDP** (if it's enabled) to connect to them. For more information, see [Enable remote desktop connection for Linux machines](how-to-enable-remote-desktop-linux.md). 
+
+## Progress bar 
+The progress bar on the tile shows the number of hours used against the number of [quota hours](how-to-configure-student-usage.md#set-quotas-for-users) assigned to you. This time is the additional time allotted to you in addition to the scheduled time for the lab. The color of the progress bar and the text under the progress bar varies as per the following scenarios:
+
+- If a class is in progress (within the schedule of the class), progress bar is greyed out to represent quota hours aren't being used. 
+
+    ![Progress bar in gray color](../media/tutorial-connect-vm-in-classroom-lab/progress-bar-class-in-progress.png)
+- If a quota isn't assigned (zero hours), the text **Available during classes only** is shown in place of the progress bar. 
+    
+    ![Status when no quota is set](../media/tutorial-connect-vm-in-classroom-lab/available-during-class.png)
+- If you ran **out of quota**, the color of the progress bar is **red**. 
+
+    ![Progress bar in red color](../media/tutorial-connect-vm-in-classroom-lab/progress-bar-red-color.png)
+- The color of the progress bar is **blue** when it's outside the scheduled time for the lab and some of the quota time has been used. 
+
+    ![Progress bar in blue color](../media/tutorial-connect-vm-in-classroom-lab/progress-bar-blue-color.png)
 
 
 ## View all the classroom labs
 After you register to the labs, you can view all the classroom labs by taking the following steps: 
 
-1. Navigate to [https://labs.azure.com](https://labs.azure.com). Note that Internet Explorer 11 is not supported yet. 
+1. Navigate to [https://labs.azure.com](https://labs.azure.com). Internet Explorer 11 isn't supported yet. 
 2. Sign in to the service by using the user account that you used to register to the lab. 
 3. Confirm that you see all the labs you have access to. 
 
     ![View all labs](../media/how-to-use-classroom-lab/all-labs.png)
 
-## Connect to the virtual machine in a classroom lab
-
-1. Start the VM if it's not already started, select **Start** on the tile. 
-2. Select **Connect** on the tile that represents the virtual machine of the lab that you want to access. 
-3. Do one of the following steps: 
-   1. For **Windows** virtual machines, save the **RDP** file to the hard disk. Open the RDP file to connect to the virtual machine. Use the **user name** and **password** you get from your educator/professor to log in to the machine. 
-   3. For **Linux** virtual machines, copy and save the SSH connection string on the **Connect to your virtual machine** dialog box. Use this connection string from an SSH terminal (like [Putty](https://www.putty.org/)) to connect to the virtual machine.
-
-## Stop the virtual machine in a classroom lab
-
-To stop your VM, select **Stop** on the tile. When the VM is stopped, the **Start** button on the tile is enabled. 
 
 ## Next steps
 See the following articles:

articles/lab-services/classroom-labs/tutorial-connect-virtual-machine-classroom-lab.md

@@ -13,7 +13,7 @@ ms.tgt_pltfrm: na
 ms.devlang: na
 ms.topic: tutorial
 ms.custom: mvc
-ms.date: 01/17/2019
+ms.date: 08/19/2019
 ms.author: spelluru
 
 ---
@@ -23,21 +23,37 @@ In this tutorial, you, as a student, connect to a virtual machine (VM) in a clas
 In this tutorial, you do the following actions:
 
 > [!div class="checklist"]
-> * Use registration link 
-> * Connect to the virtual machine
+> * Register to the lab
+> * Start the VM
+> * Connect to the VM
 
-## Use the registration link
+## Register to the lab
 
-1. Navigate to the **registration URL** that you received from the professor/educator. You don't need to use the registration URL after you complete the registration. Instead, use the URL: [https://labs.azure.com](https://labs.azure.com). Note that Internet Explorer 11 is not supported yet. 
+1. Navigate to the **registration URL** that you received from the professor/educator. You don't need to use the registration URL after you complete the registration. Instead, use the URL: [https://labs.azure.com](https://labs.azure.com). Internet Explorer 11 isn't supported yet. 
 1. Sign in to the service using your school account to complete the registration. 
 2. Once registered, confirm that you see the virtual machine for the lab you have access to. 
-3. Wait until the virtual machine is ready, and then **start** the VM. This process takes some time.  
+3. Wait until the virtual machine is ready. On the VM tile, notice the following fields:
+    1. At the top of the tile, you see the **name of the lab**.
+    1. To its right, you see the icon representing the **operating system (OS)** of the VM. In this example, it's Windows OS. 
+    1. The progress bar on the tile shows the number of hours used against the number of [quota hours](how-to-configure-student-usage.md#set-quotas-for-users) assigned to you. This time is the additional time allotted to you in addition to the scheduled time for the lab. 
+    1. You see icons/buttons at the bottom of the tile to start/stop the VM, and connect to the VM. 
+    1. To the right of the buttons, you see the status of the VM. Confirm that you see the status of the VM is **Stopped**. 
+
+        ![VM in stopped state](../media/tutorial-connect-vm-in-classroom-lab/vm-in-stopped-state.png)
+
+## Start the VM
+1. **Start** the VM by selecting the first button as shown in the following image. This process takes some time.  
 
     ![Start the VM](../media/tutorial-connect-vm-in-classroom-lab/start-vm.png)
+4. Confirm that the status of the VM is set to **Running**. 
+
+    ![VM in running state](../media/tutorial-connect-vm-in-classroom-lab/vm-running.png)
+
+    Notice that the icon of the first button changed to represent a **stop** operation. You can select this button to stop the VM. 
 
-## Connect to the virtual machine
+## Connect to the VM
 
-1. Select **Connect** on the tile for the virtual machine of the lab that you want to access. 
+1. Select the second button as shown in the following image to **connect** to the lab's VM. 
 
     ![Connect to VM](../media/tutorial-connect-vm-in-classroom-lab/connect-vm.png)
 2. Do one of the following steps: