From 143c2af4c890bb7330fb0259765cd04bb54ee368 Mon Sep 17 00:00:00 2001
From: zbyosufzai <145053952+zbyosufzai@users.noreply.github.com>
Date: Fri, 5 Apr 2024 00:21:11 -0400
Subject: [PATCH] added images to extramural_login.md
---
docs/extramural_login.md | 89 ++++++++++++++++++++++++++--------------
1 file changed, 58 insertions(+), 31 deletions(-)
diff --git a/docs/extramural_login.md b/docs/extramural_login.md
index 9aef66d..1e057e4 100644
--- a/docs/extramural_login.md
+++ b/docs/extramural_login.md
@@ -11,77 +11,97 @@ Follow the steps in this document to access your Azure Cloud Lab account for the
## Section 1 of 4 – Launch the Account Set Up Process - *Takes about 2 minutes*
1. Look through your inbox for an automated email from Microsoft Invitations on behalf of the National Institutes of Health. Open the email and copy your personalized invitation link (outlined in red below).*Note: If you can’t find the email, check your junk or spam folders before contacting CloudLab@nih.gov.*
- ![Open Email](/docs/images/AZ_gm_1.png)
+
+ ![Microsoft email with invitation link in red outline](/docs/images/AZ_gm_1.png)
2. Paste the link into an incognito or private browser (you may experience login issues if you don’t use an incognito or private browser). If an **NIH login screen** opens (below left), follow the steps in [Version A of the next section](#sec2a) of this document. If a **Microsoft login screen** opens (below right), follow the steps in [Version B of the next section](#sec2b) of this document.
-
-## Section 2 of 4 – Version A – Confirm Your Identity *– Takes about 2 minutes*
+ ![NIH login screen on the left and Microsoft login screen on the right](/docs/images/AZ_gm_2.png)
+
+## Section 2 of 4 – Version A – Confirm Your Identity – *Takes about 2 minutes*
*Follow these instructions if your invitation link took you to an NIH login screen.*
1. Enter your university or institution email address and click "Next". Then, follow the prompts to sign in with your standard university or institution username and password.
- [image]
+
+ ![Signin message on the left and redirect message on the right ](/docs/images/AZ_gm_3.png)
2. If you are directed to a "More information required screen", click the "Next" button.
- [image]
+
+ ![More info require screen with next button outlined in red](/docs/images/AZ_gm_4.png)
3. [Skip to Section 3](#sec3), and follow the steps to set up the Microsoft Authenticator mobile app.
-## Section 2 of 4 – Version B – Confirm Your Identity *– Takes about 2 minutes*
+
+## Section 2 of 4 – Version B – Confirm Your Identity - *Takes about 2 minutes*
*Follow these instructions if your invitation link took you to a Microsoft login screen. Please note that these steps may look slightly different if your account has been linked with Microsoft in the past.*
-1. Enter the email address you used to submit the Cloud Lab Account Request Form and click "Next" (first image below). You will likely receive a message that the account doesn’t exist – that’s normal! Click the "Create one" link (second image below). *Note: If you already have a Microsoft account tied to the email address you used to submit the Account Request Form, follow the prompts to log in with your Microsoft password and then jump to the last few steps in this section.*
- [image]
+1. Enter the email address you used to submit the Cloud Lab Account Request Form and click "Next" (first image below). You will likely receive a message that the account doesn’t exist – that’s normal! Click the "Create one" link (second image below). *Note: If you already have a Microsoft account tied to the email address you used to submit the Account Request Form, follow the prompts to log in with your Microsoft password and then jump to [the last few steps in this section](#sec2b_perms).*
+
+ ![example of known email on the left and example of unrecognized email to the right](/docs/images/AZ_gm_5.png)
2. If prompted, create a password for your new Microsoft account and then click "Next".
- [image]
+
+ ![Prompt for password](/docs/images/AZ_gm_6.png)
3. If prompted, provide your first and last name. Then click "Next".
- [image]
+
+ ![Prompt for first and last name](/docs/images/AZ_gm_7.png)
4. Check your email for a confirmation code (if you don’t see it, check your junk or spam folders). Copy the code, return to the Microsoft login screen, enter the code where prompted, uncheck the promotional email option, and click "Next".
- [image]
+
+ ![Verify email prompt to enter code outlined in red](/docs/images/AZ_gm_8.png)
5. If prompted, complete any additional verification steps. When you’re done, you may see a confirmation notice on screen. If prompted, advance to the next screen.
- [image]
+ ![Verification complete confirmation](/docs/images/AZ_gm_9.png)
-6. If prompted, accept the permissions requested by the National Institutes of Health. This will enable us to move cloud credits into your account.
- [image]
+6. If prompted, accept the permissions requested by the National Institutes of Health. This will enable us to move cloud credits into your account.
+
+ ![Additional permissions request with accept button outlined in red](/docs/images/AZ_gm_10.png)
7. If you are directed to a "More information required screen", click the "Next" button.
- [image]
+
+ ![Prompt for additional info with next button outlined in red](/docs/images/AZ_gm_11.png)
-8. [Advance to Section 3](#sec3), and follow the steps to set up the Microsoft Authenticator mobile app.
+8. Advance to [Section 3](#sec3), and follow the steps to set up the Microsoft Authenticator mobile app.
## Section 3 of 4 – Set Up the Microsoft Authenticator Mobile App – *Takes about 5 minutes*
*To keep the NIH environment safe for all researchers, Cloud Lab participants must use the Microsoft Authenticator mobile app to confirm their login attempts. **Please note that the next few steps switch back and forth between your personal or work smartphone and your computer.***
1. **On your computer:** At this point, you should see a "Keep your account secure" message on your screen. You can disregard this message for now and move to the next step.
- [image]
+
+ ![Install Microsoft Authenticator app message](/docs/images/AZ_gm_12.png)
2. **On your smartphone:** Check whether you have the Microsoft Authenticator mobile app installed on your personal or work smartphone. If you don’t already have it, use the App Store or Google Play to install it.
- [image]
+
+ ![App store image to the left and Google Play imgae to the right](/docs/images/AZ_gm_13.png)
3. **On your computer:** Once the app is installed on your smartphone, click the “Next” button on your computer screen.
- [image]
+
+ ![Install Microsoft Authenticator app message with next outlined](/docs/images/AZ_gm_14.png)
4. **On your smartphone:** Open the Microsoft Authenticator mobile app (first image below), accept any permissions, and skip any welcome messages until you’re at the home screen. Click the "+" sign (second image below) and then select the "Work or school account" option (third image below). In the menu that opens, select "Scan a QR code" (last image below), which will open your smartphone’s camera.
- [image]
+
+ ![Series of images showing how to add a work account on the authenticator app](/docs/images/AZ_gm_15.png)
5. **On your computer:** Click the "Next" button. A QR code should appear on your computer screen (second image below).
- [image]
+
+ ![Set up work account message with next outlined in red on the left and QR code image on the right](/docs/images/AZ_gm_16.png)
6. **On your smartphone:** Use your camera to scan the QR code.
7. **On your computer:** Click the "Next" button. A "Let’s try it out" message should appear on your computer screen (second image below).
- [image]
+
+ ![App image to enter in code with yes outlined in red](/docs/images/AZ_gm_17.png)
8. **On your smartphone:** A notification should appear prompting you to confirm the login attempt. Enter the number from your computer screen into the Microsoft Authenticator app notification window and tap "Yes".
- [image]
+
+ ![QR code image with next outlined in red on the left and Lets try it out message with one time code on the right](/docs/images/AZ_gm_18.png)
9. **On your computer:** A “Notification approved” message should appear. Click the "Next" button and then click "Done".
- [image]
+
+ ![Notification approved message with next outlined on left and success message with done outlined in red on right](/docs/images/AZ_gm_19.png)
10. **On your computer:** A Cloud Lab terms of use screen should appear. Click the document title to open and review it. Then click “Accept.” After accepting the terms of use, you may be redirected to an “Apps dashboard” screen (second image below). Disregard this screen and move to the [final section](#sec4) of this document.
- [image]
+
+ ![Term of use image with accept outlined in red on left and apps dashboard image on right ](/docs/images/AZ_gm_20.png)
## Section 4 of 4 – Access Your Cloud Lab Account – *Takes about 1 minute*
*Congratulations! At this point, your account is set up, and you’re ready to log in. In the future, repeat the steps in this section each time you want to access your Cloud Lab account.*
@@ -91,16 +111,23 @@ Follow the steps in this document to access your Azure Cloud Lab account for the
1. Launch the Azure portal by visiting [portal.azure.com](https://portal.azure.com/). If a login screen opens, sign in with the credentials you used to set up your account (either your university/institution username and password or your Microsoft username and password).
2. If your computer prompts you to approve the sign in attempt (first image below), enter the code that appears on your computer screen into the Microsoft Authenticator notification that pops up on your smartphone and then tap “Yes” (second image below).
- [image]
+
+ ![Approve sign with code message on the left and prompt for one time code on the right on app](/docs/images/AZ_gm_21.png)
-3. You should now arrive at the Azure homepage. You can cancel or advance through any welcome content.
- [image]
+3. You should now arrive at the Azure homepage. You can cancel or advance through any welcome content.
+
+ ![Azure univerisity homepage](/docs/images/AZ_gm_22.png)
4. Check the area to the left of your profile icon under your username. If this area is blank or contains your university or institution’s name, click your profile icon and select the "Switch directory" option.
-*Note: If this area already says "National Institutes of Health", you are all set and ready to use your account.*
+
+ *Note: If this area already says "National Institutes of Health", you are all set and ready to use your account.*
+
+ ![Azure homepage with univeristy name and switch directory outlined iin red](/docs/images/AZ_gm_23.png)
5. In the list of directories toward the bottom of the screen, find the "National Institutes of Health" option and click the "Switch" button next to it.
- [image]
+
+ ![Azure directories with switch outlined in red](/docs/images/AZ_gm_24.png)
6. Once you see "National Institutes of Health" listed next to your profile icon at the top right of the screen, you are all logged in and ready to use your $500 of Cloud Lab credits. Check out our [Azure Jumpstart page](https://cloud.nih.gov/resources/cloudlab/azure-jumpstart/) for ideas on what to do next!
- [image]
+
+ ![Azure NIH homepage](/docs/images/AZ_gm_25.png)